Gerador de Temas Bootstrap 5

Crie temas personalizados Light/Dark com base em suas cores favoritas

Configurações do Tema

Cor Principal

Modo do Tema

Light Dark

Paleta Gerada

Preview do Tema

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Este é um parágrafo lead com texto destacado.

Parágrafo normal com um link e texto em negrito.

Esta é uma mensagem de alerta informativa!

Card Header

Card Título

Exemplo de card com texto e botão. Os cards são componentes flexíveis.

Ação

Card Footer

Card Colorido

Título Especial

Card com background colorido usando a cor primária do tema.

#	Nome	Email	Status
1	João Silva	joao@email.com	Ativo
2	Maria Santos	maria@email.com	Pendente
3	Pedro Costa	pedro@email.com	Inativo

Formulário Completo

Nome Completo

Senha

Idade

País

Data de Nascimento

Upload de Arquivo

Mensagem

Satisfação: 50%

Cor Favorita

Interesses

Tecnologia

Design

Marketing

Plano

Básico

Profissional

Enterprise

Receber newsletter por email

Ativar notificações

Rede Social

Email (Floating)

Seleção (Floating)

CSS Gerado

/* Clique em "Gerar Tema" para criar seu CSS personalizado */