@ozen-ui/kit 0.23.1 → 0.24.0

package/__inner__/esm/components/ThemeProvider/_color/Theme_color_bBusinessDefault.css

@@ -1,130 +1,150 @@
 .Theme_color_bBusinessDefault {
-  --color-content-primary: #080808;
-  --color-content-secondary: #707070;
-  --color-additional-h3: #e1e4e7;
-  --color-content-tertiary: #949494;
-  --color-content-disabled: #949494;
-  --color-content-ghost-disabled: rgb(255 255 255 / 47%);
-  --color-content-action: #019f99;
-  --color-content-action-hover: #088695;
-  --color-content-action-pressed: #006081;
-  --color-content-action-dark: #003c51;
+  --color-content-primary: #1e1d22;
+  --color-content-secondary: #636574;
+  --color-content-tertiary: #9a9eb5;
+  --color-content-disabled: #9a9eb5;
+  --color-content-ghost-disabled: rgb(255 255 255 / 40%);
+  --color-content-action: #023dff;
+  --color-content-action-hover: #0534d0;
+  --color-content-action-pressed: #082ba0;
+  --color-content-action-dark: #0a2171;
+  --color-content-action-secondary: #2c2c33;
+  --color-content-action-secondary-hover: #1e1d22;
+  --color-content-action-secondary-pressed: #17161a;
+  --color-content-action-secondary-dark: #17161a;
   --color-content-action-on: #fff;
-  --color-content-error: #e32346;
-  --color-content-error-hover: #c61031;
-  --color-content-error-pressed: #ae0f2c;
-  --color-content-error-dark: #7c0218;
-  --color-content-warning: #ffb039;
-  --color-content-warning-hover: #ff9c09;
-  --color-content-warning-pressed: #e78b00;
-  --color-content-warning-dark: #5c3801;
-  --color-content-success: #68d3bf;
-  --color-content-success-hover: #35ccb0;
-  --color-content-success-pressed: #129e84;
-  --color-content-success-dark: #024d3e;
-  --color-content-info: #3b81ea;
-  --color-content-info-hover: #1161d9;
-  --color-content-info-pressed: #105ba4;
-  --color-content-info-dark: #022f5a;
+  --color-content-error: #ff5959;
+  --color-content-error-hover: #cf4a4b;
+  --color-content-error-pressed: #9f3b3d;
+  --color-content-error-dark: #702d2e;
+  --color-content-warning: #f90;
+  --color-content-warning-hover: #cf7d04;
+  --color-content-warning-pressed: #9f6207;
+  --color-content-warning-dark: #70460b;
+  --color-content-success: #0b0;
+  --color-content-success-hover: #039904;
+  --color-content-success-pressed: #067607;
+  --color-content-success-dark: #0a540b;
+  --color-content-info: #8002ff;
+  --color-content-info-hover: #6a05d0;
+  --color-content-info-pressed: #5307a0;
+  --color-content-info-dark: #3d0a71;
   --color-content-primary-inverse: #fff;
-  --color-content-accent-main: #a0a0a0;
-  --color-accent-main: #181818;
-  --color-content-accent-primary: #dcdcdc;
-  --color-accent-primary: #282828;
-  --color-content-accent-disabled: #606060;
+  --color-content-accent-primary: #989aa5;
+  --color-accent-primary: #1b1c24;
+  --color-content-accent-secondary: #c7c8ce;
+  --color-accent-main: #14151b;
+  --color-content-accent-disabled: #7b7e8c;
   --color-background-main: #fff;
-  --color-background-main-hover: #f5f5f5;
-  --color-background-main-pressed: #e8e8e8;
-  --color-background-primary: #f5f5f5;
-  --color-background-primary-hover: #e8e8e8;
-  --color-background-primary-pressed: #dcdcdc;
-  --color-background-secondary: #e8e8e8;
-  --color-background-secondary-hover: #dcdcdc;
-  --color-background-secondary-pressed: #c7c7c7;
-  --color-background-tertiary: #dcdcdc;
-  --color-background-tertiary-hover: #c7c7c7;
-  --color-background-tertiary-pressed: #b2b2b2;
-  --color-background-disabled: #e8e8e8;
-  --color-background-action: #019f99;
-  --color-background-action-hover: #088695;
-  --color-background-action-pressed: #006081;
-  --color-background-action-active-disabled: #a0f3df;
-  --color-background-action-light: #e2fef8;
-  --color-background-action-light-hover: #cdfaf1;
-  --color-background-action-light-pressed: #a0f3df;
-  --color-background-error: #e32346;
-  --color-background-error-hover: #c61031;
-  --color-background-error-pressed: #ae0f2c;
-  --color-background-error-light: #fff5f6;
-  --color-background-error-light-hover: #ffe2e6;
-  --color-background-error-light-pressed: #ffa9b3;
-  --color-background-warning: #ffb039;
-  --color-background-warning-hover: #ff9c09;
-  --color-background-warning-pressed: #e78b00;
-  --color-background-warning-light: #fffaf3;
-  --color-background-warning-light-hover: #fff5e7;
-  --color-background-warning-light-pressed: #ffd89e;
-  --color-background-success: #68d3bf;
-  --color-background-success-hover: #35ccb0;
-  --color-background-success-pressed: #129e84;
-  --color-background-success-light: #eafdf9;
-  --color-background-success-light-hover: #d3f8f0;
-  --color-background-success-light-pressed: #a8eee1;
-  --color-background-info: #3b81ea;
-  --color-background-info-hover: #1161d9;
-  --color-background-info-pressed: #105ba4;
-  --color-background-info-light: #f7fbff;
-  --color-background-info-light-hover: #ecf5ff;
-  --color-background-info-light-pressed: #a1c0ef;
-  --color-background-main-inverse: #202023;
-  --color-background-overlay: rgb(0 0 0 / 55%);
-  --color-background-ghost: rgb(255 255 255 / 12%);
-  --color-background-ghost-hover: rgb(255 255 255 / 24%);
-  --color-background-ghost-pressed: rgb(255 255 255 / 32%);
-  --color-background-ghost-disabled: rgb(255 255 255 / 47%);
-  --color-background-accent-action-light-hover: #005573;
-  --color-background-accent-action-light-pressed: #003c51;
-  --color-background-accent-error-light-hover: #a30925;
-  --color-background-accent-error-light-pressed: #7c0118;
+  --color-background-main-hover: #f5f5f8;
+  --color-background-main-pressed: #ebecf0;
+  --color-background-primary: #f5f5f8;
+  --color-background-primary-hover: #ebecf0;
+  --color-background-primary-pressed: #d7d8e1;
+  --color-background-secondary: #ebecf0;
+  --color-background-secondary-hover: #d7d8e1;
+  --color-background-secondary-pressed: #c2c5d3;
+  --color-background-tertiary: #d7d8e1;
+  --color-background-tertiary-hover: #c2c5d3;
+  --color-background-tertiary-pressed: #aeb1c4;
+  --color-background-disabled: #d7d8e1;
+  --color-background-action: #023dff;
+  --color-background-action-hover: #0534d0;
+  --color-background-action-pressed: #082ba0;
+  --color-background-action-active-disabled: #ccd8ff;
+  --color-background-action-light: #e6ecff;
+  --color-background-action-light-hover: #ccd8ff;
+  --color-background-action-light-pressed: #9ab1ff;
+  --color-background-accent-action-light: #0534d0;
+  --color-background-accent-action-light-hover: #082ba0;
+  --color-background-accent-action-light-pressed: #0a2171;
+  --color-background-action-secondary: #2c2c33;
+  --color-background-action-secondary-hover: #1e1d22;
+  --color-background-action-secondary-pressed: #17161a;
+  --color-background-action-secondary-active-disabled: #ebecf0;
+  --color-background-action-secondary-light: #f5f5f8;
+  --color-background-action-secondary-light-hover: #ebecf0;
+  --color-background-action-secondary-light-pressed: #d7d8e1;
+  --color-background-accent-action-secondary-light: #636574;
+  --color-background-accent-action-secondary-light-hover: #474853;
+  --color-background-accent-action-secondary-light-pressed: #2c2c33;
+  --color-background-error: #ff5959;
+  --color-background-error-hover: #cf4a4b;
+  --color-background-error-pressed: #9f3b3d;
+  --color-background-error-light: #fee;
+  --color-background-error-light-hover: #ffdede;
+  --color-background-error-light-pressed: #ffbdbd;
+  --color-background-accent-error-light: #cf4a4b;
+  --color-background-accent-error-light-hover: #9f3b3d;
+  --color-background-accent-error-light-pressed: #702d2e;
+  --color-background-warning: #f90;
+  --color-background-warning-hover: #cf7d04;
+  --color-background-warning-pressed: #9f6207;
+  --color-background-warning-light: #fff5e5;
+  --color-background-warning-light-hover: #ffebcc;
+  --color-background-warning-light-pressed: #ffd699;
+  --color-background-accent-warning-light: #cf7d04;
   --color-background-accent-warning-light-hover: #995c00;
   --color-background-accent-warning-light-pressed: #5c3800;
-  --color-background-accent-success-light-hover: #046d5a;
-  --color-background-accent-success-light-pressed: #014d3e;
-  --color-background-accent-info-light-hover: #064889;
-  --color-background-accent-info-light-pressed: #032f5a;
-  --color-border-main: #c7c7c7;
-  --color-border-main-hover: #b2b2b2;
-  --color-border-main-pressed: #949494;
-  --color-border-secondary: #e8e8e8;
-  --color-border-secondary-hover: #c7c7c7;
-  --color-border-secondary-pressed: #b2b2b2;
-  --color-border-disabled: #c7c7c7;
-  --color-border-ghost-disabled: rgb(255 255 255 / 47%);
-  --color-border-focused: #a0f3df;
-  --color-border-action: #019f99;
-  --color-border-action-hover: #088695;
-  --color-border-action-pressed: #006081;
-  --color-border-error: #c61031;
-  --color-border-warning: #ff9c09;
-  --color-border-success: #35ccb0;
-  --color-border-info: #1161d9;
+  --color-background-success: #0b0;
+  --color-background-success-hover: #039904;
+  --color-background-success-pressed: #067607;
+  --color-background-success-light: #e5f8e5;
+  --color-background-success-light-hover: #ccf1cc;
+  --color-background-success-light-pressed: #99e499;
+  --color-background-accent-success-light: #039904;
+  --color-background-accent-success-light-hover: #067607;
+  --color-background-accent-success-light-pressed: #0a540b;
+  --color-background-info: #8002ff;
+  --color-background-info-hover: #6a05d0;
+  --color-background-info-pressed: #5307a0;
+  --color-background-info-light: #f4e8ff;
+  --color-background-info-light-hover: #e6ccff;
+  --color-background-info-light-pressed: #cd9aff;
+  --color-background-accent-info-light: #6a05d0;
+  --color-background-accent-info-light-hover: #5307a0;
+  --color-background-accent-info-light-pressed: #3d0a71;
+  --color-background-main-inverse: #0d0e12;
+  --color-background-overlay: rgb(0 0 0 / 50%);
+  --color-background-ghost: rgb(255 255 255 / 10%);
+  --color-background-ghost-hover: rgb(255 255 255 / 20%);
+  --color-background-ghost-pressed: rgb(255 255 255 / 30%);
+  --color-background-ghost-disabled: rgb(255 255 255 / 40%);
+  --color-border-main: #aeb1c4;
+  --color-border-main-hover: #9a9eb5;
+  --color-border-main-pressed: #7e8194;
+  --color-border-secondary: #d7d8e1;
+  --color-border-secondary-hover: #c2c5d3;
+  --color-border-secondary-pressed: #aeb1c4;
+  --color-border-disabled: #aeb1c4;
+  --color-border-ghost-disabled: rgb(255 255 255 / 40%);
+  --color-border-focused: #9ab1ff;
+  --color-border-action: #023dff;
+  --color-border-action-hover: #0534d0;
+  --color-border-action-pressed: #082ba0;
+  --color-border-action-secondary: #2c2c33;
+  --color-border-action-secondary-hover: #1e1d22;
+  --color-border-action-secondary-pressed: #17161a;
+  --color-border-error: #ff5959;
+  --color-border-warning: #f90;
+  --color-border-success: #0b0;
+  --color-border-info: #8002ff;
   --color-border-main-on: #fff;
-  --color-border-accent-main: #a0a0a0;
-  --color-border-accent-disabled: #606060;
-  --color-border-accent-focused: #004258;
-  --color-accent-main-hover: #282828;
-  --color-accent-main-pressed: #383838;
-  --color-accent-primary-hover: #383838;
-  --color-accent-primary-pressed: #484848;
-  --color-accent-secondary: #383838;
-  --color-accent-secondary-hover: #484848;
-  --color-accent-secondary-pressed: #585858;
-  --color-accent-tertiary: #484848;
-  --color-accent-tertiary-hover: #585858;
-  --color-accent-tertiary-pressed: #686868;
-  --color-accent-disabled: #484848;
-  --color-accent-secondary-inverse: #808080;
-  --color-accent-main-inverse: #dcdcdc;
+  --color-border-accent-main: #989aa5;
+  --color-border-accent-disabled: #5f6374;
+  --color-border-accent-focused: #0a2171;
+  --color-accent-main-hover: #1b1c24;
+  --color-accent-main-pressed: #252732;
+  --color-accent-primary-hover: #252732;
+  --color-accent-primary-pressed: #2f3240;
+  --color-accent-secondary: #252732;
+  --color-accent-secondary-hover: #2f3240;
+  --color-accent-secondary-pressed: #393c4d;
+  --color-accent-tertiary: #2f3240;
+  --color-accent-tertiary-hover: #393c4d;
+  --color-accent-tertiary-pressed: #43475b;
+  --color-accent-disabled: #2f3240;
+  --color-accent-main-inverse: #d9dade;
   --color-additional-a1: #0b6abe;
   --color-additional-a2: #1899e9;
   --color-additional-a3: #b3f1ff;
@@ -148,4 +168,5 @@
   --color-additional-g3: #f4d37d;
   --color-additional-h1: #747e89;
   --color-additional-h2: #bdc4cb;
+  --color-additional-h3: #e1e4e7;
 }

package/__inner__/esm/components/ThemeProvider/_color/Theme_color_ozenDark.css

@@ -1,129 +1,150 @@
 .Theme_color_ozenDark {
   --color-content-action-on: #fff;
-  --color-content-secondary: #949494;
-  --color-content-primary: #f5f5f5;
-  --color-content-tertiary: #707070;
-  --color-content-disabled: #4e4e4e;
-  --color-content-ghost-disabled: rgb(255 255 255 / 47%);
-  --color-content-action: #43b741;
-  --color-content-action-hover: #379535;
-  --color-content-action-pressed: #2a7329;
-  --color-content-action-dark: #a5dda5;
-  --color-background-main: #222;
-  --color-content-error: #f62114;
-  --color-content-error-hover: #cd1b10;
-  --color-content-error-pressed: #a4150d;
-  --color-content-error-dark: #fb9b96;
-  --color-content-warning: #f0520e;
-  --color-content-warning-hover: #c2420b;
-  --color-content-warning-pressed: #943209;
-  --color-content-warning-dark: #f8b598;
-  --color-content-success: #43b741;
-  --color-content-success-hover: #379535;
-  --color-content-success-pressed: #2a7329;
-  --color-content-success-dark: #a5dda5;
-  --color-content-info: #8e4de1;
-  --color-content-info-hover: #7424da;
-  --color-content-info-pressed: #5e1db1;
-  --color-content-info-dark: #c29fef;
+  --color-content-secondary: #d7d8e1;
+  --color-content-primary: #fff;
+  --color-content-tertiary: #c2c5d3;
+  --color-content-disabled: #aeb1c4;
+  --color-content-ghost-disabled: rgb(255 255 255 / 40%);
+  --color-content-action: #039904;
+  --color-content-action-hover: #067607;
+  --color-content-action-pressed: #0a540b;
+  --color-content-action-dark: #99e499;
+  --color-content-action-secondary: #0534d0;
+  --color-content-action-secondary-hover: #082ba0;
+  --color-content-action-secondary-pressed: #0a2171;
+  --color-content-action-secondary-dark: #9ab1ff;
+  --color-background-main: #1b1c24;
+  --color-content-error: #cf4a4b;
+  --color-content-error-hover: #9f3b3d;
+  --color-content-error-pressed: #702d2e;
+  --color-content-error-dark: #ffbdbd;
+  --color-content-warning: #cf7d04;
+  --color-content-warning-hover: #9f6207;
+  --color-content-warning-pressed: #70460b;
+  --color-content-warning-dark: #ffd699;
+  --color-content-success: #039904;
+  --color-content-success-hover: #067607;
+  --color-content-success-pressed: #0a540b;
+  --color-content-success-dark: #99e499;
+  --color-content-info: #6a05d0;
+  --color-content-info-hover: #5307a0;
+  --color-content-info-pressed: #3d0a71;
+  --color-content-info-dark: #cd9aff;
   --color-content-primary-inverse: #080808;
-  --color-background-main-inverse: #f5f5f5;
-  --color-content-accent-main: #a0a0a0;
-  --color-accent-main: #181818;
-  --color-content-accent-primary: #dcdcdc;
-  --color-accent-primary: #282828;
-  --color-content-accent-disabled: #606060;
-  --color-background-main-hover: #2c2c2c;
-  --color-background-main-pressed: #383838;
-  --color-background-primary: #121212;
-  --color-background-primary-hover: #222;
-  --color-background-primary-pressed: #353535;
-  --color-background-secondary: #2c2c2c;
-  --color-background-secondary-hover: #383838;
-  --color-background-secondary-pressed: #363636;
-  --color-background-tertiary: #383838;
-  --color-background-tertiary-hover: #363636;
-  --color-background-tertiary-pressed: #4e4e4e;
-  --color-background-disabled: #353535;
-  --color-background-action: #43b741;
-  --color-background-action-hover: #379535;
-  --color-background-action-pressed: #2a7329;
-  --color-background-action-active-disabled: #184117;
-  --color-background-action-light: #113011;
-  --color-background-action-light-hover: #1e521d;
-  --color-background-action-light-pressed: #184117;
-  --color-background-error: #f62114;
-  --color-background-error-hover: #cd1b10;
-  --color-background-error-pressed: #a4150d;
-  --color-background-error-light: #510a06;
-  --color-background-error-light-hover: #7a1009;
-  --color-background-error-light-pressed: #660d07;
-  --color-background-warning: #f0520e;
-  --color-background-warning-hover: #c2420b;
-  --color-background-warning-pressed: #943209;
-  --color-background-warning-light: #371304;
-  --color-background-warning-light-hover: #652306;
-  --color-background-warning-light-pressed: #4e1b05;
-  --color-background-success: #43b741;
-  --color-background-success-hover: #379535;
-  --color-background-success-pressed: #2a7329;
-  --color-background-success-light: #113011;
-  --color-background-success-light-hover: #1e521d;
-  --color-background-success-light-pressed: #184117;
-  --color-background-info: #7424da;
-  --color-background-info-hover: #5e1db1;
-  --color-background-info-pressed: #481688;
-  --color-background-info-light: #1d0935;
-  --color-background-info-light-hover: #33105e;
-  --color-background-info-light-pressed: #280c4a;
-  --color-background-overlay: rgb(0 0 0 / 55%);
-  --color-background-ghost: rgb(255 255 255 / 12%);
-  --color-background-ghost-hover: rgb(255 255 255 / 24%);
-  --color-background-ghost-pressed: rgb(255 255 255 / 32%);
-  --color-background-ghost-disabled: rgb(255 255 255 / 47%);
-  --color-background-accent-action-light-hover: #1e521d;
-  --color-background-accent-action-light-pressed: #184117;
-  --color-background-accent-error-light-hover: #7a1009;
-  --color-background-accent-error-light-pressed: #660d07;
-  --color-background-accent-warning-light-hover: #652306;
-  --color-background-accent-warning-light-pressed: #4e1b05;
-  --color-background-accent-success-light-hover: #1e521d;
-  --color-background-accent-success-light-pressed: #184117;
-  --color-background-accent-info-light-hover: #33105e;
-  --color-background-accent-info-light-pressed: #280c4a;
-  --color-border-main: #363636;
-  --color-border-main-hover: #707070;
-  --color-border-main-pressed: #949494;
-  --color-border-secondary: #383838;
-  --color-border-secondary-hover: #363636;
-  --color-border-secondary-pressed: #4e4e4e;
-  --color-border-disabled: #2c2c2c;
-  --color-border-ghost-disabled: rgb(255 255 255 / 47%);
-  --color-border-focused: #184117;
-  --color-border-action: #43b741;
-  --color-border-action-hover: #379535;
-  --color-border-action-pressed: #2a7329;
-  --color-border-error: #f62114;
-  --color-border-warning: #f0520e;
-  --color-border-success: #43b741;
-  --color-border-info: #8e4de1;
+  --color-background-main-inverse: #d9dade;
+  --color-content-accent-secondary: #989aa5;
+  --color-accent-main: #14151b;
+  --color-content-accent-primary: #c7c8ce;
+  --color-accent-primary: #1b1c24;
+  --color-content-accent-disabled: #7b7e8c;
+  --color-background-main-hover: #252732;
+  --color-background-main-pressed: #2f3240;
+  --color-background-primary: #14151b;
+  --color-background-primary-hover: #1b1c24;
+  --color-background-primary-pressed: #252732;
+  --color-background-secondary: #252732;
+  --color-background-secondary-hover: #2f3240;
+  --color-background-secondary-pressed: #393c4d;
+  --color-background-tertiary: #2f3240;
+  --color-background-tertiary-hover: #393c4d;
+  --color-background-tertiary-pressed: #43475b;
+  --color-background-disabled: #2f3240;
+  --color-background-action: #039904;
+  --color-background-action-hover: #067607;
+  --color-background-action-pressed: #0a540b;
+  --color-background-action-active-disabled: #0f1811;
+  --color-background-action-light: #0d310e;
+  --color-background-action-light-hover: #0e2010;
+  --color-background-action-light-pressed: #0f1811;
+  --color-background-accent-action-light: #067607;
+  --color-background-accent-action-light-hover: #0a540b;
+  --color-background-accent-action-light-pressed: #0d310e;
+  --color-background-action-secondary: #0534d0;
+  --color-background-action-secondary-hover: #082ba0;
+  --color-background-action-secondary-pressed: #0a2171;
+  --color-background-action-secondary-active-disabled: #0f111e;
+  --color-background-action-secondary-light: #0d1841;
+  --color-background-action-secondary-light-hover: #0f142a;
+  --color-background-action-secondary-light-pressed: #0f111e;
+  --color-background-accent-action-secondary-light: #082ba0;
+  --color-background-accent-action-secondary-light-hover: #0a2171;
+  --color-background-accent-action-secondary-light-pressed: #0d1841;
+  --color-background-error: #cf4a4b;
+  --color-background-error-hover: #9f3b3d;
+  --color-background-error-pressed: #702d2e;
+  --color-background-error-light: #401e20;
+  --color-background-error-light-hover: #281619;
+  --color-background-error-light-pressed: #1c1316;
+  --color-background-accent-error-light: #9f3b3d;
+  --color-background-accent-error-light-hover: #702d2e;
+  --color-background-accent-error-light-pressed: #401e20;
+  --color-background-warning: #cf7d04;
+  --color-background-warning-hover: #9f6207;
+  --color-background-warning-pressed: #70460b;
+  --color-background-warning-light: #402b0e;
+  --color-background-warning-light-hover: #281d10;
+  --color-background-warning-light-pressed: #1c1611;
+  --color-background-accent-warning-light: #9f6207;
+  --color-background-accent-warning-light-hover: #70460b;
+  --color-background-accent-warning-light-pressed: #402b0e;
+  --color-background-success: #039904;
+  --color-background-success-hover: #067607;
+  --color-background-success-pressed: #0a540b;
+  --color-background-success-light: #0d310e;
+  --color-background-success-light-hover: #0e2010;
+  --color-background-success-light-pressed: #0f1811;
+  --color-background-accent-success-light: #067607;
+  --color-background-accent-success-light-hover: #0a540b;
+  --color-background-accent-success-light-pressed: #0d310e;
+  --color-background-info: #6a05d0;
+  --color-background-info-hover: #5307a0;
+  --color-background-info-pressed: #3d0a71;
+  --color-background-info-light: #270d41;
+  --color-background-info-light-hover: #1b0e2a;
+  --color-background-info-light-pressed: #160e1e;
+  --color-background-accent-info-light: #5307a0;
+  --color-background-accent-info-light-hover: #3d0a71;
+  --color-background-accent-info-light-pressed: #270d41;
+  --color-background-overlay: rgb(0 0 0 / 60%);
+  --color-background-ghost: rgb(255 255 255 / 10%);
+  --color-background-ghost-hover: rgb(255 255 255 / 20%);
+  --color-background-ghost-pressed: rgb(255 255 255 / 30%);
+  --color-background-ghost-disabled: rgb(255 255 255 / 40%);
+  --color-border-main: #474853;
+  --color-border-main-hover: #636574;
+  --color-border-main-pressed: #7e8194;
+  --color-border-secondary: #2c2c33;
+  --color-border-secondary-hover: #474853;
+  --color-border-secondary-pressed: #636574;
+  --color-border-disabled: #2c2c33;
+  --color-border-ghost-disabled: rgb(255 255 255 / 40%);
+  --color-border-focused: #0e2010;
+  --color-border-action: #067607;
+  --color-border-action-hover: #0a540b;
+  --color-border-action-pressed: #0d310e;
+  --color-border-action-secondary: #0534d0;
+  --color-border-action-secondary-hover: #082ba0;
+  --color-border-action-secondary-pressed: #0a2171;
+  --color-border-error: #cf4a4b;
+  --color-border-warning: #cf7d04;
+  --color-border-success: #039904;
+  --color-border-info: #6a05d0;
   --color-border-main-on: #fff;
-  --color-border-accent-main: #a0a0a0;
-  --color-border-accent-disabled: #606060;
-  --color-border-accent-focused: #184117;
-  --color-accent-main-hover: #282828;
-  --color-accent-main-pressed: #383838;
-  --color-accent-primary-hover: #383838;
-  --color-accent-primary-pressed: #484848;
-  --color-accent-secondary: #383838;
-  --color-accent-secondary-hover: #484848;
-  --color-accent-secondary-pressed: #585858;
-  --color-accent-tertiary: #484848;
-  --color-accent-tertiary-hover: #585858;
-  --color-accent-tertiary-pressed: #686868;
-  --color-accent-disable: #484848;
-  --color-accent-secondary-inverse: #808080;
-  --color-accent-main-inverse: #dcdcdc;
+  --color-border-accent-main: #989aa5;
+  --color-border-accent-disabled: #5f6374;
+  --color-border-accent-focused: #0f142a;
+  --color-accent-main-hover: #1b1c24;
+  --color-accent-main-pressed: #252732;
+  --color-accent-primary-hover: #252732;
+  --color-accent-primary-pressed: #2f3240;
+  --color-accent-secondary: #252732;
+  --color-accent-secondary-hover: #2f3240;
+  --color-accent-secondary-pressed: #393c4d;
+  --color-accent-tertiary: #2f3240;
+  --color-accent-tertiary-hover: #393c4d;
+  --color-accent-tertiary-pressed: #43475b;
+  --color-accent-disabled: #2f3240;
+  --color-accent-main-inverse: #c7c8ce;
   --color-additional-a1: #0b6abe;
   --color-additional-a2: #1899e9;
   --color-additional-a3: #b3f1ff;