@semcore/core 16.0.0 → 16.0.1

package/lib/theme/themes/auto.css

@@ -1,4 +1,115 @@
 :root {
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --gray-50: #f4f5f9;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --gray-100: #e0e1e9;
+  --gray-200: #c4c7cf;
+  --gray-300: #a9abb6;
+  --gray-400: #8a8e9b;
+  --gray-500: #6c6e79;
+  --gray-600: #484a54;
+  --gray-700: #2b2e38;
+  --gray-800: #191b23;
+  --gray-white: #ffffff;
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --blue-50: #e9f7ff;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --blue-100: #c4e5fe;
+  --blue-200: #8ecdff;
+  --blue-300: #2bb3ff;
+  --blue-400: #008ff8;
+  --blue-500: #006dca;
+  --blue-600: #044792;
+  --blue-700: #002b5f;
+  --blue-800: #001b3d;
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --green-50: #dbfee8;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --green-100: #9ef2c9;
+  --green-200: #59ddaa;
+  --green-300: #00c192;
+  --green-400: #009f81;
+  --green-500: #007c65;
+  --green-600: #055345;
+  --green-700: #00342d;
+  --green-800: #00201e;
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --red-50: #fff0f7;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --red-100: #ffd7df;
+  --red-200: #ffaeb5;
+  --red-300: #ff8786;
+  --red-400: #ff4953;
+  --red-500: #d1002f;
+  --red-600: #8e0016;
+  --red-700: #58000a;
+  --red-800: #410101;
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --orange-50: #fff3d9;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --orange-100: #ffdca2;
+  --orange-200: #ffb26e;
+  --orange-300: #ff8c43;
+  --orange-400: #ff642d;
+  --orange-500: #c33909;
+  --orange-600: #8b1500;
+  --orange-700: #551200;
+  --orange-800: #351000;
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --yellow-50: #fdf7c8;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --yellow-100: #fce081;
+  --yellow-200: #fdc23c;
+  --yellow-300: #ef9800;
+  --yellow-400: #d87900;
+  --yellow-500: #a75800;
+  --yellow-600: #743a00;
+  --yellow-700: #462500;
+  --yellow-800: #2c1600;
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --violet-50: #f9f2ff;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --violet-100: #edd9ff;
+  --violet-200: #dcb8ff;
+  --violet-300: #c695ff;
+  --violet-400: #ab6cfe;
+  --violet-500: #8649e1;
+  --violet-600: #5925ab;
+  --violet-700: #421983;
+  --violet-800: #220358;
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --violet-dusty-50: #F5F4FF;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --violet-dusty-100: #E2DDFF;
+  --violet-dusty-200: #BCB1E9;
+  --violet-dusty-300: #A79CD6;
+  --violet-dusty-400: #9083C5;
+  --violet-dusty-500: #6D619F;
+  --violet-dusty-600: #4D407E;
+  --violet-dusty-700: #382E5E;
+  --violet-dusty-800: #1D113E;
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --pink-50: #fff0ff;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --pink-100: #ffd3ff;
+  --pink-200: #ffa9fa;
+  --pink-300: #f67cf2;
+  --pink-400: #e14adf;
+  --pink-500: #b229b9;
+  --pink-600: #7d0480;
+  --pink-700: #4d0050;
+  --pink-800: #340439;
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --salad-50: #ecfbcd;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --salad-100: #c7ee96;
+  --salad-200: #9bd85d;
+  --salad-300: #66c030;
+  --salad-400: #35a21e;
+  --salad-500: #0a7e22;
+  --salad-600: #005613;
+  --salad-700: #003509;
+  --salad-800: #002203;
   /* Primary background of the interface which contains the main data and information. */
   --intergalactic-bg-primary-neutral: #ffffff;
   /* Hover state of the primary background of the interface which contains the main data and information. */
@@ -711,7 +822,7 @@
   --intergalactic-header-bg: #382E5E;
   --intergalactic-header-border-primary: #382E5E;
   --intergalactic-header-border-secondary: rgba(255,255,255, 0.15);
-  --intergalactic-sidebar-nav-control-hover: #E7E8F2;
+  --intergalactic-sidebar-nav-control-hover: rgba(224, 225, 233, 0.7);
   --intergalactic-sidebar-nav-control-active: #E2DDFF;
   --intergalactic-sidebar-nav-control-text-normal: #6D619F;
   --intergalactic-sidebar-nav-control-text-active: #4D407E;
@@ -741,6 +852,117 @@
   --intergalactic-duration-counter: 200;
 }
 .dark {
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --gray-50: #f4f5f9;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --gray-100: #e0e1e9;
+  --gray-200: #c4c7cf;
+  --gray-300: #a9abb6;
+  --gray-400: #8a8e9b;
+  --gray-500: #6c6e79;
+  --gray-600: #484a54;
+  --gray-700: #2b2e38;
+  --gray-800: #191b23;
+  --gray-white: #ffffff;
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --blue-50: #e9f7ff;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --blue-100: #c4e5fe;
+  --blue-200: #8ecdff;
+  --blue-300: #2bb3ff;
+  --blue-400: #008ff8;
+  --blue-500: #006dca;
+  --blue-600: #044792;
+  --blue-700: #002b5f;
+  --blue-800: #001b3d;
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --green-50: #dbfee8;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --green-100: #9ef2c9;
+  --green-200: #59ddaa;
+  --green-300: #00c192;
+  --green-400: #009f81;
+  --green-500: #007c65;
+  --green-600: #055345;
+  --green-700: #00342d;
+  --green-800: #00201e;
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --red-50: #fff0f7;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --red-100: #ffd7df;
+  --red-200: #ffaeb5;
+  --red-300: #ff8786;
+  --red-400: #ff4953;
+  --red-500: #d1002f;
+  --red-600: #8e0016;
+  --red-700: #58000a;
+  --red-800: #410101;
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --orange-50: #fff3d9;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --orange-100: #ffdca2;
+  --orange-200: #ffb26e;
+  --orange-300: #ff8c43;
+  --orange-400: #ff642d;
+  --orange-500: #c33909;
+  --orange-600: #8b1500;
+  --orange-700: #551200;
+  --orange-800: #351000;
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --yellow-50: #fdf7c8;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --yellow-100: #fce081;
+  --yellow-200: #fdc23c;
+  --yellow-300: #ef9800;
+  --yellow-400: #d87900;
+  --yellow-500: #a75800;
+  --yellow-600: #743a00;
+  --yellow-700: #462500;
+  --yellow-800: #2c1600;
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --violet-50: #f9f2ff;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --violet-100: #edd9ff;
+  --violet-200: #dcb8ff;
+  --violet-300: #c695ff;
+  --violet-400: #ab6cfe;
+  --violet-500: #8649e1;
+  --violet-600: #5925ab;
+  --violet-700: #421983;
+  --violet-800: #220358;
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --violet-dusty-50: #F5F4FF;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --violet-dusty-100: #E2DDFF;
+  --violet-dusty-200: #BCB1E9;
+  --violet-dusty-300: #A79CD6;
+  --violet-dusty-400: #9083C5;
+  --violet-dusty-500: #6D619F;
+  --violet-dusty-600: #4D407E;
+  --violet-dusty-700: #382E5E;
+  --violet-dusty-800: #1D113E;
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --pink-50: #fff0ff;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --pink-100: #ffd3ff;
+  --pink-200: #ffa9fa;
+  --pink-300: #f67cf2;
+  --pink-400: #e14adf;
+  --pink-500: #b229b9;
+  --pink-600: #7d0480;
+  --pink-700: #4d0050;
+  --pink-800: #340439;
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --salad-50: #ecfbcd;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --salad-100: #c7ee96;
+  --salad-200: #9bd85d;
+  --salad-300: #66c030;
+  --salad-400: #35a21e;
+  --salad-500: #0a7e22;
+  --salad-600: #005613;
+  --salad-700: #003509;
+  --salad-800: #002203;
   /* Primary background of the interface which contains the main data and information. */
   --intergalactic-bg-primary-neutral: rgba(30, 34, 49, 1);
   /* Hover state of the primary background of the interface which contains the main data and information. */
@@ -1434,7 +1656,7 @@
   --intergalactic-header-bg: #382E5E;
   --intergalactic-header-border-primary: #382E5E;
   --intergalactic-header-border-secondary: rgba(255,255,255, 0.15);
-  --intergalactic-sidebar-nav-control-hover: #E7E8F2;
+  --intergalactic-sidebar-nav-control-hover: rgba(224, 225, 233, 0.7);
   --intergalactic-sidebar-nav-control-active: #E2DDFF;
   --intergalactic-sidebar-nav-control-text-normal: #6D619F;
   --intergalactic-sidebar-nav-control-text-active: #4D407E;

package/lib/theme/themes/dark.css

@@ -1,4 +1,115 @@
 :root {
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --gray-50: #f4f5f9;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --gray-100: #e0e1e9;
+  --gray-200: #c4c7cf;
+  --gray-300: #a9abb6;
+  --gray-400: #8a8e9b;
+  --gray-500: #6c6e79;
+  --gray-600: #484a54;
+  --gray-700: #2b2e38;
+  --gray-800: #191b23;
+  --gray-white: #ffffff;
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --blue-50: #e9f7ff;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --blue-100: #c4e5fe;
+  --blue-200: #8ecdff;
+  --blue-300: #2bb3ff;
+  --blue-400: #008ff8;
+  --blue-500: #006dca;
+  --blue-600: #044792;
+  --blue-700: #002b5f;
+  --blue-800: #001b3d;
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --green-50: #dbfee8;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --green-100: #9ef2c9;
+  --green-200: #59ddaa;
+  --green-300: #00c192;
+  --green-400: #009f81;
+  --green-500: #007c65;
+  --green-600: #055345;
+  --green-700: #00342d;
+  --green-800: #00201e;
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --red-50: #fff0f7;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --red-100: #ffd7df;
+  --red-200: #ffaeb5;
+  --red-300: #ff8786;
+  --red-400: #ff4953;
+  --red-500: #d1002f;
+  --red-600: #8e0016;
+  --red-700: #58000a;
+  --red-800: #410101;
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --orange-50: #fff3d9;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --orange-100: #ffdca2;
+  --orange-200: #ffb26e;
+  --orange-300: #ff8c43;
+  --orange-400: #ff642d;
+  --orange-500: #c33909;
+  --orange-600: #8b1500;
+  --orange-700: #551200;
+  --orange-800: #351000;
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --yellow-50: #fdf7c8;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --yellow-100: #fce081;
+  --yellow-200: #fdc23c;
+  --yellow-300: #ef9800;
+  --yellow-400: #d87900;
+  --yellow-500: #a75800;
+  --yellow-600: #743a00;
+  --yellow-700: #462500;
+  --yellow-800: #2c1600;
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --violet-50: #f9f2ff;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --violet-100: #edd9ff;
+  --violet-200: #dcb8ff;
+  --violet-300: #c695ff;
+  --violet-400: #ab6cfe;
+  --violet-500: #8649e1;
+  --violet-600: #5925ab;
+  --violet-700: #421983;
+  --violet-800: #220358;
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --violet-dusty-50: #F5F4FF;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --violet-dusty-100: #E2DDFF;
+  --violet-dusty-200: #BCB1E9;
+  --violet-dusty-300: #A79CD6;
+  --violet-dusty-400: #9083C5;
+  --violet-dusty-500: #6D619F;
+  --violet-dusty-600: #4D407E;
+  --violet-dusty-700: #382E5E;
+  --violet-dusty-800: #1D113E;
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --pink-50: #fff0ff;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --pink-100: #ffd3ff;
+  --pink-200: #ffa9fa;
+  --pink-300: #f67cf2;
+  --pink-400: #e14adf;
+  --pink-500: #b229b9;
+  --pink-600: #7d0480;
+  --pink-700: #4d0050;
+  --pink-800: #340439;
+  /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */
+  --salad-50: #ecfbcd;
+  /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */
+  --salad-100: #c7ee96;
+  --salad-200: #9bd85d;
+  --salad-300: #66c030;
+  --salad-400: #35a21e;
+  --salad-500: #0a7e22;
+  --salad-600: #005613;
+  --salad-700: #003509;
+  --salad-800: #002203;
   /* Primary background of the interface which contains the main data and information. */
   --intergalactic-bg-primary-neutral: rgba(30, 34, 49, 1);
   /* Hover state of the primary background of the interface which contains the main data and information. */
@@ -692,7 +803,7 @@
   --intergalactic-header-bg: #382E5E;
   --intergalactic-header-border-primary: #382E5E;
   --intergalactic-header-border-secondary: rgba(255,255,255, 0.15);
-  --intergalactic-sidebar-nav-control-hover: #E7E8F2;
+  --intergalactic-sidebar-nav-control-hover: rgba(224, 225, 233, 0.7);
   --intergalactic-sidebar-nav-control-active: #E2DDFF;
   --intergalactic-sidebar-nav-control-text-normal: #6D619F;
   --intergalactic-sidebar-nav-control-text-active: #4D407E;

package/lib/theme/themes/dark.d.ts

@@ -1,4 +1,95 @@
 declare const _default: {
+    '--gray-50': string;
+    '--gray-100': string;
+    '--gray-200': string;
+    '--gray-300': string;
+    '--gray-400': string;
+    '--gray-500': string;
+    '--gray-600': string;
+    '--gray-700': string;
+    '--gray-800': string;
+    '--gray-white': string;
+    '--blue-50': string;
+    '--blue-100': string;
+    '--blue-200': string;
+    '--blue-300': string;
+    '--blue-400': string;
+    '--blue-500': string;
+    '--blue-600': string;
+    '--blue-700': string;
+    '--blue-800': string;
+    '--green-50': string;
+    '--green-100': string;
+    '--green-200': string;
+    '--green-300': string;
+    '--green-400': string;
+    '--green-500': string;
+    '--green-600': string;
+    '--green-700': string;
+    '--green-800': string;
+    '--red-50': string;
+    '--red-100': string;
+    '--red-200': string;
+    '--red-300': string;
+    '--red-400': string;
+    '--red-500': string;
+    '--red-600': string;
+    '--red-700': string;
+    '--red-800': string;
+    '--orange-50': string;
+    '--orange-100': string;
+    '--orange-200': string;
+    '--orange-300': string;
+    '--orange-400': string;
+    '--orange-500': string;
+    '--orange-600': string;
+    '--orange-700': string;
+    '--orange-800': string;
+    '--yellow-50': string;
+    '--yellow-100': string;
+    '--yellow-200': string;
+    '--yellow-300': string;
+    '--yellow-400': string;
+    '--yellow-500': string;
+    '--yellow-600': string;
+    '--yellow-700': string;
+    '--yellow-800': string;
+    '--violet-50': string;
+    '--violet-100': string;
+    '--violet-200': string;
+    '--violet-300': string;
+    '--violet-400': string;
+    '--violet-500': string;
+    '--violet-600': string;
+    '--violet-700': string;
+    '--violet-800': string;
+    '--violet-dusty-50': string;
+    '--violet-dusty-100': string;
+    '--violet-dusty-200': string;
+    '--violet-dusty-300': string;
+    '--violet-dusty-400': string;
+    '--violet-dusty-500': string;
+    '--violet-dusty-600': string;
+    '--violet-dusty-700': string;
+    '--violet-dusty-800': string;
+    '--pink-50': string;
+    '--pink-100': string;
+    '--pink-200': string;
+    '--pink-300': string;
+    '--pink-400': string;
+    '--pink-500': string;
+    '--pink-600': string;
+    '--pink-700': string;
+    '--pink-800': string;
+    '--salad-50': string;
+    '--salad-100': string;
+    '--salad-200': string;
+    '--salad-300': string;
+    '--salad-400': string;
+    '--salad-500': string;
+    '--salad-600': string;
+    '--salad-700': string;
+    '--salad-800': string;
     '--intergalactic-bg-primary-neutral': string;
     '--intergalactic-bg-primary-neutral-hover': string;
     '--intergalactic-bg-primary-neutral-active': string;

package/lib/theme/themes/dark.js

@@ -4,7 +4,98 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _default = {
+var _default = exports["default"] = {
+  '--gray-50': '#f4f5f9',
+  '--gray-100': '#e0e1e9',
+  '--gray-200': '#c4c7cf',
+  '--gray-300': '#a9abb6',
+  '--gray-400': '#8a8e9b',
+  '--gray-500': '#6c6e79',
+  '--gray-600': '#484a54',
+  '--gray-700': '#2b2e38',
+  '--gray-800': '#191b23',
+  '--gray-white': '#ffffff',
+  '--blue-50': '#e9f7ff',
+  '--blue-100': '#c4e5fe',
+  '--blue-200': '#8ecdff',
+  '--blue-300': '#2bb3ff',
+  '--blue-400': '#008ff8',
+  '--blue-500': '#006dca',
+  '--blue-600': '#044792',
+  '--blue-700': '#002b5f',
+  '--blue-800': '#001b3d',
+  '--green-50': '#dbfee8',
+  '--green-100': '#9ef2c9',
+  '--green-200': '#59ddaa',
+  '--green-300': '#00c192',
+  '--green-400': '#009f81',
+  '--green-500': '#007c65',
+  '--green-600': '#055345',
+  '--green-700': '#00342d',
+  '--green-800': '#00201e',
+  '--red-50': '#fff0f7',
+  '--red-100': '#ffd7df',
+  '--red-200': '#ffaeb5',
+  '--red-300': '#ff8786',
+  '--red-400': '#ff4953',
+  '--red-500': '#d1002f',
+  '--red-600': '#8e0016',
+  '--red-700': '#58000a',
+  '--red-800': '#410101',
+  '--orange-50': '#fff3d9',
+  '--orange-100': '#ffdca2',
+  '--orange-200': '#ffb26e',
+  '--orange-300': '#ff8c43',
+  '--orange-400': '#ff642d',
+  '--orange-500': '#c33909',
+  '--orange-600': '#8b1500',
+  '--orange-700': '#551200',
+  '--orange-800': '#351000',
+  '--yellow-50': '#fdf7c8',
+  '--yellow-100': '#fce081',
+  '--yellow-200': '#fdc23c',
+  '--yellow-300': '#ef9800',
+  '--yellow-400': '#d87900',
+  '--yellow-500': '#a75800',
+  '--yellow-600': '#743a00',
+  '--yellow-700': '#462500',
+  '--yellow-800': '#2c1600',
+  '--violet-50': '#f9f2ff',
+  '--violet-100': '#edd9ff',
+  '--violet-200': '#dcb8ff',
+  '--violet-300': '#c695ff',
+  '--violet-400': '#ab6cfe',
+  '--violet-500': '#8649e1',
+  '--violet-600': '#5925ab',
+  '--violet-700': '#421983',
+  '--violet-800': '#220358',
+  '--violet-dusty-50': '#F5F4FF',
+  '--violet-dusty-100': '#E2DDFF',
+  '--violet-dusty-200': '#BCB1E9',
+  '--violet-dusty-300': '#A79CD6',
+  '--violet-dusty-400': '#9083C5',
+  '--violet-dusty-500': '#6D619F',
+  '--violet-dusty-600': '#4D407E',
+  '--violet-dusty-700': '#382E5E',
+  '--violet-dusty-800': '#1D113E',
+  '--pink-50': '#fff0ff',
+  '--pink-100': '#ffd3ff',
+  '--pink-200': '#ffa9fa',
+  '--pink-300': '#f67cf2',
+  '--pink-400': '#e14adf',
+  '--pink-500': '#b229b9',
+  '--pink-600': '#7d0480',
+  '--pink-700': '#4d0050',
+  '--pink-800': '#340439',
+  '--salad-50': '#ecfbcd',
+  '--salad-100': '#c7ee96',
+  '--salad-200': '#9bd85d',
+  '--salad-300': '#66c030',
+  '--salad-400': '#35a21e',
+  '--salad-500': '#0a7e22',
+  '--salad-600': '#005613',
+  '--salad-700': '#003509',
+  '--salad-800': '#002203',
   '--intergalactic-bg-primary-neutral': 'rgba(30, 34, 49, 1)',
   '--intergalactic-bg-primary-neutral-hover': 'rgba(54, 56, 67, 1)',
   '--intergalactic-bg-primary-neutral-active': 'rgba(54, 56, 67, 1)',
@@ -363,7 +454,7 @@ var _default = {
   '--intergalactic-header-bg': '#382E5E',
   '--intergalactic-header-border-primary': '#382E5E',
   '--intergalactic-header-border-secondary': 'rgba(255,255,255, 0.15)',
-  '--intergalactic-sidebar-nav-control-hover': '#E7E8F2',
+  '--intergalactic-sidebar-nav-control-hover': 'rgba(224, 225, 233, 0.7)',
   '--intergalactic-sidebar-nav-control-active': '#E2DDFF',
   '--intergalactic-sidebar-nav-control-text-normal': '#6D619F',
   '--intergalactic-sidebar-nav-control-text-active': '#4D407E',
@@ -381,5 +472,4 @@ var _default = {
   '--intergalactic-duration-accordion': '200',
   '--intergalactic-duration-counter': '200'
 };
-exports["default"] = _default;
 //# sourceMappingURL=dark.js.map