scu-web-components 0.0.67 → 0.0.68

package/dist/themes/themes.css

@@ -9,9 +9,26 @@
   --scw-theme-color-dark: var( --scw-color-primary-05 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-border-color: var( --scw-color-primary-06 );
-  --scw-theme-icon-color: var( --scw-color-primary-05 );
+  
+  /*
+  --scw-theme-color: var( --scw-color-primary-05 );
   --scw-theme-icon-color-secondary: var( --scw-color-primary-06 );
   --scw-theme-icon-color-tiertiary: var( --scw-color-primary-08 );
+  */
+
+  --scw-theme-color-00: var( --scw-color-primary-00 );
+  --scw-theme-color-01: var( --scw-color-primary-01 );
+  --scw-theme-color-02: var( --scw-color-primary-02 );
+  --scw-theme-color-03: var( --scw-color-primary-03 );
+  --scw-theme-color-04: var( --scw-color-primary-04 );
+  --scw-theme-color-05: var( --scw-color-primary-05 );
+  --scw-theme-color-06: var( --scw-color-primary-06 );
+  --scw-theme-color-07: var( --scw-color-primary-07 );
+  --scw-theme-color-08: var( --scw-color-primary-08 );
+  --scw-theme-color-09: var( --scw-color-primary-09 );
+  --scw-theme-color-095: var( --scw-color-primary-092 );
+  --scw-theme-color-092: var( --scw-color-primary-095 );
+  --scw-theme-color-10: var( --scw-color-primary-10 );
 }
 .scw-theme-primary-dark,
 [scw-theme-primary-dark],
@@ -27,9 +44,26 @@
   --scw-theme-color-dark: var( --scw-color-primary-05 );
   --scw-theme-body-color: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-primary-06 );
+
+  /*
   --scw-theme-icon-color: var( --scw-color-grey-10 );
   --scw-theme-icon-color-secondary: var( --scw-color-primary-09 );
   --scw-theme-icon-color-tiertiary: var( --scw-color-primary-08 );
+  */
+
+  --scw-theme-color-00: var( --scw-color-primary-10 );
+  --scw-theme-color-01: var( --scw-color-primary-09 );
+  --scw-theme-color-02: var( --scw-color-primary-08 );
+  --scw-theme-color-03: var( --scw-color-primary-07 );
+  --scw-theme-color-04: var( --scw-color-primary-06 );
+  --scw-theme-color-05: var( --scw-color-primary-05 );
+  --scw-theme-color-06: var( --scw-color-primary-04 );
+  --scw-theme-color-07: var( --scw-color-primary-03 );
+  --scw-theme-color-08: var( --scw-color-primary-02 );
+  --scw-theme-color-09: var( --scw-color-primary-01 );
+  --scw-theme-color-095: var( --scw-color-primary-01 );
+  --scw-theme-color-092: var( --scw-color-primary-01 );
+  --scw-theme-color-10: var( --scw-color-primary-00 );
 }
 
 
@@ -43,9 +77,26 @@
   --scw-theme-color-dark: var( --scw-color-grey-02 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-border-color: var( --scw-color-grey-06 );
-  --scw-theme-icon-color: var( --scw-color-grey-02 );
+  
+  /*
+  --scw-theme-color: var( --scw-color-grey-02 );
   --scw-theme-icon-color-secondary: var( --scw-color-grey-03 );
   --scw-theme-icon-color-tiertiary: var( --scw-color-grey-05 );
+  */
+
+  --scw-theme-color-00: var( --scw-color-grey-00 );
+  --scw-theme-color-01: var( --scw-color-grey-01 );
+  --scw-theme-color-02: var( --scw-color-grey-02 );
+  --scw-theme-color-03: var( --scw-color-grey-03 );
+  --scw-theme-color-04: var( --scw-color-grey-04 );
+  --scw-theme-color-05: var( --scw-color-grey-05 );
+  --scw-theme-color-06: var( --scw-color-grey-06 );
+  --scw-theme-color-07: var( --scw-color-grey-07 );
+  --scw-theme-color-08: var( --scw-color-grey-08 );
+  --scw-theme-color-09: var( --scw-color-grey-09 );
+  --scw-theme-color-095: var( --scw-color-grey-092 );
+  --scw-theme-color-092: var( --scw-color-grey-095 );
+  --scw-theme-color-10: var( --scw-color-grey-10 );
 }
 .scw-theme-grey-dark,
 [scw-theme-grey-dark],
@@ -61,9 +112,26 @@
   --scw-theme-color-dark: var( --scw-color-grey-02 );
   --scw-theme-body-color: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-grey-06 );
+
+  /*
   --scw-theme-icon-color: var( --scw-color-grey-10 );
   --scw-theme-icon-color-secondary: var( --scw-color-grey-09 );
   --scw-theme-icon-color-tiertiary: var( --scw-color-grey-08 );
+  */
+
+  --scw-theme-color-00: var( --scw-color-grey-10 );
+  --scw-theme-color-01: var( --scw-color-grey-09 );
+  --scw-theme-color-02: var( --scw-color-grey-08 );
+  --scw-theme-color-03: var( --scw-color-grey-07 );
+  --scw-theme-color-04: var( --scw-color-grey-06 );
+  --scw-theme-color-05: var( --scw-color-grey-05 );
+  --scw-theme-color-06: var( --scw-color-grey-04 );
+  --scw-theme-color-07: var( --scw-color-grey-03 );
+  --scw-theme-color-08: var( --scw-color-grey-02 );
+  --scw-theme-color-09: var( --scw-color-grey-01 );
+  --scw-theme-color-095: var( --scw-color-grey-01 );
+  --scw-theme-color-092: var( --scw-color-grey-01 );
+  --scw-theme-color-10: var( --scw-color-grey-00 );
 }
 
 
@@ -77,9 +145,26 @@
   --scw-theme-color-dark: var( --scw-color-mortgage-05 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-border-color: var( --scw-color-mortgage-06 );
-  --scw-theme-icon-color: var( --scw-color-mortgage-05 );
+  
+  /*
+  --scw-theme-color: var( --scw-color-mortgage-05 );
   --scw-theme-icon-color-secondary: var( --scw-color-mortgage-06 );
   --scw-theme-icon-color-tiertiary: var( --scw-color-mortgage-08 );
+  */
+
+  --scw-theme-color-00: var( --scw-color-mortgage-00 );
+  --scw-theme-color-01: var( --scw-color-mortgage-01 );
+  --scw-theme-color-02: var( --scw-color-mortgage-02 );
+  --scw-theme-color-03: var( --scw-color-mortgage-03 );
+  --scw-theme-color-04: var( --scw-color-mortgage-04 );
+  --scw-theme-color-05: var( --scw-color-mortgage-05 );
+  --scw-theme-color-06: var( --scw-color-mortgage-06 );
+  --scw-theme-color-07: var( --scw-color-mortgage-07 );
+  --scw-theme-color-08: var( --scw-color-mortgage-08 );
+  --scw-theme-color-09: var( --scw-color-mortgage-09 );
+  --scw-theme-color-095: var( --scw-color-mortgage-092 );
+  --scw-theme-color-092: var( --scw-color-mortgage-095 );
+  --scw-theme-color-10: var( --scw-color-mortgage-10 );
 }
 .scw-theme-mortgage-dark,
 [scw-theme-mortgage-dark],
@@ -95,9 +180,26 @@
   --scw-theme-color-dark: var( --scw-color-mortgage-05 );
   --scw-theme-body-color: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-mortgage-06 );
+
+  /*
   --scw-theme-icon-color: var( --scw-color-grey-10 );
   --scw-theme-icon-color-secondary: var( --scw-color-mortgage-09 );
   --scw-theme-icon-color-tiertiary: var( --scw-color-mortgage-08 );
+  */
+
+  --scw-theme-color-00: var( --scw-color-mortgage-10 );
+  --scw-theme-color-01: var( --scw-color-mortgage-09 );
+  --scw-theme-color-02: var( --scw-color-mortgage-08 );
+  --scw-theme-color-03: var( --scw-color-mortgage-07 );
+  --scw-theme-color-04: var( --scw-color-mortgage-06 );
+  --scw-theme-color-05: var( --scw-color-mortgage-05 );
+  --scw-theme-color-06: var( --scw-color-mortgage-04 );
+  --scw-theme-color-07: var( --scw-color-mortgage-03 );
+  --scw-theme-color-08: var( --scw-color-mortgage-02 );
+  --scw-theme-color-09: var( --scw-color-mortgage-01 );
+  --scw-theme-color-095: var( --scw-color-mortgage-01 );
+  --scw-theme-color-092: var( --scw-color-mortgage-01 );
+  --scw-theme-color-10: var( --scw-color-mortgage-00 );
 }
 
 
@@ -111,9 +213,26 @@
   --scw-theme-color-dark: var( --scw-color-investments-05 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-border-color: var( --scw-color-investments-06 );
-  --scw-theme-icon-color: var( --scw-color-investments-05 );
+  
+  /*
+  --scw-theme-color: var( --scw-color-investments-05 );
   --scw-theme-icon-color-secondary: var( --scw-color-investments-06 );
   --scw-theme-icon-color-tiertiary: var( --scw-color-investments-08 );
+  */
+
+  --scw-theme-color-00: var( --scw-color-investments-00 );
+  --scw-theme-color-01: var( --scw-color-investments-01 );
+  --scw-theme-color-02: var( --scw-color-investments-02 );
+  --scw-theme-color-03: var( --scw-color-investments-03 );
+  --scw-theme-color-04: var( --scw-color-investments-04 );
+  --scw-theme-color-05: var( --scw-color-investments-05 );
+  --scw-theme-color-06: var( --scw-color-investments-06 );
+  --scw-theme-color-07: var( --scw-color-investments-07 );
+  --scw-theme-color-08: var( --scw-color-investments-08 );
+  --scw-theme-color-09: var( --scw-color-investments-09 );
+  --scw-theme-color-095: var( --scw-color-investments-092 );
+  --scw-theme-color-092: var( --scw-color-investments-095 );
+  --scw-theme-color-10: var( --scw-color-investments-10 );
 }
 .scw-theme-investments-dark,
 [scw-theme-investments-dark],
@@ -129,9 +248,26 @@
   --scw-theme-color-dark: var( --scw-color-investments-05 );
   --scw-theme-body-color: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-investments-06 );
+
+  /*
   --scw-theme-icon-color: var( --scw-color-grey-10 );
   --scw-theme-icon-color-secondary: var( --scw-color-investments-09 );
   --scw-theme-icon-color-tiertiary: var( --scw-color-investments-08 );
+  */
+
+  --scw-theme-color-00: var( --scw-color-investments-10 );
+  --scw-theme-color-01: var( --scw-color-investments-09 );
+  --scw-theme-color-02: var( --scw-color-investments-08 );
+  --scw-theme-color-03: var( --scw-color-investments-07 );
+  --scw-theme-color-04: var( --scw-color-investments-06 );
+  --scw-theme-color-05: var( --scw-color-investments-05 );
+  --scw-theme-color-06: var( --scw-color-investments-04 );
+  --scw-theme-color-07: var( --scw-color-investments-03 );
+  --scw-theme-color-08: var( --scw-color-investments-02 );
+  --scw-theme-color-09: var( --scw-color-investments-01 );
+  --scw-theme-color-095: var( --scw-color-investments-01 );
+  --scw-theme-color-092: var( --scw-color-investments-01 );
+  --scw-theme-color-10: var( --scw-color-investments-00 );
 }
 
 
@@ -145,9 +281,26 @@
   --scw-theme-color-dark: var( --scw-color-credit-cards-05 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-border-color: var( --scw-color-credit-cards-06 );
-  --scw-theme-icon-color: var( --scw-color-credit-cards-05 );
+  
+  /*
+  --scw-theme-color: var( --scw-color-credit-cards-05 );
   --scw-theme-icon-color-secondary: var( --scw-color-credit-cards-06 );
   --scw-theme-icon-color-tiertiary: var( --scw-color-credit-cards-08 );
+  */
+
+  --scw-theme-color-00: var( --scw-color-credit-cards-00 );
+  --scw-theme-color-01: var( --scw-color-credit-cards-01 );
+  --scw-theme-color-02: var( --scw-color-credit-cards-02 );
+  --scw-theme-color-03: var( --scw-color-credit-cards-03 );
+  --scw-theme-color-04: var( --scw-color-credit-cards-04 );
+  --scw-theme-color-05: var( --scw-color-credit-cards-05 );
+  --scw-theme-color-06: var( --scw-color-credit-cards-06 );
+  --scw-theme-color-07: var( --scw-color-credit-cards-07 );
+  --scw-theme-color-08: var( --scw-color-credit-cards-08 );
+  --scw-theme-color-09: var( --scw-color-credit-cards-09 );
+  --scw-theme-color-095: var( --scw-color-credit-cards-092 );
+  --scw-theme-color-092: var( --scw-color-credit-cards-095 );
+  --scw-theme-color-10: var( --scw-color-credit-cards-10 );
 }
 .scw-theme-credit-cards-dark,
 [scw-theme-credit-cards-dark],
@@ -163,9 +316,26 @@
   --scw-theme-color-dark: var( --scw-color-credit-cards-05 );
   --scw-theme-body-color: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-credit-cards-06 );
+
+  /*
   --scw-theme-icon-color: var( --scw-color-grey-10 );
   --scw-theme-icon-color-secondary: var( --scw-color-credit-cards-09 );
   --scw-theme-icon-color-tiertiary: var( --scw-color-credit-cards-08 );
+  */
+
+  --scw-theme-color-00: var( --scw-color-credit-cards-10 );
+  --scw-theme-color-01: var( --scw-color-credit-cards-09 );
+  --scw-theme-color-02: var( --scw-color-credit-cards-08 );
+  --scw-theme-color-03: var( --scw-color-credit-cards-07 );
+  --scw-theme-color-04: var( --scw-color-credit-cards-06 );
+  --scw-theme-color-05: var( --scw-color-credit-cards-05 );
+  --scw-theme-color-06: var( --scw-color-credit-cards-04 );
+  --scw-theme-color-07: var( --scw-color-credit-cards-03 );
+  --scw-theme-color-08: var( --scw-color-credit-cards-02 );
+  --scw-theme-color-09: var( --scw-color-credit-cards-01 );
+  --scw-theme-color-095: var( --scw-color-credit-cards-01 );
+  --scw-theme-color-092: var( --scw-color-credit-cards-01 );
+  --scw-theme-color-10: var( --scw-color-credit-cards-00 );
 }
 
 
@@ -179,9 +349,26 @@
   --scw-theme-color-dark: var( --scw-color-student-05 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-border-color: var( --scw-color-student-06 );
-  --scw-theme-icon-color: var( --scw-color-student-05 );
+  
+  /*
+  --scw-theme-color: var( --scw-color-student-05 );
   --scw-theme-icon-color-secondary: var( --scw-color-student-06 );
   --scw-theme-icon-color-tiertiary: var( --scw-color-student-08 );
+  */
+
+  --scw-theme-color-00: var( --scw-color-student-00 );
+  --scw-theme-color-01: var( --scw-color-student-01 );
+  --scw-theme-color-02: var( --scw-color-student-02 );
+  --scw-theme-color-03: var( --scw-color-student-03 );
+  --scw-theme-color-04: var( --scw-color-student-04 );
+  --scw-theme-color-05: var( --scw-color-student-05 );
+  --scw-theme-color-06: var( --scw-color-student-06 );
+  --scw-theme-color-07: var( --scw-color-student-07 );
+  --scw-theme-color-08: var( --scw-color-student-08 );
+  --scw-theme-color-09: var( --scw-color-student-09 );
+  --scw-theme-color-095: var( --scw-color-student-092 );
+  --scw-theme-color-092: var( --scw-color-student-095 );
+  --scw-theme-color-10: var( --scw-color-student-10 );
 }
 .scw-theme-student-dark,
 [scw-theme-student-dark],
@@ -197,9 +384,26 @@
   --scw-theme-color-dark: var( --scw-color-student-05 );
   --scw-theme-body-color: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-student-06 );
+
+  /*
   --scw-theme-icon-color: var( --scw-color-grey-10 );
   --scw-theme-icon-color-secondary: var( --scw-color-student-09 );
   --scw-theme-icon-color-tiertiary: var( --scw-color-student-08 );
+  */
+
+  --scw-theme-color-00: var( --scw-color-student-10 );
+  --scw-theme-color-01: var( --scw-color-student-09 );
+  --scw-theme-color-02: var( --scw-color-student-08 );
+  --scw-theme-color-03: var( --scw-color-student-07 );
+  --scw-theme-color-04: var( --scw-color-student-06 );
+  --scw-theme-color-05: var( --scw-color-student-05 );
+  --scw-theme-color-06: var( --scw-color-student-04 );
+  --scw-theme-color-07: var( --scw-color-student-03 );
+  --scw-theme-color-08: var( --scw-color-student-02 );
+  --scw-theme-color-09: var( --scw-color-student-01 );
+  --scw-theme-color-095: var( --scw-color-student-01 );
+  --scw-theme-color-092: var( --scw-color-student-01 );
+  --scw-theme-color-10: var( --scw-color-student-00 );
 }
 
 
@@ -213,9 +417,26 @@
   --scw-theme-color-dark: var( --scw-color-savings-05 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-border-color: var( --scw-color-savings-06 );
-  --scw-theme-icon-color: var( --scw-color-savings-05 );
+  
+  /*
+  --scw-theme-color: var( --scw-color-savings-05 );
   --scw-theme-icon-color-secondary: var( --scw-color-savings-06 );
   --scw-theme-icon-color-tiertiary: var( --scw-color-savings-08 );
+  */
+
+  --scw-theme-color-00: var( --scw-color-savings-00 );
+  --scw-theme-color-01: var( --scw-color-savings-01 );
+  --scw-theme-color-02: var( --scw-color-savings-02 );
+  --scw-theme-color-03: var( --scw-color-savings-03 );
+  --scw-theme-color-04: var( --scw-color-savings-04 );
+  --scw-theme-color-05: var( --scw-color-savings-05 );
+  --scw-theme-color-06: var( --scw-color-savings-06 );
+  --scw-theme-color-07: var( --scw-color-savings-07 );
+  --scw-theme-color-08: var( --scw-color-savings-08 );
+  --scw-theme-color-09: var( --scw-color-savings-09 );
+  --scw-theme-color-095: var( --scw-color-savings-092 );
+  --scw-theme-color-092: var( --scw-color-savings-095 );
+  --scw-theme-color-10: var( --scw-color-savings-10 );
 }
 .scw-theme-savings-dark,
 [scw-theme-savings-dark],
@@ -231,9 +452,26 @@
   --scw-theme-color-dark: var( --scw-color-savings-05 );
   --scw-theme-body-color: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-savings-06 );
+
+  /*
   --scw-theme-icon-color: var( --scw-color-grey-10 );
   --scw-theme-icon-color-secondary: var( --scw-color-savings-09 );
   --scw-theme-icon-color-tiertiary: var( --scw-color-savings-08 );
+  */
+
+  --scw-theme-color-00: var( --scw-color-savings-10 );
+  --scw-theme-color-01: var( --scw-color-savings-09 );
+  --scw-theme-color-02: var( --scw-color-savings-08 );
+  --scw-theme-color-03: var( --scw-color-savings-07 );
+  --scw-theme-color-04: var( --scw-color-savings-06 );
+  --scw-theme-color-05: var( --scw-color-savings-05 );
+  --scw-theme-color-06: var( --scw-color-savings-04 );
+  --scw-theme-color-07: var( --scw-color-savings-03 );
+  --scw-theme-color-08: var( --scw-color-savings-02 );
+  --scw-theme-color-09: var( --scw-color-savings-01 );
+  --scw-theme-color-095: var( --scw-color-savings-01 );
+  --scw-theme-color-092: var( --scw-color-savings-01 );
+  --scw-theme-color-10: var( --scw-color-savings-00 );
 }
 
 
@@ -247,9 +485,26 @@
   --scw-theme-color-dark: var( --scw-color-checking-05 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-border-color: var( --scw-color-checking-06 );
-  --scw-theme-icon-color: var( --scw-color-checking-05 );
+  
+  /*
+  --scw-theme-color: var( --scw-color-checking-05 );
   --scw-theme-icon-color-secondary: var( --scw-color-checking-06 );
   --scw-theme-icon-color-tiertiary: var( --scw-color-checking-08 );
+  */
+
+  --scw-theme-color-00: var( --scw-color-checking-00 );
+  --scw-theme-color-01: var( --scw-color-checking-01 );
+  --scw-theme-color-02: var( --scw-color-checking-02 );
+  --scw-theme-color-03: var( --scw-color-checking-03 );
+  --scw-theme-color-04: var( --scw-color-checking-04 );
+  --scw-theme-color-05: var( --scw-color-checking-05 );
+  --scw-theme-color-06: var( --scw-color-checking-06 );
+  --scw-theme-color-07: var( --scw-color-checking-07 );
+  --scw-theme-color-08: var( --scw-color-checking-08 );
+  --scw-theme-color-09: var( --scw-color-checking-09 );
+  --scw-theme-color-095: var( --scw-color-checking-092 );
+  --scw-theme-color-092: var( --scw-color-checking-095 );
+  --scw-theme-color-10: var( --scw-color-checking-10 );
 }
 .scw-theme-checking-dark,
 [scw-theme-checking-dark],
@@ -265,9 +520,26 @@
   --scw-theme-color-dark: var( --scw-color-checking-05 );
   --scw-theme-body-color: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-checking-06 );
+
+  /*
   --scw-theme-icon-color: var( --scw-color-grey-10 );
   --scw-theme-icon-color-secondary: var( --scw-color-checking-09 );
   --scw-theme-icon-color-tiertiary: var( --scw-color-checking-08 );
+  */
+
+  --scw-theme-color-00: var( --scw-color-checking-10 );
+  --scw-theme-color-01: var( --scw-color-checking-09 );
+  --scw-theme-color-02: var( --scw-color-checking-08 );
+  --scw-theme-color-03: var( --scw-color-checking-07 );
+  --scw-theme-color-04: var( --scw-color-checking-06 );
+  --scw-theme-color-05: var( --scw-color-checking-05 );
+  --scw-theme-color-06: var( --scw-color-checking-04 );
+  --scw-theme-color-07: var( --scw-color-checking-03 );
+  --scw-theme-color-08: var( --scw-color-checking-02 );
+  --scw-theme-color-09: var( --scw-color-checking-01 );
+  --scw-theme-color-095: var( --scw-color-checking-01 );
+  --scw-theme-color-092: var( --scw-color-checking-01 );
+  --scw-theme-color-10: var( --scw-color-checking-00 );
 }
 
 
@@ -281,9 +553,26 @@
   --scw-theme-color-dark: var( --scw-color-red-shoes-05 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-border-color: var( --scw-color-red-shoes-06 );
-  --scw-theme-icon-color: var( --scw-color-red-shoes-05 );
+  
+  /*
+  --scw-theme-color: var( --scw-color-red-shoes-05 );
   --scw-theme-icon-color-secondary: var( --scw-color-red-shoes-06 );
   --scw-theme-icon-color-tiertiary: var( --scw-color-red-shoes-08 );
+  */
+
+  --scw-theme-color-00: var( --scw-color-red-shoes-00 );
+  --scw-theme-color-01: var( --scw-color-red-shoes-01 );
+  --scw-theme-color-02: var( --scw-color-red-shoes-02 );
+  --scw-theme-color-03: var( --scw-color-red-shoes-03 );
+  --scw-theme-color-04: var( --scw-color-red-shoes-04 );
+  --scw-theme-color-05: var( --scw-color-red-shoes-05 );
+  --scw-theme-color-06: var( --scw-color-red-shoes-06 );
+  --scw-theme-color-07: var( --scw-color-red-shoes-07 );
+  --scw-theme-color-08: var( --scw-color-red-shoes-08 );
+  --scw-theme-color-09: var( --scw-color-red-shoes-09 );
+  --scw-theme-color-095: var( --scw-color-red-shoes-092 );
+  --scw-theme-color-092: var( --scw-color-red-shoes-095 );
+  --scw-theme-color-10: var( --scw-color-red-shoes-10 );
 }
 .scw-theme-red-shoes-dark,
 [scw-theme-red-shoes-dark],
@@ -299,9 +588,26 @@
   --scw-theme-color-dark: var( --scw-color-red-shoes-05 );
   --scw-theme-body-color: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-red-shoes-06 );
+
+  /*
   --scw-theme-icon-color: var( --scw-color-grey-10 );
   --scw-theme-icon-color-secondary: var( --scw-color-red-shoes-09 );
   --scw-theme-icon-color-tiertiary: var( --scw-color-red-shoes-08 );
+  */
+
+  --scw-theme-color-00: var( --scw-color-red-shoes-10 );
+  --scw-theme-color-01: var( --scw-color-red-shoes-09 );
+  --scw-theme-color-02: var( --scw-color-red-shoes-08 );
+  --scw-theme-color-03: var( --scw-color-red-shoes-07 );
+  --scw-theme-color-04: var( --scw-color-red-shoes-06 );
+  --scw-theme-color-05: var( --scw-color-red-shoes-05 );
+  --scw-theme-color-06: var( --scw-color-red-shoes-04 );
+  --scw-theme-color-07: var( --scw-color-red-shoes-03 );
+  --scw-theme-color-08: var( --scw-color-red-shoes-02 );
+  --scw-theme-color-09: var( --scw-color-red-shoes-01 );
+  --scw-theme-color-095: var( --scw-color-red-shoes-01 );
+  --scw-theme-color-092: var( --scw-color-red-shoes-01 );
+  --scw-theme-color-10: var( --scw-color-red-shoes-00 );
 }
 
 
@@ -315,9 +621,26 @@
   --scw-theme-color-dark: var( --scw-color-business-05 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-border-color: var( --scw-color-business-06 );
-  --scw-theme-icon-color: var( --scw-color-business-05 );
+  
+  /*
+  --scw-theme-color: var( --scw-color-business-05 );
   --scw-theme-icon-color-secondary: var( --scw-color-business-06 );
   --scw-theme-icon-color-tiertiary: var( --scw-color-business-08 );
+  */
+
+  --scw-theme-color-00: var( --scw-color-business-00 );
+  --scw-theme-color-01: var( --scw-color-business-01 );
+  --scw-theme-color-02: var( --scw-color-business-02 );
+  --scw-theme-color-03: var( --scw-color-business-03 );
+  --scw-theme-color-04: var( --scw-color-business-04 );
+  --scw-theme-color-05: var( --scw-color-business-05 );
+  --scw-theme-color-06: var( --scw-color-business-06 );
+  --scw-theme-color-07: var( --scw-color-business-07 );
+  --scw-theme-color-08: var( --scw-color-business-08 );
+  --scw-theme-color-09: var( --scw-color-business-09 );
+  --scw-theme-color-095: var( --scw-color-business-092 );
+  --scw-theme-color-092: var( --scw-color-business-095 );
+  --scw-theme-color-10: var( --scw-color-business-10 );
 }
 .scw-theme-business-dark,
 [scw-theme-business-dark],
@@ -333,9 +656,26 @@
   --scw-theme-color-dark: var( --scw-color-business-05 );
   --scw-theme-body-color: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-business-06 );
+
+  /*
   --scw-theme-icon-color: var( --scw-color-grey-10 );
   --scw-theme-icon-color-secondary: var( --scw-color-business-09 );
   --scw-theme-icon-color-tiertiary: var( --scw-color-business-08 );
+  */
+
+  --scw-theme-color-00: var( --scw-color-business-10 );
+  --scw-theme-color-01: var( --scw-color-business-09 );
+  --scw-theme-color-02: var( --scw-color-business-08 );
+  --scw-theme-color-03: var( --scw-color-business-07 );
+  --scw-theme-color-04: var( --scw-color-business-06 );
+  --scw-theme-color-05: var( --scw-color-business-05 );
+  --scw-theme-color-06: var( --scw-color-business-04 );
+  --scw-theme-color-07: var( --scw-color-business-03 );
+  --scw-theme-color-08: var( --scw-color-business-02 );
+  --scw-theme-color-09: var( --scw-color-business-01 );
+  --scw-theme-color-095: var( --scw-color-business-01 );
+  --scw-theme-color-092: var( --scw-color-business-01 );
+  --scw-theme-color-10: var( --scw-color-business-00 );
 }
 
 
@@ -349,9 +689,26 @@
   --scw-theme-color-dark: var( --scw-color-personal-05 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-border-color: var( --scw-color-personal-06 );
-  --scw-theme-icon-color: var( --scw-color-personal-05 );
+  
+  /*
+  --scw-theme-color: var( --scw-color-personal-05 );
   --scw-theme-icon-color-secondary: var( --scw-color-personal-06 );
   --scw-theme-icon-color-tiertiary: var( --scw-color-personal-08 );
+  */
+
+  --scw-theme-color-00: var( --scw-color-personal-00 );
+  --scw-theme-color-01: var( --scw-color-personal-01 );
+  --scw-theme-color-02: var( --scw-color-personal-02 );
+  --scw-theme-color-03: var( --scw-color-personal-03 );
+  --scw-theme-color-04: var( --scw-color-personal-04 );
+  --scw-theme-color-05: var( --scw-color-personal-05 );
+  --scw-theme-color-06: var( --scw-color-personal-06 );
+  --scw-theme-color-07: var( --scw-color-personal-07 );
+  --scw-theme-color-08: var( --scw-color-personal-08 );
+  --scw-theme-color-09: var( --scw-color-personal-09 );
+  --scw-theme-color-095: var( --scw-color-personal-092 );
+  --scw-theme-color-092: var( --scw-color-personal-095 );
+  --scw-theme-color-10: var( --scw-color-personal-10 );
 }
 .scw-theme-personal-dark,
 [scw-theme-personal-dark],
@@ -367,9 +724,26 @@
   --scw-theme-color-dark: var( --scw-color-personal-05 );
   --scw-theme-body-color: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-personal-06 );
+
+  /*
   --scw-theme-icon-color: var( --scw-color-grey-10 );
   --scw-theme-icon-color-secondary: var( --scw-color-personal-09 );
   --scw-theme-icon-color-tiertiary: var( --scw-color-personal-08 );
+  */
+
+  --scw-theme-color-00: var( --scw-color-personal-10 );
+  --scw-theme-color-01: var( --scw-color-personal-09 );
+  --scw-theme-color-02: var( --scw-color-personal-08 );
+  --scw-theme-color-03: var( --scw-color-personal-07 );
+  --scw-theme-color-04: var( --scw-color-personal-06 );
+  --scw-theme-color-05: var( --scw-color-personal-05 );
+  --scw-theme-color-06: var( --scw-color-personal-04 );
+  --scw-theme-color-07: var( --scw-color-personal-03 );
+  --scw-theme-color-08: var( --scw-color-personal-02 );
+  --scw-theme-color-09: var( --scw-color-personal-01 );
+  --scw-theme-color-095: var( --scw-color-personal-01 );
+  --scw-theme-color-092: var( --scw-color-personal-01 );
+  --scw-theme-color-10: var( --scw-color-personal-00 );
 }
 
 
@@ -383,9 +757,26 @@
   --scw-theme-color-dark: var( --scw-color-heloc-05 );
   --scw-theme-body-color: var( --scw-color-grey-02 );
   --scw-theme-border-color: var( --scw-color-heloc-06 );
-  --scw-theme-icon-color: var( --scw-color-heloc-05 );
+  
+  /*
+  --scw-theme-color: var( --scw-color-heloc-05 );
   --scw-theme-icon-color-secondary: var( --scw-color-heloc-06 );
   --scw-theme-icon-color-tiertiary: var( --scw-color-heloc-08 );
+  */
+
+  --scw-theme-color-00: var( --scw-color-heloc-00 );
+  --scw-theme-color-01: var( --scw-color-heloc-01 );
+  --scw-theme-color-02: var( --scw-color-heloc-02 );
+  --scw-theme-color-03: var( --scw-color-heloc-03 );
+  --scw-theme-color-04: var( --scw-color-heloc-04 );
+  --scw-theme-color-05: var( --scw-color-heloc-05 );
+  --scw-theme-color-06: var( --scw-color-heloc-06 );
+  --scw-theme-color-07: var( --scw-color-heloc-07 );
+  --scw-theme-color-08: var( --scw-color-heloc-08 );
+  --scw-theme-color-09: var( --scw-color-heloc-09 );
+  --scw-theme-color-095: var( --scw-color-heloc-092 );
+  --scw-theme-color-092: var( --scw-color-heloc-095 );
+  --scw-theme-color-10: var( --scw-color-heloc-10 );
 }
 .scw-theme-heloc-dark,
 [scw-theme-heloc-dark],
@@ -401,7 +792,24 @@
   --scw-theme-color-dark: var( --scw-color-heloc-05 );
   --scw-theme-body-color: var( --scw-color-grey-10 );
   --scw-theme-border-color: var( --scw-color-heloc-06 );
+
+  /*
   --scw-theme-icon-color: var( --scw-color-grey-10 );
   --scw-theme-icon-color-secondary: var( --scw-color-heloc-09 );
   --scw-theme-icon-color-tiertiary: var( --scw-color-heloc-08 );
+  */
+
+  --scw-theme-color-00: var( --scw-color-heloc-10 );
+  --scw-theme-color-01: var( --scw-color-heloc-09 );
+  --scw-theme-color-02: var( --scw-color-heloc-08 );
+  --scw-theme-color-03: var( --scw-color-heloc-07 );
+  --scw-theme-color-04: var( --scw-color-heloc-06 );
+  --scw-theme-color-05: var( --scw-color-heloc-05 );
+  --scw-theme-color-06: var( --scw-color-heloc-04 );
+  --scw-theme-color-07: var( --scw-color-heloc-03 );
+  --scw-theme-color-08: var( --scw-color-heloc-02 );
+  --scw-theme-color-09: var( --scw-color-heloc-01 );
+  --scw-theme-color-095: var( --scw-color-heloc-01 );
+  --scw-theme-color-092: var( --scw-color-heloc-01 );
+  --scw-theme-color-10: var( --scw-color-heloc-00 );
 }

package/dist/tokens/css.html

@@ -22,7 +22,7 @@
 			const clipboardType = urlParams.get('clipboardType');
 
 			import run from './apps/cheatsheet/main.js';
-			run('.', import.meta, '0.7.40', '../example/dist/tokens', clipboardType );
+			run('.', import.meta, '0.7.41', '../example/dist/tokens', clipboardType );
 		</script>
 
 		<style>
@@ -52,7 +52,7 @@
 		<div id="main"></div>
 
 		<div id="main-loading">
-			Loading Summit Tokenizer Cheatsheet 0.7.40
+			Loading Summit Tokenizer Cheatsheet 0.7.41
 		</div>
 
   </body>