@salutejs/sdds-themes 0.48.0-dev.0 → 0.48.1-canary.2350.19612898329.0

package/css/sdds_finai__light.css

@@ -515,42 +515,42 @@
   --inverse-overlay-hard: #060A0CF5;
   --inverse-overlay-soft: #060A0C8F;
   --inverse-overlay-blur: #060A0C47;
-  --outline-solid-primary-hover: #000000FF;
-  --outline-solid-primary-active: #9FB6C6FF;
-  --outline-solid-secondary-hover: #000000FF;
-  --outline-solid-secondary-active: #6B7780FF;
-  --outline-solid-tertiary-hover: #000000FF;
-  --outline-solid-tertiary-active: #515B61FF;
-  --outline-accent-hover: #0D96F2FF;
-  --outline-accent-active: #0966A5FF;
-  --outline-accent-minor-hover: #7ACAFFFF;
+  --outline-solid-primary-hover: #96AEC0FF;
+  --outline-solid-primary-active: #B6C7D3FF;
+  --outline-solid-secondary-hover: #B7BEC3FF;
+  --outline-solid-secondary-active: #74818BFF;
+  --outline-solid-tertiary-hover: #9BA5ABFF;
+  --outline-solid-tertiary-active: #545D64FF;
+  --outline-accent-hover: #47B0F5FF;
+  --outline-accent-active: #096CAEFF;
+  --outline-accent-minor-hover: #A3DAFFFF;
   --outline-accent-minor-active: #29A9FFFF;
-  --outline-transparent-accent-hover: #0B7ECBFF;
-  --outline-transparent-accent-active: #0B7ECB3D;
-  --outline-positive-hover: #14B32EFF;
+  --outline-transparent-accent-hover: #0B7ECB1F;
+  --outline-transparent-accent-active: #0B7ECB52;
+  --outline-positive-hover: #15BC31FF;
   --outline-positive-active: #0C6A1BFF;
-  --outline-warning-hover: #FB782DFF;
-  --outline-warning-active: #D25004FF;
-  --outline-negative-hover: #EE2F43FF;
-  --outline-negative-active: #BD0F21FF;
-  --outline-info-hover: #0D96F2FF;
-  --outline-info-active: #0966A5FF;
-  --outline-positive-minor-hover: #47DC62FF;
-  --outline-positive-minor-active: #21B03CFF;
+  --outline-warning-hover: #FC9F69FF;
+  --outline-warning-active: #DC5304FF;
+  --outline-negative-hover: #F36876FF;
+  --outline-negative-active: #C61022FF;
+  --outline-info-hover: #47B0F5FF;
+  --outline-info-active: #096CAEFF;
+  --outline-positive-minor-hover: #7AE68EFF;
+  --outline-positive-minor-active: #23B83EFF;
   --outline-warning-minor-hover: #FDB790FF;
   --outline-warning-minor-active: #FC8240FF;
   --outline-negative-minor-hover: #FFB8BFFF;
   --outline-negative-minor-active: #FF6675FF;
-  --outline-info-minor-hover: #7ACAFFFF;
+  --outline-info-minor-hover: #A3DAFFFF;
   --outline-info-minor-active: #29A9FFFF;
-  --outline-transparent-positive-hover: #108E25FF;
-  --outline-transparent-positive-active: #108E253D;
-  --outline-transparent-warning-hover: #E85702FF;
-  --outline-transparent-warning-active: #E857023D;
-  --outline-transparent-negative-hover: #F31B31FF;
-  --outline-transparent-negative-active: #F31B313D;
-  --outline-transparent-info-hover: #0B7ECBFF;
-  --outline-transparent-info-active: #0B7ECB3D;
+  --outline-transparent-positive-hover: #108E251F;
+  --outline-transparent-positive-active: #108E2552;
+  --outline-transparent-warning-hover: #E857021F;
+  --outline-transparent-warning-active: #E8570252;
+  --outline-transparent-negative-hover: #F31B311F;
+  --outline-transparent-negative-active: #F31B3152;
+  --outline-transparent-info-hover: #0B7ECB1F;
+  --outline-transparent-info-active: #0B7ECB52;
   --outline-solid-primary: #D5DFE6;
   --outline-solid-secondary: #8A959D;
   --outline-solid-tertiary: #657179;
@@ -570,44 +570,44 @@
   --outline-warning: #FA5F05;
   --outline-negative: #E31227;
   --outline-solid-default: #060A0C;
-  --outline-solid-default-hover: #223944FF;
-  --outline-solid-default-active: #152229FF;
-  --on-dark-outline-solid-primary-hover: #6A7E8AFF;
-  --on-dark-outline-solid-primary-active: #47545CFF;
-  --on-dark-outline-solid-secondary-hover: #7A8994FF;
-  --on-dark-outline-solid-secondary-active: #546069FF;
-  --on-dark-outline-solid-tertiary-hover: #000000FF;
-  --on-dark-outline-solid-tertiary-active: #515B61FF;
-  --on-dark-outline-accent-hover: #3FABF3FF;
-  --on-dark-outline-accent-active: #0D84D3FF;
-  --on-dark-outline-accent-minor-hover: #1483CCFF;
-  --on-dark-outline-accent-minor-active: #116BA7FF;
-  --on-dark-outline-transparent-accent-hover: #199AF0FF;
-  --on-dark-outline-transparent-accent-active: #199AF056;
-  --on-dark-outline-positive-hover: #2BD44AFF;
-  --on-dark-outline-positive-active: #1D9032FF;
-  --on-dark-outline-warning-hover: #FF8B4DFF;
+  --outline-solid-default-hover: #304F5FFF;
+  --outline-solid-default-active: #1B2D36FF;
+  --on-dark-outline-solid-primary-hover: #97A6AFFF;
+  --on-dark-outline-solid-primary-active: #505E68FF;
+  --on-dark-outline-solid-secondary-hover: #A7B1B9FF;
+  --on-dark-outline-solid-secondary-active: #5D6A74FF;
+  --on-dark-outline-solid-tertiary-hover: #9BA5ABFF;
+  --on-dark-outline-solid-tertiary-active: #545D64FF;
+  --on-dark-outline-accent-hover: #79C4F6FF;
+  --on-dark-outline-accent-active: #0E8ADDFF;
+  --on-dark-outline-accent-minor-hover: #137DC3FF;
+  --on-dark-outline-accent-minor-active: #093B5DFF;
+  --on-dark-outline-transparent-accent-hover: #199AF02B;
+  --on-dark-outline-transparent-accent-active: #199AF072;
+  --on-dark-outline-positive-hover: #5EDE76FF;
+  --on-dark-outline-positive-active: #1F9835FF;
+  --on-dark-outline-warning-hover: #FFA575FF;
   --on-dark-outline-warning-active: #FA5700FF;
-  --on-dark-outline-negative-hover: #FF6675FF;
+  --on-dark-outline-negative-hover: #FF8F9AFF;
   --on-dark-outline-negative-active: #FF142CFF;
-  --on-dark-outline-info-hover: #3FABF3FF;
-  --on-dark-outline-info-active: #0D84D3FF;
-  --on-dark-outline-positive-minor-hover: #11A72CFF;
-  --on-dark-outline-positive-minor-active: #0D8222FF;
-  --on-dark-outline-warning-minor-hover: #CD5713FF;
-  --on-dark-outline-warning-minor-active: #A84710FF;
-  --on-dark-outline-negative-minor-hover: #C2192AFF;
-  --on-dark-outline-negative-minor-active: #7A101AFF;
-  --on-dark-outline-info-minor-hover: #1483CCFF;
-  --on-dark-outline-info-minor-active: #116BA7FF;
-  --on-dark-outline-transparent-positive-hover: #24B23EFF;
-  --on-dark-outline-transparent-positive-active: #24B23E56;
-  --on-dark-outline-transparent-warning-hover: #FF7024FF;
-  --on-dark-outline-transparent-warning-active: #FF702456;
-  --on-dark-outline-transparent-negative-hover: #FF3D51FF;
-  --on-dark-outline-transparent-negative-active: #FF3D5156;
-  --on-dark-outline-transparent-info-hover: #199AF0FF;
-  --on-dark-outline-transparent-info-active: #199AF056;
+  --on-dark-outline-info-hover: #79C4F6FF;
+  --on-dark-outline-info-active: #0E8ADDFF;
+  --on-dark-outline-positive-minor-hover: #0F9527FF;
+  --on-dark-outline-positive-minor-active: #074A14FF;
+  --on-dark-outline-warning-minor-hover: #B14B10FF;
+  --on-dark-outline-warning-minor-active: #5D2809FF;
+  --on-dark-outline-negative-minor-hover: #DD1D30FF;
+  --on-dark-outline-negative-minor-active: #8C121EFF;
+  --on-dark-outline-info-minor-hover: #137DC3FF;
+  --on-dark-outline-info-minor-active: #093B5DFF;
+  --on-dark-outline-transparent-positive-hover: #24B23E2B;
+  --on-dark-outline-transparent-positive-active: #24B23E72;
+  --on-dark-outline-transparent-warning-hover: #FF70242B;
+  --on-dark-outline-transparent-warning-active: #FF702472;
+  --on-dark-outline-transparent-negative-hover: #FF3D512B;
+  --on-dark-outline-transparent-negative-active: #FF3D5172;
+  --on-dark-outline-transparent-info-hover: #199AF02B;
+  --on-dark-outline-transparent-info-active: #199AF072;
   --on-dark-outline-solid-primary: #23292D;
   --on-dark-outline-solid-secondary: #30373C;
   --on-dark-outline-solid-tertiary: #657179;
@@ -627,44 +627,44 @@
   --on-dark-outline-transparent-negative: #FF3D5147;
   --on-dark-outline-transparent-info: #199AF047;
   --on-dark-outline-solid-default: #F7F9FB;
-  --on-dark-outline-solid-default-hover: #FFFFFFFF;
-  --on-dark-outline-solid-default-active: #B4C7D9FF;
-  --on-light-outline-solid-primary-hover: #000000FF;
-  --on-light-outline-solid-primary-active: #9FB6C6FF;
-  --on-light-outline-solid-secondary-hover: #000000FF;
-  --on-light-outline-solid-secondary-active: #6B7780FF;
-  --on-light-outline-solid-tertiary-hover: #000000FF;
-  --on-light-outline-solid-tertiary-active: #515B61FF;
-  --on-light-outline-accent-hover: #0D96F2FF;
-  --on-light-outline-accent-active: #0966A5FF;
-  --on-light-outline-accent-minor-hover: #7ACAFFFF;
+  --on-dark-outline-solid-default-hover: #E4EBF1FF;
+  --on-dark-outline-solid-default-active: #D6E0EAFF;
+  --on-light-outline-solid-primary-hover: #96AEC0FF;
+  --on-light-outline-solid-primary-active: #B6C7D3FF;
+  --on-light-outline-solid-secondary-hover: #B7BEC3FF;
+  --on-light-outline-solid-secondary-active: #74818BFF;
+  --on-light-outline-solid-tertiary-hover: #9BA5ABFF;
+  --on-light-outline-solid-tertiary-active: #545D64FF;
+  --on-light-outline-accent-hover: #47B0F5FF;
+  --on-light-outline-accent-active: #096CAEFF;
+  --on-light-outline-accent-minor-hover: #A3DAFFFF;
   --on-light-outline-accent-minor-active: #29A9FFFF;
-  --on-light-outline-transparent-accent-hover: #0B7ECBFF;
-  --on-light-outline-transparent-accent-active: #0B7ECB3D;
-  --on-light-outline-positive-hover: #14B32EFF;
+  --on-light-outline-transparent-accent-hover: #0B7ECB1F;
+  --on-light-outline-transparent-accent-active: #0B7ECB52;
+  --on-light-outline-positive-hover: #15BC31FF;
   --on-light-outline-positive-active: #0C6A1BFF;
-  --on-light-outline-warning-hover: #FB782DFF;
-  --on-light-outline-warning-active: #D25004FF;
-  --on-light-outline-negative-hover: #EE2F43FF;
-  --on-light-outline-negative-active: #BD0F21FF;
-  --on-light-outline-info-hover: #0D96F2FF;
-  --on-light-outline-info-active: #0966A5FF;
-  --on-light-outline-positive-minor-hover: #47DC62FF;
-  --on-light-outline-positive-minor-active: #21B03CFF;
+  --on-light-outline-warning-hover: #FC9F69FF;
+  --on-light-outline-warning-active: #DC5304FF;
+  --on-light-outline-negative-hover: #F36876FF;
+  --on-light-outline-negative-active: #C61022FF;
+  --on-light-outline-info-hover: #47B0F5FF;
+  --on-light-outline-info-active: #096CAEFF;
+  --on-light-outline-positive-minor-hover: #7AE68EFF;
+  --on-light-outline-positive-minor-active: #23B83EFF;
   --on-light-outline-warning-minor-hover: #FDB790FF;
   --on-light-outline-warning-minor-active: #FC8240FF;
   --on-light-outline-negative-minor-hover: #FFB8BFFF;
   --on-light-outline-negative-minor-active: #FF6675FF;
-  --on-light-outline-info-minor-hover: #7ACAFFFF;
+  --on-light-outline-info-minor-hover: #A3DAFFFF;
   --on-light-outline-info-minor-active: #29A9FFFF;
-  --on-light-outline-transparent-positive-hover: #108E25FF;
-  --on-light-outline-transparent-positive-active: #108E253D;
-  --on-light-outline-transparent-warning-hover: #E85702FF;
-  --on-light-outline-transparent-warning-active: #E857023D;
-  --on-light-outline-transparent-negative-hover: #F31B31FF;
-  --on-light-outline-transparent-negative-active: #F31B313D;
-  --on-light-outline-transparent-info-hover: #0B7ECBFF;
-  --on-light-outline-transparent-info-active: #0B7ECB3D;
+  --on-light-outline-transparent-positive-hover: #108E251F;
+  --on-light-outline-transparent-positive-active: #108E2552;
+  --on-light-outline-transparent-warning-hover: #E857021F;
+  --on-light-outline-transparent-warning-active: #E8570252;
+  --on-light-outline-transparent-negative-hover: #F31B311F;
+  --on-light-outline-transparent-negative-active: #F31B3152;
+  --on-light-outline-transparent-info-hover: #0B7ECB1F;
+  --on-light-outline-transparent-info-active: #0B7ECB52;
   --on-light-outline-solid-primary: #D5DFE6;
   --on-light-outline-solid-secondary: #8A959D;
   --on-light-outline-solid-tertiary: #657179;
@@ -684,44 +684,44 @@
   --on-light-outline-warning: #FA5F05;
   --on-light-outline-negative: #E31227;
   --on-light-outline-solid-default: #060A0C;
-  --on-light-outline-solid-default-hover: #223944FF;
-  --on-light-outline-solid-default-active: #152229FF;
-  --inverse-outline-solid-primary-hover: #6A7E8AFF;
-  --inverse-outline-solid-primary-active: #47545CFF;
-  --inverse-outline-solid-secondary-hover: #7A8994FF;
-  --inverse-outline-solid-secondary-active: #546069FF;
-  --inverse-outline-solid-tertiary-hover: #000000FF;
-  --inverse-outline-solid-tertiary-active: #515B61FF;
-  --inverse-outline-accent-hover: #3FABF3FF;
-  --inverse-outline-accent-active: #0D84D3FF;
-  --inverse-outline-accent-minor-hover: #1483CCFF;
-  --inverse-outline-accent-minor-active: #116BA7FF;
-  --inverse-outline-transparent-accent-hover: #199AF0FF;
-  --inverse-outline-transparent-accent-active: #199AF056;
-  --inverse-outline-positive-hover: #2BD44AFF;
-  --inverse-outline-positive-active: #1D9032FF;
-  --inverse-outline-warning-hover: #FF8B4DFF;
+  --on-light-outline-solid-default-hover: #304F5FFF;
+  --on-light-outline-solid-default-active: #1B2D36FF;
+  --inverse-outline-solid-primary-hover: #97A6AFFF;
+  --inverse-outline-solid-primary-active: #505E68FF;
+  --inverse-outline-solid-secondary-hover: #A7B1B9FF;
+  --inverse-outline-solid-secondary-active: #5D6A74FF;
+  --inverse-outline-solid-tertiary-hover: #9BA5ABFF;
+  --inverse-outline-solid-tertiary-active: #545D64FF;
+  --inverse-outline-accent-hover: #79C4F6FF;
+  --inverse-outline-accent-active: #0E8ADDFF;
+  --inverse-outline-accent-minor-hover: #137DC3FF;
+  --inverse-outline-accent-minor-active: #093B5DFF;
+  --inverse-outline-transparent-accent-hover: #199AF02B;
+  --inverse-outline-transparent-accent-active: #199AF072;
+  --inverse-outline-positive-hover: #5EDE76FF;
+  --inverse-outline-positive-active: #1F9835FF;
+  --inverse-outline-warning-hover: #FFA575FF;
   --inverse-outline-warning-active: #FA5700FF;
-  --inverse-outline-negative-hover: #FF6675FF;
+  --inverse-outline-negative-hover: #FF8F9AFF;
   --inverse-outline-negative-active: #FF142CFF;
-  --inverse-outline-info-hover: #3FABF3FF;
-  --inverse-outline-info-active: #0D84D3FF;
-  --inverse-outline-positive-minor-hover: #11A72CFF;
-  --inverse-outline-positive-minor-active: #0D8222FF;
-  --inverse-outline-warning-minor-hover: #CD5713FF;
-  --inverse-outline-warning-minor-active: #A84710FF;
-  --inverse-outline-negative-minor-hover: #C2192AFF;
-  --inverse-outline-negative-minor-active: #7A101AFF;
-  --inverse-outline-info-minor-hover: #1483CCFF;
-  --inverse-outline-info-minor-active: #116BA7FF;
-  --inverse-outline-transparent-positive-hover: #24B23EFF;
-  --inverse-outline-transparent-positive-active: #24B23E56;
-  --inverse-outline-transparent-warning-hover: #FF7024FF;
-  --inverse-outline-transparent-warning-active: #FF702456;
-  --inverse-outline-transparent-negative-hover: #FF3D51FF;
-  --inverse-outline-transparent-negative-active: #FF3D5156;
-  --inverse-outline-transparent-info-hover: #199AF0FF;
-  --inverse-outline-transparent-info-active: #199AF056;
+  --inverse-outline-info-hover: #79C4F6FF;
+  --inverse-outline-info-active: #0E8ADDFF;
+  --inverse-outline-positive-minor-hover: #0F9527FF;
+  --inverse-outline-positive-minor-active: #074A14FF;
+  --inverse-outline-warning-minor-hover: #B14B10FF;
+  --inverse-outline-warning-minor-active: #5D2809FF;
+  --inverse-outline-negative-minor-hover: #DD1D30FF;
+  --inverse-outline-negative-minor-active: #8C121EFF;
+  --inverse-outline-info-minor-hover: #137DC3FF;
+  --inverse-outline-info-minor-active: #093B5DFF;
+  --inverse-outline-transparent-positive-hover: #24B23E2B;
+  --inverse-outline-transparent-positive-active: #24B23E72;
+  --inverse-outline-transparent-warning-hover: #FF70242B;
+  --inverse-outline-transparent-warning-active: #FF702472;
+  --inverse-outline-transparent-negative-hover: #FF3D512B;
+  --inverse-outline-transparent-negative-active: #FF3D5172;
+  --inverse-outline-transparent-info-hover: #199AF02B;
+  --inverse-outline-transparent-info-active: #199AF072;
   --inverse-outline-solid-primary: #23292D;
   --inverse-outline-solid-secondary: #30373C;
   --inverse-outline-solid-tertiary: #657179;
@@ -740,17 +740,17 @@
   --inverse-outline-transparent-warning: #FF702447;
   --inverse-outline-transparent-negative: #FF3D5147;
   --inverse-outline-transparent-info: #199AF047;
-  --inverse-outline-solid-default-hover: #FFFFFFFF;
-  --inverse-outline-solid-default-active: #B4C7D9FF;
+  --inverse-outline-solid-default-hover: #E4EBF1FF;
+  --inverse-outline-solid-default-active: #D6E0EAFF;
   --inverse-outline-solid-default: #F7F9FB;
   --data-yellow: #F3A912;
   --data-yellow-hover: #F5B638FF;
   --data-yellow-active: #E49C0CFF;
   --data-yellow-minor: #FFD37A;
-  --data-yellow-minor-hover: #FFD070FF;
+  --data-yellow-minor-hover: #FFCF70FF;
   --data-yellow-minor-active: #FFCC66FF;
-  --data-yellow-transparent-hover: #F3A9129E;
-  --data-yellow-transparent-active: #F3A912A3;
+  --data-yellow-transparent-hover: #F3A8129E;
+  --data-yellow-transparent-active: #F3A812A3;
   --data-yellow-light: #FFF6E5;
   --data-yellow-light-hover: #FFF4E0FF;
   --data-yellow-light-active: #FFF3DBFF;
@@ -764,11 +764,11 @@
   --data-green: #1A9E32;
   --data-green-minor: #28D247;
   --data-green-light: #9EFAAF;
-  --data-spring: #45E362;
+  --data-spring: #93E006;
   --data-orange: #FA5F05;
   --data-orange-minor: #FD9C68;
   --data-orange-light: #FEE2D2;
-  --data-red: #FF293E;
+  --data-red: #FF3D51;
   --data-red-minor: #FF8F9A;
   --data-red-light: #FFE0E3;
   --data-blue: #118CDF;
@@ -778,22 +778,78 @@
   --data-electric-blue: #8BB2FC;
   --data-fuchsia: #F391E2;
   --data-pink: #FF8FBC;
-  --data-gray: #949494;
+  --data-gray: #8A959D;
   --data-gray-minor: #D5DFE6;
   --data-red-transparent: #FF293E33;
   --data-yellow-transparent: #F3A9128F;
   --data-blue-transparent: #118CDF33;
   --data-green-transparent: #1A9E3233;
   --data-orange-transparent: #FA5F0533;
-  --on-dark-data-yellow-hover: #F5B638FF;
-  --on-dark-data-yellow-active: #E49C0CFF;
-  --on-dark-data-yellow-minor-hover: #B87A00FF;
-  --on-dark-data-yellow-minor-active: #8F5F00FF;
+  --data-orchid-hover: #C061FFFF;
+  --data-orchid-active: #BC57FFFF;
+  --data-blue-minor-hover: #C7E9FFFF;
+  --data-blue-minor-active: #C2E7FFFF;
+  --data-orchid-minor-hover: #DAACF6FF;
+  --data-orchid-minor-active: #D6A3F5FF;
+  --data-blue-light-hover: #E5F5FFFF;
+  --data-blue-light-active: #E0F3FFFF;
+  --data-arctic-hover: #16DFA6FF;
+  --data-arctic-active: #12BA8AFF;
+  --data-green-hover: #1EB83AFF;
+  --data-green-active: #178C2CFF;
+  --data-green-minor-hover: #36D954FF;
+  --data-green-minor-active: #25C141FF;
+  --data-green-light-hover: #94F9A7FF;
+  --data-green-light-active: #8BF99FFF;
+  --data-spring-hover: #A1F406FF;
+  --data-spring-active: #86CC05FF;
+  --data-orange-hover: #FB782DFF;
+  --data-orange-active: #E65705FF;
+  --data-orange-minor-hover: #FD965EFF;
+  --data-orange-minor-active: #FC8F54FF;
+  --data-orange-light-hover: #FEDCC8FF;
+  --data-orange-light-active: #FED9C3FF;
+  --data-red-hover: #FF6675FF;
+  --data-red-active: #FF293EFF;
+  --data-red-minor-hover: #FF8591FF;
+  --data-red-minor-active: #FF7A88FF;
+  --data-red-light-hover: #FFD6DAFF;
+  --data-red-light-active: #FFD1D6FF;
+  --data-blue-hover: #209CEEFF;
+  --data-blue-active: #0F81CCFF;
+  --data-blue-mild-hover: #7ACAFFFF;
+  --data-blue-mild-active: #3DB1FFFF;
+  --data-malachite-hover: #04D8DCFF;
+  --data-malachite-active: #04B1B4FF;
+  --data-malachite-minor-hover: #00F1F5FF;
+  --data-malachite-minor-active: #00C9CCFF;
+  --data-electric-blue-hover: #83ADFCFF;
+  --data-electric-blue-active: #79A7FCFF;
+  --data-fuchsia-hover: #F288E0FF;
+  --data-fuchsia-active: #F17EDEFF;
+  --data-pink-hover: #FF85B6FF;
+  --data-pink-active: #FF7AAFFF;
+  --data-gray-hover: #9BA5ABFF;
+  --data-gray-active: #7F8B94FF;
+  --data-gray-minor-hover: #CFDAE2FF;
+  --data-gray-minor-active: #C9D5DEFF;
+  --data-red-transparent-hover: #FF293E42;
+  --data-red-transparent-active: #FF293E47;
+  --data-blue-transparent-hover: #118CDF42;
+  --data-blue-transparent-active: #118CDF47;
+  --data-green-transparent-hover: #1A9E3242;
+  --data-green-transparent-active: #1A9E3247;
+  --data-orange-transparent-hover: #FA5F0542;
+  --data-orange-transparent-active: #FA5F0547;
+  --on-dark-data-yellow-hover: #B87A00FF;
+  --on-dark-data-yellow-active: #8F5F00FF;
+  --on-dark-data-yellow-minor-hover: #5D3F04FF;
+  --on-dark-data-yellow-minor-active: #362502FF;
   --on-dark-data-yellow-transparent: #F3A9128F;
-  --on-dark-data-yellow-transparent-hover: #F3A8127A;
-  --on-dark-data-yellow-transparent-active: #F3A81299;
-  --on-dark-data-yellow-light-hover: #FFF4E0FF;
-  --on-dark-data-yellow-light-active: #FFF3DBFF;
+  --on-dark-data-yellow-transparent-hover: #F3A8129E;
+  --on-dark-data-yellow-transparent-active: #F3A812A3;
+  --on-dark-data-yellow-light-hover: #32250BFF;
+  --on-dark-data-yellow-light-active: #110C04FF;
   --on-dark-data-sky-blue-light-hover: #E0F8FFFF;
   --on-dark-data-sky-blue-light-active: #DBF7FFFF;
   --on-dark-data-blue-light: #0A1924;
@@ -827,15 +883,71 @@
   --on-dark-data-orange-transparent: #FA5F053D;
   --on-dark-data-green-transparent: #1A9E323D;
   --on-dark-data-blue-transparent: #118CDF3D;
+  --on-dark-data-blue-light-hover: #0E2434FF;
+  --on-dark-data-blue-light-active: #050E14FF;
+  --on-dark-data-blue-minor-hover: #114C74FF;
+  --on-dark-data-blue-minor-active: #0A2F47FF;
+  --on-dark-data-orchid-hover: #BE69F7FF;
+  --on-dark-data-orchid-active: #A52FF4FF;
+  --on-dark-data-orchid-minor-hover: #7D2FB1FF;
+  --on-dark-data-orchid-minor-active: #662791FF;
+  --on-dark-data-orange-hover: #FB782DFF;
+  --on-dark-data-orange-active: #E65705FF;
+  --on-dark-data-orange-minor-hover: #95400EFF;
+  --on-dark-data-orange-minor-active: #70300AFF;
+  --on-dark-data-orange-light-hover: #58290EFF;
+  --on-dark-data-orange-light-active: #2C1507FF;
+  --on-dark-data-red-hover: #ED1D31FF;
+  --on-dark-data-red-active: #D01124FF;
+  --on-dark-data-red-minor-hover: #B91828FF;
+  --on-dark-data-red-minor-active: #8C121EFF;
+  --on-dark-data-red-light-hover: #64121AFF;
+  --on-dark-data-red-light-active: #380A0FFF;
+  --on-dark-data-arctic-hover: #1C8D6DFF;
+  --on-dark-data-arctic-active: #156A52FF;
+  --on-dark-data-green-hover: #1EB83AFF;
+  --on-dark-data-green-active: #178C2CFF;
+  --on-dark-data-green-minor-hover: #0F9928FF;
+  --on-dark-data-green-minor-active: #0B741FFF;
+  --on-dark-data-green-light-hover: #0E5D1DFF;
+  --on-dark-data-green-light-active: #08310FFF;
+  --on-dark-data-spring-hover: #62900EFF;
+  --on-dark-data-spring-active: #496B0BFF;
+  --on-dark-data-blue-hover: #209CEEFF;
+  --on-dark-data-blue-active: #0F81CCFF;
+  --on-dark-data-blue-mild-hover: #0D84D3FF;
+  --on-dark-data-blue-mild-active: #0A66A3FF;
+  --on-dark-data-malachite-hover: #009194FF;
+  --on-dark-data-malachite-active: #00696BFF;
+  --on-dark-data-malachite-minor-hover: #107175FF;
+  --on-dark-data-malachite-minor-active: #0A4648FF;
+  --on-dark-data-electric-blue-hover: #1956C8FF;
+  --on-dark-data-electric-blue-active: #13429AFF;
+  --on-dark-data-fuchsia-hover: #9C2688FF;
+  --on-dark-data-fuchsia-active: #7B1E6CFF;
+  --on-dark-data-pink-hover: #AF0E4EFF;
+  --on-dark-data-pink-active: #890B3DFF;
+  --on-dark-data-gray-hover: #869198FF;
+  --on-dark-data-gray-active: #677279FF;
+  --on-dark-data-gray-minor-hover: #394147FF;
+  --on-dark-data-gray-minor-active: #272C30FF;
+  --on-dark-data-red-transparent-hover: #FF293E4D;
+  --on-dark-data-red-transparent-active: #FF293E52;
+  --on-dark-data-orange-transparent-hover: #FA5F054D;
+  --on-dark-data-orange-transparent-active: #FA5F0552;
+  --on-dark-data-green-transparent-hover: #1A9E324D;
+  --on-dark-data-green-transparent-active: #1A9E3252;
+  --on-dark-data-blue-transparent-hover: #118CDF4D;
+  --on-dark-data-blue-transparent-active: #118CDF52;
   --on-light-data-yellow: #F3A912;
   --on-light-data-yellow-hover: #F5B638FF;
   --on-light-data-yellow-active: #E49C0CFF;
   --on-light-data-yellow-minor: #FFD37A;
-  --on-light-data-yellow-minor-hover: #FFD070FF;
+  --on-light-data-yellow-minor-hover: #FFCF70FF;
   --on-light-data-yellow-minor-active: #FFCC66FF;
   --on-light-data-yellow-transparent: #F3A9128F;
-  --on-light-data-yellow-transparent-hover: #F3A9129E;
-  --on-light-data-yellow-transparent-active: #F3A912A3;
+  --on-light-data-yellow-transparent-hover: #F3A8129E;
+  --on-light-data-yellow-transparent-active: #F3A812A3;
   --on-light-data-yellow-light: #FFF6E5;
   --on-light-data-yellow-light-hover: #FFF4E0FF;
   --on-light-data-yellow-light-active: #FFF3DBFF;
@@ -869,19 +981,75 @@
   --on-light-data-blue-transparent: #118CDF33;
   --on-light-data-green-transparent: #1A9E3233;
   --on-light-data-orange-transparent: #FA5F0533;
+  --on-light-data-blue-light-hover: #E5F5FFFF;
+  --on-light-data-blue-light-active: #E0F3FFFF;
+  --on-light-data-blue-minor-hover: #C7E9FFFF;
+  --on-light-data-blue-minor-active: #C2E7FFFF;
+  --on-light-data-orchid-hover: #C061FFFF;
+  --on-light-data-orchid-active: #BC57FFFF;
+  --on-light-data-orchid-minor-hover: #DAACF6FF;
+  --on-light-data-orchid-minor-active: #D6A3F5FF;
+  --on-light-data-arctic-hover: #16DFA6FF;
+  --on-light-data-arctic-active: #12BA8AFF;
+  --on-light-data-green-hover: #1EB83AFF;
+  --on-light-data-green-active: #178C2CFF;
+  --on-light-data-green-minor-hover: #36D954FF;
+  --on-light-data-green-minor-active: #25C141FF;
+  --on-light-data-green-light-hover: #FFFFFFFF;
+  --on-light-data-green-light-active: #FFFFFFFF;
+  --on-light-data-spring-hover: #A1F406FF;
+  --on-light-data-spring-active: #86CC05FF;
+  --on-light-data-orange-hover: #FB782DFF;
+  --on-light-data-orange-active: #E65705FF;
+  --on-light-data-orange-minor-hover: #FD965EFF;
+  --on-light-data-orange-minor-active: #FC8F54FF;
+  --on-light-data-orange-light-hover: #FEDCC8FF;
+  --on-light-data-orange-light-active: #FED9C3FF;
+  --on-light-data-red-hover: #FF5263FF;
+  --on-light-data-red-active: #FF142CFF;
+  --on-light-data-red-minor-hover: #FF8591FF;
+  --on-light-data-red-minor-active: #FF7A88FF;
+  --on-light-data-red-light-hover: #FFD6DAFF;
+  --on-light-data-red-light-active: #FFD1D6FF;
+  --on-light-data-blue-hover: #209CEEFF;
+  --on-light-data-blue-active: #0F81CCFF;
+  --on-light-data-blue-mild-hover: #7ACAFFFF;
+  --on-light-data-blue-mild-active: #3DB1FFFF;
+  --on-light-data-malachite-hover: #04D8DCFF;
+  --on-light-data-malachite-active: #04B1B4FF;
+  --on-light-data-malachite-minor-hover: #00F1F5FF;
+  --on-light-data-malachite-minor-active: #00C9CCFF;
+  --on-light-data-electric-blue-hover: #7ACAFFFF;
+  --on-light-data-electric-blue-active: #3DB1FFFF;
+  --on-light-data-fuchsia-hover: #F288E0FF;
+  --on-light-data-fuchsia-active: #F17EDEFF;
+  --on-light-data-pink-hover: #FF85B6FF;
+  --on-light-data-pink-active: #FF7AAFFF;
+  --on-light-data-gray-hover: #9BA5ABFF;
+  --on-light-data-gray-active: #7F8B94FF;
+  --on-light-data-gray-minor-hover: #CFDAE2FF;
+  --on-light-data-gray-minor-active: #C9D5DEFF;
+  --on-light-data-red-transparent-hover: #FF293E42;
+  --on-light-data-red-transparent-active: #FF293E47;
+  --on-light-data-blue-transparent-hover: #118CDF42;
+  --on-light-data-blue-transparent-active: #118CDF47;
+  --on-light-data-green-transparent-hover: #1A9E3242;
+  --on-light-data-green-transparent-active: #1A9E3247;
+  --on-light-data-orange-transparent-hover: #FA5F0542;
+  --on-light-data-orange-transparent-active: #FA5F0547;
   --inverse-data-yellow: #A16B00;
-  --inverse-data-yellow-hover: #F5B638FF;
-  --inverse-data-yellow-active: #E49C0CFF;
+  --inverse-data-yellow-hover: #B87A00FF;
+  --inverse-data-yellow-active: #8F5F00FF;
   --inverse-data-yellow-minor: #493203;
-  --inverse-data-yellow-minor-hover: #B87A00FF;
-  --inverse-data-yellow-minor-active: #8F5F00FF;
+  --inverse-data-yellow-minor-hover: #5D3F04FF;
+  --inverse-data-yellow-minor-active: #362502FF;
   --inverse-data-yellow-transparent: #F3A9128F;
-  --inverse-data-yellow-transparent-hover: #F3A8127A;
-  --inverse-data-yellow-transparent-active: #F3A81299;
-  --inverse-data-yellow-light-hover: #FFF4E0FF;
-  --inverse-data-yellow-light-active: #FFF3DBFF;
-  --inverse-data-sky-blue-light-hover: #E0F8FFFF;
-  --inverse-data-sky-blue-light-active: #DBF7FFFF;
+  --inverse-data-yellow-transparent-hover: #F3A8129E;
+  --inverse-data-yellow-transparent-active: #F3A812A3;
+  --inverse-data-yellow-light-hover: #32250BFF;
+  --inverse-data-yellow-light-active: #110C04FF;
+  --inverse-data-sky-blue-light-hover: #0E2434FF;
+  --inverse-data-sky-blue-light-active: #050E14FF;
   --inverse-data-blue-minor: #0D3B59;
   --inverse-data-yellow-light: #211807;
   --inverse-data-sky-blue-light: #0A1924;
@@ -911,6 +1079,60 @@
   --inverse-data-orange-transparent: #FA5F055C;
   --inverse-data-green-transparent: #1A9E323D;
   --inverse-data-blue-transparent: #118CDF3D;
+  --inverse-data-blue-minor-hover: #114C74FF;
+  --inverse-data-blue-minor-active: #0A2F47FF;
+  --inverse-data-orchid-hover: #BE69F7FF;
+  --inverse-data-orchid-active: #A52FF4FF;
+  --inverse-data-orchid-minor-hover: #7D2FB1FF;
+  --inverse-data-orchid-minor-active: #662791FF;
+  --inverse-data-orange-hover: #FB782DFF;
+  --inverse-data-orange-active: #E65705FF;
+  --inverse-data-orange-minor-hover: #95400EFF;
+  --inverse-data-orange-minor-active: #70300AFF;
+  --inverse-data-orange-light-hover: #58290EFF;
+  --inverse-data-orange-light-active: #2C1507FF;
+  --inverse-data-red-hover: #ED1D31FF;
+  --inverse-data-red-active: #D01124FF;
+  --inverse-data-red-minor-hover: #B91828FF;
+  --inverse-data-red-minor-active: #8C121EFF;
+  --inverse-data-red-light-hover: #64121AFF;
+  --inverse-data-red-light-active: #380A0FFF;
+  --inverse-data-arctic-hover: #1C8D6DFF;
+  --inverse-data-arctic-active: #156A52FF;
+  --inverse-data-green-hover: #1EB83AFF;
+  --inverse-data-green-active: #178C2CFF;
+  --inverse-data-green-minor-hover: #0F9928FF;
+  --inverse-data-green-minor-active: #0B741FFF;
+  --inverse-data-green-light-hover: #0E5D1DFF;
+  --inverse-data-green-light-active: #08310FFF;
+  --inverse-data-spring-hover: #62900EFF;
+  --inverse-data-spring-active: #496B0BFF;
+  --inverse-data-blue-hover: #209CEEFF;
+  --inverse-data-blue-active: #0F81CCFF;
+  --inverse-data-blue-mild-hover: #0D84D3FF;
+  --inverse-data-blue-mild-active: #0A66A3FF;
+  --inverse-data-malachite-hover: #009194FF;
+  --inverse-data-malachite-active: #00696BFF;
+  --inverse-data-malachite-minor-hover: #107175FF;
+  --inverse-data-malachite-minor-active: #0A4648FF;
+  --inverse-data-electric-blue-hover: #1956C8FF;
+  --inverse-data-electric-blue-active: #13429AFF;
+  --inverse-data-fuchsia-hover: #9C2688FF;
+  --inverse-data-fuchsia-active: #7B1E6CFF;
+  --inverse-data-pink-hover: #AF0E4EFF;
+  --inverse-data-pink-active: #890B3DFF;
+  --inverse-data-gray-hover: #869198FF;
+  --inverse-data-gray-active: #677279FF;
+  --inverse-data-gray-minor-hover: #394147FF;
+  --inverse-data-gray-minor-active: #272C30FF;
+  --inverse-data-red-transparent-hover: #FF293E4D;
+  --inverse-data-red-transparent-active: #FF293E52;
+  --inverse-data-orange-transparent-hover: #FA5F056B;
+  --inverse-data-orange-transparent-active: #FA5F0570;
+  --inverse-data-green-transparent-hover: #1A9E324D;
+  --inverse-data-green-transparent-active: #1A9E3252;
+  --inverse-data-blue-transparent-hover: #118CDF4D;
+  --inverse-data-blue-transparent-active: #118CDF52;
   color: var(--text-primary);
   background-color: var(--background-primary);
 }