fix: align default theme with updated contrast calculation (#152)

Author: json-derulo

projects/material-css-vars/src/lib/_variables.scss

@@ -52,15 +52,12 @@ $default-light-theme: (
   // PRIMARY
   --palette-primary-50-no-rgb: public-color-util.hex-to-rgb(#e1f5fe),
   --palette-primary-100-no-rgb: public-color-util.hex-to-rgb(#b3e5fc),
-  //lighter
   --palette-primary-200-no-rgb: public-color-util.hex-to-rgb(#81d4fa),
   --palette-primary-300-no-rgb: public-color-util.hex-to-rgb(#4fc3f7),
   --palette-primary-400-no-rgb: public-color-util.hex-to-rgb(#29b6f6),
   --palette-primary-500-no-rgb: public-color-util.hex-to-rgb(#03a9f4),
-  //default
   --palette-primary-600-no-rgb: public-color-util.hex-to-rgb(#039be5),
   --palette-primary-700-no-rgb: public-color-util.hex-to-rgb(#0288d1),
-  //darker
   --palette-primary-800-no-rgb: public-color-util.hex-to-rgb(#0277bd),
   --palette-primary-900-no-rgb: public-color-util.hex-to-rgb(#01579b),
   --palette-primary-A100-no-rgb: public-color-util.hex-to-rgb(#80d8ff),
@@ -72,26 +69,23 @@ $default-light-theme: (
   --palette-primary-contrast-200-no-rgb: var(--dark-primary-text-no-rgb),
   --palette-primary-contrast-300-no-rgb: var(--dark-primary-text-no-rgb),
   --palette-primary-contrast-400-no-rgb: var(--dark-primary-text-no-rgb),
-  --palette-primary-contrast-500-no-rgb: var(--light-primary-text-no-rgb),
-  --palette-primary-contrast-600-no-rgb: var(--light-primary-text-no-rgb),
-  --palette-primary-contrast-700-no-rgb: var(--light-primary-text-no-rgb),
-  --palette-primary-contrast-800-no-rgb: var(--light-primary-text-no-rgb),
-  --palette-primary-contrast-900-no-rgb: var(--light-primary-text-no-rgb),
-  --palette-primary-contrast-A100-no-rgb: var(--light-primary-text-no-rgb),
-  --palette-primary-contrast-A200-no-rgb: var(--light-primary-text-no-rgb),
-  --palette-primary-contrast-A400-no-rgb: var(--light-primary-text-no-rgb),
-  --palette-primary-contrast-A700-no-rgb: var(--light-primary-text-no-rgb),
+  --palette-primary-contrast-500-no-rgb: var(--dark-primary-text-no-rgb),
+  --palette-primary-contrast-600-no-rgb: var(--dark-primary-text-no-rgb),
+  --palette-primary-contrast-700-no-rgb: var(--dark-primary-text-no-rgb),
+  --palette-primary-contrast-800-no-rgb: var(--dark-primary-text-no-rgb),
+  --palette-primary-contrast-900-no-rgb: var(--dark-primary-text-no-rgb),
+  --palette-primary-contrast-A100-no-rgb: var(--dark-primary-text-no-rgb),
+  --palette-primary-contrast-A200-no-rgb: var(--dark-primary-text-no-rgb),
+  --palette-primary-contrast-A400-no-rgb: var(--dark-primary-text-no-rgb),
+  --palette-primary-contrast-A700-no-rgb: var(--dark-primary-text-no-rgb),
   --palette-primary-50: var(--palette-primary-50-rgb),
   --palette-primary-100: var(--palette-primary-100-rgb),
-  //lighter
   --palette-primary-200: var(--palette-primary-200-rgb),
   --palette-primary-300: var(--palette-primary-300-rgb),
   --palette-primary-400: var(--palette-primary-400-rgb),
   --palette-primary-500: var(--palette-primary-500-rgb),
-  //default
   --palette-primary-600: var(--palette-primary-600-rgb),
   --palette-primary-700: var(--palette-primary-700-rgb),
-  //darker
   --palette-primary-800: var(--palette-primary-800-rgb),
   --palette-primary-900: var(--palette-primary-900-rgb),
   --palette-primary-A100: var(--palette-primary-A100-rgb),
@@ -124,25 +118,22 @@ $default-light-theme: (
   --palette-accent-800-no-rgb: public-color-util.hex-to-rgb(#ad1457),
   --palette-accent-900-no-rgb: public-color-util.hex-to-rgb(#880e4f),
   --palette-accent-A100-no-rgb: public-color-util.hex-to-rgb(#ff80ab),
-  //lighter
   --palette-accent-A200-no-rgb: public-color-util.hex-to-rgb(#ff4081),
-  //default
   --palette-accent-A400-no-rgb: public-color-util.hex-to-rgb(#f50057),
-  //darker
   --palette-accent-A700-no-rgb: public-color-util.hex-to-rgb(#c51162),
   --palette-accent-contrast-50-no-rgb: var(--dark-accent-text-no-rgb),
   --palette-accent-contrast-100-no-rgb: var(--dark-accent-text-no-rgb),
   --palette-accent-contrast-200-no-rgb: var(--dark-accent-text-no-rgb),
   --palette-accent-contrast-300-no-rgb: var(--dark-accent-text-no-rgb),
   --palette-accent-contrast-400-no-rgb: var(--dark-accent-text-no-rgb),
-  --palette-accent-contrast-500-no-rgb: var(--light-accent-text-no-rgb),
-  --palette-accent-contrast-600-no-rgb: var(--light-accent-text-no-rgb),
+  --palette-accent-contrast-500-no-rgb: var(--dark-accent-text-no-rgb),
+  --palette-accent-contrast-600-no-rgb: var(--dark-accent-text-no-rgb),
   --palette-accent-contrast-700-no-rgb: var(--light-accent-text-no-rgb),
   --palette-accent-contrast-800-no-rgb: var(--light-accent-text-no-rgb),
   --palette-accent-contrast-900-no-rgb: var(--light-accent-text-no-rgb),
-  --palette-accent-contrast-A100-no-rgb: var(--light-accent-text-no-rgb),
-  --palette-accent-contrast-A200-no-rgb: var(--light-accent-text-no-rgb),
-  --palette-accent-contrast-A400-no-rgb: var(--light-accent-text-no-rgb),
+  --palette-accent-contrast-A100-no-rgb: var(--dark-accent-text-no-rgb),
+  --palette-accent-contrast-A200-no-rgb: var(--dark-accent-text-no-rgb),
+  --palette-accent-contrast-A400-no-rgb: var(--dark-accent-text-no-rgb),
   --palette-accent-contrast-A700-no-rgb: var(--light-accent-text-no-rgb),
   --palette-accent-50: var(--palette-accent-50-rgb),
   --palette-accent-100: var(--palette-accent-100-rgb),
@@ -192,15 +183,15 @@ $default-light-theme: (
   --palette-warn-contrast-200-no-rgb: var(--dark-warn-text-no-rgb),
   --palette-warn-contrast-300-no-rgb: var(--dark-warn-text-no-rgb),
   --palette-warn-contrast-400-no-rgb: var(--dark-warn-text-no-rgb),
-  --palette-warn-contrast-500-no-rgb: var(--light-warn-text-no-rgb),
-  --palette-warn-contrast-600-no-rgb: var(--light-warn-text-no-rgb),
-  --palette-warn-contrast-700-no-rgb: var(--light-warn-text-no-rgb),
-  --palette-warn-contrast-800-no-rgb: var(--light-warn-text-no-rgb),
-  --palette-warn-contrast-900-no-rgb: var(--light-warn-text-no-rgb),
-  --palette-warn-contrast-A100-no-rgb: var(--light-warn-text-no-rgb),
-  --palette-warn-contrast-A200-no-rgb: var(--light-warn-text-no-rgb),
-  --palette-warn-contrast-A400-no-rgb: var(--light-warn-text-no-rgb),
-  --palette-warn-contrast-A700-no-rgb: var(--light-warn-text-no-rgb),
+  --palette-warn-contrast-500-no-rgb: var(--dark-warn-text-no-rgb),
+  --palette-warn-contrast-600-no-rgb: var(--dark-warn-text-no-rgb),
+  --palette-warn-contrast-700-no-rgb: var(--dark-warn-text-no-rgb),
+  --palette-warn-contrast-800-no-rgb: var(--dark-warn-text-no-rgb),
+  --palette-warn-contrast-900-no-rgb: var(--dark-warn-text-no-rgb),
+  --palette-warn-contrast-A100-no-rgb: var(--dark-warn-text-no-rgb),
+  --palette-warn-contrast-A200-no-rgb: var(--dark-warn-text-no-rgb),
+  --palette-warn-contrast-A400-no-rgb: var(--dark-warn-text-no-rgb),
+  --palette-warn-contrast-A700-no-rgb: var(--dark-warn-text-no-rgb),
   --palette-warn-50: var(--palette-warn-50-rgb),
   --palette-warn-100: var(--palette-warn-100-rgb),
   --palette-warn-200: var(--palette-warn-200-rgb),
@@ -230,18 +221,14 @@ $default-light-theme: (
   --palette-warn-contrast-A400: var(--palette-warn-contrast-A400-rgb),
   --palette-warn-contrast-A700: var(--palette-warn-contrast-A700-rgb),
   //RGB-map
-  // PRIMARY
   --palette-primary-50-rgb: rgb(var(--palette-primary-50-no-rgb)),
   --palette-primary-100-rgb: rgb(var(--palette-primary-100-no-rgb)),
-  //lighter
   --palette-primary-200-rgb: rgb(var(--palette-primary-200-no-rgb)),
   --palette-primary-300-rgb: rgb(var(--palette-primary-300-no-rgb)),
   --palette-primary-400-rgb: rgb(var(--palette-primary-400-no-rgb)),
   --palette-primary-500-rgb: rgb(var(--palette-primary-500-no-rgb)),
-  //default
   --palette-primary-600-rgb: rgb(var(--palette-primary-600-no-rgb)),
   --palette-primary-700-rgb: rgb(var(--palette-primary-700-no-rgb)),
-  //darker
   --palette-primary-800-rgb: rgb(var(--palette-primary-800-no-rgb)),
   --palette-primary-900-rgb: rgb(var(--palette-primary-900-no-rgb)),
   --palette-primary-A100-rgb: rgb(var(--palette-primary-A100-no-rgb)),
@@ -274,11 +261,8 @@ $default-light-theme: (
   --palette-accent-800-rgb: rgb(var(--palette-accent-800-no-rgb)),
   --palette-accent-900-rgb: rgb(var(--palette-accent-900-no-rgb)),
   --palette-accent-A100-rgb: rgb(var(--palette-accent-A100)),
-  //lighter
   --palette-accent-A200-rgb: rgb(var(--palette-accent-A200)),
-  //default
   --palette-accent-A400-rgb: rgb(var(--palette-accent-A400)),
-  //darker
   --palette-accent-A700-rgb: rgb(var(--palette-accent-A700)),
   --palette-accent-contrast-50-rgb: var(--dark-accent-text),
   --palette-accent-contrast-100-rgb: var(--dark-accent-text),