@daikin-oss/dds-tokens 0.2.0 → 0.2.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## 0.2.1
+
+### Patch Changes
+
+- 99 token(s) added.
+  44 token(s) updated.
+
 ## 0.2.0
 
 ### Minor Changes

package/build/css/aaf/Dark/variables.css

@@ -100,6 +100,18 @@
   --dds-color-dark-gray-105: #383838;
   --dds-color-dark-gray-115: #282828;
   --dds-color-dark-gray-125: #1a1a1a;
+  --dds-color-purple-10: #f0ddf3;
+  --dds-color-purple-20: #e1bbe8;
+  --dds-color-purple-30: #d399dc;
+  --dds-color-purple-40: #c477d0;
+  --dds-color-purple-50: #b556c5;
+  --dds-color-purple-60: #a03db0;
+  --dds-color-purple-70: #81318e;
+  --dds-color-purple-80: #6f2a7a;
+  --dds-color-purple-90: #5c2365;
+  --dds-color-purple-100: #4a1c51;
+  --dds-color-purple-110: #37153d;
+  --dds-color-purple-120: #250e29;
   --dds-color-feedback-positive: #00c3ac; /* System status is positive */
   --dds-color-feedback-warning: #ffbf0e; /* System status is warning */
   --dds-color-feedback-negative: #f21a27; /* System status is warning */

package/build/css/aaf/Light/variables.css

@@ -100,6 +100,18 @@
   --dds-color-dark-gray-105: #383838;
   --dds-color-dark-gray-115: #282828;
   --dds-color-dark-gray-125: #1a1a1a;
+  --dds-color-purple-10: #f0ddf3;
+  --dds-color-purple-20: #e1bbe8;
+  --dds-color-purple-30: #d399dc;
+  --dds-color-purple-40: #c477d0;
+  --dds-color-purple-50: #b556c5;
+  --dds-color-purple-60: #a03db0;
+  --dds-color-purple-70: #81318e;
+  --dds-color-purple-80: #6f2a7a;
+  --dds-color-purple-90: #5c2365;
+  --dds-color-purple-100: #4a1c51;
+  --dds-color-purple-110: #37153d;
+  --dds-color-purple-120: #250e29;
   --dds-color-feedback-positive: #00c3ac; /* System status is positive */
   --dds-color-feedback-warning: #ffbf0e; /* System status is warning */
   --dds-color-feedback-negative: #f21a27; /* System status is warning */

package/build/css/daikin/Dark/buttons.css

@@ -3,20 +3,20 @@
  */
 
 :root {
-  --dds-button-color-background-primary-active: #76cff4; /* Color used for the default state of a secondary button */
-  --dds-button-color-background-primary-hover: #30ade9;
-  --dds-button-color-background-primary-press: #98dbf7;
-  --dds-button-color-background-primary-focus: #bbe7f9;
-  --dds-button-color-background-primary-disabled: #616161;
-  --dds-button-color-border-secondary-active: #76cff4;
-  --dds-button-color-border-secondary-hover: #30ade9;
-  --dds-button-color-border-secondary-press: #98dbf7;
-  --dds-button-color-border-secondary-focus: #bbe7f9;
-  --dds-button-color-border-secondary-disabled: #616161;
-  --dds-button-color-text-secondary-active: #76cff4;
-  --dds-button-color-text-secondary-hover: #30ade9;
-  --dds-button-color-text-secondary-press: #98dbf7;
-  --dds-button-color-text-secondary-focus: #bbe7f9;
-  --dds-button-color-text-secondary-disabled: #616161;
-  --dds-button-color-text-primary: #414141;
+  --dds-button-color-background-primary-active: #30ade9; /* Color used for the default state of a secondary button */
+  --dds-button-color-background-primary-hover: #76cff4;
+  --dds-button-color-background-primary-press: #0097e0;
+  --dds-button-color-background-primary-focus: #0081c0;
+  --dds-button-color-background-primary-disabled: #dcdcdc;
+  --dds-button-color-border-secondary-active: #30ade9;
+  --dds-button-color-border-secondary-hover: #76cff4;
+  --dds-button-color-border-secondary-press: #0097e0;
+  --dds-button-color-border-secondary-focus: #0081c0;
+  --dds-button-color-border-secondary-disabled: #dcdcdc;
+  --dds-button-color-text-secondary-active: #30ade9;
+  --dds-button-color-text-secondary-hover: #76cff4;
+  --dds-button-color-text-secondary-press: #0097e0;
+  --dds-button-color-text-secondary-focus: #0081c0;
+  --dds-button-color-text-secondary-disabled: #dcdcdc;
+  --dds-button-color-text-primary: #ffffff;
 }

package/build/css/daikin/Dark/variables.css

@@ -100,20 +100,74 @@
   --dds-color-dark-gray-105: #383838;
   --dds-color-dark-gray-115: #282828;
   --dds-color-dark-gray-125: #1a1a1a;
+  --dds-color-purple-10: #f0ddf3;
+  --dds-color-purple-20: #e1bbe8;
+  --dds-color-purple-30: #d399dc;
+  --dds-color-purple-40: #c477d0;
+  --dds-color-purple-50: #b556c5;
+  --dds-color-purple-60: #a03db0;
+  --dds-color-purple-70: #81318e;
+  --dds-color-purple-80: #6f2a7a;
+  --dds-color-purple-90: #5c2365;
+  --dds-color-purple-100: #4a1c51;
+  --dds-color-purple-110: #37153d;
+  --dds-color-purple-120: #250e29;
   --dds-color-feedback-positive: #00c3ac; /* System status is positive */
   --dds-color-feedback-warning: #ffbf0e; /* System status is warning */
   --dds-color-feedback-negative: #f21a27; /* System status is warning */
   --dds-color-feedback-alarm: #fa7a12; /* System status is warning */
   --dds-color-feedback-information: #30ade9; /* System status is warning */
-  --dds-color-brand-primary: #76cff4; /* Primary brand blue */
-  --dds-color-brand-secondary: #30ade9; /* Primary secondary brand blue */
-  --dds-color-text-brand-primary: #76cff4;
-  --dds-color-text-theme: #414141;
-  --dds-color-text-default: #f2f2f2;
-  --dds-color-text-default-sub: #ebebeb;
-  --dds-color-background-theme: #000000;
-  --dds-color-background-component: #414141;
-  --dds-color-background-object: #f2f2f2;
+  --dds-color-brand-primary: #30ade9; /* Primary brand blue */
+  --dds-color-brand-secondary: #76cff4; /* Primary secondary brand blue */
+  --dds-color-text-brand-primary: #30ade9;
+  --dds-color-text-theme: #ffffff;
+  --dds-color-text-default: #414141;
+  --dds-color-text-default-sub: #616161;
+  --dds-color-background-theme: #ffffff;
+  --dds-color-background-component: #ffffff;
+  --dds-color-background-object: #414141;
+  --dds-color-common-brand-default: #30ade9;
+  --dds-color-common-brand-hover: #54c3f1;
+  --dds-color-common-brand-press: #76cff4;
+  --dds-color-common-surface-brand-hover: #002b40;
+  --dds-color-common-surface-brand-press: #004160;
+  --dds-color-common-surface-neutral-hover: #313131;
+  --dds-color-common-surface-neutral-press: #414141;
+  --dds-color-common-surface-danger-hover: #3e0307;
+  --dds-color-common-surface-danger-press: #5d050a;
+  --dds-color-common-surface-default: #212121;
+  --dds-color-common-surface-hover: #313131;
+  --dds-color-common-surface-press: #414141;
+  --dds-color-common-surface-selected-default: #002b40;
+  --dds-color-common-surface-selected-hover: #004160;
+  --dds-color-common-surface-selected-press: #005077;
+  --dds-color-common-neutral-default: #bfbfbf;
+  --dds-color-common-neutral-hover: #cecece;
+  --dds-color-common-neutral-press: #dcdcdc;
+  --dds-color-common-danger-default: #f21a27;
+  --dds-color-common-danger-hover: #f4404b;
+  --dds-color-common-danger-press: #f7666f;
+  --dds-color-common-success: #00c3ac;
+  --dds-color-common-warning: #efb000;
+  --dds-color-common-alarm: #fa7a12;
+  --dds-color-common-information: #30ade9;
+  --dds-color-common-disabled: #616161;
+  --dds-color-common-text-primary: #dcdcdc;
+  --dds-color-common-text-secondary: #bfbfbf;
+  --dds-color-common-text-inverse: #212121;
+  --dds-color-common-border-focus: #54c3f1;
+  --dds-color-common-border-empty: #515151;
+  --dds-color-common-background-default: #212121;
+  --dds-color-common-background-overlay: #000000;
+  --dds-color-divider: #515151;
+  --dds-color-link-text-default: #76cff4;
+  --dds-color-link-text-hover: #98dbf7;
+  --dds-color-link-text-press: #bbe7f9;
+  --dds-color-link-text-visited-default: #c477d0;
+  --dds-color-link-text-visited-hover: #d399dc;
+  --dds-color-link-text-visited-press: #e1bbe8;
+  --dds-color-link-surface-visited-hover: #250e29;
+  --dds-color-link-surface-visited-press: #37153d;
   --dds-border-radius-100: 4px;
   --dds-border-radius-150: 6px;
   --dds-border-radius-200: 8px;
@@ -178,40 +232,44 @@
   --dds-notification-color-background-warning: #ffbf0e;
   --dds-notification-color-background-alarm: #fa7a12;
   --dds-notification-color-background-information: #30ade9;
-  --dds-notification-color-background-theme: #414141;
-  --dds-notification-color-text: #f2f2f2;
+  --dds-notification-color-background-theme: #ffffff;
+  --dds-notification-color-text: #414141;
   --dds-notification-shadow: 0 -2px 19px 0 rgba(0, 0, 0, 0.1);
   --dds-icon-color-background-neutral: #a0a0a0;
-  --dds-icon-color-background-default: #f2f2f2;
-  --dds-icon-color-background-theme: #000000;
-  --dds-container-color-background: #414141;
-  --dds-container-color-text-header: #f2f2f2;
-  --dds-container-color-text-body: #ebebeb;
-  --dds-card-shadow: 0 -2px 19px 0 rgba(255, 255, 255, 0.1);
-  --dds-button-color-background-primary-active: #76cff4; /* Color used for the default state of a secondary button */
-  --dds-button-color-background-primary-hover: #30ade9;
-  --dds-button-color-background-primary-press: #98dbf7;
-  --dds-button-color-background-primary-focus: #bbe7f9;
-  --dds-button-color-background-primary-disabled: #616161;
-  --dds-button-color-border-secondary-active: #76cff4;
-  --dds-button-color-border-secondary-hover: #30ade9;
-  --dds-button-color-border-secondary-press: #98dbf7;
-  --dds-button-color-border-secondary-focus: #bbe7f9;
-  --dds-button-color-border-secondary-disabled: #616161;
-  --dds-button-color-text-secondary-active: #76cff4;
-  --dds-button-color-text-secondary-hover: #30ade9;
-  --dds-button-color-text-secondary-press: #98dbf7;
-  --dds-button-color-text-secondary-focus: #bbe7f9;
-  --dds-button-color-text-secondary-disabled: #616161;
-  --dds-button-color-text-primary: #414141;
-  --dds-tab-color-line-active: #76cff4;
-  --dds-tab-color-line-hover: #30ade9;
-  --dds-tab-color-line-press: #98dbf7;
-  --dds-tab-color-line-focus: #bbe7f9;
-  --dds-tab-color-line-disabled: #616161;
-  --dds-tab-color-text-active: #76cff4;
-  --dds-tab-color-text-hover: #30ade9;
-  --dds-tab-color-text-press: #98dbf7;
-  --dds-tab-color-text-focus: #bbe7f9;
-  --dds-tab-color-text-disabled: #616161;
+  --dds-icon-color-background-default: #414141;
+  --dds-icon-color-background-theme: #ffffff;
+  --dds-container-color-background: #ffffff;
+  --dds-container-color-text-header: #414141;
+  --dds-container-color-text-body: #616161;
+  --dds-card-shadow: 0 -2px 19px 0 rgba(0, 0, 0, 0.1);
+  --dds-card-color-background: #ffffff;
+  --dds-card-border-hover: 2px solid #BFBFBF;
+  --dds-card-border-alert: 2px solid #f21a27;
+  --dds-card-border-underline: 1px solid #d8dde0;
+  --dds-button-color-background-primary-active: #30ade9; /* Color used for the default state of a secondary button */
+  --dds-button-color-background-primary-hover: #76cff4;
+  --dds-button-color-background-primary-press: #0097e0;
+  --dds-button-color-background-primary-focus: #0081c0;
+  --dds-button-color-background-primary-disabled: #dcdcdc;
+  --dds-button-color-border-secondary-active: #30ade9;
+  --dds-button-color-border-secondary-hover: #76cff4;
+  --dds-button-color-border-secondary-press: #0097e0;
+  --dds-button-color-border-secondary-focus: #0081c0;
+  --dds-button-color-border-secondary-disabled: #dcdcdc;
+  --dds-button-color-text-secondary-active: #30ade9;
+  --dds-button-color-text-secondary-hover: #76cff4;
+  --dds-button-color-text-secondary-press: #0097e0;
+  --dds-button-color-text-secondary-focus: #0081c0;
+  --dds-button-color-text-secondary-disabled: #dcdcdc;
+  --dds-button-color-text-primary: #ffffff;
+  --dds-tab-color-line-active: #30ade9;
+  --dds-tab-color-line-hover: #76cff4;
+  --dds-tab-color-line-press: #0097e0;
+  --dds-tab-color-line-focus: #0081c0;
+  --dds-tab-color-line-disabled: #dcdcdc;
+  --dds-tab-color-text-active: #30ade9;
+  --dds-tab-color-text-hover: #76cff4;
+  --dds-tab-color-text-press: #0097e0;
+  --dds-tab-color-text-focus: #0081c0;
+  --dds-tab-color-text-disabled: #dcdcdc;
 }

package/build/css/daikin/Light/variables.css

@@ -100,6 +100,18 @@
   --dds-color-dark-gray-105: #383838;
   --dds-color-dark-gray-115: #282828;
   --dds-color-dark-gray-125: #1a1a1a;
+  --dds-color-purple-10: #f0ddf3;
+  --dds-color-purple-20: #e1bbe8;
+  --dds-color-purple-30: #d399dc;
+  --dds-color-purple-40: #c477d0;
+  --dds-color-purple-50: #b556c5;
+  --dds-color-purple-60: #a03db0;
+  --dds-color-purple-70: #81318e;
+  --dds-color-purple-80: #6f2a7a;
+  --dds-color-purple-90: #5c2365;
+  --dds-color-purple-100: #4a1c51;
+  --dds-color-purple-110: #37153d;
+  --dds-color-purple-120: #250e29;
   --dds-color-feedback-positive: #00c3ac; /* System status is positive */
   --dds-color-feedback-warning: #ffbf0e; /* System status is warning */
   --dds-color-feedback-negative: #f21a27; /* System status is warning */
@@ -150,7 +162,12 @@
   --dds-color-divider: #cecece;
   --dds-color-link-text-default: #00689a;
   --dds-color-link-text-hover: #005077;
-  --dds-color-link-text-press: #005077;
+  --dds-color-link-text-press: #004160;
+  --dds-color-link-text-visited-default: #5c2365;
+  --dds-color-link-text-visited-hover: #4a1c51;
+  --dds-color-link-text-visited-press: #37153d;
+  --dds-color-link-surface-visited-hover: #f0ddf3;
+  --dds-color-link-surface-visited-press: #e1bbe8;
   --dds-border-radius-100: 4px;
   --dds-border-radius-150: 6px;
   --dds-border-radius-200: 8px;

package/build/js/aaf/Dark/variables.cjs

@@ -100,6 +100,18 @@ module.exports = {
   colorDarkGray105: "#383838",
   colorDarkGray115: "#282828",
   colorDarkGray125: "#1a1a1a",
+  colorPurple10: "#f0ddf3",
+  colorPurple20: "#e1bbe8",
+  colorPurple30: "#d399dc",
+  colorPurple40: "#c477d0",
+  colorPurple50: "#b556c5",
+  colorPurple60: "#a03db0",
+  colorPurple70: "#81318e",
+  colorPurple80: "#6f2a7a",
+  colorPurple90: "#5c2365",
+  colorPurple100: "#4a1c51",
+  colorPurple110: "#37153d",
+  colorPurple120: "#250e29",
   colorFeedbackPositive: "#00c3ac",
   colorFeedbackWarning: "#ffbf0e",
   colorFeedbackNegative: "#f21a27",

package/build/js/aaf/Dark/variables.d.cts

@@ -99,6 +99,18 @@ export const colorBlueGray120: string;
 export const colorDarkGray105: string;
 export const colorDarkGray115: string;
 export const colorDarkGray125: string;
+export const colorPurple10: string;
+export const colorPurple20: string;
+export const colorPurple30: string;
+export const colorPurple40: string;
+export const colorPurple50: string;
+export const colorPurple60: string;
+export const colorPurple70: string;
+export const colorPurple80: string;
+export const colorPurple90: string;
+export const colorPurple100: string;
+export const colorPurple110: string;
+export const colorPurple120: string;
 /** System status is positive */
 export const colorFeedbackPositive: string;
 /** System status is warning */

package/build/js/aaf/Dark/variables.d.ts

@@ -99,6 +99,18 @@ export const colorBlueGray120: string;
 export const colorDarkGray105: string;
 export const colorDarkGray115: string;
 export const colorDarkGray125: string;
+export const colorPurple10: string;
+export const colorPurple20: string;
+export const colorPurple30: string;
+export const colorPurple40: string;
+export const colorPurple50: string;
+export const colorPurple60: string;
+export const colorPurple70: string;
+export const colorPurple80: string;
+export const colorPurple90: string;
+export const colorPurple100: string;
+export const colorPurple110: string;
+export const colorPurple120: string;
 /** System status is positive */
 export const colorFeedbackPositive: string;
 /** System status is warning */

package/build/js/aaf/Dark/variables.js

@@ -99,6 +99,18 @@ export const colorBlueGray120 = "#1b1e21";
 export const colorDarkGray105 = "#383838";
 export const colorDarkGray115 = "#282828";
 export const colorDarkGray125 = "#1a1a1a";
+export const colorPurple10 = "#f0ddf3";
+export const colorPurple20 = "#e1bbe8";
+export const colorPurple30 = "#d399dc";
+export const colorPurple40 = "#c477d0";
+export const colorPurple50 = "#b556c5";
+export const colorPurple60 = "#a03db0";
+export const colorPurple70 = "#81318e";
+export const colorPurple80 = "#6f2a7a";
+export const colorPurple90 = "#5c2365";
+export const colorPurple100 = "#4a1c51";
+export const colorPurple110 = "#37153d";
+export const colorPurple120 = "#250e29";
 export const colorFeedbackPositive = "#00c3ac"; // System status is positive
 export const colorFeedbackWarning = "#ffbf0e"; // System status is warning
 export const colorFeedbackNegative = "#f21a27"; // System status is warning

package/build/js/aaf/Light/variables.cjs

@@ -100,6 +100,18 @@ module.exports = {
   colorDarkGray105: "#383838",
   colorDarkGray115: "#282828",
   colorDarkGray125: "#1a1a1a",
+  colorPurple10: "#f0ddf3",
+  colorPurple20: "#e1bbe8",
+  colorPurple30: "#d399dc",
+  colorPurple40: "#c477d0",
+  colorPurple50: "#b556c5",
+  colorPurple60: "#a03db0",
+  colorPurple70: "#81318e",
+  colorPurple80: "#6f2a7a",
+  colorPurple90: "#5c2365",
+  colorPurple100: "#4a1c51",
+  colorPurple110: "#37153d",
+  colorPurple120: "#250e29",
   colorFeedbackPositive: "#00c3ac",
   colorFeedbackWarning: "#ffbf0e",
   colorFeedbackNegative: "#f21a27",

package/build/js/aaf/Light/variables.d.cts

@@ -99,6 +99,18 @@ export const colorBlueGray120: string;
 export const colorDarkGray105: string;
 export const colorDarkGray115: string;
 export const colorDarkGray125: string;
+export const colorPurple10: string;
+export const colorPurple20: string;
+export const colorPurple30: string;
+export const colorPurple40: string;
+export const colorPurple50: string;
+export const colorPurple60: string;
+export const colorPurple70: string;
+export const colorPurple80: string;
+export const colorPurple90: string;
+export const colorPurple100: string;
+export const colorPurple110: string;
+export const colorPurple120: string;
 /** System status is positive */
 export const colorFeedbackPositive: string;
 /** System status is warning */

package/build/js/aaf/Light/variables.d.ts

@@ -99,6 +99,18 @@ export const colorBlueGray120: string;
 export const colorDarkGray105: string;
 export const colorDarkGray115: string;
 export const colorDarkGray125: string;
+export const colorPurple10: string;
+export const colorPurple20: string;
+export const colorPurple30: string;
+export const colorPurple40: string;
+export const colorPurple50: string;
+export const colorPurple60: string;
+export const colorPurple70: string;
+export const colorPurple80: string;
+export const colorPurple90: string;
+export const colorPurple100: string;
+export const colorPurple110: string;
+export const colorPurple120: string;
 /** System status is positive */
 export const colorFeedbackPositive: string;
 /** System status is warning */

package/build/js/aaf/Light/variables.js

@@ -99,6 +99,18 @@ export const colorBlueGray120 = "#1b1e21";
 export const colorDarkGray105 = "#383838";
 export const colorDarkGray115 = "#282828";
 export const colorDarkGray125 = "#1a1a1a";
+export const colorPurple10 = "#f0ddf3";
+export const colorPurple20 = "#e1bbe8";
+export const colorPurple30 = "#d399dc";
+export const colorPurple40 = "#c477d0";
+export const colorPurple50 = "#b556c5";
+export const colorPurple60 = "#a03db0";
+export const colorPurple70 = "#81318e";
+export const colorPurple80 = "#6f2a7a";
+export const colorPurple90 = "#5c2365";
+export const colorPurple100 = "#4a1c51";
+export const colorPurple110 = "#37153d";
+export const colorPurple120 = "#250e29";
 export const colorFeedbackPositive = "#00c3ac"; // System status is positive
 export const colorFeedbackWarning = "#ffbf0e"; // System status is warning
 export const colorFeedbackNegative = "#f21a27"; // System status is warning

package/build/js/daikin/Dark/variables.cjs

@@ -100,20 +100,74 @@ module.exports = {
   colorDarkGray105: "#383838",
   colorDarkGray115: "#282828",
   colorDarkGray125: "#1a1a1a",
+  colorPurple10: "#f0ddf3",
+  colorPurple20: "#e1bbe8",
+  colorPurple30: "#d399dc",
+  colorPurple40: "#c477d0",
+  colorPurple50: "#b556c5",
+  colorPurple60: "#a03db0",
+  colorPurple70: "#81318e",
+  colorPurple80: "#6f2a7a",
+  colorPurple90: "#5c2365",
+  colorPurple100: "#4a1c51",
+  colorPurple110: "#37153d",
+  colorPurple120: "#250e29",
   colorFeedbackPositive: "#00c3ac",
   colorFeedbackWarning: "#ffbf0e",
   colorFeedbackNegative: "#f21a27",
   colorFeedbackAlarm: "#fa7a12",
   colorFeedbackInformation: "#30ade9",
-  colorBrandPrimary: "#76cff4",
-  colorBrandSecondary: "#30ade9",
-  colorTextBrandPrimary: "#76cff4",
-  colorTextTheme: "#414141",
-  colorTextDefault: "#f2f2f2",
-  colorTextDefaultSub: "#ebebeb",
-  colorBackgroundTheme: "#000000",
-  colorBackgroundComponent: "#414141",
-  colorBackgroundObject: "#f2f2f2",
+  colorBrandPrimary: "#30ade9",
+  colorBrandSecondary: "#76cff4",
+  colorTextBrandPrimary: "#30ade9",
+  colorTextTheme: "#ffffff",
+  colorTextDefault: "#414141",
+  colorTextDefaultSub: "#616161",
+  colorBackgroundTheme: "#ffffff",
+  colorBackgroundComponent: "#ffffff",
+  colorBackgroundObject: "#414141",
+  colorCommonBrandDefault: "#30ade9",
+  colorCommonBrandHover: "#54c3f1",
+  colorCommonBrandPress: "#76cff4",
+  colorCommonSurfaceBrandHover: "#002b40",
+  colorCommonSurfaceBrandPress: "#004160",
+  colorCommonSurfaceNeutralHover: "#313131",
+  colorCommonSurfaceNeutralPress: "#414141",
+  colorCommonSurfaceDangerHover: "#3e0307",
+  colorCommonSurfaceDangerPress: "#5d050a",
+  colorCommonSurfaceDefault: "#212121",
+  colorCommonSurfaceHover: "#313131",
+  colorCommonSurfacePress: "#414141",
+  colorCommonSurfaceSelectedDefault: "#002b40",
+  colorCommonSurfaceSelectedHover: "#004160",
+  colorCommonSurfaceSelectedPress: "#005077",
+  colorCommonNeutralDefault: "#bfbfbf",
+  colorCommonNeutralHover: "#cecece",
+  colorCommonNeutralPress: "#dcdcdc",
+  colorCommonDangerDefault: "#f21a27",
+  colorCommonDangerHover: "#f4404b",
+  colorCommonDangerPress: "#f7666f",
+  colorCommonSuccess: "#00c3ac",
+  colorCommonWarning: "#efb000",
+  colorCommonAlarm: "#fa7a12",
+  colorCommonInformation: "#30ade9",
+  colorCommonDisabled: "#616161",
+  colorCommonTextPrimary: "#dcdcdc",
+  colorCommonTextSecondary: "#bfbfbf",
+  colorCommonTextInverse: "#212121",
+  colorCommonBorderFocus: "#54c3f1",
+  colorCommonBorderEmpty: "#515151",
+  colorCommonBackgroundDefault: "#212121",
+  colorCommonBackgroundOverlay: "#000000",
+  colorDivider: "#515151",
+  colorLinkTextDefault: "#76cff4",
+  colorLinkTextHover: "#98dbf7",
+  colorLinkTextPress: "#bbe7f9",
+  colorLinkTextVisitedDefault: "#c477d0",
+  colorLinkTextVisitedHover: "#d399dc",
+  colorLinkTextVisitedPress: "#e1bbe8",
+  colorLinkSurfaceVisitedHover: "#250e29",
+  colorLinkSurfaceVisitedPress: "#37153d",
   borderRadius100: "4px",
   borderRadius150: "6px",
   borderRadius200: "8px",
@@ -178,40 +232,44 @@ module.exports = {
   notificationColorBackgroundWarning: "#ffbf0e",
   notificationColorBackgroundAlarm: "#fa7a12",
   notificationColorBackgroundInformation: "#30ade9",
-  notificationColorBackgroundTheme: "#414141",
-  notificationColorText: "#f2f2f2",
+  notificationColorBackgroundTheme: "#ffffff",
+  notificationColorText: "#414141",
   notificationShadow: "0 -2px 19px 0 rgba(0, 0, 0, 0.1)",
   iconColorBackgroundNeutral: "#a0a0a0",
-  iconColorBackgroundDefault: "#f2f2f2",
-  iconColorBackgroundTheme: "#000000",
-  containerColorBackground: "#414141",
-  containerColorTextHeader: "#f2f2f2",
-  containerColorTextBody: "#ebebeb",
-  cardShadow: "0 -2px 19px 0 rgba(255, 255, 255, 0.1)",
-  buttonColorBackgroundPrimaryActive: "#76cff4",
-  buttonColorBackgroundPrimaryHover: "#30ade9",
-  buttonColorBackgroundPrimaryPress: "#98dbf7",
-  buttonColorBackgroundPrimaryFocus: "#bbe7f9",
-  buttonColorBackgroundPrimaryDisabled: "#616161",
-  buttonColorBorderSecondaryActive: "#76cff4",
-  buttonColorBorderSecondaryHover: "#30ade9",
-  buttonColorBorderSecondaryPress: "#98dbf7",
-  buttonColorBorderSecondaryFocus: "#bbe7f9",
-  buttonColorBorderSecondaryDisabled: "#616161",
-  buttonColorTextSecondaryActive: "#76cff4",
-  buttonColorTextSecondaryHover: "#30ade9",
-  buttonColorTextSecondaryPress: "#98dbf7",
-  buttonColorTextSecondaryFocus: "#bbe7f9",
-  buttonColorTextSecondaryDisabled: "#616161",
-  buttonColorTextPrimary: "#414141",
-  tabColorLineActive: "#76cff4",
-  tabColorLineHover: "#30ade9",
-  tabColorLinePress: "#98dbf7",
-  tabColorLineFocus: "#bbe7f9",
-  tabColorLineDisabled: "#616161",
-  tabColorTextActive: "#76cff4",
-  tabColorTextHover: "#30ade9",
-  tabColorTextPress: "#98dbf7",
-  tabColorTextFocus: "#bbe7f9",
-  tabColorTextDisabled: "#616161",
+  iconColorBackgroundDefault: "#414141",
+  iconColorBackgroundTheme: "#ffffff",
+  containerColorBackground: "#ffffff",
+  containerColorTextHeader: "#414141",
+  containerColorTextBody: "#616161",
+  cardShadow: "0 -2px 19px 0 rgba(0, 0, 0, 0.1)",
+  cardColorBackground: "#ffffff",
+  cardBorderHover: "2px solid #BFBFBF",
+  cardBorderAlert: "2px solid #f21a27",
+  cardBorderUnderline: "1px solid #d8dde0",
+  buttonColorBackgroundPrimaryActive: "#30ade9",
+  buttonColorBackgroundPrimaryHover: "#76cff4",
+  buttonColorBackgroundPrimaryPress: "#0097e0",
+  buttonColorBackgroundPrimaryFocus: "#0081c0",
+  buttonColorBackgroundPrimaryDisabled: "#dcdcdc",
+  buttonColorBorderSecondaryActive: "#30ade9",
+  buttonColorBorderSecondaryHover: "#76cff4",
+  buttonColorBorderSecondaryPress: "#0097e0",
+  buttonColorBorderSecondaryFocus: "#0081c0",
+  buttonColorBorderSecondaryDisabled: "#dcdcdc",
+  buttonColorTextSecondaryActive: "#30ade9",
+  buttonColorTextSecondaryHover: "#76cff4",
+  buttonColorTextSecondaryPress: "#0097e0",
+  buttonColorTextSecondaryFocus: "#0081c0",
+  buttonColorTextSecondaryDisabled: "#dcdcdc",
+  buttonColorTextPrimary: "#ffffff",
+  tabColorLineActive: "#30ade9",
+  tabColorLineHover: "#76cff4",
+  tabColorLinePress: "#0097e0",
+  tabColorLineFocus: "#0081c0",
+  tabColorLineDisabled: "#dcdcdc",
+  tabColorTextActive: "#30ade9",
+  tabColorTextHover: "#76cff4",
+  tabColorTextPress: "#0097e0",
+  tabColorTextFocus: "#0081c0",
+  tabColorTextDisabled: "#dcdcdc",
 };