Schéma de couleurs unique pour une catégorie

Dev
2

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

Si tu n’as jamais travaillé avec les thèmes et le développement de Discourse, je te conseille de commencer par les ressources suivantes :

Par exemple, tu peux modifier le logo, la couleur de l’en-tête et même la couleur des icônes pour une catégorie spécifique à l’aide de code CSS comme celui-ci :

.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 tu crées simplement un nouveau thème, tu peux ajouter du code et télécharger les logos en tant qu’actifs. <category-slug> correspond au nom de la catégorie en minuscules qui apparaît dans la barre d’URL du navigateur (sépare les catégories parentes et les sous-catégories avec des tirets “-”, comme dans parentcategory-souscategorie.

Il existe également divers composants de thème de personnalisation comme celui-ci que tu peux rechercher :