[Dica CSS] Como mudar as cores do seu tema sem estragar o código

Muita gente tem medo de mexer no visual do fórum e "quebrar" o site. Mas mudar as cores principais é mais fácil do que parece.

A ferramenta mágica: Inspecionar Elemento. No Chrome ou Firefox, cliquem com o botão direito na parte que querem mudar (ex: o menu) e escolham "Inspecionar".

Vocês vão ver a regra CSS (ex: .main_menu { background: #000; }).

Onde aplicar a mudança no SMF: Não editem o arquivo index.css diretamente se não precisarem. A maioria dos temas modernos tem uma área nas configurações chamada "Custom CSS" (CSS Personalizado).

Colem a vossa mudança lá:

Código Selecionar Expandir

/* Exemplo para mudar o fundo do topo para Azul */
.header {
   background-color: #2563EB;
}
Vocês costumam criar os vossos próprios temas ou apenas editam os que baixam da internet?