@salutejs/sdds-themes 0.63.0-next-sbcom.0 → 0.63.0

package/css/sdds_finai.module.css

@@ -32,7 +32,6 @@
   --text-primary: #F2F5F8F5;
   --text-primary-brightness: #F3F6F8FF;
   --text-paragraph: #F2F5F8CC;
-  --text-accent: #199AF0;
   --text-accent-minor: #0D5382;
   --text-positive: #24B23E;
   --text-warning: #FF7024;
@@ -44,6 +43,7 @@
   --text-info-minor: #0D5382;
   --text-secondary: #D5DFE69E;
   --text-tertiary: #D5DFE64D;
+  --text-accent: #199AF0;
   --on-dark-text-primary-hover: #F2F5F893;
   --on-dark-text-primary-active: #F2F5F8C4;
   --on-dark-text-secondary-hover: #D6DFE6FF;
@@ -195,8 +195,8 @@
   --surface-transparent-card-active: #FFFFFF0A;
   --surface-clear-hover: #FFFFFF00;
   --surface-clear-active: #FFFFFF00;
-  --surface-accent-hover: #1798EEFF;
-  --surface-accent-active: #1086D5FF;
+  --surface-accent-hover: #36A7F2FF;
+  --surface-accent-active: #0F96F0FF;
   --surface-accent-minor-hover: #09212FFF;
   --surface-accent-minor-active: #06151EFF;
   --surface-transparent-accent-hover: #118CDF52;
@@ -207,8 +207,8 @@
   --surface-warning-active: #F05B05FF;
   --surface-negative-hover: #FF475AFF;
   --surface-negative-active: #FF1F35FF;
-  --surface-info-hover: #1798EEFF;
-  --surface-info-active: #1086D5FF;
+  --surface-info-hover: #36A7F2FF;
+  --surface-info-active: #0F96F0FF;
   --surface-positive-minor-hover: #0E3A16FF;
   --surface-positive-minor-active: #08210CFF;
   --surface-warning-minor-hover: #4F250DFF;
@@ -235,12 +235,10 @@
   --surface-transparent-card-brightness: #FFFFFFFF;
   --surface-transparent-primary: #FFFFFF0F;
   --surface-clear: #FFFFFF00;
-  --surface-accent: #118CDF;
   --surface-transparent-accent: #118CDF33;
   --surface-positive: #1A9E32;
   --surface-warning: #FA5F05;
   --surface-negative: #FF293E;
-  --surface-info: #118CDF;
   --surface-positive-minor: #0A2B10;
   --surface-warning-minor: #3D1D0A;
   --surface-negative-minor: #4A0D13;
@@ -254,6 +252,8 @@
   --surface-transparent-tertiary: #D5DFE63D;
   --surface-transparent-deep: #D5DFE6BD;
   --surface-accent-minor: #071A26FF;
+  --surface-accent: #199AF0;
+  --surface-info: #199AF0;
   --on-dark-surface-solid-primary-hover: #171D21FF;
   --on-dark-surface-solid-primary-active: #0F1315FF;
   --on-dark-surface-solid-secondary-hover: #2C343AFF;
@@ -276,8 +276,8 @@
   --on-dark-surface-transparent-card-active: #FFFFFF0A;
   --on-dark-surface-clear-hover: #FFFFFF00;
   --on-dark-surface-clear-active: #FFFFFF00;
-  --on-dark-surface-accent-hover: #1798EEFF;
-  --on-dark-surface-accent-active: #1086D5FF;
+  --on-dark-surface-accent-hover: #36A7F2FF;
+  --on-dark-surface-accent-active: #0F96F0FF;
   --on-dark-surface-accent-minor-hover: #09212FFF;
   --on-dark-surface-accent-minor-active: #06151EFF;
   --on-dark-surface-transparent-accent: #199AF047;
@@ -292,9 +292,8 @@
   --on-dark-surface-negative: #FF293E;
   --on-dark-surface-negative-hover: #FF475AFF;
   --on-dark-surface-negative-active: #FF1F35FF;
-  --on-dark-surface-info: #118CDF;
-  --on-dark-surface-info-hover: #1798EEFF;
-  --on-dark-surface-info-active: #1086D5FF;
+  --on-dark-surface-info-hover: #36A7F2FF;
+  --on-dark-surface-info-active: #0F96F0FF;
   --on-dark-surface-positive-minor: #0A2B10;
   --on-dark-surface-positive-minor-hover: #0E3A16FF;
   --on-dark-surface-positive-minor-active: #08210CFF;
@@ -328,13 +327,14 @@
   --on-dark-surface-transparent-primary: #FFFFFF0F;
   --on-dark-surface-transparent-card: #FFFFFF0F;
   --on-dark-surface-transparent-card-brightness: #FFFFFFFF;
-  --on-dark-surface-accent: #118CDF;
   --on-dark-surface-clear: #FFFFFF00;
   --on-dark-surface-solid-card: #060A0C;
   --on-dark-surface-transparent-secondary: #D5DFE624;
   --on-dark-surface-transparent-tertiary: #D5DFE63D;
   --on-dark-surface-transparent-deep: #D5DFE6BD;
   --on-dark-surface-accent-minor: #071A26FF;
+  --on-dark-surface-info: #199AF0;
+  --on-dark-surface-accent: #199AF0;
   --on-light-surface-solid-primary-hover: #F8FAFBFF;
   --on-light-surface-solid-primary-active: #EBF0F4FF;
   --on-light-surface-solid-secondary-hover: #F5F8F9FF;
@@ -358,8 +358,8 @@
   --on-light-surface-clear: #FFFFFF00;
   --on-light-surface-clear-hover: #FFFFFF00;
   --on-light-surface-clear-active: #FFFFFF00;
-  --on-light-surface-accent-hover: #1798EEFF;
-  --on-light-surface-accent-active: #1086D5FF;
+  --on-light-surface-accent-hover: #36A7F2FF;
+  --on-light-surface-accent-active: #0F90E6FF;
   --on-light-surface-accent-minor-hover: #F6FBFEFF;
   --on-light-surface-accent-minor-active: #E5F2FBFF;
   --on-light-surface-transparent-accent-hover: #118CDF3D;
@@ -370,8 +370,8 @@
   --on-light-surface-warning-active: #F05B05FF;
   --on-light-surface-negative-hover: #FF475AFF;
   --on-light-surface-negative-active: #FF1F35FF;
-  --on-light-surface-info-hover: #1798EEFF;
-  --on-light-surface-info-active: #1086D5FF;
+  --on-light-surface-info-hover: #36A7F2FF;
+  --on-light-surface-info-active: #0F90E6FF;
   --on-light-surface-positive-minor-hover: #B1FBBFFF;
   --on-light-surface-positive-minor-active: #94F9A7FF;
   --on-light-surface-warning-minor-hover: #FEE9DCFF;
@@ -397,12 +397,10 @@
   --on-light-surface-solid-default: #060A0C;
   --on-light-surface-transparent-card: #FFFFFFFF;
   --on-light-surface-transparent-card-brightness: #FFFFFFFF;
-  --on-light-surface-accent: #118CDF;
   --on-light-surface-transparent-accent: #118CDF1F;
   --on-light-surface-positive: #1A9E32;
   --on-light-surface-warning: #FA5F05;
   --on-light-surface-negative: #FF293E;
-  --on-light-surface-info: #118CDF;
   --on-light-surface-positive-minor: #9EFAAF;
   --on-light-surface-warning-minor: #FEE2D2;
   --on-light-surface-negative-minor: #FFE0E3;
@@ -416,6 +414,8 @@
   --on-light-surface-transparent-tertiary: #8A959D47;
   --on-light-surface-transparent-deep: #30373CC7;
   --on-light-surface-accent-minor: #ECF6FCFF;
+  --on-light-surface-accent: #199AF0;
+  --on-light-surface-info: #199AF0;
   --inverse-surface-solid-primary-hover: #F8FAFBFF;
   --inverse-surface-solid-primary-active: #EBF0F4FF;
   --inverse-surface-solid-secondary-hover: #F5F8F9FF;
@@ -439,8 +439,8 @@
   --inverse-surface-clear: #FFFFFF00;
   --inverse-surface-clear-hover: #FFFFFF00;
   --inverse-surface-clear-active: #FFFFFF00;
-  --inverse-surface-accent-hover: #1798EEFF;
-  --inverse-surface-accent-active: #1086D5FF;
+  --inverse-surface-accent-hover: #36A7F2FF;
+  --inverse-surface-accent-active: #0F90E6FF;
   --inverse-surface-accent-minor-hover: #09212FFF;
   --inverse-surface-accent-minor-active: #06151EFF;
   --inverse-surface-transparent-accent-hover: #118CDF3D;
@@ -451,8 +451,8 @@
   --inverse-surface-warning-active: #F05B05FF;
   --inverse-surface-negative-hover: #FF475AFF;
   --inverse-surface-negative-active: #FF1F35FF;
-  --inverse-surface-info-hover: #1798EEFF;
-  --inverse-surface-info-active: #1086D5FF;
+  --inverse-surface-info-hover: #36A7F2FF;
+  --inverse-surface-info-active: #0F90E6FF;
   --inverse-surface-positive-minor-hover: #B1FBBFFF;
   --inverse-surface-positive-minor-active: #94F9A7FF;
   --inverse-surface-warning-minor-hover: #FEE9DCFF;
@@ -478,12 +478,10 @@
   --inverse-surface-solid-card-brightness: #FFFFFFFF;
   --inverse-surface-transparent-card: #FFFFFFFF;
   --inverse-surface-transparent-card-brightness: #FFFFFFFF;
-  --inverse-surface-accent: #118CDF;
   --inverse-surface-transparent-accent: #118CDF1F;
   --inverse-surface-positive: #1A9E32;
   --inverse-surface-warning: #FA5F05;
   --inverse-surface-negative: #FF293E;
-  --inverse-surface-info: #118CDF;
   --inverse-surface-positive-minor: #9EFAAF;
   --inverse-surface-warning-minor: #FEE2D2;
   --inverse-surface-negative-minor: #FFE0E3;
@@ -497,6 +495,8 @@
   --inverse-surface-transparent-tertiary: #8A959D47;
   --inverse-surface-transparent-deep: #30373CC7;
   --inverse-surface-accent-minor: #071A26FF;
+  --inverse-surface-accent: #199AF0;
+  --inverse-surface-info: #199AF0;
   --background-primary: #060A0C;
   --background-primary-brightness: #15191BFF;
   --dark-background-primary: #060A0C;
@@ -1407,8 +1407,8 @@
   --surface-transparent-card-active: #FFFFFFFF;
   --surface-clear-hover: #FFFFFF00;
   --surface-clear-active: #FFFFFF00;
-  --surface-accent-hover: #1798EEFF;
-  --surface-accent-active: #0F81CCFF;
+  --surface-accent-hover: #36A7F2FF;
+  --surface-accent-active: #0F90E6FF;
   --surface-accent-minor-hover: #E9F4FCFF;
   --surface-accent-minor-active: #E5F2FBFF;
   --surface-transparent-accent-hover: #118CDF2E;
@@ -1419,8 +1419,8 @@
   --surface-warning-active: #E65705FF;
   --surface-negative-hover: #FF5263FF;
   --surface-negative-active: #FF142CFF;
-  --surface-info-hover: #1798EEFF;
-  --surface-info-active: #0F81CCFF;
+  --surface-info-hover: #36A7F2FF;
+  --surface-info-active: #0F90E6FF;
   --surface-positive-minor-hover: #94F9A7FF;
   --surface-positive-minor-active: #8BF99FFF;
   --surface-warning-minor-hover: #FEDCC8FF;
@@ -1447,12 +1447,10 @@
   --surface-transparent-card: #FFFFFFFF;
   --surface-transparent-card-brightness: #FFFFFFFF;
   --surface-clear: #FFFFFF00;
-  --surface-accent: #118CDF;
   --surface-transparent-accent: #118CDF1F;
   --surface-positive: #1A9E32;
   --surface-warning: #FA5F05;
   --surface-negative: #FF293E;
-  --surface-info: #118CDF;
   --surface-positive-minor: #9EFAAF;
   --surface-warning-minor: #FEE2D2;
   --surface-negative-minor: #FFE0E3;
@@ -1466,6 +1464,8 @@
   --surface-transparent-tertiary: #8A959D47;
   --surface-transparent-deep: #30373CC7;
   --surface-accent-minor: #ECF6FCFF;
+  --surface-accent: #199AF0;
+  --surface-info: #199AF0;
   --on-dark-surface-solid-primary-hover: #20282DFF;
   --on-dark-surface-solid-primary-active: #0B0D0FFF;
   --on-dark-surface-solid-secondary-hover: #2C343AFF;
@@ -1489,8 +1489,8 @@
   --on-dark-surface-clear: #FFFFFF00;
   --on-dark-surface-clear-hover: #FFFFFF00;
   --on-dark-surface-clear-active: #FFFFFF00;
-  --on-dark-surface-accent-hover: #1798EEFF;
-  --on-dark-surface-accent-active: #0F81CCFF;
+  --on-dark-surface-accent-hover: #36A7F2FF;
+  --on-dark-surface-accent-active: #0F96F0FF;
   --on-dark-surface-accent-minor-hover: #0A2638FF;
   --on-dark-surface-accent-minor-active: #040F16FF;
   --on-dark-surface-transparent-accent-hover: #118CDF1F;
@@ -1501,8 +1501,8 @@
   --on-dark-surface-warning-active: #E65705FF;
   --on-dark-surface-negative-hover: #FF5263FF;
   --on-dark-surface-negative-active: #FF142CFF;
-  --on-dark-surface-info-hover: #1798EEFF;
-  --on-dark-surface-info-active: #0F81CCFF;
+  --on-dark-surface-info-hover: #36A7F2FF;
+  --on-dark-surface-info-active: #0F96F0FF;
   --on-dark-surface-positive-minor-hover: #0E3A16FF;
   --on-dark-surface-positive-minor-active: #061909FF;
   --on-dark-surface-warning-minor-hover: #58290EFF;
@@ -1528,12 +1528,10 @@
   --on-dark-surface-transparent-primary: #FFFFFF0F;
   --on-dark-surface-transparent-card: #FFFFFF0F;
   --on-dark-surface-transparent-card-brightness: #FFFFFFFF;
-  --on-dark-surface-accent: #118CDF;
   --on-dark-surface-transparent-accent: #118CDF33;
   --on-dark-surface-positive: #1A9E32;
   --on-dark-surface-warning: #FA5F05;
   --on-dark-surface-negative: #FF293E;
-  --on-dark-surface-info: #118CDF;
   --on-dark-surface-positive-minor: #0A2B10;
   --on-dark-surface-warning-minor: #3D1D0A;
   --on-dark-surface-negative-minor: #4A0D13;
@@ -1547,6 +1545,8 @@
   --on-dark-surface-transparent-tertiary: #D5DFE63D;
   --on-dark-surface-transparent-deep: #D5DFE6BD;
   --on-dark-surface-accent-minor: #071A26FF;
+  --on-dark-surface-accent: #199AF0;
+  --on-dark-surface-info: #199AF0;
   --on-light-surface-solid-primary-hover: #EEF2F6FF;
   --on-light-surface-solid-primary-active: #EBF0F4FF;
   --on-light-surface-solid-secondary-hover: #E2E9EEFF;
@@ -1570,8 +1570,8 @@
   --on-light-surface-clear: #FFFFFF00;
   --on-light-surface-clear-hover: #FFFFFF00;
   --on-light-surface-clear-active: #FFFFFF00;
-  --on-light-surface-accent-hover: #1798EEFF;
-  --on-light-surface-accent-active: #0F81CCFF;
+  --on-light-surface-accent-hover: #36A7F2FF;
+  --on-light-surface-accent-active: #0F90E6FF;
   --on-light-surface-accent-minor-hover: #E9F4FCFF;
   --on-light-surface-accent-minor-active: #E5F2FBFF;
   --on-light-surface-transparent-accent-hover: #118CDF2E;
@@ -1582,8 +1582,8 @@
   --on-light-surface-warning-active: #E65705FF;
   --on-light-surface-negative-hover: #FF5263FF;
   --on-light-surface-negative-active: #FF142CFF;
-  --on-light-surface-info-hover: #1798EEFF;
-  --on-light-surface-info-active: #0F81CCFF;
+  --on-light-surface-info-hover: #36A7F2FF;
+  --on-light-surface-info-active: #0F90E6FF;
   --on-light-surface-positive-minor-hover: #94F9A7FF;
   --on-light-surface-positive-minor-active: #8BF99FFF;
   --on-light-surface-warning-minor-hover: #FEDCC8FF;
@@ -1609,12 +1609,10 @@
   --on-light-surface-solid-default: #060A0C;
   --on-light-surface-transparent-card: #FFFFFFFF;
   --on-light-surface-transparent-card-brightness: #FFFFFFFF;
-  --on-light-surface-accent: #118CDF;
   --on-light-surface-transparent-accent: #118CDF1F;
   --on-light-surface-positive: #1A9E32;
   --on-light-surface-warning: #FA5F05;
   --on-light-surface-negative: #FF293E;
-  --on-light-surface-info: #118CDF;
   --on-light-surface-positive-minor: #9EFAAF;
   --on-light-surface-warning-minor: #FEE2D2;
   --on-light-surface-negative-minor: #FFE0E3;
@@ -1628,6 +1626,8 @@
   --on-light-surface-transparent-tertiary: #8A959D47;
   --on-light-surface-transparent-deep: #30373CC7;
   --on-light-surface-accent-minor: #ECF6FCFF;
+  --on-light-surface-accent: #199AF0;
+  --on-light-surface-info: #199AF0;
   --inverse-surface-solid-primary-hover: #20282DFF;
   --inverse-surface-solid-primary-active: #0B0D0FFF;
   --inverse-surface-solid-secondary-hover: #2C343AFF;
@@ -1651,8 +1651,8 @@
   --inverse-surface-clear: #FFFFFF00;
   --inverse-surface-clear-hover: #FFFFFF00;
   --inverse-surface-clear-active: #FFFFFF00;
-  --inverse-surface-accent-hover: #1798EEFF;
-  --inverse-surface-accent-active: #0F81CCFF;
+  --inverse-surface-accent-hover: #36A7F2FF;
+  --inverse-surface-accent-active: #0F96F0FF;
   --inverse-surface-accent-minor-hover: #0A2638FF;
   --inverse-surface-accent-minor-active: #040F16FF;
   --inverse-surface-transparent-accent-hover: #118CDF1F;
@@ -1663,8 +1663,8 @@
   --inverse-surface-warning-active: #E65705FF;
   --inverse-surface-negative-hover: #FF5263FF;
   --inverse-surface-negative-active: #FF142CFF;
-  --inverse-surface-info-hover: #1798EEFF;
-  --inverse-surface-info-active: #0F81CCFF;
+  --inverse-surface-info-hover: #36A7F2FF;
+  --inverse-surface-info-active: #0F96F0FF;
   --inverse-surface-positive-minor-hover: #0E3A16FF;
   --inverse-surface-positive-minor-active: #061909FF;
   --inverse-surface-warning-minor-hover: #58290EFF;
@@ -1690,12 +1690,10 @@
   --inverse-surface-transparent-primary: #FFFFFF0F;
   --inverse-surface-transparent-card: #FFFFFF0F;
   --inverse-surface-transparent-card-brightness: #FFFFFFFF;
-  --inverse-surface-accent: #118CDF;
   --inverse-surface-transparent-accent: #118CDF33;
   --inverse-surface-positive: #1A9E32;
   --inverse-surface-warning: #FA5F05;
   --inverse-surface-negative: #FF293E;
-  --inverse-surface-info: #118CDF;
   --inverse-surface-positive-minor: #0A2B10;
   --inverse-surface-warning-minor: #3D1D0A;
   --inverse-surface-negative-minor: #4A0D13;
@@ -1709,6 +1707,8 @@
   --inverse-surface-transparent-tertiary: #D5DFE63D;
   --inverse-surface-transparent-deep: #D5DFE6BD;
   --inverse-surface-accent-minor: #071A26FF;
+  --inverse-surface-accent: #199AF0;
+  --inverse-surface-info: #199AF0;
   --background-primary: #F2F5F8;
   --background-primary-brightness: #F7F9FBFF;
   --dark-background-primary: #060A0C;
@@ -2639,7 +2639,7 @@
   --plasma-typo-text-xs-medium-font-style: normal;
 }
 
-@media (max-width: 559px) {
+@media (max-width: 959px) {
   .dark, .light {
     --plasma-typo-dspl-l-font-size: 5.5rem;
     --plasma-typo-dspl-l-font-weight: 300;
@@ -2806,7 +2806,7 @@
   }
 }
 
-@media (min-width: 560px) and (max-width: 959px) {
+@media (min-width: 960px) and (max-width: 1280px) {
   .dark, .light {
     --plasma-typo-dspl-l-font-size: 7rem;
     --plasma-typo-dspl-l-font-weight: 300;
@@ -2973,7 +2973,7 @@
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 1281px) {
   .dark, .light {
     --plasma-typo-dspl-l-font-size: 8rem;
     --plasma-typo-dspl-l-font-weight: 300;

package/css/sdds_finai__dark.css

@@ -32,7 +32,6 @@
   --text-primary: #F2F5F8F5;
   --text-primary-brightness: #F3F6F8FF;
   --text-paragraph: #F2F5F8CC;
-  --text-accent: #199AF0;
   --text-accent-minor: #0D5382;
   --text-positive: #24B23E;
   --text-warning: #FF7024;
@@ -44,6 +43,7 @@
   --text-info-minor: #0D5382;
   --text-secondary: #D5DFE69E;
   --text-tertiary: #D5DFE64D;
+  --text-accent: #199AF0;
   --on-dark-text-primary-hover: #F2F5F893;
   --on-dark-text-primary-active: #F2F5F8C4;
   --on-dark-text-secondary-hover: #D6DFE6FF;
@@ -195,8 +195,8 @@
   --surface-transparent-card-active: #FFFFFF0A;
   --surface-clear-hover: #FFFFFF00;
   --surface-clear-active: #FFFFFF00;
-  --surface-accent-hover: #1798EEFF;
-  --surface-accent-active: #1086D5FF;
+  --surface-accent-hover: #36A7F2FF;
+  --surface-accent-active: #0F96F0FF;
   --surface-accent-minor-hover: #09212FFF;
   --surface-accent-minor-active: #06151EFF;
   --surface-transparent-accent-hover: #118CDF52;
@@ -207,8 +207,8 @@
   --surface-warning-active: #F05B05FF;
   --surface-negative-hover: #FF475AFF;
   --surface-negative-active: #FF1F35FF;
-  --surface-info-hover: #1798EEFF;
-  --surface-info-active: #1086D5FF;
+  --surface-info-hover: #36A7F2FF;
+  --surface-info-active: #0F96F0FF;
   --surface-positive-minor-hover: #0E3A16FF;
   --surface-positive-minor-active: #08210CFF;
   --surface-warning-minor-hover: #4F250DFF;
@@ -235,12 +235,10 @@
   --surface-transparent-card-brightness: #FFFFFFFF;
   --surface-transparent-primary: #FFFFFF0F;
   --surface-clear: #FFFFFF00;
-  --surface-accent: #118CDF;
   --surface-transparent-accent: #118CDF33;
   --surface-positive: #1A9E32;
   --surface-warning: #FA5F05;
   --surface-negative: #FF293E;
-  --surface-info: #118CDF;
   --surface-positive-minor: #0A2B10;
   --surface-warning-minor: #3D1D0A;
   --surface-negative-minor: #4A0D13;
@@ -254,6 +252,8 @@
   --surface-transparent-tertiary: #D5DFE63D;
   --surface-transparent-deep: #D5DFE6BD;
   --surface-accent-minor: #071A26FF;
+  --surface-accent: #199AF0;
+  --surface-info: #199AF0;
   --on-dark-surface-solid-primary-hover: #171D21FF;
   --on-dark-surface-solid-primary-active: #0F1315FF;
   --on-dark-surface-solid-secondary-hover: #2C343AFF;
@@ -276,8 +276,8 @@
   --on-dark-surface-transparent-card-active: #FFFFFF0A;
   --on-dark-surface-clear-hover: #FFFFFF00;
   --on-dark-surface-clear-active: #FFFFFF00;
-  --on-dark-surface-accent-hover: #1798EEFF;
-  --on-dark-surface-accent-active: #1086D5FF;
+  --on-dark-surface-accent-hover: #36A7F2FF;
+  --on-dark-surface-accent-active: #0F96F0FF;
   --on-dark-surface-accent-minor-hover: #09212FFF;
   --on-dark-surface-accent-minor-active: #06151EFF;
   --on-dark-surface-transparent-accent: #199AF047;
@@ -292,9 +292,8 @@
   --on-dark-surface-negative: #FF293E;
   --on-dark-surface-negative-hover: #FF475AFF;
   --on-dark-surface-negative-active: #FF1F35FF;
-  --on-dark-surface-info: #118CDF;
-  --on-dark-surface-info-hover: #1798EEFF;
-  --on-dark-surface-info-active: #1086D5FF;
+  --on-dark-surface-info-hover: #36A7F2FF;
+  --on-dark-surface-info-active: #0F96F0FF;
   --on-dark-surface-positive-minor: #0A2B10;
   --on-dark-surface-positive-minor-hover: #0E3A16FF;
   --on-dark-surface-positive-minor-active: #08210CFF;
@@ -328,13 +327,14 @@
   --on-dark-surface-transparent-primary: #FFFFFF0F;
   --on-dark-surface-transparent-card: #FFFFFF0F;
   --on-dark-surface-transparent-card-brightness: #FFFFFFFF;
-  --on-dark-surface-accent: #118CDF;
   --on-dark-surface-clear: #FFFFFF00;
   --on-dark-surface-solid-card: #060A0C;
   --on-dark-surface-transparent-secondary: #D5DFE624;
   --on-dark-surface-transparent-tertiary: #D5DFE63D;
   --on-dark-surface-transparent-deep: #D5DFE6BD;
   --on-dark-surface-accent-minor: #071A26FF;
+  --on-dark-surface-info: #199AF0;
+  --on-dark-surface-accent: #199AF0;
   --on-light-surface-solid-primary-hover: #F8FAFBFF;
   --on-light-surface-solid-primary-active: #EBF0F4FF;
   --on-light-surface-solid-secondary-hover: #F5F8F9FF;
@@ -358,8 +358,8 @@
   --on-light-surface-clear: #FFFFFF00;
   --on-light-surface-clear-hover: #FFFFFF00;
   --on-light-surface-clear-active: #FFFFFF00;
-  --on-light-surface-accent-hover: #1798EEFF;
-  --on-light-surface-accent-active: #1086D5FF;
+  --on-light-surface-accent-hover: #36A7F2FF;
+  --on-light-surface-accent-active: #0F90E6FF;
   --on-light-surface-accent-minor-hover: #F6FBFEFF;
   --on-light-surface-accent-minor-active: #E5F2FBFF;
   --on-light-surface-transparent-accent-hover: #118CDF3D;
@@ -370,8 +370,8 @@
   --on-light-surface-warning-active: #F05B05FF;
   --on-light-surface-negative-hover: #FF475AFF;
   --on-light-surface-negative-active: #FF1F35FF;
-  --on-light-surface-info-hover: #1798EEFF;
-  --on-light-surface-info-active: #1086D5FF;
+  --on-light-surface-info-hover: #36A7F2FF;
+  --on-light-surface-info-active: #0F90E6FF;
   --on-light-surface-positive-minor-hover: #B1FBBFFF;
   --on-light-surface-positive-minor-active: #94F9A7FF;
   --on-light-surface-warning-minor-hover: #FEE9DCFF;
@@ -397,12 +397,10 @@
   --on-light-surface-solid-default: #060A0C;
   --on-light-surface-transparent-card: #FFFFFFFF;
   --on-light-surface-transparent-card-brightness: #FFFFFFFF;
-  --on-light-surface-accent: #118CDF;
   --on-light-surface-transparent-accent: #118CDF1F;
   --on-light-surface-positive: #1A9E32;
   --on-light-surface-warning: #FA5F05;
   --on-light-surface-negative: #FF293E;
-  --on-light-surface-info: #118CDF;
   --on-light-surface-positive-minor: #9EFAAF;
   --on-light-surface-warning-minor: #FEE2D2;
   --on-light-surface-negative-minor: #FFE0E3;
@@ -416,6 +414,8 @@
   --on-light-surface-transparent-tertiary: #8A959D47;
   --on-light-surface-transparent-deep: #30373CC7;
   --on-light-surface-accent-minor: #ECF6FCFF;
+  --on-light-surface-accent: #199AF0;
+  --on-light-surface-info: #199AF0;
   --inverse-surface-solid-primary-hover: #F8FAFBFF;
   --inverse-surface-solid-primary-active: #EBF0F4FF;
   --inverse-surface-solid-secondary-hover: #F5F8F9FF;
@@ -439,8 +439,8 @@
   --inverse-surface-clear: #FFFFFF00;
   --inverse-surface-clear-hover: #FFFFFF00;
   --inverse-surface-clear-active: #FFFFFF00;
-  --inverse-surface-accent-hover: #1798EEFF;
-  --inverse-surface-accent-active: #1086D5FF;
+  --inverse-surface-accent-hover: #36A7F2FF;
+  --inverse-surface-accent-active: #0F90E6FF;
   --inverse-surface-accent-minor-hover: #09212FFF;
   --inverse-surface-accent-minor-active: #06151EFF;
   --inverse-surface-transparent-accent-hover: #118CDF3D;
@@ -451,8 +451,8 @@
   --inverse-surface-warning-active: #F05B05FF;
   --inverse-surface-negative-hover: #FF475AFF;
   --inverse-surface-negative-active: #FF1F35FF;
-  --inverse-surface-info-hover: #1798EEFF;
-  --inverse-surface-info-active: #1086D5FF;
+  --inverse-surface-info-hover: #36A7F2FF;
+  --inverse-surface-info-active: #0F90E6FF;
   --inverse-surface-positive-minor-hover: #B1FBBFFF;
   --inverse-surface-positive-minor-active: #94F9A7FF;
   --inverse-surface-warning-minor-hover: #FEE9DCFF;
@@ -478,12 +478,10 @@
   --inverse-surface-solid-card-brightness: #FFFFFFFF;
   --inverse-surface-transparent-card: #FFFFFFFF;
   --inverse-surface-transparent-card-brightness: #FFFFFFFF;
-  --inverse-surface-accent: #118CDF;
   --inverse-surface-transparent-accent: #118CDF1F;
   --inverse-surface-positive: #1A9E32;
   --inverse-surface-warning: #FA5F05;
   --inverse-surface-negative: #FF293E;
-  --inverse-surface-info: #118CDF;
   --inverse-surface-positive-minor: #9EFAAF;
   --inverse-surface-warning-minor: #FEE2D2;
   --inverse-surface-negative-minor: #FFE0E3;
@@ -497,6 +495,8 @@
   --inverse-surface-transparent-tertiary: #8A959D47;
   --inverse-surface-transparent-deep: #30373CC7;
   --inverse-surface-accent-minor: #071A26FF;
+  --inverse-surface-accent: #199AF0;
+  --inverse-surface-info: #199AF0;
   --background-primary: #060A0C;
   --background-primary-brightness: #15191BFF;
   --dark-background-primary: #060A0C;
@@ -1427,7 +1427,7 @@
   --plasma-typo-text-xs-medium-font-style: normal;
 }
 
-@media (max-width: 559px) {
+@media (max-width: 959px) {
   :root {
     --plasma-typo-dspl-l-font-size: 5.5rem;
     --plasma-typo-dspl-l-font-weight: 300;
@@ -1594,7 +1594,7 @@
   }
 }
 
-@media (min-width: 560px) and (max-width: 959px) {
+@media (min-width: 960px) and (max-width: 1280px) {
   :root {
     --plasma-typo-dspl-l-font-size: 7rem;
     --plasma-typo-dspl-l-font-weight: 300;
@@ -1761,7 +1761,7 @@
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 1281px) {
   :root {
     --plasma-typo-dspl-l-font-size: 8rem;
     --plasma-typo-dspl-l-font-weight: 300;