Shopware sass variablen durch @media verändern?

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

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

skin/liberty/abstract/_variables.scss

$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?