# 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:** 3

<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 18:39 UTC](https://meta.discourse.org/t/css-element-based-on-color-scheme-selected/242218/3 "2022-10-18T18:39:22Z")

</div>

> [@Don](#):
>
> ```plaintext
> .d-header-icons .d-icon {
> width: 100%;
> line-height: 1.4;
> display: inline-block;
> color: var(--secondary);
> @media (prefers-color-scheme: dark) {
> color: var(--secondary-low);
> }
> }
> 
> ```

Danke für die Anleitung.

Das scheint genau das zu sein, was ich tun möchte (nur die Header-Symbole ändern, nicht alle Elemente mit der Farbe `--secondary`). Eine letzte Frage … das funktioniert, wenn das Theme als Dark-Mode-Theme eingestellt ist und der Dark-Mode vom Betriebssystem aktiviert wird, aber nicht, wenn das Dark-Mode-Theme als „reguläres“ Theme gewählt wird. Irgendwelche Vorschläge dazu?

---

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