# CSS-Element basierend auf ausgewählter Farbpalette

**URL:** <https://meta.discourse.org/t/css-element-based-on-color-scheme-selected/242218>\
**Category:** Development\
**Tags:** css\
**Created:** [18. Oktober 2022 um 15:49 UTC](https://meta.discourse.org/t/css-element-based-on-color-scheme-selected/242218 "2022-10-18T15:49:30Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![agf1997](https://avatars.discourse-cdn.com/v4/letter/a/977dab/32.png) [@agf1997](https://meta.discourse.org/u/agf1997)\
**Post date:** [18. Oktober 2022 um 15:49 UTC](https://meta.discourse.org/t/css-element-based-on-color-scheme-selected/242218/1 "2022-10-18T15:49:30Z")

</div>

Ich versuche herauszufinden, wie man die Farbe eines Elements basierend auf dem ausgewählten Farbschema festlegt. Das Folgende funktioniert gut für meinen Hellmodus, aber nicht so gut für meinen Dunkelmodus.

```plaintext
.d-header-icons .d-icon {
	width: 100%;
	line-height: 1.4;
	display: inline-block;
	color: var(--secondary);
}

```

Ich würde es für den Dunkelmodus bevorzugen.

```plaintext
color: var(--secondary-low)

```

Das funktioniert gut für den Dunkelmodus, aber nicht für den Hellmodus. Gibt es eine Möglichkeit, den Wert von `color:` basierend auf dem ausgewählten Farbschema anzupassen?

---

_[View the full topic](https://meta.discourse.org/t/css-element-based-on-color-scheme-selected/242218)._