# Shopware sass variablen durch @media verändern?

**URL:** <https://forum.shopware.com/t/shopware-sass-variablen-durch-media-veraendern/98537>\
**Category:** Programmierung\
**Tags:** administration, programming, templates--design\
**Created:** [14. Februar 2023 um 17:09 UTC](https://forum.shopware.com/t/shopware-sass-variablen-durch-media-veraendern/98537 "2023-02-14T17:09:27Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![NickJ](https://avatars.discourse-cdn.com/v4/letter/n/85e7bf/32.png) [@NickJ](https://forum.shopware.com/u/NickJ)\
**Post date:** [14. Februar 2023 um 17:09 UTC](https://forum.shopware.com/t/shopware-sass-variablen-durch-media-veraendern/98537/1 "2023-02-14T17:09:27Z")

</div>

Hallo zusammen,

Ich versuche gerade ein Theme zu schreiben wobei sich $sw-color-brand-primary, $sw-color-brand-secondary usw. verändern sobald @media (prefers-color-scheme: dark) erfülllt ist. Mein Ansatz lautet wie folgt:

base.scss

```auto
@media (prefers-color-scheme: dark) {
  @import 'skin/liberty/abstract/variables';
}

```

skin/liberty/abstract/\_variables.scss

```auto
$dmp-plugin-primary-color: #000 !default;

$sw-color-brand-primary: $dmp-plugin-primary-color;

```

Interessanterweise scheint $sw-color-brand-primary im Storefront den neuen Wert zu haben, doch die Webseite sieht nicht anders aus.

Hat jemand eine Idee warum der Wert nicht richtig geladen wird?