Schéma de couleurs unique pour une catégorie

Dev
2

Salut @Rhababo :wave: bienvenue sur Meta :slight_smile:

Si vous n’avez pas travaillé avec les thèmes et le développement de Discourse, je commencerais par les ressources ici :

De plus, par exemple, vous pouvez changer le logo et la couleur de l’en-tête et même les couleurs des icônes pour une catégorie spécifique avec du code CSS comme ceci :

.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);
}

Si vous créez simplement un nouveau thème, vous pouvez ajouter du code et télécharger les logos en tant qu’assets. <category-slug> est le nom de la catégorie en minuscules qui apparaît dans le champ URL du navigateur (séparez les catégories parentes et les sous-catégories avec des tirets, comme dans categorie-parente-sous-categorie).

Il existe également divers Theme component’s comme celui-ci que vous pourriez rechercher