# Schéma de couleurs unique pour une catégorie

**URL:** <https://meta.discourse.org/t/unique-color-scheme-for-a-category/278084>\
**Category:** Development\
**Created:** [Septembre 6, 2023, 9:15 UTC](https://meta.discourse.org/t/unique-color-scheme-for-a-category/278084 "2023-09-06T21:15:14Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Rhababo](https://avatars.discourse-cdn.com/v4/letter/r/5fc32e/32.png) [@Rhababo](https://meta.discourse.org/u/Rhababo)\
**Post date:** [Septembre 6, 2023, 9:15 UTC](https://meta.discourse.org/t/unique-color-scheme-for-a-category/278084/1 "2023-09-06T21:15:15Z")

</div>

Salutations.

Je suis en train de migrer un ancien forum vers Discourse, et le site d’origine avait un thème unique (y compris un logo d’en-tête unique) pour l’une de ses catégories.

Ma solution actuelle est un composant de thème qui ressemble à ceci :

**CSS :**

```css
body.category-target-category{
///remplacez les #hexcodes par les valeurs de couleur de votre choix
  --primary: #primaryhexcode;
  --secondary: #secondaryhexcode;
  --tertiary: #tertiaryhexcode;
///continuez pour toutes les valeurs de couleur requises
}

```

**HTML/JS :**

```html
<script type="text/discourse-plugin" version="0.2.0">
    api.onPageChange(() =>{
        var logo = document.getElementById("site-logo");
        var categories = document.getElementsByClassName("category-target-category");
        if(categories.length > 0)
        {
           logo.src = "category-specific-logo-url";
        }
        else
        {
            logo.src = "standard-logo-url";
        }
    });
</script>

```

Actuellement, je dois itérer sur toutes les valeurs de couleur possibles mentionnées dans [color\_definitions.scss](https://github.com/discourse/discourse/blob/30528eac5cbead70e751f25030573befa32ea50f/app/assets/stylesheets/color_definitions.scss) afin de les remplacer. Je pense que les valeurs de ce fichier sont produites par [foundation/color\_transformations.scss](https://github.com/discourse/discourse/blob/main/app/assets/stylesheets/common/foundation/color_transformations.scss), qui les génère à partir des valeurs trouvées dans [foundation/colors.scss](https://github.com/discourse/discourse/blob/main/app/assets/stylesheets/common/foundation/colors.scss). Je sais que vous pouvez remplacer les valeurs du thème de couleur racine soit via le menu administrateur, soit dans le fichier about.json du composant de thème, mais je crois que ces modifications s’appliquent à l’ensemble du site.

Existe-t-il un moyen plus efficace de personnaliser une catégorie spécifique sans avoir à lister toutes les plus de 100 variables de color\_definitions.scss ? Par exemple, le fichier foundation/colors.scss peut-il être modifié via un composant de thème ?

Merci de votre aide !

---

_[View the full topic](https://meta.discourse.org/t/unique-color-scheme-for-a-category/278084)._