Generated by SassMeister.com.

input.scss

$swr-colors:(
    "swrglobal" : #0ca4d1, 
    "swr1" : #ffcc00,
    "swr2" : #000,
    "swrlesenswert" : #000,
    "dasding" : #000, //Gibt es zwar nicht als Rubrik, aber bei der Frequenzsuche
    "swr3" : #ff003c, //Gibt es zwar nicht als Rubrik, aber bei der Frequenzsuche
    "swr4" : #93c030,
    "swrclassic" : #0d0d0d

);

$swr-colors2:(
    "swrglobal" : #0123, 
    "swr1" : #345,
    "swr2" : #678,
    "swrlesenswert" : #90a,
    "dasding" : #bcd,
    "swr3" : #ef1, 
    "swr4" : #234,
    "swrclassic" : #567
);

// Hier holen wir alle Brand-Farben
@each $brand, $color in $swr-colors {
    $lighten_factor: 20%;
    $darken_factor: 20%;
    
    $light: lighten($color, $lighten_factor);
    $dark: darken($color, $lighten_factor);
    
    body.rubrik-#{$brand} {
        --brandcolor: #{$color};
        --brandcolorLight: #{$light};
        --brandcolorDark: #{$dark};
    }
}

@each $brand, $color in $swr-colors2 {
    body.rubrik-#{$brand} {
        --brandcolorNeu: #{$color};
    }
}

output.css

body.rubrik-swrglobal {
  --brandcolor: #0ca4d1;
  --brandcolorLight: #4ecff5;
  --brandcolorDark: #065871;
}

body.rubrik-swr1 {
  --brandcolor: #ffcc00;
  --brandcolorLight: #ffe066;
  --brandcolorDark: #997a00;
}

body.rubrik-swr2 {
  --brandcolor: #000;
  --brandcolorLight: #333333;
  --brandcolorDark: black;
}

body.rubrik-swrlesenswert {
  --brandcolor: #000;
  --brandcolorLight: #333333;
  --brandcolorDark: black;
}

body.rubrik-dasding {
  --brandcolor: #000;
  --brandcolorLight: #333333;
  --brandcolorDark: black;
}

body.rubrik-swr3 {
  --brandcolor: #ff003c;
  --brandcolorLight: #ff668a;
  --brandcolorDark: #990024;
}

body.rubrik-swr4 {
  --brandcolor: #93c030;
  --brandcolorLight: #bedd79;
  --brandcolorDark: #556e1c;
}

body.rubrik-swrclassic {
  --brandcolor: #0d0d0d;
  --brandcolorLight: #404040;
  --brandcolorDark: black;
}

body.rubrik-swrglobal {
  --brandcolorNeu: #0123;
}

body.rubrik-swr1 {
  --brandcolorNeu: #345;
}

body.rubrik-swr2 {
  --brandcolorNeu: #678;
}

body.rubrik-swrlesenswert {
  --brandcolorNeu: #90a;
}

body.rubrik-dasding {
  --brandcolorNeu: #bcd;
}

body.rubrik-swr3 {
  --brandcolorNeu: #ef1;
}

body.rubrik-swr4 {
  --brandcolorNeu: #234;
}

body.rubrik-swrclassic {
  --brandcolorNeu: #567;
}

settings.json

{
  "sass": {
    "compiler": "dart-sass/1.32.12",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
}