Esquema de cores único para uma categoria

Dev
2

Olá @Rhababo :wave: bem-vindo ao Meta :slight_smile:

Se você ainda não trabalhou com temas e desenvolvimento no Discourse, recomendo começar com os recursos aqui:

Além disso, por exemplo, você pode alterar o logotipo, a cor do cabeçalho e até as cores dos ícones de uma categoria específica usando código CSS, algo como:

.category-<category-slug> .d-header {
    background: rgba(#ce0303, 0.90);
    .d-header-icons .d-icon  {
        color: #cccccc;
    }
    .header-sidebar-toggle button .d-icon {
        color: #cccccc;
        &:hover {
            color: #999999;
        }
    }
}    
    
.category-<category-slug> .d-header #site-logo.logo-small {
	content:url($small-logo);
}

.category-<category-slug> .d-header #site-logo.logo-big {
	content:url($big-logo);
}

Se você simplesmente criar um novo tema, poderá adicionar o código e fazer o upload dos logotipos como ativos. <category-slug> é o nome da categoria em letras minúsculas que aparece no campo de URL do navegador (separe categorias pai e subcategorias com traços “-”, como em parentcategory-subcategory.

Também existem vários componentes de tema de personalização como este que você pode pesquisar: