# Maux de tête de variable de propriété de couleur SCSS

**URL:** <https://meta.discourse.org/t/scss-color-property-variable-headaches/278711>\
**Category:** Development\
**Created:** [Septembre 12, 2023, 12:37 UTC](https://meta.discourse.org/t/scss-color-property-variable-headaches/278711 "2023-09-12T12:37:00Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)\
**Post date:** [Septembre 12, 2023, 12:57 UTC](https://meta.discourse.org/t/scss-color-property-variable-headaches/278711/3 "2023-09-12T12:57:08Z")

</div>

Oui, mais dès que je mets les variables dans un fichier settings.yml comme ceci, cela ne fonctionne pas pour moi. J’obtiens une erreur disant `$color n'est pas une couleur` même si je n’utilise pas de variable $color ici. Je suppose donc que cela pourrait être lié à une interpolation que je ne comprends pas.

```yaml
header_color:
  type: string
  default: ""
  description: 
    en: "..."

transparency:
  type: string
  default: ""
  description: 
    en: "..."

```

Dans mon esprit, cela semble concerner la façon dont le CSS est compilé. Les variables fonctionnent lorsqu’elles sont déclarées au moment de l’exécution du CSS, mais pas dynamiquement via un fichier settings.yml séparé. 🤔

ceci ne fonctionne pas non plus :

```scss
.d-header {
    background: rgba(#{$header_color}, #{$transparency});
}

```

---

_[View the full topic](https://meta.discourse.org/t/scss-color-property-variable-headaches/278711)._