From 5550a5080a2b5adbb77796575117138a60e2331a Mon Sep 17 00:00:00 2001 From: Julia Mnizhek Date: Fri, 13 Feb 2026 16:13:55 +0100 Subject: [PATCH 1/9] [stories] initial for theme playground --- semcore/core/package.json | 15 +++ stories/theme/theme-playground.stories.tsx | 147 +++++++++++++++++++++ 2 files changed, 162 insertions(+) create mode 100644 stories/theme/theme-playground.stories.tsx diff --git a/semcore/core/package.json b/semcore/core/package.json index a1dd26ad5b..2d7b347171 100644 --- a/semcore/core/package.json +++ b/semcore/core/package.json @@ -41,6 +41,21 @@ "import": "./lib/theme/themes/highlights-light.css", "require": "./lib/theme/themes/highlights-light.css" }, + "./lib/theme/themes/default": { + "types": "./lib/theme/themes/default.d.ts", + "import": "./lib/theme/themes/default.mjs", + "require": "./lib/theme/themes/default.js" + }, + "./lib/theme/themes/light": { + "types": "./lib/theme/themes/light.d.ts", + "import": "./lib/theme/themes/light.mjs", + "require": "./lib/theme/themes/light.js" + }, + "./lib/theme/themes/dark": { + "types": "./lib/theme/themes/dark.d.ts", + "import": "./lib/theme/themes/dark.mjs", + "require": "./lib/theme/themes/dark.js" + }, "./lib/utils/focus-lock/getFocusableIn": { "types": "./lib/utils/focus-lock/getFocusableIn.d.ts", "import": "./lib/utils/focus-lock/getFocusableIn.mjs", diff --git a/stories/theme/theme-playground.stories.tsx b/stories/theme/theme-playground.stories.tsx new file mode 100644 index 0000000000..60550d4a74 --- /dev/null +++ b/stories/theme/theme-playground.stories.tsx @@ -0,0 +1,147 @@ +import darkThemeTokens from '@semcore/core/lib/theme/themes/dark'; +import defaultThemeTokens from '@semcore/core/lib/theme/themes/default'; +import { ThemeProvider } from '@semcore/core/lib/utils/ThemeProvider'; +import MathPlusM from '@semcore/icon/MathPlus/m'; +import { Box, Flex } from '@semcore/ui/base-components'; +import Button from '@semcore/ui/button'; +import { Text } from '@semcore/ui/typography'; +import type { Meta, StoryObj } from '@storybook/react-vite'; +import React from 'react'; + +const meta: Meta = { + title: 'Theme/Theme Playground', +}; + +export default meta; + +type Story = StoryObj; + +/** Список тем для переключения. Чтобы добавить новую тему: добавьте JSON в semcore/core/src/theme, прогоните process-theme, добавьте экспорт в core/package.json и сюда запись. */ +const THEMES = [ + { id: 'light', label: 'Switch to dark', tokens: defaultThemeTokens }, + { id: 'dark', label: 'Switch to light', tokens: darkThemeTokens }, +] as const; + +function ButtonRow({ + use, + theme, + size = 'm', +}: { + use: 'primary' | 'secondary' | 'tertiary'; + theme: 'info' | 'success' | 'danger' | 'brand' | 'muted' | 'invert'; + size?: 'm' | 'l'; +}) { + return ( + + + + + + + Button + + + + {/* Колонка 1: кнопки с темами кроме invert */} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + {/* Колонка 2: кнопки только с темой invert на тёмном фоне */} + + + + + + + + + + + + + + ); +} + +export const Default: Story = { + render: () => , +}; From d9977650956c3ab6d26e96121c410402cb037922 Mon Sep 17 00:00:00 2001 From: Julia Mnizhek Date: Fri, 13 Feb 2026 16:49:41 +0100 Subject: [PATCH 2/9] [stories] add new template to theme playground --- semcore/core/package.json | 5 + semcore/core/src/theme/new.json | 2730 +++++++++++++++++ semcore/core/src/theme/processor.ts | 2 +- semcore/core/src/theme/themes/auto.css | 877 ++++++ .../core/src/theme/themes/highlights-new.css | 36 + .../core/src/theme/themes/highlights-new.ts | 19 + semcore/core/src/theme/themes/new.css | 877 ++++++ semcore/core/src/theme/themes/new.ts | 489 +++ stories/theme/fonts/LazzerVF.woff2 | Bin 0 -> 138452 bytes stories/theme/theme-playground-fonts.css | 7 + stories/theme/theme-playground.stories.tsx | 34 +- 11 files changed, 5067 insertions(+), 9 deletions(-) create mode 100644 semcore/core/src/theme/new.json create mode 100644 semcore/core/src/theme/themes/highlights-new.css create mode 100644 semcore/core/src/theme/themes/highlights-new.ts create mode 100644 semcore/core/src/theme/themes/new.css create mode 100644 semcore/core/src/theme/themes/new.ts create mode 100755 stories/theme/fonts/LazzerVF.woff2 create mode 100644 stories/theme/theme-playground-fonts.css diff --git a/semcore/core/package.json b/semcore/core/package.json index 2d7b347171..0228165c21 100644 --- a/semcore/core/package.json +++ b/semcore/core/package.json @@ -56,6 +56,11 @@ "import": "./lib/theme/themes/dark.mjs", "require": "./lib/theme/themes/dark.js" }, + "./lib/theme/themes/new": { + "types": "./lib/theme/themes/new.d.ts", + "import": "./lib/theme/themes/new.mjs", + "require": "./lib/theme/themes/new.js" + }, "./lib/utils/focus-lock/getFocusableIn": { "types": "./lib/utils/focus-lock/getFocusableIn.d.ts", "import": "./lib/utils/focus-lock/getFocusableIn.mjs", diff --git a/semcore/core/src/theme/new.json b/semcore/core/src/theme/new.json new file mode 100644 index 0000000000..a12ba095eb --- /dev/null +++ b/semcore/core/src/theme/new.json @@ -0,0 +1,2730 @@ +{ + "base": { + "gray": { + "50": { + "value": "#f7f8f9", + "type": "color", + "description": "Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision." + }, + "100": { + "value": "#eaeff1", + "type": "color", + "description": "Use only for light strokes and active backgrounds. Suitable for minimally visible elements." + }, + "200": { + "value": "#d5dfe2", + "type": "color" + }, + "300": { + "value": "#b0c4c9", + "type": "color" + }, + "400": { + "value": "#85a2ab", + "type": "color" + }, + "500": { + "value": "#668791", + "type": "color" + }, + "600": { + "value": "#516e78", + "type": "color" + }, + "700": { + "value": "#425a62", + "type": "color" + }, + "800": { + "value": "#1e262a", + "type": "color" + }, + "white": { + "value": "#ffffff", + "type": "color" + } + }, + "blue": { + "50": { + "value": "#eaf0ff", + "type": "color", + "description": "Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision." + }, + "100": { + "value": "#bdd1ff", + "type": "color", + "description": "Use only for light strokes and active backgrounds. Suitable for minimally visible elements." + }, + "200": { + "value": "#9dbaff", + "type": "color" + }, + "300": { + "value": "#709bff", + "type": "color" + }, + "400": { + "value": "#5487ff", + "type": "color" + }, + "500": { + "value": "#2969ff", + "type": "color" + }, + "600": { + "value": "#2560e8", + "type": "color" + }, + "700": { + "value": "#1d4bb5", + "type": "color" + }, + "800": { + "value": "#173a8c", + "type": "color" + } + }, + "green": { + "50": { + "value": "#ecf9ef", + "type": "color", + "description": "Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision." + }, + "100": { + "value": "#c5eccd", + "type": "color", + "description": "Use only for light strokes and active backgrounds. Suitable for minimally visible elements." + }, + "200": { + "value": "#a9e2b4", + "type": "color" + }, + "300": { + "value": "#82d592", + "type": "color" + }, + "400": { + "value": "#69cd7d", + "type": "color" + }, + "500": { + "value": "#44c15d", + "type": "color" + }, + "600": { + "value": "#3eb055", + "type": "color" + }, + "700": { + "value": "#308942", + "type": "color" + }, + "800": { + "value": "#256a33", + "type": "color" + } + }, + "red": { + "50": { + "value": "#ffeaea", + "type": "color", + "description": "Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision." + }, + "100": { + "value": "#ffbdbd", + "type": "color", + "description": "Use only for light strokes and active backgrounds. Suitable for minimally visible elements." + }, + "200": { + "value": "#ff9d9d", + "type": "color" + }, + "300": { + "value": "#ff7070", + "type": "color" + }, + "400": { + "value": "#ff5454", + "type": "color" + }, + "500": { + "value": "#ff2929", + "type": "color" + }, + "600": { + "value": "#e82525", + "type": "color" + }, + "700": { + "value": "#b51d1d", + "type": "color" + }, + "800": { + "value": "#8c1717", + "type": "color" + } + }, + "orange": { + "50": { + "value": "#fff1ec", + "type": "color", + "description": "Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision." + }, + "100": { + "value": "#ffd3c3", + "type": "color", + "description": "Use only for light strokes and active backgrounds. Suitable for minimally visible elements." + }, + "200": { + "value": "#ffbda5", + "type": "color" + }, + "300": { + "value": "#ff9f7c", + "type": "color" + }, + "400": { + "value": "#ff8d63", + "type": "color" + }, + "500": { + "value": "#ff703c", + "type": "color" + }, + "600": { + "value": "#e86637", + "type": "color" + }, + "700": { + "value": "#b5502b", + "type": "color" + }, + "800": { + "value": "#8c3e21", + "type": "color" + } + }, + "yellow": { + "50": { + "value": "#fff8ea", + "type": "color", + "description": "Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision." + }, + "100": { + "value": "#ffeabd", + "type": "color", + "description": "Use only for light strokes and active backgrounds. Suitable for minimally visible elements." + }, + "200": { + "value": "#ffe09d", + "type": "color" + }, + "300": { + "value": "#ffd170", + "type": "color" + }, + "400": { + "value": "#ffc954", + "type": "color" + }, + "500": { + "value": "#ffbb29", + "type": "color" + }, + "600": { + "value": "#e8aa25", + "type": "color" + }, + "700": { + "value": "#b5851d", + "type": "color" + }, + "800": { + "value": "#8c6717", + "type": "color" + } + }, + "violet": { + "50": { + "value": "#f3eaff", + "type": "color", + "description": "Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision." + }, + "100": { + "value": "#dabdff", + "type": "color", + "description": "Use only for light strokes and active backgrounds. Suitable for minimally visible elements." + }, + "200": { + "value": "#c99dff", + "type": "color" + }, + "300": { + "value": "#b070ff", + "type": "color" + }, + "400": { + "value": "#a155ff", + "type": "color" + }, + "500": { + "value": "#892aff", + "type": "color" + }, + "600": { + "value": "#7d26e8", + "type": "color" + }, + "700": { + "value": "#611eb5", + "type": "color" + }, + "800": { + "value": "#4b178c", + "type": "color" + }, + "dusty": { + "50": { + "value": "#f5f4ff", + "type": "color", + "description": "Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision." + }, + "100": { + "value": "#e2ddff", + "type": "color", + "description": "Use only for light strokes and active backgrounds. Suitable for minimally visible elements." + }, + "200": { + "value": "#bcb1e9", + "type": "color" + }, + "300": { + "value": "#a79cd6", + "type": "color" + }, + "400": { + "value": "#9083c5", + "type": "color" + }, + "500": { + "value": "#6d619f", + "type": "color" + }, + "600": { + "value": "#4d407e", + "type": "color" + }, + "700": { + "value": "#382e5e", + "type": "color" + }, + "800": { + "value": "#1d113e", + "type": "color" + } + } + }, + "pink": { + "50": { + "value": "#fff0ff", + "type": "color", + "description": "Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision." + }, + "100": { + "value": "#ffd3ff", + "type": "color", + "description": "Use only for light strokes and active backgrounds. Suitable for minimally visible elements." + }, + "200": { + "value": "#ffa9fa", + "type": "color" + }, + "300": { + "value": "#ff87eb", + "type": "color" + }, + "400": { + "value": "#e14adf", + "type": "color" + }, + "500": { + "value": "#b229b9", + "type": "color" + }, + "600": { + "value": "#7d0480", + "type": "color" + }, + "700": { + "value": "#4d0050", + "type": "color" + }, + "800": { + "value": "#340439", + "type": "color" + } + }, + "salad": { + "50": { + "value": "#e8fef9", + "type": "color", + "description": "Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision." + }, + "100": { + "value": "#b7faeb", + "type": "color", + "description": "Use only for light strokes and active backgrounds. Suitable for minimally visible elements." + }, + "200": { + "value": "#95f8e2", + "type": "color" + }, + "300": { + "value": "#64f5d4", + "type": "color" + }, + "400": { + "value": "#46f3cc", + "type": "color" + }, + "500": { + "value": "#18f0bf", + "type": "color" + }, + "600": { + "value": "#16daae", + "type": "color" + }, + "700": { + "value": "#11aa88", + "type": "color" + }, + "800": { + "value": "#0d8469", + "type": "color" + } + } + }, + "tokens": { + "bg": { + "primary": { + "neutral": { + "value": "#ffffff", + "type": "color", + "description": "Primary background of the interface which contains the main data and information." + }, + "neutral-hover": { + "value": "#f4f5f9", + "type": "color", + "description": "Hover state of the primary background of the interface which contains the main data and information." + }, + "neutral-active": { + "value": "#e0e1e9", + "type": "color", + "description": "Active (selected) state of the primary background of the interface which contains the main data and information." + }, + "info": { + "value": "#008ff8", + "type": "color", + "description": "Accent background of the message with regular information." + }, + "success": { + "value": "#18f0bf", + "type": "color", + "description": "Accent background of the message or banner with information about the successful result." + }, + "critical": { + "value": "#e82525", + "type": "color", + "description": "Accent background of a message or a banner with a critical information." + }, + "warning": { + "value": "#ff642d", + "type": "color", + "description": "Accent background of a message or a banner with a warning information." + }, + "highlight": { + "value": "#fce081", + "type": "color", + "description": "Accent background of the information you want to highlight." + }, + "advertising": { + "value": "#421983", + "type": "color", + "description": "Accent background for the advertising banners and controls." + }, + "muted": { + "value": "#6c6e79", + "type": "color", + "description": "Accented muted background for a message with regular information." + }, + "invert": { + "value": "#191b23", + "type": "color", + "description": "Inverted version of the primary background of the interface that contains the main data and information." + }, + "invert-hover": { + "value": "#2b2e38", + "type": "color", + "description": "Hover state for the inverted version of the primary background of the interface that contains the main data and information." + }, + "invert-active": { + "value": "#484a54", + "type": "color", + "description": "Active (selected) state for the inverted version of the primary background of the interface that contains the main data and information." + } + }, + "secondary": { + "neutral": { + "value": "#f4f5f9", + "type": "color", + "description": "Secondary background of the interface which contains the main data and information." + }, + "neutral-hover": { + "value": "#e0e1e9", + "type": "color", + "description": "Hover state of the secondary background of the interface which contains the main data and information." + }, + "neutral-active": { + "value": "#c4c7cf", + "type": "color", + "description": "Active (selected) state of the secondary background of the interface which contains the main data and information." + }, + "info": { + "value": "#e9f7ff", + "type": "color", + "description": "Secondary background of a message with regular information." + }, + "info-hover": { + "value": "#c4e5fe", + "type": "color", + "description": "Hover state of the secondary background of a message with regular information." + }, + "info-active": { + "value": "#8ecdff", + "type": "color", + "description": "Active (selected) state of the secondary background of a message with regular information." + }, + "success": { + "value": "#dbfee8", + "type": "color", + "description": "Secondary background of the message with success information you want to accent." + }, + "success-hover": { + "value": "#9ef2c9", + "type": "color", + "description": "Hover state of the secondary background of the message with success information you want to accent." + }, + "success-active": { + "value": "#59ddaa", + "type": "color", + "description": "Active (selected) state of the secondary background of the message with success information you want to accent." + }, + "critical": { + "value": "#fff0f7", + "type": "color", + "description": "Secondary background of the message with critical information you want to accent." + }, + "critical-hover": { + "value": "#ffd7df", + "type": "color", + "description": "Hover state of the secondary background of the message with critical information you want to accent." + }, + "critical-active": { + "value": "#ffaeb5", + "type": "color", + "description": "Active (selected) state of the secondary background of the message with critical information you want to accent." + }, + "warning": { + "value": "#fff3d9", + "type": "color", + "description": "Secondary background of the message with warning information you want to accent." + }, + "warning-hover": { + "value": "#ffdca2", + "type": "color", + "description": "Hover state of the secondary background of the message with warning information you want to accent." + }, + "warning-active": { + "value": "#ffb26e", + "type": "color", + "description": "Active (selected) state of the secondary background of the message with critical information you want to accent." + }, + "highlight": { + "value": "#fdf7c8", + "type": "color", + "description": "Secondary background of the information you want to highlight." + }, + "highlight-hover": { + "value": "#fce081", + "type": "color", + "description": "Hover state of the secondary background of the information you want to highlight." + }, + "highlight-active": { + "value": "#fdc23c", + "type": "color", + "description": "Active (selected) state of the secondary background of the information you want to highlight." + }, + "advertising": { + "value": "#f9f2ff", + "type": "color", + "description": "Secondary background for the advertising message you want to accent." + }, + "advertising-hover": { + "value": "#edd9ff", + "type": "color", + "description": "Hover state of the secondary background for the advertising message you want to accent." + }, + "advertising-active": { + "value": "#dcb8ff", + "type": "color", + "description": "Active (selected) state of the secondary background for the advertising message you want to accent." + } + }, + "highlight-results": { + "value": "#ef980066", + "type": "color", + "description": "Highlighting the search results." + }, + "highlight-focus": { + "value": "#008ff833", + "type": "color", + "description": "Focusing values in the input." + } + }, + "text": { + "primary": { + "value": "#000000eb", + "type": "color", + "description": "Primary text." + }, + "secondary": { + "value": "#00000099", + "type": "color", + "description": "Secondary text." + }, + "placeholder": { + "value": "#0000007a", + "type": "color", + "description": "Placeholder text only." + }, + "success": { + "value": "#00342d", + "type": "color", + "description": "Text associated with success states and data." + }, + "success-hover-active": { + "value": "#00342d", + "type": "color", + "description": "Hover and active states for the text associated with success states and data." + }, + "critical": { + "value": "#d1002f", + "type": "color", + "description": "Text associated with critical states and data." + }, + "critical-hover-active": { + "value": "#8e0016", + "type": "color", + "description": "Hover and active states for the text associated with critical states and data." + }, + "primary-invert": { + "value": "#ffffff", + "type": "color", + "description": "Inverted version of the primary text." + }, + "secondary-invert": { + "value": "#ffffffcc", + "type": "color", + "description": "Inverted version of the secondary text." + }, + "link": { + "value": "#1d1d20", + "type": "color", + "description": "Link text." + }, + "link-hover-active": { + "value": "#1d1d20", + "type": "color", + "description": "Hover and active states for the link text." + }, + "link-invert": { + "value": "#8ecdff", + "type": "color", + "description": "Inverted version of the link text. Use on dark background only." + }, + "link-invert-hover": { + "value": "#2bb3ff", + "type": "color", + "description": "Hover and active states of the inverted version of the link text. Use on dark background only." + }, + "link-visited": { + "value": "#8649e1", + "type": "color", + "description": "Visited link text." + }, + "hint": { + "value": "#6c6e79", + "type": "color", + "description": "Hint link text." + }, + "hint-hover-active": { + "value": "#484a54", + "type": "color", + "description": "Hover and active states of the hint link text." + }, + "hint-invert": { + "value": "#c4c7cf", + "type": "color", + "description": "Inverted version of the hint link text." + }, + "hint-invert-hover-active": { + "value": "#a9abb6", + "type": "color", + "description": "Hover and active states of the inverted version of the hint link text." + }, + "large-secondary": { + "value": "#a9abb6", + "type": "color", + "description": "Secondary text. Use with font-size ≥20px." + }, + "large-info": { + "value": "#1d1d20", + "type": "color", + "description": "Link text with font-size ≥20px." + }, + "large-info-hover-active": { + "value": "#1d1d20", + "type": "color", + "description": "Hover and active states of the link text with font-size ≥20px." + }, + "large-success": { + "value": "#009f81", + "type": "color", + "description": "Text with font-size ≥20px associated with success states and data." + }, + "large-success-hover-active": { + "value": "#007c65", + "type": "color", + "description": "Hover and active states of the text with font-size ≥20px associated with success states and data." + }, + "large-critical": { + "value": "#ff4953", + "type": "color", + "description": "Text with font-size ≥20px associated with critical states and data." + }, + "large-critical-hover-active": { + "value": "#d1002f", + "type": "color", + "description": "Hover and active states of the text with font-size ≥20px associated with critical states and data." + }, + "advertising": { + "value": "#421983", + "type": "color", + "description": "Advertising text." + } + }, + "border": { + "primary": { + "value": "#c4c7cf", + "type": "color", + "description": "Neutral primary border." + }, + "secondary": { + "value": "#e0e1e9", + "type": "color", + "description": "Subtle secondary border." + }, + "info": { + "value": "#008ff8", + "type": "color", + "description": "Subtle secondary border in the informational message." + }, + "info-active": { + "value": "#1e262a", + "type": "color", + "description": "Active border in focused input filed." + }, + "success": { + "value": "#009f81", + "type": "color", + "description": "Subtle secondary border in the successful message and input field." + }, + "success-active": { + "value": "#009f81", + "type": "color", + "description": "Active border in the focused input field with valid state." + }, + "critical": { + "value": "#ff4953", + "type": "color", + "description": "Subtle secondary border in the critical message and invalid input field." + }, + "critical-active": { + "value": "#ff4953", + "type": "color", + "description": "Active border in the focused input field with invalid state, and active state of the other components with invalid state." + }, + "warning": { + "value": "#ffb26e", + "type": "color", + "description": "Subtle secondary border in the warning message." + }, + "warning-active": { + "value": "#c33909", + "type": "color", + "description": "Active border in components with warning intention." + }, + "primary-invert": { + "value": "#ffffff", + "type": "color", + "description": "Inverted version of the neutral primary border. Use it for borders on the dark or color background." + }, + "secondary-invert": { + "value": "#ffffff4d", + "type": "color", + "description": "Inverted version of the neutral secondary border. Use it for borders on the dark or color background." + }, + "tooltip-invert": { + "value": "#6c6e79", + "type": "color", + "description": "Border of the Tooltip with dark theme." + }, + "table-accent": { + "value": "#eaeff1", + "type": "color", + "description": "Accent borders in the Table: for the accordion in the table and for the header of the secondary table." + }, + "date-picker-range-comparison": { + "value": "#ab6cfe", + "type": "color", + "description": "Border color of the second period for the comparison mode in the DatePicker." + }, + "critical-pattern": { + "value": "#ffffff", + "type": "color", + "description": "Used for the invalidStatePattern utils component to mark all kinds of inputs with invalid states." + } + }, + "control": { + "switch-bg": { + "value": "#15161b", + "type": "color", + "description": "Subtle background of the Switch control." + }, + "primary": { + "info": { + "value": "#191b23", + "type": "color", + "description": "Background of the regular primary control." + }, + "info-hover": { + "value": "#191b23", + "type": "color", + "description": "Hover state of the regular primary control." + }, + "info-active": { + "value": "#191b23", + "type": "color", + "description": "Active (selected) state of the regular primary control." + }, + "success": { + "value": "#007c65", + "type": "color", + "description": "Background of the primary control with successful theme." + }, + "success-hover": { + "value": "#007c65", + "type": "color", + "description": "Hover state of the primary control with successful theme." + }, + "success-active": { + "value": "#007c65", + "type": "color", + "description": "Active (selected) state of the primary control with successful theme." + }, + "critical": { + "value": "#ff4953", + "type": "color", + "description": "Background of the primary control with danger theme." + }, + "critical-hover": { + "value": "#ff4953", + "type": "color", + "description": "Hover state of the primary control with danger theme." + }, + "critical-active": { + "value": "#ff4953", + "type": "color", + "description": "Active (selected) state of the primary control with danger theme." + }, + "brand": { + "value": "#ff642d", + "type": "color", + "description": "Background of the primary brand colored control." + }, + "brand-hover": { + "value": "#c33909", + "type": "color", + "description": "Hover state of the primary brand colored control." + }, + "brand-active": { + "value": "#8b1500", + "type": "color", + "description": "Active state of the primary brand colored control." + }, + "advertising": { + "value": "#ab6cfe", + "type": "color", + "description": "Background of the advertising primary control." + }, + "advertising-hover": { + "value": "#ab6cfe", + "type": "color", + "description": "Hover state of the advertising primary control." + }, + "advertising-active": { + "value": "#ab6cfe", + "type": "color", + "description": "Active (selected) state of the advertising primary control." + }, + "invert": { + "value": "#ffffff", + "type": "color", + "description": "Inverted background of the primary control." + }, + "invert-hover": { + "value": "#f4f5f9", + "type": "color", + "description": "Hover state of the inverted primary control." + }, + "invert-active": { + "value": "#e0e1e9", + "type": "color", + "description": "Active (selected) state of the inverted primary control." + } + }, + "secondary": { + "neutral": { + "value": "#e0e1e9", + "type": "color", + "description": "Background of the regular secondary control." + }, + "neutral-hover": { + "value": "#c4c7cf", + "type": "color", + "description": "Hover state of the regular secondary control." + }, + "neutral-active": { + "value": "#c4c7cf", + "type": "color", + "description": "Active (selected) state of the regular secondary control." + }, + "info": { + "value": "#ffffff", + "type": "color", + "description": "Background of the accent secondary control." + }, + "info-hover": { + "value": "#008ff833", + "type": "color", + "description": "Hover state of the accent secondary control." + }, + "info-active": { + "value": "#008ff84d", + "type": "color", + "description": "Active (selected) state of the accent secondary control." + }, + "invert": { + "value": "#ffffff0d", + "type": "color", + "description": "Background of the inverted version of the secondary control." + }, + "invert-hover": { + "value": "#ffffff1a", + "type": "color", + "description": "Hover state of the inverted version of the secondary control." + }, + "invert-active": { + "value": "#ffffff4d", + "type": "color", + "description": "Active (selected) state of the inverted version of the secondary control." + } + }, + "tertiary": { + "neutral": { + "value": "#eaeff100", + "type": "color", + "description": "Background of the regular tertiary control." + }, + "neutral-hover": { + "value": "#eaeff133", + "type": "color", + "description": "Hover state of the regular tertiary control." + }, + "neutral-active": { + "value": "#eaeff14d", + "type": "color", + "description": "Active (selected) state of the regular tertiary control." + }, + "info": { + "value": "#bdd1ff00", + "type": "color", + "description": "Background of the accent and link-lookalike tertiary control." + }, + "info-hover": { + "value": "#bdd1ff33", + "type": "color", + "description": "Hover state of the accent and link-lookalike tertiary control." + }, + "info-active": { + "value": "#bdd1ff4d", + "type": "color", + "description": "Active (selected) state of the accent and link-lookalike tertiary control." + }, + "invert": { + "value": "#ffffff00", + "type": "color", + "description": "Background of the inverted version of the tertiary control." + }, + "invert-hover": { + "value": "#ffffff1a", + "type": "color", + "description": "Hover state of the inverted version of the tertiary control." + }, + "invert-active": { + "value": "#ffffff4d", + "type": "color", + "description": "Active (selected) state of the inverted version of the tertiary control." + } + } + }, + "icon": { + "primary": { + "neutral": { + "value": "#6c6e79", + "type": "color", + "description": "Primary neutral icon." + }, + "neutral-hover-active": { + "value": "#565861", + "type": "color", + "description": "Gray background color for the hover and active states of the primary neutral icon. It’s created using a CSS filter with a brightness(0.8), applied to the gray-500 color." + }, + "info": { + "value": "#006dca", + "type": "color", + "description": "Primary link-lookalike icon." + }, + "info-hover-active": { + "value": "#0358a1", + "type": "color", + "description": "Blue background color for the hover and active states of the primary link-lookalike icon. It’s created using a CSS filter with a brightness(0.8), applied to the blue-500 color." + }, + "success": { + "value": "#009f81", + "type": "color", + "description": "Primary success icon." + }, + "success-hover-active": { + "value": "#037e68", + "type": "color", + "description": "Green background color for the hover and active states of the primary success icon. It’s created using a CSS filter with a brightness(0.8), applied to the green-500 color." + }, + "critical": { + "value": "#ff4953", + "type": "color", + "description": "Primary critical icon." + }, + "critical-hover-active": { + "value": "#cc3a42", + "type": "color", + "description": "Red background color for the hover and active states of the primary critical icon. It’s created using a CSS filter with a brightness(0.8), applied to the red-500 color." + }, + "warning": { + "value": "#ff642d", + "type": "color", + "description": "Primary warning icon." + }, + "warning-hover-active": { + "value": "#cc5024", + "type": "color", + "description": "Orange background color for the hover and active states of the primary warning icon. It’s created using a CSS filter with a brightness(0.8), applied to the orange-500 color." + }, + "invert": { + "value": "#ffffff", + "type": "color", + "description": "Inverted version of the primary icon." + }, + "invert-hover-active": { + "value": "#e0e1e9", + "type": "color", + "description": "Hover and active (selected) states of the inverted version of the primary icon." + } + }, + "secondary": { + "neutral": { + "value": "#a9abb6", + "type": "color", + "description": "Secondary neutral icon." + }, + "neutral-hover-active": { + "value": "#878992", + "type": "color", + "description": "Gray background color for the hover and active states of the secondary neutral icon. It’s created using a CSS filter with a brightness(0.8), applied to the gray-300 color." + }, + "info": { + "value": "#2bb3ff", + "type": "color", + "description": "Secondary link-lookalike icon." + }, + "info-hover-active": { + "value": "#2290cc", + "type": "color", + "description": "Blue background color for the hover and active states of the secondary link-lookalike icon. It’s created using a CSS filter with a brightness(0.8), applied to the blue-300 color." + }, + "success": { + "value": "#00c192", + "type": "color", + "description": "Secondary success icon." + }, + "success-hover-active": { + "value": "#049b75", + "type": "color", + "description": "Green background color for the hover and active states of the secondary success icon. It’s created using a CSS filter with a brightness(0.8), applied to the green-300 color." + }, + "critical": { + "value": "#ff8786", + "type": "color", + "description": "Secondary critical icon." + }, + "critical-hover-active": { + "value": "#cc6c6b", + "type": "color", + "description": "Red background color for the hover and active states of the secondary critical icon. It’s created using a CSS filter with a brightness(0.8), applied to the red-300 color." + }, + "warning": { + "value": "#ff8c43", + "type": "color", + "description": "Secondary warning icon." + }, + "warning-hover-active": { + "value": "#cc7036", + "type": "color", + "description": "Orange background color for the hover and active states of the secondary warning icon. It’s created using a CSS filter with a brightness(0.8), applied to the orange-300 color." + } + }, + "non-interactive": { + "value": "#191b23", + "type": "color", + "description": "Color for the default non-interactive icon." + } + }, + "illustration": { + "red": { + "value": "#ff788f", + "type": "color", + "description": "⚠️ Use only for illustrations." + }, + "orange": { + "value": "#ff9400", + "type": "color", + "description": "⚠️ Use only for illustrations." + }, + "yellow": { + "value": "#ffe84d", + "type": "color", + "description": "⚠️ Use only for illustrations." + }, + "salad": { + "value": "#c7fa73", + "type": "color", + "description": "⚠️ Use only for illustrations." + }, + "green": { + "value": "#45e0a8", + "type": "color", + "description": "⚠️ Use only for illustrations." + }, + "blue": { + "value": "#6edbff", + "type": "color", + "description": "⚠️ Use only for illustrations." + }, + "violet": { + "value": "#b880ff", + "type": "color", + "description": "⚠️ Use only for illustrations." + }, + "pink": { + "value": "#ff7ad1", + "type": "color", + "description": "⚠️ Use only for illustrations." + } + }, + "date-picker": { + "cell": { + "value": "#ffffff", + "type": "color", + "description": "Default date-picker cell background." + }, + "cell-current": { + "value": "#8a8e9b", + "type": "color", + "description": "Color for marking the cell with the current date, month or year in the date-picker." + }, + "cell-hover": { + "value": "#e0e1e9", + "type": "color", + "description": "Hover state of the default date-picker cell background." + }, + "cell-range": { + "value": "#c4e5fe", + "type": "color", + "description": "Background for the cell which is included in the date range in the date-picker." + }, + "cell-range-hover": { + "value": "#8ecdff", + "type": "color", + "description": "Hover state of the background for the cell which is included in the date range in the date-picker." + }, + "cell-active": { + "value": "#2bb3ff", + "type": "color", + "description": "Active (selected) date-picker cell background." + }, + "cell-active-hover": { + "value": "#008ff8", + "type": "color", + "description": "Hover for the active (selected) date-picker cell background." + }, + "cell-current-invert": { + "value": "#ffffff80", + "type": "color", + "description": "Color for marking the active cell with the current date, month or year in the date-picker." + }, + "cell-comparison-active": { + "value": "#8649e1", + "type": "color", + "description": "Active (selected) date-picker cell background for comparison periods." + }, + "cell-comparison-active-hover": { + "value": "#5925ab", + "type": "color", + "description": "Hover for the active (selected) date-picker cell background for comparison periods." + } + }, + "dropdown-menu": { + "item": { + "value": "#ffffff", + "type": "color", + "description": "Default background color for the list item in the dropdown-menu." + }, + "item-hover": { + "value": "#f4f5f9", + "type": "color", + "description": "Hover state of the default background color for the list item in the dropdown-menu." + }, + "item-selected": { + "value": "#c4e5feb2", + "type": "color", + "description": "Active (selected) state of the default background color for the list item in the dropdown-menu." + }, + "item-selected-hover": { + "value": "#c4e5fe", + "type": "color", + "description": "Hover state for the selected state of the default background color for the list item in the dropdown-menu." + } + }, + "feature-popover": { + "bg": { + "value": "#ffeabd", + "type": "color", + "description": "Color of the FeaturePopover background with accent theme." + }, + "dot-outer-border": { + "value": "#ffeabd", + "type": "color", + "description": "Color of the outer border of the FeaturePopover.Spot for FeaturePopover with accent theme." + }, + "bg-neutral": { + "value": "#1d113e", + "type": "color", + "description": "Color of the FeaturePopover background with neutral theme." + }, + "dot-neutral": { + "value": "#00c192", + "type": "color", + "description": "Color of the FeaturePopover.Spot for FeaturePopover with neutral theme." + }, + "dot-neutral-outer-border": { + "value": "#82d592", + "type": "color", + "description": "Color of the outer border of the FeaturePopover.Spot for FeaturePopover with neutral theme." + } + }, + "progress-bar": { + "bg": { + "value": "#e0e1e9", + "type": "color", + "description": "Background color of the ProgressBar." + }, + "bg-hover": { + "value": "#c4c7cf", + "type": "color", + "description": "Hover state of the background color of the ProgressBar." + }, + "bg-invert": { + "value": "#ffffff33", + "type": "color", + "description": "Inverted version of the background color of the ProgressBar." + }, + "bg-invert-hover": { + "value": "#ffffff66", + "type": "color", + "description": "Hover state for the inverted version of the background color of the ProgressBar." + }, + "value": { + "value": "#009f81", + "type": "color", + "description": "Value color of the ProgressBar." + }, + "value-gradient": { + "value": "linear-gradient(-45deg, rgba(0, 159, 129, 0.9) 25%, rgba(0, 159, 129, 1) 0%, rgba(0, 159, 129, 1) 50%, rgba(0, 159, 129, 0.9) 0%, rgba(0, 159, 129, 0.9) 75%, rgba(0, 159, 129, 1) 0%)", + "type": "color", + "description": "Value with gradient for the ProgressBar." + }, + "pattern-gradient": { + "value": "linear-gradient(-45deg, rgba(224, 225, 233, 0.9) 25%, rgba(224, 225, 233, 1) 0%, rgba(224, 225, 233, 1) 50%, rgba(224, 225, 233, 0.9) 0%, rgba(224, 225, 233, 0.9) 75%, rgba(224, 225, 233, 1) 0%)", + "type": "color", + "description": "Null value gradient for the ProgressBar." + }, + "value-bg": { + "value": "#000000", + "type": "color", + "description": "Base value background for the ProgressBar. It is used to create gradients for the values." + } + }, + "skeleton": { + "bg": { + "value": "#e0e1e9cc", + "type": "color", + "description": "Default color for the Skeleton." + }, + "bg-invert": { + "value": "#ffffff4d", + "type": "color", + "description": "Inverted version of the default color for the Skeleton." + } + }, + "slider-rating": { + "normal": { + "value": "#b0c4c9", + "type": "color", + "description": "Icon color for the SliderRating component in its normal state." + }, + "hover-active": { + "value": "#fdc23c", + "type": "color", + "description": "Icon color for the SliderRating component in its hovered and active states." + } + }, + "table": { + "th": { + "primary": { + "cell": { + "value": "#f4f5f9", + "type": "color", + "description": "Background of the header cell in the primary Table." + }, + "cell-hover": { + "value": "#e0e1e9", + "type": "color", + "description": "Background of the hovered header cell in the primary Table." + }, + "cell-active": { + "value": "#e0e1e9", + "type": "color", + "description": "Background of the active header cell in the primary Table." + } + }, + "secondary": { + "cell": { + "value": "#ffffff", + "type": "color", + "description": "Background of the header cell in the secondary Table." + } + }, + "gradient": { + "value": "linear-gradient(to right, rgba($gray.100, 0) 0%, rgba($gray.100, 1) 100%)", + "type": "color", + "description": "Background gradient for sorting icon that absolute positioned in the table head." + } + }, + "td": { + "cell": { + "value": "#ffffff", + "type": "color", + "description": "Background of the default cell in the Table." + }, + "cell-hover": { + "value": "#eff0f4", + "type": "color", + "description": "Background of the default hovered cell in the Table.", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "lighten", + "value": "0.5", + "space": "hsl" + } + } + } + }, + "cell-active": { + "value": "#e6e7ed", + "type": "color", + "description": "Background of the default active cell in the Table.", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "lighten", + "value": "0.2", + "space": "hsl" + } + } + } + }, + "cell-unread": { + "value": "#f4f5f9", + "type": "color", + "description": "Background of the unread cell in the Table." + }, + "cell-accordion": { + "value": "#f4f5f9", + "type": "color", + "description": "Background of the cell inside an Accordion in the Table." + }, + "cell-selected": { + "value": "#e9f7ff", + "type": "color", + "description": "Background of the selected cell in the Table." + }, + "cell-selected-hover": { + "value": "#c4e5fe", + "type": "color", + "description": "Background of the hovered selected cell in the Table." + }, + "cell-selected-active": { + "value": "#c4e5fe", + "type": "color", + "description": "Background of the active selected cell in the Table." + }, + "cell-new": { + "value": "#dbfee8", + "type": "color", + "description": "Background of the cell with new information in the Table." + }, + "cell-new-hover": { + "value": "#9ef2c9", + "type": "color", + "description": "Background of the hovered cell with new information in the Table." + }, + "cell-new-active": { + "value": "#9ef2c9", + "type": "color", + "description": "Background of the active cell with new information in the Table." + }, + "cell-critical": { + "value": "#fff0f7", + "type": "color", + "description": "Background of the cell with critical information in the Table." + }, + "cell-critical-hover": { + "value": "#ffd7df", + "type": "color", + "description": "Background of the hovered cell with critical information in the Table." + }, + "cell-critical-active": { + "value": "#ffd7df", + "type": "color", + "description": "Background of the active cell with critical information in the Table." + }, + "cell-warning": { + "value": "#fff3d9", + "type": "color", + "description": "Background of the cell with warning information in the Table." + }, + "cell-warning-hover": { + "value": "#ffdca2", + "type": "color", + "description": "Background of the hovered cell with warning information in the Table." + }, + "cell-warning-active": { + "value": "#ffdca2", + "type": "color", + "description": "Background of the active cell with warning information in the Table." + } + } + }, + "brand": { + "primary": { + "value": "#ff642d", + "type": "color", + "description": "Primary brand color." + }, + "secondary": { + "value": "#421983", + "type": "color", + "description": "Secondary brand color." + }, + "pinterest": { + "value": "#bd081c", + "type": "color", + "description": "Pinterest brand color." + }, + "instagram": { + "value": "#e4405f", + "type": "color", + "description": "Instagram brand color." + }, + "youtube": { + "value": "#ff0000", + "type": "color", + "description": "Youtube brand color." + }, + "facebook": { + "value": "#1877f2", + "type": "color", + "description": "Facebook brand color." + }, + "linkedIn": { + "value": "#0a66c2", + "type": "color", + "description": "LinkedIn brand color." + }, + "twitter": { + "value": "#1d9bf0", + "type": "color", + "description": "Twitter brand color." + }, + "google-blue": { + "value": "#1a0dab", + "type": "color", + "description": "Google brand color for the link." + }, + "google-green": { + "value": "#016723", + "type": "color", + "description": "Google green brand color for the link." + }, + "google-my-business": { + "value": "#1a73e8", + "type": "color", + "description": "Google My Business brand color." + } + }, + "box-shadow": { + "card": { + "value": "0px 0px 1px 0px rgba({gray.800}, 0.16); 0px 1px 2px 0px rgba({gray.800}, 0.12)", + "type": "boxShadow", + "description": "Default shadow of the Card." + }, + "card-hover": { + "value": "3px 3px 30px 0px rgba({gray.800}, 0.15)", + "type": "boxShadow", + "description": "Hover state for the shadow of the Card with hover state." + }, + "dnd": { + "value": "0px 0px 1px 0px rgba({gray.800}, 0.16); 0px 12px 40px 0px rgba({gray.800}, 0.16)", + "type": "boxShadow", + "description": "Shadow for show that element are being drag-and-drop." + }, + "modal": { + "value": "0px 3px 8px 0px rgba({gray.800}, 0.2)", + "type": "boxShadow", + "description": "Default shadow if the Modal window." + }, + "popper": { + "value": "0px 1px 12px 0px rgba({gray.800}, 0.15)", + "type": "boxShadow", + "description": "Default shadow of all Poppers, Dropdowns and Tooltips." + }, + "float-control": { + "value": [ + { + "x": "0", + "y": "0", + "blur": "1", + "spread": "0", + "color": "rgba(0,0,0,0.16)", + "type": "dropShadow" + }, + { + "x": "0", + "y": "1", + "blur": "2", + "spread": "0", + "color": "rgba(0,0,0,0.12)", + "type": "dropShadow" + } + ], + "type": "boxShadow", + "description": "Use it only for controls that float above the whole interface." + }, + "float-control-hover": { + "value": [ + { + "x": "0", + "y": "0", + "blur": "2", + "spread": "0", + "color": "rgba(0,0,0,0.2)", + "type": "dropShadow" + }, + { + "x": "0", + "y": "1", + "blur": "4", + "spread": "0", + "color": "rgba(0,0,0,0.16)", + "type": "dropShadow" + } + ], + "type": "boxShadow", + "description": "Use it only for controls that float above the whole interface." + } + }, + "keyboard-focus": { + "value": "0px 0px 0px 3px rgba({keyboard-focus.outline}, 0.5)", + "type": "boxShadow", + "description": "Default keyboard focus box-shadow styles.", + "outline": { + "value": "#008ff8", + "type": "color", + "description": "Color for default keyboard focus outline styles." + }, + "invalid": { + "value": "0px 0px 0px 3px rgba({keyboard-focus.invalid.outline}, 0.5)", + "type": "boxShadow", + "description": "Keyboard focus styles for elements with invalid state.", + "outline": { + "value": "#ff4953", + "type": "color", + "description": "Color for keyboard focus outline styles for elements with invalid state." + } + }, + "valid": { + "value": "0px 0px 0px 3px rgba({keyboard-focus.valid.outline}, 0.5)", + "type": "boxShadow", + "description": "Keyboard focus styles for elements with valid state.", + "outline": { + "value": "#009f81", + "type": "color", + "description": "Color for keyboard focus outline styles for elements with valid state." + } + }, + "invert": { + "value": "0px 0px 0px 3px {keyboard-focus.invert.outline}", + "type": "boxShadow", + "description": "Keyboard focus styles for use on dark backgrounds.", + "outline": { + "value": "#ffffffcc", + "type": "color", + "description": "Color for keyboard focus outline styles to use on the dark and color background." + } + } + }, + "base": { + "value": "Inter", + "type": "fontFamilies", + "description": "Base font family." + }, + "lh-800": { + "value": "117%", + "type": "lineHeights", + "description": "Use with font-size-800." + }, + "lh-700": { + "value": "110%", + "type": "lineHeights", + "description": "Use with font-size-700." + }, + "lh-600": { + "value": "125%", + "type": "lineHeights", + "description": "Use with font-size-600." + }, + "lh-500": { + "value": "117%", + "type": "lineHeights", + "description": "Use with font-size-500." + }, + "lh-400": { + "value": "120%", + "type": "lineHeights", + "description": "Use with font-size-400." + }, + "lh-300": { + "value": "150%", + "type": "lineHeights", + "description": "Use with font-size-300." + }, + "lh-200": { + "value": "142%", + "type": "lineHeights", + "description": "Use with font-size-200." + }, + "lh-100": { + "value": "133%", + "type": "lineHeights", + "description": "Use with font-size-100." + }, + "semi-bold": { + "value": "600", + "type": "fontWeights", + "description": "Semi-bold font weight." + }, + "bold": { + "value": "700", + "type": "fontWeights", + "description": "Bold font weight." + }, + "regular": { + "value": "400", + "type": "fontWeights", + "description": "Regular font weight." + }, + "medium": { + "value": "500", + "type": "fontWeights", + "description": "Medium font weight." + }, + "fs-50": { + "value": "10px", + "type": "fontSizes", + "description": "Use only for text in Badge component." + }, + "fs-100": { + "value": "12px", + "type": "fontSizes", + "description": "Use this font-size with caution for text in some additional messages. Always check its contrast and readability." + }, + "fs-200": { + "value": "14px", + "type": "fontSizes" + }, + "fs-300": { + "value": "16px", + "type": "fontSizes" + }, + "fs-400": { + "value": "20px", + "type": "fontSizes" + }, + "fs-500": { + "value": "24px", + "type": "fontSizes" + }, + "fs-600": { + "value": "32px", + "type": "fontSizes" + }, + "fs-700": { + "value": "36px", + "type": "fontSizes" + }, + "fs-800": { + "value": "48px", + "type": "fontSizes" + }, + "compact": { + "value": "0.3", + "type": "letterSpacing", + "description": "Compact letter spacing." + }, + "heading-h1": { + "value": { + "fontFamily": "{base}", + "fontWeight": "{semi-bold}", + "lineHeight": "{lh-800}", + "fontSize": "{fs-800}" + }, + "type": "typography" + }, + "heading-h2": { + "value": { + "fontFamily": "{base}", + "fontWeight": "{semi-bold}", + "lineHeight": "{lh-700}", + "fontSize": "{fs-700}" + }, + "type": "typography", + "description": "Landing headings" + }, + "heading-h3": { + "value": { + "fontFamily": "{base}", + "fontWeight": "{semi-bold}", + "lineHeight": "{lh-600}", + "fontSize": "{fs-600}" + }, + "type": "typography", + "description": "Tool page main heading" + }, + "heading-h4": { + "value": { + "fontFamily": "{base}", + "fontWeight": "{semi-bold}", + "lineHeight": "{lh-500}", + "fontSize": "{fs-500}" + }, + "type": "typography", + "description": "Tool page heading" + }, + "heading-h5": { + "value": { + "fontFamily": "{base}", + "fontWeight": "{semi-bold}", + "lineHeight": "{lh-400}", + "fontSize": "{fs-400}" + }, + "type": "typography", + "description": "Widget heading" + }, + "heading-h6": { + "value": { + "fontFamily": "{base}", + "fontWeight": "{bold}", + "lineHeight": "{lh-300}", + "fontSize": "{fs-300}" + }, + "type": "typography", + "description": "Widget, notice & dropdown heading" + }, + "subtitle": { + "value": { + "fontFamily": "{base}", + "fontWeight": "{regular}", + "lineHeight": "{lh-400}", + "fontSize": "{fs-400}" + }, + "type": "typography", + "description": "Use for big subtitles on the landing pages." + }, + "scale-indent": { + "value": "4px", + "type": "spacing", + "description": "Base denominator of the design system." + }, + "form-control-s": { + "value": "{scale-indent}*5", + "type": "sizing", + "description": "Small size of the controls. Use it for small interactive addons. Avoid using it with the main actions." + }, + "form-control-m": { + "value": "{scale-indent}*7", + "type": "sizing", + "description": "Default size of the controls." + }, + "form-control-l": { + "value": "{scale-indent}*10", + "type": "sizing", + "description": "Large size of the controls." + }, + "spacing-05x": { + "value": "{scale-indent}*0.5", + "type": "spacing", + "description": "2px" + }, + "spacing-1x": { + "value": "{scale-indent}*1", + "type": "spacing", + "description": "4px" + }, + "spacing-2x": { + "value": "{scale-indent}*2", + "type": "spacing", + "description": "8px" + }, + "spacing-3x": { + "value": "{scale-indent}*3", + "type": "spacing", + "description": "12px" + }, + "spacing-4x": { + "value": "{scale-indent}*4", + "type": "spacing", + "description": "16px" + }, + "spacing-5x": { + "value": "{scale-indent}*5", + "type": "spacing", + "description": "20px" + }, + "spacing-6x": { + "value": "{scale-indent}*6", + "type": "spacing", + "description": "24px" + }, + "spacing-8x": { + "value": "{scale-indent}*8", + "type": "spacing", + "description": "32px" + }, + "spacing-10x": { + "value": "{scale-indent}*10", + "type": "spacing", + "description": "40px" + }, + "spacing-14x": { + "value": "{scale-indent}*14", + "type": "spacing", + "description": "56px" + }, + "spacing-20x": { + "value": "{scale-indent}*20", + "type": "spacing", + "description": "80px" + }, + "spacing-24x": { + "value": "{scale-indent}*24", + "type": "spacing", + "description": "96px" + }, + "spacing-30x": { + "value": "{scale-indent}*30", + "type": "spacing", + "description": "120px" + }, + "rounded-extra-small": { + "value": "2px", + "type": "borderRadius" + }, + "rounded-small": { + "value": "4px", + "type": "borderRadius" + }, + "rounded-medium": { + "value": "6px", + "type": "borderRadius" + }, + "rounded-large": { + "value": "12px", + "type": "borderRadius" + }, + "rounded-extra-large": { + "value": "24px", + "type": "borderRadius" + }, + "addon-rounded": { + "value": "{rounded-small}", + "type": "borderRadius", + "description": "Use for rounding addons and small controls like Checkbox." + }, + "badge-rounded": { + "value": "{rounded-medium}", + "type": "borderRadius", + "description": "Use for rounding Badge." + }, + "chart-rounded": { + "value": "{rounded-extra-small}", + "type": "borderRadius", + "description": "Use for rounding big and small charts like bar, histogram and others." + }, + "counter-rounded": { + "value": "{rounded-large}", + "type": "borderRadius", + "description": "Use for rounding Counter." + }, + "tag-rounded": { + "value": "{rounded-extra-large}", + "type": "borderRadius", + "description": "Use for rounding Tag." + }, + "switch-rounded": { + "value": "{rounded-extra-large}", + "type": "borderRadius", + "description": "Use for rounding Switch." + }, + "control-rounded": { + "value": "{rounded-medium}", + "type": "borderRadius", + "description": "Use for rounding all form controls: Button, FilterTrigger, Input, Textarea, Pills, etc." + }, + "progress-bar-rounded": { + "value": "{rounded-medium}", + "type": "borderRadius", + "description": "Use for rounding bars: ProgressBar, SliderBar, etc." + }, + "surface-rounded": { + "value": "{rounded-medium}", + "type": "borderRadius", + "description": "Use for rounding surfaces like Card, blocks, widgets, Notice, etc." + }, + "popper-rounded": { + "value": "{rounded-medium}", + "type": "borderRadius", + "description": "Use for rounding all kinds of poppers and dropdowns." + }, + "modal-rounded": { + "value": "{rounded-large}", + "type": "borderRadius", + "description": "Use for rounding all kinds of big modal dialogs (e.g., Modal, Wizard)." + }, + "disabled-opacity": { + "value": "0.3", + "type": "opacity", + "description": "Use for the disabled state of all kind of the controls and elements." + }, + "screen-extra-small": { + "value": "320px", + "type": "sizing", + "description": "Extra small screens (small phones)." + }, + "screen-small": { + "value": "768px", + "type": "sizing", + "description": "Small screens (phones and small tablets)." + }, + "screen-medium": { + "value": "1200px", + "type": "sizing", + "description": "Medium screens (tablets and small laptops)." + }, + "screen-large": { + "value": "1920px", + "type": "sizing", + "description": "Large screens (tablets and laptops)." + }, + "overlay": { + "primary": { + "value": "#191b23b2", + "type": "color", + "description": "Use for cover the content under the modal dialogs." + }, + "secondary": { + "value": "#191b2366", + "type": "color", + "description": "Use for the secondary modal dialogs that were opened upon the other modal dialogs." + }, + "limitation-primary": { + "value": "#f4f5f9", + "type": "color", + "description": "Use as a primary cover of the content under the messages about limitations." + }, + "limitation-secondary": { + "value": "#ffffffd9", + "type": "color", + "description": "Use as a secondary cover of the content under the messages about limitations." + } + }, + "z-index": { + "deep": { + "value": "-999", + "type": "other" + }, + "overlay": { + "value": "500", + "type": "other" + }, + "modal": { + "value": "900", + "type": "other" + }, + "popper": { + "value": "700", + "type": "other" + }, + "dropdown": { + "value": "750", + "type": "other" + }, + "tooltip": { + "value": "800", + "type": "other" + }, + "notice-bubble": { + "value": "999", + "type": "other" + } + }, + "tooltip": { + "default": { + "value": "#ffffff", + "type": "color", + "description": "Default Tooltip background." + }, + "warning": { + "value": "#ffd7df", + "type": "color", + "description": "Warning Tooltip background." + }, + "invert": { + "value": "#191b23", + "type": "color", + "description": "Inverted version of the default Tooltip background." + } + }, + "neighbor-location": { + "neutral": { + "value": "#ffffff80", + "type": "color", + "description": "Neutral border of the components that are combined with neighbor-location property." + }, + "invert": { + "value": "#00000080", + "type": "color", + "description": "Inverted border of the components that are combined with neighbor-location property." + } + }, + "scroll-area": { + "shadow-left": { + "value": "linear-gradient(to right, rgba($gray.800, 0.1) 20.55%, rgba($gray.white, 0.0001) 100%)", + "type": "color", + "description": "Left-to-right fade shadow for the ScrollArea." + }, + "shadow-right": { + "value": "linear-gradient(to left, rgba($gray.800, 0.1) 20.55%, rgba($gray.white, 0.0001) 100%)", + "type": "color", + "description": "Right-to-left fade shadow for the ScrollArea." + }, + "shadow-top": { + "value": "linear-gradient(to bottom, rgba($gray.800, 0.1) 20.55%, rgba($gray.white, 0.0001) 100%)", + "type": "color", + "description": "Top-to-bottom fade shadow for the ScrollArea." + }, + "shadow-bottom": { + "value": "linear-gradient(to top, rgba($gray.800, 0.1) 20.55%, rgba($gray.white, 0.0001) 100%)", + "type": "color", + "description": "Bottom-to-top fade shadow for the ScrollArea." + }, + "dropdown-menu-left": { + "value": "linear-gradient(to right, rgba($gray.white, 1) 34.38%, rgba($gray.white, 0) 100%)", + "type": "color", + "description": "Left-to-right fade shadow for the ScrollArea inside the DropdownMenu." + }, + "dropdown-menu-right": { + "value": "linear-gradient(to left, rgba($gray.white, 1) 34.38%, rgba($gray.white, 0) 100%)", + "type": "color", + "description": "Right-to-left fade shadow for the ScrollArea inside the DropdownMenu." + }, + "dropdown-menu-bottom": { + "value": "linear-gradient(to top, rgba($gray.white, 1) 34.38%, rgba($gray.white, 0) 100%)", + "type": "color", + "description": "Bottom-to-top fade shadow for the ScrollArea inside the DropdownMenu." + }, + "dropdown-menu-top": { + "value": "linear-gradient(to bottom, rgba($gray.white, 1) 34.38%, rgba($gray.white, 0) 100%)", + "type": "color", + "description": "Top-to-bottom fade shadow for the ScrollArea inside the DropdownMenu." + } + }, + "scroll-bar": { + "background": { + "value": "#191b234d", + "type": "color", + "description": "Background color for ScrollBar." + } + }, + "tag": { + "primary": { + "gray-normal": { + "value": "#ecedf0", + "type": "color", + "description": "Gray background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the gray-500 color with 0.2 opacity on the white background underneath." + }, + "gray-hover-active": { + "value": "#e3e4e9", + "type": "color", + "description": "Gray background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the gray-500 color with 0.3 opacity on the white background underneath." + }, + "blue-normal": { + "value": "#d0eeff", + "type": "color", + "description": "Blue background color for primary tag. It’s built with CSS filter brightness(150%) that was applied to blue-500 color with 0.2 opacity on the white background underneath." + }, + "blue-hover-active": { + "value": "#b7e4ff", + "type": "color", + "description": "Blue background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the blue-500 color with 0.3 opacity on the white background underneath." + }, + "green-normal": { + "value": "#cff1ea", + "type": "color", + "description": "Green background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the green-500 color with 0.2 opacity on the white background underneath." + }, + "green-hover-active": { + "value": "#b7eae0", + "type": "color", + "description": "Green background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the green-500 color with 0.3 opacity on the white background underneath." + }, + "orange-normal": { + "value": "#ffddd2", + "type": "color", + "description": "Orange background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the orange-500 color with 0.2 opacity on the white background underneath." + }, + "orange-hover-active": { + "value": "#ffccbb", + "type": "color", + "description": "Orange background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the orange-500 color with 0.3 opacity on the white background underneath." + }, + "red-normal": { + "value": "#ffcedc", + "type": "color", + "description": "Red background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the red-500 color with 0.2 opacity on the white background underneath." + }, + "red-hover-active": { + "value": "#ffb6ca", + "type": "color", + "description": "Red background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the red-500 color with 0.3 opacity on the white background underneath." + }, + "violet-normal": { + "value": "#f4e3ff", + "type": "color", + "description": "Violet background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the violet-500 color with 0.2 opacity on the white background underneath." + }, + "violet-hover-active": { + "value": "#efd5ff", + "type": "color", + "description": "Violet background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the violet-500 color with 0.3 opacity on the white background underneath." + }, + "yellow-normal": { + "value": "#fee6d1", + "type": "color", + "description": "Yellow background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the yellow-500 color with 0.2 opacity on the white background underneath." + }, + "yellow-hover-active": { + "value": "#fedab9", + "type": "color", + "description": "Yellow background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the yellow-500 color with 0.3 opacity on the white background underneath." + }, + "white-normal": { + "value": "#ffffff", + "type": "color", + "description": "Primary white tag." + }, + "white-hover-active": { + "value": "#ffffff", + "type": "color", + "description": "Hover and active (selected) state of the primary white tag." + }, + "gray-text": { + "value": "#6c6e79", + "type": "color", + "description": "Gray text for the primary gray tag." + }, + "blue-text": { + "value": "#006dca", + "type": "color", + "description": "Blue text for the primary blue tag." + }, + "green-text": { + "value": "#007c65", + "type": "color", + "description": "Green text for the primary green tag." + }, + "orange-text": { + "value": "#c33909", + "type": "color", + "description": "Orange text for the primary orange tag." + }, + "red-text": { + "value": "#d1002f", + "type": "color", + "description": "Red text for the primary red tag." + }, + "violet-text": { + "value": "#8649e1", + "type": "color", + "description": "Violet text for the primary violet tag." + }, + "yellow-text": { + "value": "#a75800", + "type": "color", + "description": "Yellow text for the primary yellow tag." + }, + "white-text": { + "value": "#ffffff", + "type": "color", + "description": "White text for the primary white tag." + } + }, + "secondary": { + "normal": { + "value": "#ffffff", + "type": "color", + "description": "Background color for the default secondary tag." + }, + "hover-active": { + "value": "#f4f5f9", + "type": "color", + "description": "Hover and active (selected) states of the background color for the default secondary tag." + }, + "white-normal": { + "value": "#ffffff00", + "type": "color", + "description": "White secondary tag." + }, + "white-hover-active": { + "value": "#ffffff1a", + "type": "color", + "description": "Active state of the secondary white tag." + }, + "gray-text": { + "value": "#6c6e79", + "type": "color", + "description": "Gray text for the default secondary tag." + }, + "white-text": { + "value": "#ffffff", + "type": "color", + "description": "White text for the secondary white tag." + } + } + }, + "chart": { + "palette-order": { + "1": { + "value": "#2bb3ff", + "type": "color", + "description": "1 color in the default list of colors for charts." + }, + "2": { + "value": "#59ddaa", + "type": "color", + "description": "2 color in the default list of colors for charts." + }, + "3": { + "value": "#ff642d", + "type": "color", + "description": "3 color in the default list of colors for charts." + }, + "4": { + "value": "#f67cf2", + "type": "color", + "description": "4 color in the default list of colors for charts." + }, + "5": { + "value": "#fdc23c", + "type": "color", + "description": "5 color in the default list of colors for charts." + }, + "6": { + "value": "#ab6cfe", + "type": "color", + "description": "6 color in the default list of colors for charts." + }, + "7": { + "value": "#ff8786", + "type": "color", + "description": "7 color in the default list of colors for charts." + }, + "8": { + "value": "#9bd85d", + "type": "color", + "description": "8 color in the default list of colors for charts." + }, + "9": { + "value": "#008ff8", + "type": "color", + "description": "9 color in the default list of colors for charts." + }, + "10": { + "value": "#00c192", + "type": "color", + "description": "10 color in the default list of colors for charts." + }, + "11": { + "value": "#ffb26e", + "type": "color", + "description": "11 color in the default list of colors for charts." + }, + "12": { + "value": "#e14adf", + "type": "color", + "description": "12 color in the default list of colors for charts." + }, + "13": { + "value": "#ef9800", + "type": "color", + "description": "13 color in the default list of colors for charts." + }, + "14": { + "value": "#dcb8ff", + "type": "color", + "description": "14 color in the default list of colors for charts." + }, + "15": { + "value": "#ff4953", + "type": "color", + "description": "15 color in the default list of colors for charts." + }, + "16": { + "value": "#66c030", + "type": "color", + "description": "16 color in the default list of colors for charts." + }, + "17": { + "value": "#8ecdff", + "type": "color", + "description": "17 color in the default list of colors for charts." + }, + "18": { + "value": "#009f81", + "type": "color", + "description": "18 color in the default list of colors for charts." + }, + "19": { + "value": "#ff8c43", + "type": "color", + "description": "19 color in the default list of colors for charts." + }, + "20": { + "value": "#ffa9fa", + "type": "color", + "description": "20 color in the default list of colors for charts." + }, + "21": { + "value": "#d87900", + "type": "color", + "description": "21 color in the default list of colors for charts." + }, + "22": { + "value": "#c695ff", + "type": "color", + "description": "22 color in the default list of colors for charts." + }, + "23": { + "value": "#ffaeb5", + "type": "color", + "description": "23 color in the default list of colors for charts." + }, + "24": { + "value": "#35a21e", + "type": "color", + "description": "24 color in the default list of colors for charts." + }, + "total-amount": { + "value": "#8a8e9b", + "type": "color", + "description": "Use it to show total value." + }, + "other-data": { + "value": "#c4c7cf", + "type": "color", + "description": "Use it to indicate voids, missing or some other data." + }, + "null": { + "value": "#e0e1e9", + "type": "color", + "description": "Use it to show null value." + } + }, + "grid": { + "line": { + "value": "#e0e1e9", + "type": "color", + "description": "Default chart grid line." + }, + "x-axis": { + "value": "#c4c7cf", + "type": "color", + "description": "X-axis line on the chart grid." + }, + "y-accent-hover-line": { + "value": "#a9abb6", + "type": "color", + "description": "Accent line for the hover state on the chart grid." + }, + "text-label": { + "value": "#6c6e79", + "type": "color", + "description": "Text label on the chart grid." + }, + "bar-chart-hover": { + "value": "#c4c7cf4d", + "type": "color", + "description": "Background color for the hover state of a bar on the chart grid." + }, + "bar-chart-base-bg": { + "value": "#e0e1e9", + "type": "color", + "description": "Default background color of a bar in the BarChart." + }, + "period-bg": { + "value": "#c4c7cf33", + "type": "color", + "description": "Use for highlighting a period on the chart grid." + }, + "period-pattern": { + "value": "#191b2326", + "type": "color", + "description": "Stripe color for diagonal pattern background." + }, + "border": { + "value": "#ffffff", + "type": "color", + "description": "Border for distinguishing data sets and chart dots on the chart grid." + } + }, + "x-axis-accent": { + "period-active": { + "value": "#6c6e79", + "type": "color", + "description": "Background color for the clickable date on the X-axis of the chart grid." + }, + "data-start-tracking": { + "value": "#009f8133", + "type": "color", + "description": "Background color for the \"Start tracking\" date on the X-axis of the chart grid." + } + }, + "axis-label": { + "value": { + "fontFamily": "{base}", + "fontWeight": "{bold}", + "fontSize": "{fs-100}" + }, + "type": "typography" + }, + "axis-label-bold": { + "value": { + "fontFamily": "{base}", + "fontWeight": "{bold}", + "fontSize": "{fs-100}" + }, + "type": "typography" + } + }, + "header": { + "bg": { + "value": "#382e5e", + "type": "color" + }, + "border": { + "primary": { + "value": "#382e5e", + "type": "color" + }, + "secondary": { + "value": "#ffffff26", + "type": "color" + } + } + }, + "sidebar-nav": { + "control-hover": { + "value": "rgba({gray.100}, 0.7)", + "type": "color" + }, + "control-active": { + "value": "{violet.dusty.100}", + "type": "color" + }, + "control": { + "text": { + "normal": { + "value": "#191b23", + "type": "color" + }, + "active": { + "value": "#191b23", + "type": "color" + } + }, + "icon": { + "normal": { + "value": "#2b2e38", + "type": "color" + }, + "active": { + "value": "#2b2e38", + "type": "color" + } + } + } + }, + "duration": { + "extra-slow": { + "value": "500", + "type": "other", + "description": "Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen)" + }, + "slow": { + "value": "400", + "type": "other", + "description": "Should be used for more larger scale animations (such as page transitions)" + }, + "medium": { + "value": "300", + "type": "other", + "description": "Should be used for more complex effects (such as Modal)" + }, + "fast": { + "value": "200", + "type": "other", + "description": "Should be used for more complex effects (such as Dropdown or Accordion)" + }, + "extra-fast": { + "value": "100", + "type": "other", + "description": "Should be used for simpler effects and relatively small-sized animations (such as fades or color changes)" + }, + "switch": { + "value": "{duration.extra-fast}", + "type": "other", + "description": "Use for small controls like Switch or Slider." + }, + "popper": { + "value": "{duration.fast}", + "type": "other", + "description": "Use for components based on popper like Tooltip, Dropdown or Filter trigger." + }, + "control": { + "value": "{duration.fast}", + "type": "other", + "description": "Use for small controls like Checkbox or Radio." + }, + "modal": { + "value": "{duration.fast}", + "type": "other", + "description": "Use for Modal, Fullscreen Modal, Side panel or other kind of windows." + }, + "accordion": { + "value": "{duration.fast}", + "type": "other", + "description": "Use for Accordion." + }, + "counter": { + "value": "{duration.fast}", + "type": "other", + "description": "Use for Summary or Counter." + } + } + }, + "featureHighlight": { + "bg": { + "primary": { + "feature-highlight": { + "value": "{gray.white}", + "type": "color", + "description": "Primary background for highlighted controls." + }, + "feature-highlight-hover-active": { + "value": "linear-gradient(90deg, {violet.50}, {blue.50})", + "type": "color", + "description": "Primary background for hover and active (selected) state of highlighted controls." + } + }, + "secondary": { + "feature-highlight": { + "value": "linear-gradient(90deg, {violet.50}, {blue.50})", + "type": "color", + "description": "Secondary background for the highlighted message." + } + } + }, + "border": { + "feature-highlight": { + "value": "linear-gradient(90deg, {violet.300}, {blue.300})", + "type": "color", + "description": "Primary border for highlighted controls." + }, + "feature-highlight-active": { + "value": "linear-gradient(90deg, {violet.400}, {blue.400})", + "type": "color", + "description": "Primary border for the active state of highlighted controls." + }, + "feature-highlight-secondary": { + "value": "linear-gradient(90deg, {violet.200}, {blue.200})", + "type": "color", + "description": "Secondary border for highlighted controls." + } + }, + "control": { + "primary": { + "feature-highlight": { + "value": "linear-gradient(90deg, {violet.400}, {blue.400})", + "type": "color", + "description": "Background of the highlighted primary control." + }, + "feature-highlight-hover": { + "value": "linear-gradient(90deg, {violet.500}, {blue.500})", + "type": "color", + "description": "Hover state of the highlighted primary control." + }, + "feature-highlight-active": { + "value": "linear-gradient(90deg, {violet.600}, {blue.600})", + "type": "color", + "description": "Active (selected) state of the highlighted primary control." + } + }, + "secondary": { + "feature-highlight": { + "value": "linear-gradient(90deg, {violet.50}, {blue.50})", + "type": "color", + "description": "Background of the highlighted secondary control." + }, + "feature-highlight-hover": { + "value": "linear-gradient(90deg, {violet.100}, {blue.100})", + "type": "color", + "description": "Hover state of the highlighted secondary control.", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "lighten", + "value": "0.3", + "space": "hsl" + } + } + } + }, + "feature-highlight-active": { + "value": "linear-gradient(90deg, {violet.100}, {blue.100})", + "type": "color", + "description": "Active (selected) state of the highlighted secondary control." + } + } + }, + "text": { + "feature-highlight": { + "value": "linear-gradient(90deg, {violet.500}, {blue.500})", + "type": "color", + "description": "Text for highlighted features." + }, + "feature-highlight-hover-active": { + "value": "linear-gradient(90deg, {violet.700}, {blue.700})", + "type": "color", + "description": "Text for hover and active states of highlighted features." + } + }, + "icon": { + "primary": { + "feature-highlight": { + "value": "{violet.500}", + "type": "color", + "description": "Primary highlighted icon." + }, + "feature-highlight-hover-active": { + "value": "#6B3AB4", + "type": "color", + "description": "Violet background color for the hover and active states of the primary highlighted icon. It’s created using a CSS filter with a brightness(0.8), applied to the violet-500 color." + } + } + }, + "keyboard-focus-feature-highlight": { + "value": { + "width": "3px", + "color": "{keyboard-focus-feature-highlight.outline}" + }, + "type": "border", + "description": "Keyboard focus styles for highlighted controls.", + "outline": { + "value": "linear-gradient(90deg, {violet.400}, {blue.400})", + "type": "color", + "description": "Color for keyboard focus outline styles for highlighted controls." + } + } + } +} diff --git a/semcore/core/src/theme/processor.ts b/semcore/core/src/theme/processor.ts index cfe2e7cb1f..bfa814a5f8 100644 --- a/semcore/core/src/theme/processor.ts +++ b/semcore/core/src/theme/processor.ts @@ -26,7 +26,7 @@ export const writeIfChanged = async (path: string, content: string) => { }; const defaultTheme = 'light'; -const themes = ['light', 'dark']; +const themes = ['light', 'dark', 'new']; const warning = !process.argv.includes('--no-warning'); diff --git a/semcore/core/src/theme/themes/auto.css b/semcore/core/src/theme/themes/auto.css index 1fef6aa40c..7bff96429c 100644 --- a/semcore/core/src/theme/themes/auto.css +++ b/semcore/core/src/theme/themes/auto.css @@ -1745,4 +1745,881 @@ --intergalactic-duration-accordion: 200; /* Use for Summary or Counter. */ --intergalactic-duration-counter: 200; +} +.new { + /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */ + --gray-50: #f7f8f9; + /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */ + --gray-100: #eaeff1; + --gray-200: #d5dfe2; + --gray-300: #b0c4c9; + --gray-400: #85a2ab; + --gray-500: #668791; + --gray-600: #516e78; + --gray-700: #425a62; + --gray-800: #1e262a; + --gray-white: #ffffff; + /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */ + --blue-50: #eaf0ff; + /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */ + --blue-100: #bdd1ff; + --blue-200: #9dbaff; + --blue-300: #709bff; + --blue-400: #5487ff; + --blue-500: #2969ff; + --blue-600: #2560e8; + --blue-700: #1d4bb5; + --blue-800: #173a8c; + /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */ + --green-50: #ecf9ef; + /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */ + --green-100: #c5eccd; + --green-200: #a9e2b4; + --green-300: #82d592; + --green-400: #69cd7d; + --green-500: #44c15d; + --green-600: #3eb055; + --green-700: #308942; + --green-800: #256a33; + /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */ + --red-50: #ffeaea; + /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */ + --red-100: #ffbdbd; + --red-200: #ff9d9d; + --red-300: #ff7070; + --red-400: #ff5454; + --red-500: #ff2929; + --red-600: #e82525; + --red-700: #b51d1d; + --red-800: #8c1717; + /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */ + --orange-50: #fff1ec; + /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */ + --orange-100: #ffd3c3; + --orange-200: #ffbda5; + --orange-300: #ff9f7c; + --orange-400: #ff8d63; + --orange-500: #ff703c; + --orange-600: #e86637; + --orange-700: #b5502b; + --orange-800: #8c3e21; + /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */ + --yellow-50: #fff8ea; + /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */ + --yellow-100: #ffeabd; + --yellow-200: #ffe09d; + --yellow-300: #ffd170; + --yellow-400: #ffc954; + --yellow-500: #ffbb29; + --yellow-600: #e8aa25; + --yellow-700: #b5851d; + --yellow-800: #8c6717; + /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */ + --violet-50: #f3eaff; + /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */ + --violet-100: #dabdff; + --violet-200: #c99dff; + --violet-300: #b070ff; + --violet-400: #a155ff; + --violet-500: #892aff; + --violet-600: #7d26e8; + --violet-700: #611eb5; + --violet-800: #4b178c; + /* 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: #ff87eb; + --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: #e8fef9; + /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */ + --salad-100: #b7faeb; + --salad-200: #95f8e2; + --salad-300: #64f5d4; + --salad-400: #46f3cc; + --salad-500: #18f0bf; + --salad-600: #16daae; + --salad-700: #11aa88; + --salad-800: #0d8469; + /* 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. */ + --intergalactic-bg-primary-neutral-hover: #f4f5f9; + /* Active (selected) state of the primary background of the interface which contains the main data and information. */ + --intergalactic-bg-primary-neutral-active: #e0e1e9; + /* Accent background of the message with regular information. */ + --intergalactic-bg-primary-info: #008ff8; + /* Accent background of the message or banner with information about the successful result. */ + --intergalactic-bg-primary-success: #18f0bf; + /* Accent background of a message or a banner with a critical information. */ + --intergalactic-bg-primary-critical: #e82525; + /* Accent background of a message or a banner with a warning information. */ + --intergalactic-bg-primary-warning: #ff642d; + /* Accent background of the information you want to highlight. */ + --intergalactic-bg-primary-highlight: #fce081; + /* Accent background for the advertising banners and controls. */ + --intergalactic-bg-primary-advertising: #421983; + /* Accented muted background for a message with regular information. */ + --intergalactic-bg-primary-muted: #6c6e79; + /* Inverted version of the primary background of the interface that contains the main data and information. */ + --intergalactic-bg-primary-invert: #191b23; + /* Hover state for the inverted version of the primary background of the interface that contains the main data and information. */ + --intergalactic-bg-primary-invert-hover: #2b2e38; + /* Active (selected) state for the inverted version of the primary background of the interface that contains the main data and information. */ + --intergalactic-bg-primary-invert-active: #484a54; + /* Secondary background of the interface which contains the main data and information. */ + --intergalactic-bg-secondary-neutral: #f4f5f9; + /* Hover state of the secondary background of the interface which contains the main data and information. */ + --intergalactic-bg-secondary-neutral-hover: #e0e1e9; + /* Active (selected) state of the secondary background of the interface which contains the main data and information. */ + --intergalactic-bg-secondary-neutral-active: #c4c7cf; + /* Secondary background of a message with regular information. */ + --intergalactic-bg-secondary-info: #e9f7ff; + /* Hover state of the secondary background of a message with regular information. */ + --intergalactic-bg-secondary-info-hover: #c4e5fe; + /* Active (selected) state of the secondary background of a message with regular information. */ + --intergalactic-bg-secondary-info-active: #8ecdff; + /* Secondary background of the message with success information you want to accent. */ + --intergalactic-bg-secondary-success: #dbfee8; + /* Hover state of the secondary background of the message with success information you want to accent. */ + --intergalactic-bg-secondary-success-hover: #9ef2c9; + /* Active (selected) state of the secondary background of the message with success information you want to accent. */ + --intergalactic-bg-secondary-success-active: #59ddaa; + /* Secondary background of the message with critical information you want to accent. */ + --intergalactic-bg-secondary-critical: #fff0f7; + /* Hover state of the secondary background of the message with critical information you want to accent. */ + --intergalactic-bg-secondary-critical-hover: #ffd7df; + /* Active (selected) state of the secondary background of the message with critical information you want to accent. */ + --intergalactic-bg-secondary-critical-active: #ffaeb5; + /* Secondary background of the message with warning information you want to accent. */ + --intergalactic-bg-secondary-warning: #fff3d9; + /* Hover state of the secondary background of the message with warning information you want to accent. */ + --intergalactic-bg-secondary-warning-hover: #ffdca2; + /* Active (selected) state of the secondary background of the message with critical information you want to accent. */ + --intergalactic-bg-secondary-warning-active: #ffb26e; + /* Secondary background of the information you want to highlight. */ + --intergalactic-bg-secondary-highlight: #fdf7c8; + /* Hover state of the secondary background of the information you want to highlight. */ + --intergalactic-bg-secondary-highlight-hover: #fce081; + /* Active (selected) state of the secondary background of the information you want to highlight. */ + --intergalactic-bg-secondary-highlight-active: #fdc23c; + /* Secondary background for the advertising message you want to accent. */ + --intergalactic-bg-secondary-advertising: #f9f2ff; + /* Hover state of the secondary background for the advertising message you want to accent. */ + --intergalactic-bg-secondary-advertising-hover: #edd9ff; + /* Active (selected) state of the secondary background for the advertising message you want to accent. */ + --intergalactic-bg-secondary-advertising-active: #dcb8ff; + /* Highlighting the search results. */ + --intergalactic-bg-highlight-results: #ef980066; + /* Focusing values in the input. */ + --intergalactic-bg-highlight-focus: #008ff833; + /* Primary text. */ + --intergalactic-text-primary: #000000eb; + /* Secondary text. */ + --intergalactic-text-secondary: #00000099; + /* Placeholder text only. */ + --intergalactic-text-placeholder: #0000007a; + /* Text associated with success states and data. */ + --intergalactic-text-success: #00342d; + /* Hover and active states for the text associated with success states and data. */ + --intergalactic-text-success-hover-active: #00342d; + /* Text associated with critical states and data. */ + --intergalactic-text-critical: #d1002f; + /* Hover and active states for the text associated with critical states and data. */ + --intergalactic-text-critical-hover-active: #8e0016; + /* Inverted version of the primary text. */ + --intergalactic-text-primary-invert: #ffffff; + /* Inverted version of the secondary text. */ + --intergalactic-text-secondary-invert: #ffffffcc; + /* Link text. */ + --intergalactic-text-link: #1d1d20; + /* Hover and active states for the link text. */ + --intergalactic-text-link-hover-active: #1d1d20; + /* Inverted version of the link text. Use on dark background only. */ + --intergalactic-text-link-invert: #8ecdff; + /* Hover and active states of the inverted version of the link text. Use on dark background only. */ + --intergalactic-text-link-invert-hover: #2bb3ff; + /* Visited link text. */ + --intergalactic-text-link-visited: #8649e1; + /* Hint link text. */ + --intergalactic-text-hint: #6c6e79; + /* Hover and active states of the hint link text. */ + --intergalactic-text-hint-hover-active: #484a54; + /* Inverted version of the hint link text. */ + --intergalactic-text-hint-invert: #c4c7cf; + /* Hover and active states of the inverted version of the hint link text. */ + --intergalactic-text-hint-invert-hover-active: #a9abb6; + /* Secondary text. Use with font-size ≥20px. */ + --intergalactic-text-large-secondary: #a9abb6; + /* Link text with font-size ≥20px. */ + --intergalactic-text-large-info: #1d1d20; + /* Hover and active states of the link text with font-size ≥20px. */ + --intergalactic-text-large-info-hover-active: #1d1d20; + /* Text with font-size ≥20px associated with success states and data. */ + --intergalactic-text-large-success: #009f81; + /* Hover and active states of the text with font-size ≥20px associated with success states and data. */ + --intergalactic-text-large-success-hover-active: #007c65; + /* Text with font-size ≥20px associated with critical states and data. */ + --intergalactic-text-large-critical: #ff4953; + /* Hover and active states of the text with font-size ≥20px associated with critical states and data. */ + --intergalactic-text-large-critical-hover-active: #d1002f; + /* Advertising text. */ + --intergalactic-text-advertising: #421983; + /* Neutral primary border. */ + --intergalactic-border-primary: #c4c7cf; + /* Subtle secondary border. */ + --intergalactic-border-secondary: #e0e1e9; + /* Subtle secondary border in the informational message. */ + --intergalactic-border-info: #008ff8; + /* Active border in focused input filed. */ + --intergalactic-border-info-active: #1e262a; + /* Subtle secondary border in the successful message and input field. */ + --intergalactic-border-success: #009f81; + /* Active border in the focused input field with valid state. */ + --intergalactic-border-success-active: #009f81; + /* Subtle secondary border in the critical message and invalid input field. */ + --intergalactic-border-critical: #ff4953; + /* Active border in the focused input field with invalid state, and active state of the other components with invalid state. */ + --intergalactic-border-critical-active: #ff4953; + /* Subtle secondary border in the warning message. */ + --intergalactic-border-warning: #ffb26e; + /* Active border in components with warning intention. */ + --intergalactic-border-warning-active: #c33909; + /* Inverted version of the neutral primary border. Use it for borders on the dark or color background. */ + --intergalactic-border-primary-invert: #ffffff; + /* Inverted version of the neutral secondary border. Use it for borders on the dark or color background. */ + --intergalactic-border-secondary-invert: #ffffff4d; + /* Border of the Tooltip with dark theme. */ + --intergalactic-border-tooltip-invert: #6c6e79; + /* Accent borders in the Table: for the accordion in the table and for the header of the secondary table. */ + --intergalactic-border-table-accent: #eaeff1; + /* Border color of the second period for the comparison mode in the DatePicker. */ + --intergalactic-border-date-picker-range-comparison: #ab6cfe; + /* Used for the invalidStatePattern utils component to mark all kinds of inputs with invalid states. */ + --intergalactic-border-critical-pattern: #ffffff; + /* Subtle background of the Switch control. */ + --intergalactic-control-switch-bg: #15161b; + /* Background of the regular primary control. */ + --intergalactic-control-primary-info: #191b23; + /* Hover state of the regular primary control. */ + --intergalactic-control-primary-info-hover: #191b23; + /* Active (selected) state of the regular primary control. */ + --intergalactic-control-primary-info-active: #191b23; + /* Background of the primary control with successful theme. */ + --intergalactic-control-primary-success: #007c65; + /* Hover state of the primary control with successful theme. */ + --intergalactic-control-primary-success-hover: #007c65; + /* Active (selected) state of the primary control with successful theme. */ + --intergalactic-control-primary-success-active: #007c65; + /* Background of the primary control with danger theme. */ + --intergalactic-control-primary-critical: #ff4953; + /* Hover state of the primary control with danger theme. */ + --intergalactic-control-primary-critical-hover: #ff4953; + /* Active (selected) state of the primary control with danger theme. */ + --intergalactic-control-primary-critical-active: #ff4953; + /* Background of the primary brand colored control. */ + --intergalactic-control-primary-brand: #ff642d; + /* Hover state of the primary brand colored control. */ + --intergalactic-control-primary-brand-hover: #c33909; + /* Active state of the primary brand colored control. */ + --intergalactic-control-primary-brand-active: #8b1500; + /* Background of the advertising primary control. */ + --intergalactic-control-primary-advertising: #ab6cfe; + /* Hover state of the advertising primary control. */ + --intergalactic-control-primary-advertising-hover: #ab6cfe; + /* Active (selected) state of the advertising primary control. */ + --intergalactic-control-primary-advertising-active: #ab6cfe; + /* Inverted background of the primary control. */ + --intergalactic-control-primary-invert: #ffffff; + /* Hover state of the inverted primary control. */ + --intergalactic-control-primary-invert-hover: #f4f5f9; + /* Active (selected) state of the inverted primary control. */ + --intergalactic-control-primary-invert-active: #e0e1e9; + /* Background of the regular secondary control. */ + --intergalactic-control-secondary-neutral: #e0e1e9; + /* Hover state of the regular secondary control. */ + --intergalactic-control-secondary-neutral-hover: #c4c7cf; + /* Active (selected) state of the regular secondary control. */ + --intergalactic-control-secondary-neutral-active: #c4c7cf; + /* Background of the accent secondary control. */ + --intergalactic-control-secondary-info: #ffffff; + /* Hover state of the accent secondary control. */ + --intergalactic-control-secondary-info-hover: #008ff833; + /* Active (selected) state of the accent secondary control. */ + --intergalactic-control-secondary-info-active: #008ff84d; + /* Background of the inverted version of the secondary control. */ + --intergalactic-control-secondary-invert: #ffffff0d; + /* Hover state of the inverted version of the secondary control. */ + --intergalactic-control-secondary-invert-hover: #ffffff1a; + /* Active (selected) state of the inverted version of the secondary control. */ + --intergalactic-control-secondary-invert-active: #ffffff4d; + /* Background of the regular tertiary control. */ + --intergalactic-control-tertiary-neutral: #eaeff100; + /* Hover state of the regular tertiary control. */ + --intergalactic-control-tertiary-neutral-hover: #eaeff133; + /* Active (selected) state of the regular tertiary control. */ + --intergalactic-control-tertiary-neutral-active: #eaeff14d; + /* Background of the accent and link-lookalike tertiary control. */ + --intergalactic-control-tertiary-info: #bdd1ff00; + /* Hover state of the accent and link-lookalike tertiary control. */ + --intergalactic-control-tertiary-info-hover: #bdd1ff33; + /* Active (selected) state of the accent and link-lookalike tertiary control. */ + --intergalactic-control-tertiary-info-active: #bdd1ff4d; + /* Background of the inverted version of the tertiary control. */ + --intergalactic-control-tertiary-invert: #ffffff00; + /* Hover state of the inverted version of the tertiary control. */ + --intergalactic-control-tertiary-invert-hover: #ffffff1a; + /* Active (selected) state of the inverted version of the tertiary control. */ + --intergalactic-control-tertiary-invert-active: #ffffff4d; + /* Primary neutral icon. */ + --intergalactic-icon-primary-neutral: #6c6e79; + /* Gray background color for the hover and active states of the primary neutral icon. It’s created using a CSS filter with a brightness(0.8), applied to the gray-500 color. */ + --intergalactic-icon-primary-neutral-hover-active: #565861; + /* Primary link-lookalike icon. */ + --intergalactic-icon-primary-info: #006dca; + /* Blue background color for the hover and active states of the primary link-lookalike icon. It’s created using a CSS filter with a brightness(0.8), applied to the blue-500 color. */ + --intergalactic-icon-primary-info-hover-active: #0358a1; + /* Primary success icon. */ + --intergalactic-icon-primary-success: #009f81; + /* Green background color for the hover and active states of the primary success icon. It’s created using a CSS filter with a brightness(0.8), applied to the green-500 color. */ + --intergalactic-icon-primary-success-hover-active: #037e68; + /* Primary critical icon. */ + --intergalactic-icon-primary-critical: #ff4953; + /* Red background color for the hover and active states of the primary critical icon. It’s created using a CSS filter with a brightness(0.8), applied to the red-500 color. */ + --intergalactic-icon-primary-critical-hover-active: #cc3a42; + /* Primary warning icon. */ + --intergalactic-icon-primary-warning: #ff642d; + /* Orange background color for the hover and active states of the primary warning icon. It’s created using a CSS filter with a brightness(0.8), applied to the orange-500 color. */ + --intergalactic-icon-primary-warning-hover-active: #cc5024; + /* Inverted version of the primary icon. */ + --intergalactic-icon-primary-invert: #ffffff; + /* Hover and active (selected) states of the inverted version of the primary icon. */ + --intergalactic-icon-primary-invert-hover-active: #e0e1e9; + /* Secondary neutral icon. */ + --intergalactic-icon-secondary-neutral: #a9abb6; + /* Gray background color for the hover and active states of the secondary neutral icon. It’s created using a CSS filter with a brightness(0.8), applied to the gray-300 color. */ + --intergalactic-icon-secondary-neutral-hover-active: #878992; + /* Secondary link-lookalike icon. */ + --intergalactic-icon-secondary-info: #2bb3ff; + /* Blue background color for the hover and active states of the secondary link-lookalike icon. It’s created using a CSS filter with a brightness(0.8), applied to the blue-300 color. */ + --intergalactic-icon-secondary-info-hover-active: #2290cc; + /* Secondary success icon. */ + --intergalactic-icon-secondary-success: #00c192; + /* Green background color for the hover and active states of the secondary success icon. It’s created using a CSS filter with a brightness(0.8), applied to the green-300 color. */ + --intergalactic-icon-secondary-success-hover-active: #049b75; + /* Secondary critical icon. */ + --intergalactic-icon-secondary-critical: #ff8786; + /* Red background color for the hover and active states of the secondary critical icon. It’s created using a CSS filter with a brightness(0.8), applied to the red-300 color. */ + --intergalactic-icon-secondary-critical-hover-active: #cc6c6b; + /* Secondary warning icon. */ + --intergalactic-icon-secondary-warning: #ff8c43; + /* Orange background color for the hover and active states of the secondary warning icon. It’s created using a CSS filter with a brightness(0.8), applied to the orange-300 color. */ + --intergalactic-icon-secondary-warning-hover-active: #cc7036; + /* Color for the default non-interactive icon. */ + --intergalactic-icon-non-interactive: #191b23; + /* ⚠️ Use only for illustrations. */ + --intergalactic-illustration-red: #ff788f; + /* ⚠️ Use only for illustrations. */ + --intergalactic-illustration-orange: #ff9400; + /* ⚠️ Use only for illustrations. */ + --intergalactic-illustration-yellow: #ffe84d; + /* ⚠️ Use only for illustrations. */ + --intergalactic-illustration-salad: #c7fa73; + /* ⚠️ Use only for illustrations. */ + --intergalactic-illustration-green: #45e0a8; + /* ⚠️ Use only for illustrations. */ + --intergalactic-illustration-blue: #6edbff; + /* ⚠️ Use only for illustrations. */ + --intergalactic-illustration-violet: #b880ff; + /* ⚠️ Use only for illustrations. */ + --intergalactic-illustration-pink: #ff7ad1; + /* Default date-picker cell background. */ + --intergalactic-date-picker-cell: #ffffff; + /* Color for marking the cell with the current date, month or year in the date-picker. */ + --intergalactic-date-picker-cell-current: #8a8e9b; + /* Hover state of the default date-picker cell background. */ + --intergalactic-date-picker-cell-hover: #e0e1e9; + /* Background for the cell which is included in the date range in the date-picker. */ + --intergalactic-date-picker-cell-range: #c4e5fe; + /* Hover state of the background for the cell which is included in the date range in the date-picker. */ + --intergalactic-date-picker-cell-range-hover: #8ecdff; + /* Active (selected) date-picker cell background. */ + --intergalactic-date-picker-cell-active: #2bb3ff; + /* Hover for the active (selected) date-picker cell background. */ + --intergalactic-date-picker-cell-active-hover: #008ff8; + /* Color for marking the active cell with the current date, month or year in the date-picker. */ + --intergalactic-date-picker-cell-current-invert: #ffffff80; + /* Active (selected) date-picker cell background for comparison periods. */ + --intergalactic-date-picker-cell-comparison-active: #8649e1; + /* Hover for the active (selected) date-picker cell background for comparison periods. */ + --intergalactic-date-picker-cell-comparison-active-hover: #5925ab; + /* Default background color for the list item in the dropdown-menu. */ + --intergalactic-dropdown-menu-item: #ffffff; + /* Hover state of the default background color for the list item in the dropdown-menu. */ + --intergalactic-dropdown-menu-item-hover: #f4f5f9; + /* Active (selected) state of the default background color for the list item in the dropdown-menu. */ + --intergalactic-dropdown-menu-item-selected: #c4e5feb2; + /* Hover state for the selected state of the default background color for the list item in the dropdown-menu. */ + --intergalactic-dropdown-menu-item-selected-hover: #c4e5fe; + /* Color of the FeaturePopover background with accent theme. */ + --intergalactic-feature-popover-bg: #ffeabd; + /* Color of the outer border of the FeaturePopover.Spot for FeaturePopover with accent theme. */ + --intergalactic-feature-popover-dot-outer-border: #ffeabd; + /* Color of the FeaturePopover background with neutral theme. */ + --intergalactic-feature-popover-bg-neutral: #1d113e; + /* Color of the FeaturePopover.Spot for FeaturePopover with neutral theme. */ + --intergalactic-feature-popover-dot-neutral: #00c192; + /* Color of the outer border of the FeaturePopover.Spot for FeaturePopover with neutral theme. */ + --intergalactic-feature-popover-dot-neutral-outer-border: #82d592; + /* Background color of the ProgressBar. */ + --intergalactic-progress-bar-bg: #e0e1e9; + /* Hover state of the background color of the ProgressBar. */ + --intergalactic-progress-bar-bg-hover: #c4c7cf; + /* Inverted version of the background color of the ProgressBar. */ + --intergalactic-progress-bar-bg-invert: #ffffff33; + /* Hover state for the inverted version of the background color of the ProgressBar. */ + --intergalactic-progress-bar-bg-invert-hover: #ffffff66; + /* Value with gradient for the ProgressBar. */ + --intergalactic-progress-bar-value-gradient: linear-gradient(-45deg, rgba(0, 159, 129, 0.9) 25%, rgba(0, 159, 129, 1) 0%, rgba(0, 159, 129, 1) 50%, rgba(0, 159, 129, 0.9) 0%, rgba(0, 159, 129, 0.9) 75%, rgba(0, 159, 129, 1) 0%); + /* Null value gradient for the ProgressBar. */ + --intergalactic-progress-bar-pattern-gradient: linear-gradient(-45deg, rgba(224, 225, 233, 0.9) 25%, rgba(224, 225, 233, 1) 0%, rgba(224, 225, 233, 1) 50%, rgba(224, 225, 233, 0.9) 0%, rgba(224, 225, 233, 0.9) 75%, rgba(224, 225, 233, 1) 0%); + /* Base value background for the ProgressBar. It is used to create gradients for the values. */ + --intergalactic-progress-bar-value-bg: #000000; + /* Default color for the Skeleton. */ + --intergalactic-skeleton-bg: #e0e1e9cc; + /* Inverted version of the default color for the Skeleton. */ + --intergalactic-skeleton-bg-invert: #ffffff4d; + /* Icon color for the SliderRating component in its normal state. */ + --intergalactic-slider-rating-normal: #b0c4c9; + /* Icon color for the SliderRating component in its hovered and active states. */ + --intergalactic-slider-rating-hover-active: #fdc23c; + /* Background of the header cell in the primary Table. */ + --intergalactic-table-th-primary-cell: #f4f5f9; + /* Background of the hovered header cell in the primary Table. */ + --intergalactic-table-th-primary-cell-hover: #e0e1e9; + /* Background of the active header cell in the primary Table. */ + --intergalactic-table-th-primary-cell-active: #e0e1e9; + /* Background of the header cell in the secondary Table. */ + --intergalactic-table-th-secondary-cell: #ffffff; + /* Background gradient for sorting icon that absolute positioned in the table head. */ + --intergalactic-table-th-gradient: linear-gradient(to right, rgba(234, 239, 241, 0) 0%, rgba(234, 239, 241, 1) 100%); + /* Background of the default cell in the Table. */ + --intergalactic-table-td-cell: #ffffff; + /* Background of the default hovered cell in the Table. */ + --intergalactic-table-td-cell-hover: #f7f7fa; + /* Background of the default active cell in the Table. */ + --intergalactic-table-td-cell-active: #ebecf1; + /* Background of the unread cell in the Table. */ + --intergalactic-table-td-cell-unread: #f4f5f9; + /* Background of the cell inside an Accordion in the Table. */ + --intergalactic-table-td-cell-accordion: #f4f5f9; + /* Background of the selected cell in the Table. */ + --intergalactic-table-td-cell-selected: #e9f7ff; + /* Background of the hovered selected cell in the Table. */ + --intergalactic-table-td-cell-selected-hover: #c4e5fe; + /* Background of the active selected cell in the Table. */ + --intergalactic-table-td-cell-selected-active: #c4e5fe; + /* Background of the cell with new information in the Table. */ + --intergalactic-table-td-cell-new: #dbfee8; + /* Background of the hovered cell with new information in the Table. */ + --intergalactic-table-td-cell-new-hover: #9ef2c9; + /* Background of the active cell with new information in the Table. */ + --intergalactic-table-td-cell-new-active: #9ef2c9; + /* Background of the cell with critical information in the Table. */ + --intergalactic-table-td-cell-critical: #fff0f7; + /* Background of the hovered cell with critical information in the Table. */ + --intergalactic-table-td-cell-critical-hover: #ffd7df; + /* Background of the active cell with critical information in the Table. */ + --intergalactic-table-td-cell-critical-active: #ffd7df; + /* Background of the cell with warning information in the Table. */ + --intergalactic-table-td-cell-warning: #fff3d9; + /* Background of the hovered cell with warning information in the Table. */ + --intergalactic-table-td-cell-warning-hover: #ffdca2; + /* Background of the active cell with warning information in the Table. */ + --intergalactic-table-td-cell-warning-active: #ffdca2; + /* Primary brand color. */ + --intergalactic-brand-primary: #ff642d; + /* Secondary brand color. */ + --intergalactic-brand-secondary: #421983; + /* Pinterest brand color. */ + --intergalactic-brand-pinterest: #bd081c; + /* Instagram brand color. */ + --intergalactic-brand-instagram: #e4405f; + /* Youtube brand color. */ + --intergalactic-brand-youtube: #ff0000; + /* Facebook brand color. */ + --intergalactic-brand-facebook: #1877f2; + /* LinkedIn brand color. */ + --intergalactic-brand-linkedIn: #0a66c2; + /* Twitter brand color. */ + --intergalactic-brand-twitter: #1d9bf0; + /* Google brand color for the link. */ + --intergalactic-brand-google-blue: #1a0dab; + /* Google green brand color for the link. */ + --intergalactic-brand-google-green: #016723; + /* Google My Business brand color. */ + --intergalactic-brand-google-my-business: #1a73e8; + /* Default shadow of the Card. */ + --intergalactic-box-shadow-card: 0px 0px 1px 0px rgba(30, 38, 42, 0.16), 0px 1px 2px 0px rgba(30, 38, 42, 0.12); + /* Hover state for the shadow of the Card with hover state. */ + --intergalactic-box-shadow-card-hover: 3px 3px 30px 0px rgba(30, 38, 42, 0.15); + /* Shadow for show that element are being drag-and-drop. */ + --intergalactic-box-shadow-dnd: 0px 0px 1px 0px rgba(30, 38, 42, 0.16), 0px 12px 40px 0px rgba(30, 38, 42, 0.16); + /* Default shadow if the Modal window. */ + --intergalactic-box-shadow-modal: 0px 3px 8px 0px rgba(30, 38, 42, 0.2); + /* Default shadow of all Poppers, Dropdowns and Tooltips. */ + --intergalactic-box-shadow-popper: 0px 1px 12px 0px rgba(30, 38, 42, 0.15); + /* Color for default keyboard focus outline styles. */ + --intergalactic-keyboard-focus-outline: #008ff8; + /* Color for keyboard focus outline styles for elements with invalid state. */ + --intergalactic-keyboard-focus-invalid-outline: #ff4953; + /* Keyboard focus styles for elements with invalid state. */ + --intergalactic-keyboard-focus-invalid: 0px 0px 0px 3px rgba(255, 73, 83, 0.5); + /* Color for keyboard focus outline styles for elements with valid state. */ + --intergalactic-keyboard-focus-valid-outline: #009f81; + /* Keyboard focus styles for elements with valid state. */ + --intergalactic-keyboard-focus-valid: 0px 0px 0px 3px rgba(0, 159, 129, 0.5); + /* Color for keyboard focus outline styles to use on the dark and color background. */ + --intergalactic-keyboard-focus-invert-outline: #ffffffcc; + /* Keyboard focus styles for use on dark backgrounds. */ + --intergalactic-keyboard-focus-invert: 0px 0px 0px 3px #ffffffcc; + /* Default keyboard focus box-shadow styles. */ + --intergalactic-keyboard-focus: 0px 0px 0px 3px rgba(0, 143, 248, 0.5); + /* Base font family. */ + --intergalactic-base: Inter; + /* Use with font-size-800. */ + --intergalactic-lh-800: 117%; + /* Use with font-size-700. */ + --intergalactic-lh-700: 110%; + /* Use with font-size-600. */ + --intergalactic-lh-600: 125%; + /* Use with font-size-500. */ + --intergalactic-lh-500: 117%; + /* Use with font-size-400. */ + --intergalactic-lh-400: 120%; + /* Use with font-size-300. */ + --intergalactic-lh-300: 150%; + /* Use with font-size-200. */ + --intergalactic-lh-200: 142%; + /* Use with font-size-100. */ + --intergalactic-lh-100: 133%; + /* Semi-bold font weight. */ + --intergalactic-semi-bold: 600; + /* Bold font weight. */ + --intergalactic-bold: 700; + /* Regular font weight. */ + --intergalactic-regular: 400; + /* Medium font weight. */ + --intergalactic-medium: 500; + /* Use only for text in Badge component. */ + --intergalactic-fs-50: 10px; + /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */ + --intergalactic-fs-100: 12px; + --intergalactic-fs-200: 14px; + --intergalactic-fs-300: 16px; + --intergalactic-fs-400: 20px; + --intergalactic-fs-500: 24px; + --intergalactic-fs-600: 32px; + --intergalactic-fs-700: 36px; + --intergalactic-fs-800: 48px; + /* Compact letter spacing. */ + --intergalactic-compact: 0.3; + /* Base denominator of the design system. */ + --intergalactic-scale-indent: 4px; + /* Small size of the controls. Use it for small interactive addons. Avoid using it with the main actions. */ + --intergalactic-form-control-s: 20px; + /* Default size of the controls. */ + --intergalactic-form-control-m: 28px; + /* Large size of the controls. */ + --intergalactic-form-control-l: 40px; + /* 2px */ + --intergalactic-spacing-05x: 2px; + /* 4px */ + --intergalactic-spacing-1x: 4px; + /* 8px */ + --intergalactic-spacing-2x: 8px; + /* 12px */ + --intergalactic-spacing-3x: 12px; + /* 16px */ + --intergalactic-spacing-4x: 16px; + /* 20px */ + --intergalactic-spacing-5x: 20px; + /* 24px */ + --intergalactic-spacing-6x: 24px; + /* 32px */ + --intergalactic-spacing-8x: 32px; + /* 40px */ + --intergalactic-spacing-10x: 40px; + /* 56px */ + --intergalactic-spacing-14x: 56px; + /* 80px */ + --intergalactic-spacing-20x: 80px; + /* 96px */ + --intergalactic-spacing-24x: 96px; + /* 120px */ + --intergalactic-spacing-30x: 120px; + --intergalactic-rounded-extra-small: 2px; + --intergalactic-rounded-small: 4px; + --intergalactic-rounded-medium: 6px; + --intergalactic-rounded-large: 12px; + --intergalactic-rounded-extra-large: 24px; + /* Use for rounding addons and small controls like Checkbox. */ + --intergalactic-addon-rounded: 4px; + /* Use for rounding Badge. */ + --intergalactic-badge-rounded: 6px; + /* Use for rounding big and small charts like bar, histogram and others. */ + --intergalactic-chart-rounded: 2px; + /* Use for rounding Counter. */ + --intergalactic-counter-rounded: 12px; + /* Use for rounding Tag. */ + --intergalactic-tag-rounded: 24px; + /* Use for rounding Switch. */ + --intergalactic-switch-rounded: 24px; + /* Use for rounding all form controls: Button, FilterTrigger, Input, Textarea, Pills, etc. */ + --intergalactic-control-rounded: 6px; + /* Use for rounding bars: ProgressBar, SliderBar, etc. */ + --intergalactic-progress-bar-rounded: 6px; + /* Use for rounding surfaces like Card, blocks, widgets, Notice, etc. */ + --intergalactic-surface-rounded: 6px; + /* Use for rounding all kinds of poppers and dropdowns. */ + --intergalactic-popper-rounded: 6px; + /* Use for rounding all kinds of big modal dialogs (e.g., Modal, Wizard). */ + --intergalactic-modal-rounded: 12px; + /* Use for the disabled state of all kind of the controls and elements. */ + --intergalactic-disabled-opacity: 0.3; + /* Extra small screens (small phones). */ + --intergalactic-screen-extra-small: 320px; + /* Small screens (phones and small tablets). */ + --intergalactic-screen-small: 768px; + /* Medium screens (tablets and small laptops). */ + --intergalactic-screen-medium: 1200px; + /* Large screens (tablets and laptops). */ + --intergalactic-screen-large: 1920px; + /* Use for cover the content under the modal dialogs. */ + --intergalactic-overlay-primary: #191b23b2; + /* Use for the secondary modal dialogs that were opened upon the other modal dialogs. */ + --intergalactic-overlay-secondary: #191b2366; + /* Use as a primary cover of the content under the messages about limitations. */ + --intergalactic-overlay-limitation-primary: #f4f5f9; + /* Use as a secondary cover of the content under the messages about limitations. */ + --intergalactic-overlay-limitation-secondary: #ffffffd9; + --intergalactic-z-index-deep: -999; + --intergalactic-z-index-overlay: 500; + --intergalactic-z-index-modal: 900; + --intergalactic-z-index-popper: 700; + --intergalactic-z-index-dropdown: 750; + --intergalactic-z-index-tooltip: 800; + --intergalactic-z-index-notice-bubble: 999; + /* Default Tooltip background. */ + --intergalactic-tooltip-default: #ffffff; + /* Warning Tooltip background. */ + --intergalactic-tooltip-warning: #ffd7df; + /* Inverted version of the default Tooltip background. */ + --intergalactic-tooltip-invert: #191b23; + /* Neutral border of the components that are combined with neighbor-location property. */ + --intergalactic-neighbor-location-neutral: #ffffff80; + /* Inverted border of the components that are combined with neighbor-location property. */ + --intergalactic-neighbor-location-invert: #00000080; + /* Left-to-right fade shadow for the ScrollArea. */ + --intergalactic-scroll-area-shadow-left: linear-gradient(to right, rgba(30, 38, 42, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%); + /* Right-to-left fade shadow for the ScrollArea. */ + --intergalactic-scroll-area-shadow-right: linear-gradient(to left, rgba(30, 38, 42, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%); + /* Top-to-bottom fade shadow for the ScrollArea. */ + --intergalactic-scroll-area-shadow-top: linear-gradient(to bottom, rgba(30, 38, 42, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%); + /* Bottom-to-top fade shadow for the ScrollArea. */ + --intergalactic-scroll-area-shadow-bottom: linear-gradient(to top, rgba(30, 38, 42, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%); + /* Left-to-right fade shadow for the ScrollArea inside the DropdownMenu. */ + --intergalactic-scroll-area-dropdown-menu-left: linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%); + /* Right-to-left fade shadow for the ScrollArea inside the DropdownMenu. */ + --intergalactic-scroll-area-dropdown-menu-right: linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%); + /* Bottom-to-top fade shadow for the ScrollArea inside the DropdownMenu. */ + --intergalactic-scroll-area-dropdown-menu-bottom: linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%); + /* Top-to-bottom fade shadow for the ScrollArea inside the DropdownMenu. */ + --intergalactic-scroll-area-dropdown-menu-top: linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%); + /* Background color for ScrollBar. */ + --intergalactic-scroll-bar-background: #191b234d; + /* Gray background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the gray-500 color with 0.2 opacity on the white background underneath. */ + --intergalactic-tag-primary-gray-normal: #ecedf0; + /* Gray background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the gray-500 color with 0.3 opacity on the white background underneath. */ + --intergalactic-tag-primary-gray-hover-active: #e3e4e9; + /* Blue background color for primary tag. It’s built with CSS filter brightness(150%) that was applied to blue-500 color with 0.2 opacity on the white background underneath. */ + --intergalactic-tag-primary-blue-normal: #d0eeff; + /* Blue background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the blue-500 color with 0.3 opacity on the white background underneath. */ + --intergalactic-tag-primary-blue-hover-active: #b7e4ff; + /* Green background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the green-500 color with 0.2 opacity on the white background underneath. */ + --intergalactic-tag-primary-green-normal: #cff1ea; + /* Green background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the green-500 color with 0.3 opacity on the white background underneath. */ + --intergalactic-tag-primary-green-hover-active: #b7eae0; + /* Orange background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the orange-500 color with 0.2 opacity on the white background underneath. */ + --intergalactic-tag-primary-orange-normal: #ffddd2; + /* Orange background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the orange-500 color with 0.3 opacity on the white background underneath. */ + --intergalactic-tag-primary-orange-hover-active: #ffccbb; + /* Red background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the red-500 color with 0.2 opacity on the white background underneath. */ + --intergalactic-tag-primary-red-normal: #ffcedc; + /* Red background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the red-500 color with 0.3 opacity on the white background underneath. */ + --intergalactic-tag-primary-red-hover-active: #ffb6ca; + /* Violet background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the violet-500 color with 0.2 opacity on the white background underneath. */ + --intergalactic-tag-primary-violet-normal: #f4e3ff; + /* Violet background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the violet-500 color with 0.3 opacity on the white background underneath. */ + --intergalactic-tag-primary-violet-hover-active: #efd5ff; + /* Yellow background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the yellow-500 color with 0.2 opacity on the white background underneath. */ + --intergalactic-tag-primary-yellow-normal: #fee6d1; + /* Yellow background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the yellow-500 color with 0.3 opacity on the white background underneath. */ + --intergalactic-tag-primary-yellow-hover-active: #fedab9; + /* Primary white tag. */ + --intergalactic-tag-primary-white-normal: #ffffff; + /* Hover and active (selected) state of the primary white tag. */ + --intergalactic-tag-primary-white-hover-active: #ffffff; + /* Gray text for the primary gray tag. */ + --intergalactic-tag-primary-gray-text: #6c6e79; + /* Blue text for the primary blue tag. */ + --intergalactic-tag-primary-blue-text: #006dca; + /* Green text for the primary green tag. */ + --intergalactic-tag-primary-green-text: #007c65; + /* Orange text for the primary orange tag. */ + --intergalactic-tag-primary-orange-text: #c33909; + /* Red text for the primary red tag. */ + --intergalactic-tag-primary-red-text: #d1002f; + /* Violet text for the primary violet tag. */ + --intergalactic-tag-primary-violet-text: #8649e1; + /* Yellow text for the primary yellow tag. */ + --intergalactic-tag-primary-yellow-text: #a75800; + /* White text for the primary white tag. */ + --intergalactic-tag-primary-white-text: #ffffff; + /* Background color for the default secondary tag. */ + --intergalactic-tag-secondary-normal: #ffffff; + /* Hover and active (selected) states of the background color for the default secondary tag. */ + --intergalactic-tag-secondary-hover-active: #f4f5f9; + /* White secondary tag. */ + --intergalactic-tag-secondary-white-normal: #ffffff00; + /* Active state of the secondary white tag. */ + --intergalactic-tag-secondary-white-hover-active: #ffffff1a; + /* Gray text for the default secondary tag. */ + --intergalactic-tag-secondary-gray-text: #6c6e79; + /* White text for the secondary white tag. */ + --intergalactic-tag-secondary-white-text: #ffffff; + /* 1 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-1: #2bb3ff; + /* 2 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-2: #59ddaa; + /* 3 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-3: #ff642d; + /* 4 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-4: #f67cf2; + /* 5 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-5: #fdc23c; + /* 6 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-6: #ab6cfe; + /* 7 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-7: #ff8786; + /* 8 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-8: #9bd85d; + /* 9 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-9: #008ff8; + /* 10 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-10: #00c192; + /* 11 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-11: #ffb26e; + /* 12 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-12: #e14adf; + /* 13 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-13: #ef9800; + /* 14 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-14: #dcb8ff; + /* 15 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-15: #ff4953; + /* 16 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-16: #66c030; + /* 17 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-17: #8ecdff; + /* 18 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-18: #009f81; + /* 19 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-19: #ff8c43; + /* 20 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-20: #ffa9fa; + /* 21 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-21: #d87900; + /* 22 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-22: #c695ff; + /* 23 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-23: #ffaeb5; + /* 24 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-24: #35a21e; + /* Use it to show total value. */ + --intergalactic-chart-palette-order-total-amount: #8a8e9b; + /* Use it to indicate voids, missing or some other data. */ + --intergalactic-chart-palette-order-other-data: #c4c7cf; + /* Use it to show null value. */ + --intergalactic-chart-palette-order-null: #e0e1e9; + /* Default chart grid line. */ + --intergalactic-chart-grid-line: #e0e1e9; + /* X-axis line on the chart grid. */ + --intergalactic-chart-grid-x-axis: #c4c7cf; + /* Accent line for the hover state on the chart grid. */ + --intergalactic-chart-grid-y-accent-hover-line: #a9abb6; + /* Text label on the chart grid. */ + --intergalactic-chart-grid-text-label: #6c6e79; + /* Background color for the hover state of a bar on the chart grid. */ + --intergalactic-chart-grid-bar-chart-hover: #c4c7cf4d; + /* Default background color of a bar in the BarChart. */ + --intergalactic-chart-grid-bar-chart-base-bg: #e0e1e9; + /* Use for highlighting a period on the chart grid. */ + --intergalactic-chart-grid-period-bg: #c4c7cf33; + /* Stripe color for diagonal pattern background. */ + --intergalactic-chart-grid-period-pattern: #191b2326; + /* Border for distinguishing data sets and chart dots on the chart grid. */ + --intergalactic-chart-grid-border: #ffffff; + /* Background color for the clickable date on the X-axis of the chart grid. */ + --intergalactic-chart-x-axis-accent-period-active: #6c6e79; + /* Background color for the "Start tracking" date on the X-axis of the chart grid. */ + --intergalactic-chart-x-axis-accent-data-start-tracking: #009f8133; + --intergalactic-header-bg: #382e5e; + --intergalactic-header-border-primary: #382e5e; + --intergalactic-header-border-secondary: #ffffff26; + --intergalactic-sidebar-nav-control-hover: rgba(234, 239, 241, 0.7); + --intergalactic-sidebar-nav-control-active: #e2ddff; + --intergalactic-sidebar-nav-control-text-normal: #191b23; + --intergalactic-sidebar-nav-control-text-active: #191b23; + --intergalactic-sidebar-nav-control-icon-normal: #2b2e38; + --intergalactic-sidebar-nav-control-icon-active: #2b2e38; + /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */ + --intergalactic-duration-extra-slow: 500; + /* Should be used for more larger scale animations (such as page transitions) */ + --intergalactic-duration-slow: 400; + /* Should be used for more complex effects (such as Modal) */ + --intergalactic-duration-medium: 300; + /* Should be used for more complex effects (such as Dropdown or Accordion) */ + --intergalactic-duration-fast: 200; + /* Should be used for simpler effects and relatively small-sized animations (such as fades or color changes) */ + --intergalactic-duration-extra-fast: 100; + /* Use for small controls like Switch or Slider. */ + --intergalactic-duration-switch: 100; + /* Use for components based on popper like Tooltip, Dropdown or Filter trigger. */ + --intergalactic-duration-popper: 200; + /* Use for small controls like Checkbox or Radio. */ + --intergalactic-duration-control: 200; + /* Use for Modal, Fullscreen Modal, Side panel or other kind of windows. */ + --intergalactic-duration-modal: 200; + /* Use for Accordion. */ + --intergalactic-duration-accordion: 200; + /* Use for Summary or Counter. */ + --intergalactic-duration-counter: 200; } \ No newline at end of file diff --git a/semcore/core/src/theme/themes/highlights-new.css b/semcore/core/src/theme/themes/highlights-new.css new file mode 100644 index 0000000000..8066b093e6 --- /dev/null +++ b/semcore/core/src/theme/themes/highlights-new.css @@ -0,0 +1,36 @@ +:root { + /* Primary background for highlighted controls. */ + --intergalactic-bg-primary-feature-highlight: #ffffff; + /* Primary background for hover and active (selected) state of highlighted controls. */ + --intergalactic-bg-primary-feature-highlight-hover-active: linear-gradient(90deg, #f3eaff, #eaf0ff); + /* Secondary background for the highlighted message. */ + --intergalactic-bg-secondary-feature-highlight: linear-gradient(90deg, #f3eaff, #eaf0ff); + /* Primary border for highlighted controls. */ + --intergalactic-border-feature-highlight: linear-gradient(90deg, #b070ff, #709bff); + /* Primary border for the active state of highlighted controls. */ + --intergalactic-border-feature-highlight-active: linear-gradient(90deg, #a155ff, #5487ff); + /* Secondary border for highlighted controls. */ + --intergalactic-border-feature-highlight-secondary: linear-gradient(90deg, #c99dff, #9dbaff); + /* Background of the highlighted primary control. */ + --intergalactic-control-primary-feature-highlight: linear-gradient(90deg, #a155ff, #5487ff); + /* Hover state of the highlighted primary control. */ + --intergalactic-control-primary-feature-highlight-hover: linear-gradient(90deg, #892aff, #2969ff); + /* Active (selected) state of the highlighted primary control. */ + --intergalactic-control-primary-feature-highlight-active: linear-gradient(90deg, #7d26e8, #2560e8); + /* Background of the highlighted secondary control. */ + --intergalactic-control-secondary-feature-highlight: linear-gradient(90deg, #f3eaff, #eaf0ff); + /* Hover state of the highlighted secondary control. */ + --intergalactic-control-secondary-feature-highlight-hover: linear-gradient(90deg, #e5d1ff, #d1dfff); + /* Active (selected) state of the highlighted secondary control. */ + --intergalactic-control-secondary-feature-highlight-active: linear-gradient(90deg, #dabdff, #bdd1ff); + /* Text for highlighted features. */ + --intergalactic-text-feature-highlight: linear-gradient(90deg, #892aff, #2969ff); + /* Text for hover and active states of highlighted features. */ + --intergalactic-text-feature-highlight-hover-active: linear-gradient(90deg, #611eb5, #1d4bb5); + /* Primary highlighted icon. */ + --intergalactic-icon-primary-feature-highlight: #892aff; + /* Violet background color for the hover and active states of the primary highlighted icon. It’s created using a CSS filter with a brightness(0.8), applied to the violet-500 color. */ + --intergalactic-icon-primary-feature-highlight-hover-active: #6B3AB4; + /* Color for keyboard focus outline styles for highlighted controls. */ + --intergalactic-keyboard-focus-feature-highlight-outline: linear-gradient(90deg, #a155ff, #5487ff); +} \ No newline at end of file diff --git a/semcore/core/src/theme/themes/highlights-new.ts b/semcore/core/src/theme/themes/highlights-new.ts new file mode 100644 index 0000000000..fbfd3c71b6 --- /dev/null +++ b/semcore/core/src/theme/themes/highlights-new.ts @@ -0,0 +1,19 @@ +export default { + '--intergalactic-bg-primary-feature-highlight': '#ffffff', + '--intergalactic-bg-primary-feature-highlight-hover-active': 'linear-gradient(90deg, #f3eaff, #eaf0ff)', + '--intergalactic-bg-secondary-feature-highlight': 'linear-gradient(90deg, #f3eaff, #eaf0ff)', + '--intergalactic-border-feature-highlight': 'linear-gradient(90deg, #b070ff, #709bff)', + '--intergalactic-border-feature-highlight-active': 'linear-gradient(90deg, #a155ff, #5487ff)', + '--intergalactic-border-feature-highlight-secondary': 'linear-gradient(90deg, #c99dff, #9dbaff)', + '--intergalactic-control-primary-feature-highlight': 'linear-gradient(90deg, #a155ff, #5487ff)', + '--intergalactic-control-primary-feature-highlight-hover': 'linear-gradient(90deg, #892aff, #2969ff)', + '--intergalactic-control-primary-feature-highlight-active': 'linear-gradient(90deg, #7d26e8, #2560e8)', + '--intergalactic-control-secondary-feature-highlight': 'linear-gradient(90deg, #f3eaff, #eaf0ff)', + '--intergalactic-control-secondary-feature-highlight-hover': 'linear-gradient(90deg, #e5d1ff, #d1dfff)', + '--intergalactic-control-secondary-feature-highlight-active': 'linear-gradient(90deg, #dabdff, #bdd1ff)', + '--intergalactic-text-feature-highlight': 'linear-gradient(90deg, #892aff, #2969ff)', + '--intergalactic-text-feature-highlight-hover-active': 'linear-gradient(90deg, #611eb5, #1d4bb5)', + '--intergalactic-icon-primary-feature-highlight': '#892aff', + '--intergalactic-icon-primary-feature-highlight-hover-active': '#6B3AB4', + '--intergalactic-keyboard-focus-feature-highlight-outline': 'linear-gradient(90deg, #a155ff, #5487ff)', +}; diff --git a/semcore/core/src/theme/themes/new.css b/semcore/core/src/theme/themes/new.css new file mode 100644 index 0000000000..881a40308b --- /dev/null +++ b/semcore/core/src/theme/themes/new.css @@ -0,0 +1,877 @@ +:root { + /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */ + --gray-50: #f7f8f9; + /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */ + --gray-100: #eaeff1; + --gray-200: #d5dfe2; + --gray-300: #b0c4c9; + --gray-400: #85a2ab; + --gray-500: #668791; + --gray-600: #516e78; + --gray-700: #425a62; + --gray-800: #1e262a; + --gray-white: #ffffff; + /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */ + --blue-50: #eaf0ff; + /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */ + --blue-100: #bdd1ff; + --blue-200: #9dbaff; + --blue-300: #709bff; + --blue-400: #5487ff; + --blue-500: #2969ff; + --blue-600: #2560e8; + --blue-700: #1d4bb5; + --blue-800: #173a8c; + /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */ + --green-50: #ecf9ef; + /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */ + --green-100: #c5eccd; + --green-200: #a9e2b4; + --green-300: #82d592; + --green-400: #69cd7d; + --green-500: #44c15d; + --green-600: #3eb055; + --green-700: #308942; + --green-800: #256a33; + /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */ + --red-50: #ffeaea; + /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */ + --red-100: #ffbdbd; + --red-200: #ff9d9d; + --red-300: #ff7070; + --red-400: #ff5454; + --red-500: #ff2929; + --red-600: #e82525; + --red-700: #b51d1d; + --red-800: #8c1717; + /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */ + --orange-50: #fff1ec; + /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */ + --orange-100: #ffd3c3; + --orange-200: #ffbda5; + --orange-300: #ff9f7c; + --orange-400: #ff8d63; + --orange-500: #ff703c; + --orange-600: #e86637; + --orange-700: #b5502b; + --orange-800: #8c3e21; + /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */ + --yellow-50: #fff8ea; + /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */ + --yellow-100: #ffeabd; + --yellow-200: #ffe09d; + --yellow-300: #ffd170; + --yellow-400: #ffc954; + --yellow-500: #ffbb29; + --yellow-600: #e8aa25; + --yellow-700: #b5851d; + --yellow-800: #8c6717; + /* Only suitable for backgrounds. Can be completely invisible to users with low-contrast monitor or poor vision. */ + --violet-50: #f3eaff; + /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */ + --violet-100: #dabdff; + --violet-200: #c99dff; + --violet-300: #b070ff; + --violet-400: #a155ff; + --violet-500: #892aff; + --violet-600: #7d26e8; + --violet-700: #611eb5; + --violet-800: #4b178c; + /* 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: #ff87eb; + --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: #e8fef9; + /* Use only for light strokes and active backgrounds. Suitable for minimally visible elements. */ + --salad-100: #b7faeb; + --salad-200: #95f8e2; + --salad-300: #64f5d4; + --salad-400: #46f3cc; + --salad-500: #18f0bf; + --salad-600: #16daae; + --salad-700: #11aa88; + --salad-800: #0d8469; + /* 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. */ + --intergalactic-bg-primary-neutral-hover: #f4f5f9; + /* Active (selected) state of the primary background of the interface which contains the main data and information. */ + --intergalactic-bg-primary-neutral-active: #e0e1e9; + /* Accent background of the message with regular information. */ + --intergalactic-bg-primary-info: #008ff8; + /* Accent background of the message or banner with information about the successful result. */ + --intergalactic-bg-primary-success: #18f0bf; + /* Accent background of a message or a banner with a critical information. */ + --intergalactic-bg-primary-critical: #e82525; + /* Accent background of a message or a banner with a warning information. */ + --intergalactic-bg-primary-warning: #ff642d; + /* Accent background of the information you want to highlight. */ + --intergalactic-bg-primary-highlight: #fce081; + /* Accent background for the advertising banners and controls. */ + --intergalactic-bg-primary-advertising: #421983; + /* Accented muted background for a message with regular information. */ + --intergalactic-bg-primary-muted: #6c6e79; + /* Inverted version of the primary background of the interface that contains the main data and information. */ + --intergalactic-bg-primary-invert: #191b23; + /* Hover state for the inverted version of the primary background of the interface that contains the main data and information. */ + --intergalactic-bg-primary-invert-hover: #2b2e38; + /* Active (selected) state for the inverted version of the primary background of the interface that contains the main data and information. */ + --intergalactic-bg-primary-invert-active: #484a54; + /* Secondary background of the interface which contains the main data and information. */ + --intergalactic-bg-secondary-neutral: #f4f5f9; + /* Hover state of the secondary background of the interface which contains the main data and information. */ + --intergalactic-bg-secondary-neutral-hover: #e0e1e9; + /* Active (selected) state of the secondary background of the interface which contains the main data and information. */ + --intergalactic-bg-secondary-neutral-active: #c4c7cf; + /* Secondary background of a message with regular information. */ + --intergalactic-bg-secondary-info: #e9f7ff; + /* Hover state of the secondary background of a message with regular information. */ + --intergalactic-bg-secondary-info-hover: #c4e5fe; + /* Active (selected) state of the secondary background of a message with regular information. */ + --intergalactic-bg-secondary-info-active: #8ecdff; + /* Secondary background of the message with success information you want to accent. */ + --intergalactic-bg-secondary-success: #dbfee8; + /* Hover state of the secondary background of the message with success information you want to accent. */ + --intergalactic-bg-secondary-success-hover: #9ef2c9; + /* Active (selected) state of the secondary background of the message with success information you want to accent. */ + --intergalactic-bg-secondary-success-active: #59ddaa; + /* Secondary background of the message with critical information you want to accent. */ + --intergalactic-bg-secondary-critical: #fff0f7; + /* Hover state of the secondary background of the message with critical information you want to accent. */ + --intergalactic-bg-secondary-critical-hover: #ffd7df; + /* Active (selected) state of the secondary background of the message with critical information you want to accent. */ + --intergalactic-bg-secondary-critical-active: #ffaeb5; + /* Secondary background of the message with warning information you want to accent. */ + --intergalactic-bg-secondary-warning: #fff3d9; + /* Hover state of the secondary background of the message with warning information you want to accent. */ + --intergalactic-bg-secondary-warning-hover: #ffdca2; + /* Active (selected) state of the secondary background of the message with critical information you want to accent. */ + --intergalactic-bg-secondary-warning-active: #ffb26e; + /* Secondary background of the information you want to highlight. */ + --intergalactic-bg-secondary-highlight: #fdf7c8; + /* Hover state of the secondary background of the information you want to highlight. */ + --intergalactic-bg-secondary-highlight-hover: #fce081; + /* Active (selected) state of the secondary background of the information you want to highlight. */ + --intergalactic-bg-secondary-highlight-active: #fdc23c; + /* Secondary background for the advertising message you want to accent. */ + --intergalactic-bg-secondary-advertising: #f9f2ff; + /* Hover state of the secondary background for the advertising message you want to accent. */ + --intergalactic-bg-secondary-advertising-hover: #edd9ff; + /* Active (selected) state of the secondary background for the advertising message you want to accent. */ + --intergalactic-bg-secondary-advertising-active: #dcb8ff; + /* Highlighting the search results. */ + --intergalactic-bg-highlight-results: #ef980066; + /* Focusing values in the input. */ + --intergalactic-bg-highlight-focus: #008ff833; + /* Primary text. */ + --intergalactic-text-primary: #000000eb; + /* Secondary text. */ + --intergalactic-text-secondary: #00000099; + /* Placeholder text only. */ + --intergalactic-text-placeholder: #0000007a; + /* Text associated with success states and data. */ + --intergalactic-text-success: #00342d; + /* Hover and active states for the text associated with success states and data. */ + --intergalactic-text-success-hover-active: #00342d; + /* Text associated with critical states and data. */ + --intergalactic-text-critical: #d1002f; + /* Hover and active states for the text associated with critical states and data. */ + --intergalactic-text-critical-hover-active: #8e0016; + /* Inverted version of the primary text. */ + --intergalactic-text-primary-invert: #ffffff; + /* Inverted version of the secondary text. */ + --intergalactic-text-secondary-invert: #ffffffcc; + /* Link text. */ + --intergalactic-text-link: #1d1d20; + /* Hover and active states for the link text. */ + --intergalactic-text-link-hover-active: #1d1d20; + /* Inverted version of the link text. Use on dark background only. */ + --intergalactic-text-link-invert: #8ecdff; + /* Hover and active states of the inverted version of the link text. Use on dark background only. */ + --intergalactic-text-link-invert-hover: #2bb3ff; + /* Visited link text. */ + --intergalactic-text-link-visited: #8649e1; + /* Hint link text. */ + --intergalactic-text-hint: #6c6e79; + /* Hover and active states of the hint link text. */ + --intergalactic-text-hint-hover-active: #484a54; + /* Inverted version of the hint link text. */ + --intergalactic-text-hint-invert: #c4c7cf; + /* Hover and active states of the inverted version of the hint link text. */ + --intergalactic-text-hint-invert-hover-active: #a9abb6; + /* Secondary text. Use with font-size ≥20px. */ + --intergalactic-text-large-secondary: #a9abb6; + /* Link text with font-size ≥20px. */ + --intergalactic-text-large-info: #1d1d20; + /* Hover and active states of the link text with font-size ≥20px. */ + --intergalactic-text-large-info-hover-active: #1d1d20; + /* Text with font-size ≥20px associated with success states and data. */ + --intergalactic-text-large-success: #009f81; + /* Hover and active states of the text with font-size ≥20px associated with success states and data. */ + --intergalactic-text-large-success-hover-active: #007c65; + /* Text with font-size ≥20px associated with critical states and data. */ + --intergalactic-text-large-critical: #ff4953; + /* Hover and active states of the text with font-size ≥20px associated with critical states and data. */ + --intergalactic-text-large-critical-hover-active: #d1002f; + /* Advertising text. */ + --intergalactic-text-advertising: #421983; + /* Neutral primary border. */ + --intergalactic-border-primary: #c4c7cf; + /* Subtle secondary border. */ + --intergalactic-border-secondary: #e0e1e9; + /* Subtle secondary border in the informational message. */ + --intergalactic-border-info: #008ff8; + /* Active border in focused input filed. */ + --intergalactic-border-info-active: #1e262a; + /* Subtle secondary border in the successful message and input field. */ + --intergalactic-border-success: #009f81; + /* Active border in the focused input field with valid state. */ + --intergalactic-border-success-active: #009f81; + /* Subtle secondary border in the critical message and invalid input field. */ + --intergalactic-border-critical: #ff4953; + /* Active border in the focused input field with invalid state, and active state of the other components with invalid state. */ + --intergalactic-border-critical-active: #ff4953; + /* Subtle secondary border in the warning message. */ + --intergalactic-border-warning: #ffb26e; + /* Active border in components with warning intention. */ + --intergalactic-border-warning-active: #c33909; + /* Inverted version of the neutral primary border. Use it for borders on the dark or color background. */ + --intergalactic-border-primary-invert: #ffffff; + /* Inverted version of the neutral secondary border. Use it for borders on the dark or color background. */ + --intergalactic-border-secondary-invert: #ffffff4d; + /* Border of the Tooltip with dark theme. */ + --intergalactic-border-tooltip-invert: #6c6e79; + /* Accent borders in the Table: for the accordion in the table and for the header of the secondary table. */ + --intergalactic-border-table-accent: #eaeff1; + /* Border color of the second period for the comparison mode in the DatePicker. */ + --intergalactic-border-date-picker-range-comparison: #ab6cfe; + /* Used for the invalidStatePattern utils component to mark all kinds of inputs with invalid states. */ + --intergalactic-border-critical-pattern: #ffffff; + /* Subtle background of the Switch control. */ + --intergalactic-control-switch-bg: #15161b; + /* Background of the regular primary control. */ + --intergalactic-control-primary-info: #191b23; + /* Hover state of the regular primary control. */ + --intergalactic-control-primary-info-hover: #191b23; + /* Active (selected) state of the regular primary control. */ + --intergalactic-control-primary-info-active: #191b23; + /* Background of the primary control with successful theme. */ + --intergalactic-control-primary-success: #007c65; + /* Hover state of the primary control with successful theme. */ + --intergalactic-control-primary-success-hover: #007c65; + /* Active (selected) state of the primary control with successful theme. */ + --intergalactic-control-primary-success-active: #007c65; + /* Background of the primary control with danger theme. */ + --intergalactic-control-primary-critical: #ff4953; + /* Hover state of the primary control with danger theme. */ + --intergalactic-control-primary-critical-hover: #ff4953; + /* Active (selected) state of the primary control with danger theme. */ + --intergalactic-control-primary-critical-active: #ff4953; + /* Background of the primary brand colored control. */ + --intergalactic-control-primary-brand: #ff642d; + /* Hover state of the primary brand colored control. */ + --intergalactic-control-primary-brand-hover: #c33909; + /* Active state of the primary brand colored control. */ + --intergalactic-control-primary-brand-active: #8b1500; + /* Background of the advertising primary control. */ + --intergalactic-control-primary-advertising: #ab6cfe; + /* Hover state of the advertising primary control. */ + --intergalactic-control-primary-advertising-hover: #ab6cfe; + /* Active (selected) state of the advertising primary control. */ + --intergalactic-control-primary-advertising-active: #ab6cfe; + /* Inverted background of the primary control. */ + --intergalactic-control-primary-invert: #ffffff; + /* Hover state of the inverted primary control. */ + --intergalactic-control-primary-invert-hover: #f4f5f9; + /* Active (selected) state of the inverted primary control. */ + --intergalactic-control-primary-invert-active: #e0e1e9; + /* Background of the regular secondary control. */ + --intergalactic-control-secondary-neutral: #e0e1e9; + /* Hover state of the regular secondary control. */ + --intergalactic-control-secondary-neutral-hover: #c4c7cf; + /* Active (selected) state of the regular secondary control. */ + --intergalactic-control-secondary-neutral-active: #c4c7cf; + /* Background of the accent secondary control. */ + --intergalactic-control-secondary-info: #ffffff; + /* Hover state of the accent secondary control. */ + --intergalactic-control-secondary-info-hover: #008ff833; + /* Active (selected) state of the accent secondary control. */ + --intergalactic-control-secondary-info-active: #008ff84d; + /* Background of the inverted version of the secondary control. */ + --intergalactic-control-secondary-invert: #ffffff0d; + /* Hover state of the inverted version of the secondary control. */ + --intergalactic-control-secondary-invert-hover: #ffffff1a; + /* Active (selected) state of the inverted version of the secondary control. */ + --intergalactic-control-secondary-invert-active: #ffffff4d; + /* Background of the regular tertiary control. */ + --intergalactic-control-tertiary-neutral: #eaeff100; + /* Hover state of the regular tertiary control. */ + --intergalactic-control-tertiary-neutral-hover: #eaeff133; + /* Active (selected) state of the regular tertiary control. */ + --intergalactic-control-tertiary-neutral-active: #eaeff14d; + /* Background of the accent and link-lookalike tertiary control. */ + --intergalactic-control-tertiary-info: #bdd1ff00; + /* Hover state of the accent and link-lookalike tertiary control. */ + --intergalactic-control-tertiary-info-hover: #bdd1ff33; + /* Active (selected) state of the accent and link-lookalike tertiary control. */ + --intergalactic-control-tertiary-info-active: #bdd1ff4d; + /* Background of the inverted version of the tertiary control. */ + --intergalactic-control-tertiary-invert: #ffffff00; + /* Hover state of the inverted version of the tertiary control. */ + --intergalactic-control-tertiary-invert-hover: #ffffff1a; + /* Active (selected) state of the inverted version of the tertiary control. */ + --intergalactic-control-tertiary-invert-active: #ffffff4d; + /* Primary neutral icon. */ + --intergalactic-icon-primary-neutral: #6c6e79; + /* Gray background color for the hover and active states of the primary neutral icon. It’s created using a CSS filter with a brightness(0.8), applied to the gray-500 color. */ + --intergalactic-icon-primary-neutral-hover-active: #565861; + /* Primary link-lookalike icon. */ + --intergalactic-icon-primary-info: #006dca; + /* Blue background color for the hover and active states of the primary link-lookalike icon. It’s created using a CSS filter with a brightness(0.8), applied to the blue-500 color. */ + --intergalactic-icon-primary-info-hover-active: #0358a1; + /* Primary success icon. */ + --intergalactic-icon-primary-success: #009f81; + /* Green background color for the hover and active states of the primary success icon. It’s created using a CSS filter with a brightness(0.8), applied to the green-500 color. */ + --intergalactic-icon-primary-success-hover-active: #037e68; + /* Primary critical icon. */ + --intergalactic-icon-primary-critical: #ff4953; + /* Red background color for the hover and active states of the primary critical icon. It’s created using a CSS filter with a brightness(0.8), applied to the red-500 color. */ + --intergalactic-icon-primary-critical-hover-active: #cc3a42; + /* Primary warning icon. */ + --intergalactic-icon-primary-warning: #ff642d; + /* Orange background color for the hover and active states of the primary warning icon. It’s created using a CSS filter with a brightness(0.8), applied to the orange-500 color. */ + --intergalactic-icon-primary-warning-hover-active: #cc5024; + /* Inverted version of the primary icon. */ + --intergalactic-icon-primary-invert: #ffffff; + /* Hover and active (selected) states of the inverted version of the primary icon. */ + --intergalactic-icon-primary-invert-hover-active: #e0e1e9; + /* Secondary neutral icon. */ + --intergalactic-icon-secondary-neutral: #a9abb6; + /* Gray background color for the hover and active states of the secondary neutral icon. It’s created using a CSS filter with a brightness(0.8), applied to the gray-300 color. */ + --intergalactic-icon-secondary-neutral-hover-active: #878992; + /* Secondary link-lookalike icon. */ + --intergalactic-icon-secondary-info: #2bb3ff; + /* Blue background color for the hover and active states of the secondary link-lookalike icon. It’s created using a CSS filter with a brightness(0.8), applied to the blue-300 color. */ + --intergalactic-icon-secondary-info-hover-active: #2290cc; + /* Secondary success icon. */ + --intergalactic-icon-secondary-success: #00c192; + /* Green background color for the hover and active states of the secondary success icon. It’s created using a CSS filter with a brightness(0.8), applied to the green-300 color. */ + --intergalactic-icon-secondary-success-hover-active: #049b75; + /* Secondary critical icon. */ + --intergalactic-icon-secondary-critical: #ff8786; + /* Red background color for the hover and active states of the secondary critical icon. It’s created using a CSS filter with a brightness(0.8), applied to the red-300 color. */ + --intergalactic-icon-secondary-critical-hover-active: #cc6c6b; + /* Secondary warning icon. */ + --intergalactic-icon-secondary-warning: #ff8c43; + /* Orange background color for the hover and active states of the secondary warning icon. It’s created using a CSS filter with a brightness(0.8), applied to the orange-300 color. */ + --intergalactic-icon-secondary-warning-hover-active: #cc7036; + /* Color for the default non-interactive icon. */ + --intergalactic-icon-non-interactive: #191b23; + /* ⚠️ Use only for illustrations. */ + --intergalactic-illustration-red: #ff788f; + /* ⚠️ Use only for illustrations. */ + --intergalactic-illustration-orange: #ff9400; + /* ⚠️ Use only for illustrations. */ + --intergalactic-illustration-yellow: #ffe84d; + /* ⚠️ Use only for illustrations. */ + --intergalactic-illustration-salad: #c7fa73; + /* ⚠️ Use only for illustrations. */ + --intergalactic-illustration-green: #45e0a8; + /* ⚠️ Use only for illustrations. */ + --intergalactic-illustration-blue: #6edbff; + /* ⚠️ Use only for illustrations. */ + --intergalactic-illustration-violet: #b880ff; + /* ⚠️ Use only for illustrations. */ + --intergalactic-illustration-pink: #ff7ad1; + /* Default date-picker cell background. */ + --intergalactic-date-picker-cell: #ffffff; + /* Color for marking the cell with the current date, month or year in the date-picker. */ + --intergalactic-date-picker-cell-current: #8a8e9b; + /* Hover state of the default date-picker cell background. */ + --intergalactic-date-picker-cell-hover: #e0e1e9; + /* Background for the cell which is included in the date range in the date-picker. */ + --intergalactic-date-picker-cell-range: #c4e5fe; + /* Hover state of the background for the cell which is included in the date range in the date-picker. */ + --intergalactic-date-picker-cell-range-hover: #8ecdff; + /* Active (selected) date-picker cell background. */ + --intergalactic-date-picker-cell-active: #2bb3ff; + /* Hover for the active (selected) date-picker cell background. */ + --intergalactic-date-picker-cell-active-hover: #008ff8; + /* Color for marking the active cell with the current date, month or year in the date-picker. */ + --intergalactic-date-picker-cell-current-invert: #ffffff80; + /* Active (selected) date-picker cell background for comparison periods. */ + --intergalactic-date-picker-cell-comparison-active: #8649e1; + /* Hover for the active (selected) date-picker cell background for comparison periods. */ + --intergalactic-date-picker-cell-comparison-active-hover: #5925ab; + /* Default background color for the list item in the dropdown-menu. */ + --intergalactic-dropdown-menu-item: #ffffff; + /* Hover state of the default background color for the list item in the dropdown-menu. */ + --intergalactic-dropdown-menu-item-hover: #f4f5f9; + /* Active (selected) state of the default background color for the list item in the dropdown-menu. */ + --intergalactic-dropdown-menu-item-selected: #c4e5feb2; + /* Hover state for the selected state of the default background color for the list item in the dropdown-menu. */ + --intergalactic-dropdown-menu-item-selected-hover: #c4e5fe; + /* Color of the FeaturePopover background with accent theme. */ + --intergalactic-feature-popover-bg: #ffeabd; + /* Color of the outer border of the FeaturePopover.Spot for FeaturePopover with accent theme. */ + --intergalactic-feature-popover-dot-outer-border: #ffeabd; + /* Color of the FeaturePopover background with neutral theme. */ + --intergalactic-feature-popover-bg-neutral: #1d113e; + /* Color of the FeaturePopover.Spot for FeaturePopover with neutral theme. */ + --intergalactic-feature-popover-dot-neutral: #00c192; + /* Color of the outer border of the FeaturePopover.Spot for FeaturePopover with neutral theme. */ + --intergalactic-feature-popover-dot-neutral-outer-border: #82d592; + /* Background color of the ProgressBar. */ + --intergalactic-progress-bar-bg: #e0e1e9; + /* Hover state of the background color of the ProgressBar. */ + --intergalactic-progress-bar-bg-hover: #c4c7cf; + /* Inverted version of the background color of the ProgressBar. */ + --intergalactic-progress-bar-bg-invert: #ffffff33; + /* Hover state for the inverted version of the background color of the ProgressBar. */ + --intergalactic-progress-bar-bg-invert-hover: #ffffff66; + /* Value with gradient for the ProgressBar. */ + --intergalactic-progress-bar-value-gradient: linear-gradient(-45deg, rgba(0, 159, 129, 0.9) 25%, rgba(0, 159, 129, 1) 0%, rgba(0, 159, 129, 1) 50%, rgba(0, 159, 129, 0.9) 0%, rgba(0, 159, 129, 0.9) 75%, rgba(0, 159, 129, 1) 0%); + /* Null value gradient for the ProgressBar. */ + --intergalactic-progress-bar-pattern-gradient: linear-gradient(-45deg, rgba(224, 225, 233, 0.9) 25%, rgba(224, 225, 233, 1) 0%, rgba(224, 225, 233, 1) 50%, rgba(224, 225, 233, 0.9) 0%, rgba(224, 225, 233, 0.9) 75%, rgba(224, 225, 233, 1) 0%); + /* Base value background for the ProgressBar. It is used to create gradients for the values. */ + --intergalactic-progress-bar-value-bg: #000000; + /* Default color for the Skeleton. */ + --intergalactic-skeleton-bg: #e0e1e9cc; + /* Inverted version of the default color for the Skeleton. */ + --intergalactic-skeleton-bg-invert: #ffffff4d; + /* Icon color for the SliderRating component in its normal state. */ + --intergalactic-slider-rating-normal: #b0c4c9; + /* Icon color for the SliderRating component in its hovered and active states. */ + --intergalactic-slider-rating-hover-active: #fdc23c; + /* Background of the header cell in the primary Table. */ + --intergalactic-table-th-primary-cell: #f4f5f9; + /* Background of the hovered header cell in the primary Table. */ + --intergalactic-table-th-primary-cell-hover: #e0e1e9; + /* Background of the active header cell in the primary Table. */ + --intergalactic-table-th-primary-cell-active: #e0e1e9; + /* Background of the header cell in the secondary Table. */ + --intergalactic-table-th-secondary-cell: #ffffff; + /* Background gradient for sorting icon that absolute positioned in the table head. */ + --intergalactic-table-th-gradient: linear-gradient(to right, rgba(234, 239, 241, 0) 0%, rgba(234, 239, 241, 1) 100%); + /* Background of the default cell in the Table. */ + --intergalactic-table-td-cell: #ffffff; + /* Background of the default hovered cell in the Table. */ + --intergalactic-table-td-cell-hover: #f7f7fa; + /* Background of the default active cell in the Table. */ + --intergalactic-table-td-cell-active: #ebecf1; + /* Background of the unread cell in the Table. */ + --intergalactic-table-td-cell-unread: #f4f5f9; + /* Background of the cell inside an Accordion in the Table. */ + --intergalactic-table-td-cell-accordion: #f4f5f9; + /* Background of the selected cell in the Table. */ + --intergalactic-table-td-cell-selected: #e9f7ff; + /* Background of the hovered selected cell in the Table. */ + --intergalactic-table-td-cell-selected-hover: #c4e5fe; + /* Background of the active selected cell in the Table. */ + --intergalactic-table-td-cell-selected-active: #c4e5fe; + /* Background of the cell with new information in the Table. */ + --intergalactic-table-td-cell-new: #dbfee8; + /* Background of the hovered cell with new information in the Table. */ + --intergalactic-table-td-cell-new-hover: #9ef2c9; + /* Background of the active cell with new information in the Table. */ + --intergalactic-table-td-cell-new-active: #9ef2c9; + /* Background of the cell with critical information in the Table. */ + --intergalactic-table-td-cell-critical: #fff0f7; + /* Background of the hovered cell with critical information in the Table. */ + --intergalactic-table-td-cell-critical-hover: #ffd7df; + /* Background of the active cell with critical information in the Table. */ + --intergalactic-table-td-cell-critical-active: #ffd7df; + /* Background of the cell with warning information in the Table. */ + --intergalactic-table-td-cell-warning: #fff3d9; + /* Background of the hovered cell with warning information in the Table. */ + --intergalactic-table-td-cell-warning-hover: #ffdca2; + /* Background of the active cell with warning information in the Table. */ + --intergalactic-table-td-cell-warning-active: #ffdca2; + /* Primary brand color. */ + --intergalactic-brand-primary: #ff642d; + /* Secondary brand color. */ + --intergalactic-brand-secondary: #421983; + /* Pinterest brand color. */ + --intergalactic-brand-pinterest: #bd081c; + /* Instagram brand color. */ + --intergalactic-brand-instagram: #e4405f; + /* Youtube brand color. */ + --intergalactic-brand-youtube: #ff0000; + /* Facebook brand color. */ + --intergalactic-brand-facebook: #1877f2; + /* LinkedIn brand color. */ + --intergalactic-brand-linkedIn: #0a66c2; + /* Twitter brand color. */ + --intergalactic-brand-twitter: #1d9bf0; + /* Google brand color for the link. */ + --intergalactic-brand-google-blue: #1a0dab; + /* Google green brand color for the link. */ + --intergalactic-brand-google-green: #016723; + /* Google My Business brand color. */ + --intergalactic-brand-google-my-business: #1a73e8; + /* Default shadow of the Card. */ + --intergalactic-box-shadow-card: 0px 0px 1px 0px rgba(30, 38, 42, 0.16), 0px 1px 2px 0px rgba(30, 38, 42, 0.12); + /* Hover state for the shadow of the Card with hover state. */ + --intergalactic-box-shadow-card-hover: 3px 3px 30px 0px rgba(30, 38, 42, 0.15); + /* Shadow for show that element are being drag-and-drop. */ + --intergalactic-box-shadow-dnd: 0px 0px 1px 0px rgba(30, 38, 42, 0.16), 0px 12px 40px 0px rgba(30, 38, 42, 0.16); + /* Default shadow if the Modal window. */ + --intergalactic-box-shadow-modal: 0px 3px 8px 0px rgba(30, 38, 42, 0.2); + /* Default shadow of all Poppers, Dropdowns and Tooltips. */ + --intergalactic-box-shadow-popper: 0px 1px 12px 0px rgba(30, 38, 42, 0.15); + /* Color for default keyboard focus outline styles. */ + --intergalactic-keyboard-focus-outline: #008ff8; + /* Color for keyboard focus outline styles for elements with invalid state. */ + --intergalactic-keyboard-focus-invalid-outline: #ff4953; + /* Keyboard focus styles for elements with invalid state. */ + --intergalactic-keyboard-focus-invalid: 0px 0px 0px 3px rgba(255, 73, 83, 0.5); + /* Color for keyboard focus outline styles for elements with valid state. */ + --intergalactic-keyboard-focus-valid-outline: #009f81; + /* Keyboard focus styles for elements with valid state. */ + --intergalactic-keyboard-focus-valid: 0px 0px 0px 3px rgba(0, 159, 129, 0.5); + /* Color for keyboard focus outline styles to use on the dark and color background. */ + --intergalactic-keyboard-focus-invert-outline: #ffffffcc; + /* Keyboard focus styles for use on dark backgrounds. */ + --intergalactic-keyboard-focus-invert: 0px 0px 0px 3px #ffffffcc; + /* Default keyboard focus box-shadow styles. */ + --intergalactic-keyboard-focus: 0px 0px 0px 3px rgba(0, 143, 248, 0.5); + /* Base font family. */ + --intergalactic-base: Inter; + /* Use with font-size-800. */ + --intergalactic-lh-800: 117%; + /* Use with font-size-700. */ + --intergalactic-lh-700: 110%; + /* Use with font-size-600. */ + --intergalactic-lh-600: 125%; + /* Use with font-size-500. */ + --intergalactic-lh-500: 117%; + /* Use with font-size-400. */ + --intergalactic-lh-400: 120%; + /* Use with font-size-300. */ + --intergalactic-lh-300: 150%; + /* Use with font-size-200. */ + --intergalactic-lh-200: 142%; + /* Use with font-size-100. */ + --intergalactic-lh-100: 133%; + /* Semi-bold font weight. */ + --intergalactic-semi-bold: 600; + /* Bold font weight. */ + --intergalactic-bold: 700; + /* Regular font weight. */ + --intergalactic-regular: 400; + /* Medium font weight. */ + --intergalactic-medium: 500; + /* Use only for text in Badge component. */ + --intergalactic-fs-50: 10px; + /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */ + --intergalactic-fs-100: 12px; + --intergalactic-fs-200: 14px; + --intergalactic-fs-300: 16px; + --intergalactic-fs-400: 20px; + --intergalactic-fs-500: 24px; + --intergalactic-fs-600: 32px; + --intergalactic-fs-700: 36px; + --intergalactic-fs-800: 48px; + /* Compact letter spacing. */ + --intergalactic-compact: 0.3; + /* Base denominator of the design system. */ + --intergalactic-scale-indent: 4px; + /* Small size of the controls. Use it for small interactive addons. Avoid using it with the main actions. */ + --intergalactic-form-control-s: 20px; + /* Default size of the controls. */ + --intergalactic-form-control-m: 28px; + /* Large size of the controls. */ + --intergalactic-form-control-l: 40px; + /* 2px */ + --intergalactic-spacing-05x: 2px; + /* 4px */ + --intergalactic-spacing-1x: 4px; + /* 8px */ + --intergalactic-spacing-2x: 8px; + /* 12px */ + --intergalactic-spacing-3x: 12px; + /* 16px */ + --intergalactic-spacing-4x: 16px; + /* 20px */ + --intergalactic-spacing-5x: 20px; + /* 24px */ + --intergalactic-spacing-6x: 24px; + /* 32px */ + --intergalactic-spacing-8x: 32px; + /* 40px */ + --intergalactic-spacing-10x: 40px; + /* 56px */ + --intergalactic-spacing-14x: 56px; + /* 80px */ + --intergalactic-spacing-20x: 80px; + /* 96px */ + --intergalactic-spacing-24x: 96px; + /* 120px */ + --intergalactic-spacing-30x: 120px; + --intergalactic-rounded-extra-small: 2px; + --intergalactic-rounded-small: 4px; + --intergalactic-rounded-medium: 6px; + --intergalactic-rounded-large: 12px; + --intergalactic-rounded-extra-large: 24px; + /* Use for rounding addons and small controls like Checkbox. */ + --intergalactic-addon-rounded: 4px; + /* Use for rounding Badge. */ + --intergalactic-badge-rounded: 6px; + /* Use for rounding big and small charts like bar, histogram and others. */ + --intergalactic-chart-rounded: 2px; + /* Use for rounding Counter. */ + --intergalactic-counter-rounded: 12px; + /* Use for rounding Tag. */ + --intergalactic-tag-rounded: 24px; + /* Use for rounding Switch. */ + --intergalactic-switch-rounded: 24px; + /* Use for rounding all form controls: Button, FilterTrigger, Input, Textarea, Pills, etc. */ + --intergalactic-control-rounded: 6px; + /* Use for rounding bars: ProgressBar, SliderBar, etc. */ + --intergalactic-progress-bar-rounded: 6px; + /* Use for rounding surfaces like Card, blocks, widgets, Notice, etc. */ + --intergalactic-surface-rounded: 6px; + /* Use for rounding all kinds of poppers and dropdowns. */ + --intergalactic-popper-rounded: 6px; + /* Use for rounding all kinds of big modal dialogs (e.g., Modal, Wizard). */ + --intergalactic-modal-rounded: 12px; + /* Use for the disabled state of all kind of the controls and elements. */ + --intergalactic-disabled-opacity: 0.3; + /* Extra small screens (small phones). */ + --intergalactic-screen-extra-small: 320px; + /* Small screens (phones and small tablets). */ + --intergalactic-screen-small: 768px; + /* Medium screens (tablets and small laptops). */ + --intergalactic-screen-medium: 1200px; + /* Large screens (tablets and laptops). */ + --intergalactic-screen-large: 1920px; + /* Use for cover the content under the modal dialogs. */ + --intergalactic-overlay-primary: #191b23b2; + /* Use for the secondary modal dialogs that were opened upon the other modal dialogs. */ + --intergalactic-overlay-secondary: #191b2366; + /* Use as a primary cover of the content under the messages about limitations. */ + --intergalactic-overlay-limitation-primary: #f4f5f9; + /* Use as a secondary cover of the content under the messages about limitations. */ + --intergalactic-overlay-limitation-secondary: #ffffffd9; + --intergalactic-z-index-deep: -999; + --intergalactic-z-index-overlay: 500; + --intergalactic-z-index-modal: 900; + --intergalactic-z-index-popper: 700; + --intergalactic-z-index-dropdown: 750; + --intergalactic-z-index-tooltip: 800; + --intergalactic-z-index-notice-bubble: 999; + /* Default Tooltip background. */ + --intergalactic-tooltip-default: #ffffff; + /* Warning Tooltip background. */ + --intergalactic-tooltip-warning: #ffd7df; + /* Inverted version of the default Tooltip background. */ + --intergalactic-tooltip-invert: #191b23; + /* Neutral border of the components that are combined with neighbor-location property. */ + --intergalactic-neighbor-location-neutral: #ffffff80; + /* Inverted border of the components that are combined with neighbor-location property. */ + --intergalactic-neighbor-location-invert: #00000080; + /* Left-to-right fade shadow for the ScrollArea. */ + --intergalactic-scroll-area-shadow-left: linear-gradient(to right, rgba(30, 38, 42, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%); + /* Right-to-left fade shadow for the ScrollArea. */ + --intergalactic-scroll-area-shadow-right: linear-gradient(to left, rgba(30, 38, 42, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%); + /* Top-to-bottom fade shadow for the ScrollArea. */ + --intergalactic-scroll-area-shadow-top: linear-gradient(to bottom, rgba(30, 38, 42, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%); + /* Bottom-to-top fade shadow for the ScrollArea. */ + --intergalactic-scroll-area-shadow-bottom: linear-gradient(to top, rgba(30, 38, 42, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%); + /* Left-to-right fade shadow for the ScrollArea inside the DropdownMenu. */ + --intergalactic-scroll-area-dropdown-menu-left: linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%); + /* Right-to-left fade shadow for the ScrollArea inside the DropdownMenu. */ + --intergalactic-scroll-area-dropdown-menu-right: linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%); + /* Bottom-to-top fade shadow for the ScrollArea inside the DropdownMenu. */ + --intergalactic-scroll-area-dropdown-menu-bottom: linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%); + /* Top-to-bottom fade shadow for the ScrollArea inside the DropdownMenu. */ + --intergalactic-scroll-area-dropdown-menu-top: linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%); + /* Background color for ScrollBar. */ + --intergalactic-scroll-bar-background: #191b234d; + /* Gray background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the gray-500 color with 0.2 opacity on the white background underneath. */ + --intergalactic-tag-primary-gray-normal: #ecedf0; + /* Gray background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the gray-500 color with 0.3 opacity on the white background underneath. */ + --intergalactic-tag-primary-gray-hover-active: #e3e4e9; + /* Blue background color for primary tag. It’s built with CSS filter brightness(150%) that was applied to blue-500 color with 0.2 opacity on the white background underneath. */ + --intergalactic-tag-primary-blue-normal: #d0eeff; + /* Blue background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the blue-500 color with 0.3 opacity on the white background underneath. */ + --intergalactic-tag-primary-blue-hover-active: #b7e4ff; + /* Green background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the green-500 color with 0.2 opacity on the white background underneath. */ + --intergalactic-tag-primary-green-normal: #cff1ea; + /* Green background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the green-500 color with 0.3 opacity on the white background underneath. */ + --intergalactic-tag-primary-green-hover-active: #b7eae0; + /* Orange background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the orange-500 color with 0.2 opacity on the white background underneath. */ + --intergalactic-tag-primary-orange-normal: #ffddd2; + /* Orange background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the orange-500 color with 0.3 opacity on the white background underneath. */ + --intergalactic-tag-primary-orange-hover-active: #ffccbb; + /* Red background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the red-500 color with 0.2 opacity on the white background underneath. */ + --intergalactic-tag-primary-red-normal: #ffcedc; + /* Red background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the red-500 color with 0.3 opacity on the white background underneath. */ + --intergalactic-tag-primary-red-hover-active: #ffb6ca; + /* Violet background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the violet-500 color with 0.2 opacity on the white background underneath. */ + --intergalactic-tag-primary-violet-normal: #f4e3ff; + /* Violet background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the violet-500 color with 0.3 opacity on the white background underneath. */ + --intergalactic-tag-primary-violet-hover-active: #efd5ff; + /* Yellow background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the yellow-500 color with 0.2 opacity on the white background underneath. */ + --intergalactic-tag-primary-yellow-normal: #fee6d1; + /* Yellow background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the yellow-500 color with 0.3 opacity on the white background underneath. */ + --intergalactic-tag-primary-yellow-hover-active: #fedab9; + /* Primary white tag. */ + --intergalactic-tag-primary-white-normal: #ffffff; + /* Hover and active (selected) state of the primary white tag. */ + --intergalactic-tag-primary-white-hover-active: #ffffff; + /* Gray text for the primary gray tag. */ + --intergalactic-tag-primary-gray-text: #6c6e79; + /* Blue text for the primary blue tag. */ + --intergalactic-tag-primary-blue-text: #006dca; + /* Green text for the primary green tag. */ + --intergalactic-tag-primary-green-text: #007c65; + /* Orange text for the primary orange tag. */ + --intergalactic-tag-primary-orange-text: #c33909; + /* Red text for the primary red tag. */ + --intergalactic-tag-primary-red-text: #d1002f; + /* Violet text for the primary violet tag. */ + --intergalactic-tag-primary-violet-text: #8649e1; + /* Yellow text for the primary yellow tag. */ + --intergalactic-tag-primary-yellow-text: #a75800; + /* White text for the primary white tag. */ + --intergalactic-tag-primary-white-text: #ffffff; + /* Background color for the default secondary tag. */ + --intergalactic-tag-secondary-normal: #ffffff; + /* Hover and active (selected) states of the background color for the default secondary tag. */ + --intergalactic-tag-secondary-hover-active: #f4f5f9; + /* White secondary tag. */ + --intergalactic-tag-secondary-white-normal: #ffffff00; + /* Active state of the secondary white tag. */ + --intergalactic-tag-secondary-white-hover-active: #ffffff1a; + /* Gray text for the default secondary tag. */ + --intergalactic-tag-secondary-gray-text: #6c6e79; + /* White text for the secondary white tag. */ + --intergalactic-tag-secondary-white-text: #ffffff; + /* 1 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-1: #2bb3ff; + /* 2 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-2: #59ddaa; + /* 3 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-3: #ff642d; + /* 4 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-4: #f67cf2; + /* 5 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-5: #fdc23c; + /* 6 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-6: #ab6cfe; + /* 7 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-7: #ff8786; + /* 8 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-8: #9bd85d; + /* 9 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-9: #008ff8; + /* 10 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-10: #00c192; + /* 11 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-11: #ffb26e; + /* 12 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-12: #e14adf; + /* 13 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-13: #ef9800; + /* 14 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-14: #dcb8ff; + /* 15 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-15: #ff4953; + /* 16 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-16: #66c030; + /* 17 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-17: #8ecdff; + /* 18 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-18: #009f81; + /* 19 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-19: #ff8c43; + /* 20 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-20: #ffa9fa; + /* 21 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-21: #d87900; + /* 22 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-22: #c695ff; + /* 23 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-23: #ffaeb5; + /* 24 color in the default list of colors for charts. */ + --intergalactic-chart-palette-order-24: #35a21e; + /* Use it to show total value. */ + --intergalactic-chart-palette-order-total-amount: #8a8e9b; + /* Use it to indicate voids, missing or some other data. */ + --intergalactic-chart-palette-order-other-data: #c4c7cf; + /* Use it to show null value. */ + --intergalactic-chart-palette-order-null: #e0e1e9; + /* Default chart grid line. */ + --intergalactic-chart-grid-line: #e0e1e9; + /* X-axis line on the chart grid. */ + --intergalactic-chart-grid-x-axis: #c4c7cf; + /* Accent line for the hover state on the chart grid. */ + --intergalactic-chart-grid-y-accent-hover-line: #a9abb6; + /* Text label on the chart grid. */ + --intergalactic-chart-grid-text-label: #6c6e79; + /* Background color for the hover state of a bar on the chart grid. */ + --intergalactic-chart-grid-bar-chart-hover: #c4c7cf4d; + /* Default background color of a bar in the BarChart. */ + --intergalactic-chart-grid-bar-chart-base-bg: #e0e1e9; + /* Use for highlighting a period on the chart grid. */ + --intergalactic-chart-grid-period-bg: #c4c7cf33; + /* Stripe color for diagonal pattern background. */ + --intergalactic-chart-grid-period-pattern: #191b2326; + /* Border for distinguishing data sets and chart dots on the chart grid. */ + --intergalactic-chart-grid-border: #ffffff; + /* Background color for the clickable date on the X-axis of the chart grid. */ + --intergalactic-chart-x-axis-accent-period-active: #6c6e79; + /* Background color for the "Start tracking" date on the X-axis of the chart grid. */ + --intergalactic-chart-x-axis-accent-data-start-tracking: #009f8133; + --intergalactic-header-bg: #382e5e; + --intergalactic-header-border-primary: #382e5e; + --intergalactic-header-border-secondary: #ffffff26; + --intergalactic-sidebar-nav-control-hover: rgba(234, 239, 241, 0.7); + --intergalactic-sidebar-nav-control-active: #e2ddff; + --intergalactic-sidebar-nav-control-text-normal: #191b23; + --intergalactic-sidebar-nav-control-text-active: #191b23; + --intergalactic-sidebar-nav-control-icon-normal: #2b2e38; + --intergalactic-sidebar-nav-control-icon-active: #2b2e38; + /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */ + --intergalactic-duration-extra-slow: 500; + /* Should be used for more larger scale animations (such as page transitions) */ + --intergalactic-duration-slow: 400; + /* Should be used for more complex effects (such as Modal) */ + --intergalactic-duration-medium: 300; + /* Should be used for more complex effects (such as Dropdown or Accordion) */ + --intergalactic-duration-fast: 200; + /* Should be used for simpler effects and relatively small-sized animations (such as fades or color changes) */ + --intergalactic-duration-extra-fast: 100; + /* Use for small controls like Switch or Slider. */ + --intergalactic-duration-switch: 100; + /* Use for components based on popper like Tooltip, Dropdown or Filter trigger. */ + --intergalactic-duration-popper: 200; + /* Use for small controls like Checkbox or Radio. */ + --intergalactic-duration-control: 200; + /* Use for Modal, Fullscreen Modal, Side panel or other kind of windows. */ + --intergalactic-duration-modal: 200; + /* Use for Accordion. */ + --intergalactic-duration-accordion: 200; + /* Use for Summary or Counter. */ + --intergalactic-duration-counter: 200; +} \ No newline at end of file diff --git a/semcore/core/src/theme/themes/new.ts b/semcore/core/src/theme/themes/new.ts new file mode 100644 index 0000000000..19188f038d --- /dev/null +++ b/semcore/core/src/theme/themes/new.ts @@ -0,0 +1,489 @@ +export default { + '--gray-50': '#f7f8f9', + '--gray-100': '#eaeff1', + '--gray-200': '#d5dfe2', + '--gray-300': '#b0c4c9', + '--gray-400': '#85a2ab', + '--gray-500': '#668791', + '--gray-600': '#516e78', + '--gray-700': '#425a62', + '--gray-800': '#1e262a', + '--gray-white': '#ffffff', + '--blue-50': '#eaf0ff', + '--blue-100': '#bdd1ff', + '--blue-200': '#9dbaff', + '--blue-300': '#709bff', + '--blue-400': '#5487ff', + '--blue-500': '#2969ff', + '--blue-600': '#2560e8', + '--blue-700': '#1d4bb5', + '--blue-800': '#173a8c', + '--green-50': '#ecf9ef', + '--green-100': '#c5eccd', + '--green-200': '#a9e2b4', + '--green-300': '#82d592', + '--green-400': '#69cd7d', + '--green-500': '#44c15d', + '--green-600': '#3eb055', + '--green-700': '#308942', + '--green-800': '#256a33', + '--red-50': '#ffeaea', + '--red-100': '#ffbdbd', + '--red-200': '#ff9d9d', + '--red-300': '#ff7070', + '--red-400': '#ff5454', + '--red-500': '#ff2929', + '--red-600': '#e82525', + '--red-700': '#b51d1d', + '--red-800': '#8c1717', + '--orange-50': '#fff1ec', + '--orange-100': '#ffd3c3', + '--orange-200': '#ffbda5', + '--orange-300': '#ff9f7c', + '--orange-400': '#ff8d63', + '--orange-500': '#ff703c', + '--orange-600': '#e86637', + '--orange-700': '#b5502b', + '--orange-800': '#8c3e21', + '--yellow-50': '#fff8ea', + '--yellow-100': '#ffeabd', + '--yellow-200': '#ffe09d', + '--yellow-300': '#ffd170', + '--yellow-400': '#ffc954', + '--yellow-500': '#ffbb29', + '--yellow-600': '#e8aa25', + '--yellow-700': '#b5851d', + '--yellow-800': '#8c6717', + '--violet-50': '#f3eaff', + '--violet-100': '#dabdff', + '--violet-200': '#c99dff', + '--violet-300': '#b070ff', + '--violet-400': '#a155ff', + '--violet-500': '#892aff', + '--violet-600': '#7d26e8', + '--violet-700': '#611eb5', + '--violet-800': '#4b178c', + '--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': '#ff87eb', + '--pink-400': '#e14adf', + '--pink-500': '#b229b9', + '--pink-600': '#7d0480', + '--pink-700': '#4d0050', + '--pink-800': '#340439', + '--salad-50': '#e8fef9', + '--salad-100': '#b7faeb', + '--salad-200': '#95f8e2', + '--salad-300': '#64f5d4', + '--salad-400': '#46f3cc', + '--salad-500': '#18f0bf', + '--salad-600': '#16daae', + '--salad-700': '#11aa88', + '--salad-800': '#0d8469', + '--intergalactic-bg-primary-neutral': '#ffffff', + '--intergalactic-bg-primary-neutral-hover': '#f4f5f9', + '--intergalactic-bg-primary-neutral-active': '#e0e1e9', + '--intergalactic-bg-primary-info': '#008ff8', + '--intergalactic-bg-primary-success': '#18f0bf', + '--intergalactic-bg-primary-critical': '#e82525', + '--intergalactic-bg-primary-warning': '#ff642d', + '--intergalactic-bg-primary-highlight': '#fce081', + '--intergalactic-bg-primary-advertising': '#421983', + '--intergalactic-bg-primary-muted': '#6c6e79', + '--intergalactic-bg-primary-invert': '#191b23', + '--intergalactic-bg-primary-invert-hover': '#2b2e38', + '--intergalactic-bg-primary-invert-active': '#484a54', + '--intergalactic-bg-secondary-neutral': '#f4f5f9', + '--intergalactic-bg-secondary-neutral-hover': '#e0e1e9', + '--intergalactic-bg-secondary-neutral-active': '#c4c7cf', + '--intergalactic-bg-secondary-info': '#e9f7ff', + '--intergalactic-bg-secondary-info-hover': '#c4e5fe', + '--intergalactic-bg-secondary-info-active': '#8ecdff', + '--intergalactic-bg-secondary-success': '#dbfee8', + '--intergalactic-bg-secondary-success-hover': '#9ef2c9', + '--intergalactic-bg-secondary-success-active': '#59ddaa', + '--intergalactic-bg-secondary-critical': '#fff0f7', + '--intergalactic-bg-secondary-critical-hover': '#ffd7df', + '--intergalactic-bg-secondary-critical-active': '#ffaeb5', + '--intergalactic-bg-secondary-warning': '#fff3d9', + '--intergalactic-bg-secondary-warning-hover': '#ffdca2', + '--intergalactic-bg-secondary-warning-active': '#ffb26e', + '--intergalactic-bg-secondary-highlight': '#fdf7c8', + '--intergalactic-bg-secondary-highlight-hover': '#fce081', + '--intergalactic-bg-secondary-highlight-active': '#fdc23c', + '--intergalactic-bg-secondary-advertising': '#f9f2ff', + '--intergalactic-bg-secondary-advertising-hover': '#edd9ff', + '--intergalactic-bg-secondary-advertising-active': '#dcb8ff', + '--intergalactic-bg-highlight-results': '#ef980066', + '--intergalactic-bg-highlight-focus': '#008ff833', + '--intergalactic-text-primary': '#000000eb', + '--intergalactic-text-secondary': '#00000099', + '--intergalactic-text-placeholder': '#0000007a', + '--intergalactic-text-success': '#00342d', + '--intergalactic-text-success-hover-active': '#00342d', + '--intergalactic-text-critical': '#d1002f', + '--intergalactic-text-critical-hover-active': '#8e0016', + '--intergalactic-text-primary-invert': '#ffffff', + '--intergalactic-text-secondary-invert': '#ffffffcc', + '--intergalactic-text-link': '#1d1d20', + '--intergalactic-text-link-hover-active': '#1d1d20', + '--intergalactic-text-link-invert': '#8ecdff', + '--intergalactic-text-link-invert-hover': '#2bb3ff', + '--intergalactic-text-link-visited': '#8649e1', + '--intergalactic-text-hint': '#6c6e79', + '--intergalactic-text-hint-hover-active': '#484a54', + '--intergalactic-text-hint-invert': '#c4c7cf', + '--intergalactic-text-hint-invert-hover-active': '#a9abb6', + '--intergalactic-text-large-secondary': '#a9abb6', + '--intergalactic-text-large-info': '#1d1d20', + '--intergalactic-text-large-info-hover-active': '#1d1d20', + '--intergalactic-text-large-success': '#009f81', + '--intergalactic-text-large-success-hover-active': '#007c65', + '--intergalactic-text-large-critical': '#ff4953', + '--intergalactic-text-large-critical-hover-active': '#d1002f', + '--intergalactic-text-advertising': '#421983', + '--intergalactic-border-primary': '#c4c7cf', + '--intergalactic-border-secondary': '#e0e1e9', + '--intergalactic-border-info': '#008ff8', + '--intergalactic-border-info-active': '#1e262a', + '--intergalactic-border-success': '#009f81', + '--intergalactic-border-success-active': '#009f81', + '--intergalactic-border-critical': '#ff4953', + '--intergalactic-border-critical-active': '#ff4953', + '--intergalactic-border-warning': '#ffb26e', + '--intergalactic-border-warning-active': '#c33909', + '--intergalactic-border-primary-invert': '#ffffff', + '--intergalactic-border-secondary-invert': '#ffffff4d', + '--intergalactic-border-tooltip-invert': '#6c6e79', + '--intergalactic-border-table-accent': '#eaeff1', + '--intergalactic-border-date-picker-range-comparison': '#ab6cfe', + '--intergalactic-border-critical-pattern': '#ffffff', + '--intergalactic-control-switch-bg': '#15161b', + '--intergalactic-control-primary-info': '#191b23', + '--intergalactic-control-primary-info-hover': '#191b23', + '--intergalactic-control-primary-info-active': '#191b23', + '--intergalactic-control-primary-success': '#007c65', + '--intergalactic-control-primary-success-hover': '#007c65', + '--intergalactic-control-primary-success-active': '#007c65', + '--intergalactic-control-primary-critical': '#ff4953', + '--intergalactic-control-primary-critical-hover': '#ff4953', + '--intergalactic-control-primary-critical-active': '#ff4953', + '--intergalactic-control-primary-brand': '#ff642d', + '--intergalactic-control-primary-brand-hover': '#c33909', + '--intergalactic-control-primary-brand-active': '#8b1500', + '--intergalactic-control-primary-advertising': '#ab6cfe', + '--intergalactic-control-primary-advertising-hover': '#ab6cfe', + '--intergalactic-control-primary-advertising-active': '#ab6cfe', + '--intergalactic-control-primary-invert': '#ffffff', + '--intergalactic-control-primary-invert-hover': '#f4f5f9', + '--intergalactic-control-primary-invert-active': '#e0e1e9', + '--intergalactic-control-secondary-neutral': '#e0e1e9', + '--intergalactic-control-secondary-neutral-hover': '#c4c7cf', + '--intergalactic-control-secondary-neutral-active': '#c4c7cf', + '--intergalactic-control-secondary-info': '#ffffff', + '--intergalactic-control-secondary-info-hover': '#008ff833', + '--intergalactic-control-secondary-info-active': '#008ff84d', + '--intergalactic-control-secondary-invert': '#ffffff0d', + '--intergalactic-control-secondary-invert-hover': '#ffffff1a', + '--intergalactic-control-secondary-invert-active': '#ffffff4d', + '--intergalactic-control-tertiary-neutral': '#eaeff100', + '--intergalactic-control-tertiary-neutral-hover': '#eaeff133', + '--intergalactic-control-tertiary-neutral-active': '#eaeff14d', + '--intergalactic-control-tertiary-info': '#bdd1ff00', + '--intergalactic-control-tertiary-info-hover': '#bdd1ff33', + '--intergalactic-control-tertiary-info-active': '#bdd1ff4d', + '--intergalactic-control-tertiary-invert': '#ffffff00', + '--intergalactic-control-tertiary-invert-hover': '#ffffff1a', + '--intergalactic-control-tertiary-invert-active': '#ffffff4d', + '--intergalactic-icon-primary-neutral': '#6c6e79', + '--intergalactic-icon-primary-neutral-hover-active': '#565861', + '--intergalactic-icon-primary-info': '#006dca', + '--intergalactic-icon-primary-info-hover-active': '#0358a1', + '--intergalactic-icon-primary-success': '#009f81', + '--intergalactic-icon-primary-success-hover-active': '#037e68', + '--intergalactic-icon-primary-critical': '#ff4953', + '--intergalactic-icon-primary-critical-hover-active': '#cc3a42', + '--intergalactic-icon-primary-warning': '#ff642d', + '--intergalactic-icon-primary-warning-hover-active': '#cc5024', + '--intergalactic-icon-primary-invert': '#ffffff', + '--intergalactic-icon-primary-invert-hover-active': '#e0e1e9', + '--intergalactic-icon-secondary-neutral': '#a9abb6', + '--intergalactic-icon-secondary-neutral-hover-active': '#878992', + '--intergalactic-icon-secondary-info': '#2bb3ff', + '--intergalactic-icon-secondary-info-hover-active': '#2290cc', + '--intergalactic-icon-secondary-success': '#00c192', + '--intergalactic-icon-secondary-success-hover-active': '#049b75', + '--intergalactic-icon-secondary-critical': '#ff8786', + '--intergalactic-icon-secondary-critical-hover-active': '#cc6c6b', + '--intergalactic-icon-secondary-warning': '#ff8c43', + '--intergalactic-icon-secondary-warning-hover-active': '#cc7036', + '--intergalactic-icon-non-interactive': '#191b23', + '--intergalactic-illustration-red': '#ff788f', + '--intergalactic-illustration-orange': '#ff9400', + '--intergalactic-illustration-yellow': '#ffe84d', + '--intergalactic-illustration-salad': '#c7fa73', + '--intergalactic-illustration-green': '#45e0a8', + '--intergalactic-illustration-blue': '#6edbff', + '--intergalactic-illustration-violet': '#b880ff', + '--intergalactic-illustration-pink': '#ff7ad1', + '--intergalactic-date-picker-cell': '#ffffff', + '--intergalactic-date-picker-cell-current': '#8a8e9b', + '--intergalactic-date-picker-cell-hover': '#e0e1e9', + '--intergalactic-date-picker-cell-range': '#c4e5fe', + '--intergalactic-date-picker-cell-range-hover': '#8ecdff', + '--intergalactic-date-picker-cell-active': '#2bb3ff', + '--intergalactic-date-picker-cell-active-hover': '#008ff8', + '--intergalactic-date-picker-cell-current-invert': '#ffffff80', + '--intergalactic-date-picker-cell-comparison-active': '#8649e1', + '--intergalactic-date-picker-cell-comparison-active-hover': '#5925ab', + '--intergalactic-dropdown-menu-item': '#ffffff', + '--intergalactic-dropdown-menu-item-hover': '#f4f5f9', + '--intergalactic-dropdown-menu-item-selected': '#c4e5feb2', + '--intergalactic-dropdown-menu-item-selected-hover': '#c4e5fe', + '--intergalactic-feature-popover-bg': '#ffeabd', + '--intergalactic-feature-popover-dot-outer-border': '#ffeabd', + '--intergalactic-feature-popover-bg-neutral': '#1d113e', + '--intergalactic-feature-popover-dot-neutral': '#00c192', + '--intergalactic-feature-popover-dot-neutral-outer-border': '#82d592', + '--intergalactic-progress-bar-bg': '#e0e1e9', + '--intergalactic-progress-bar-bg-hover': '#c4c7cf', + '--intergalactic-progress-bar-bg-invert': '#ffffff33', + '--intergalactic-progress-bar-bg-invert-hover': '#ffffff66', + '--intergalactic-progress-bar-value-gradient': 'linear-gradient(-45deg, rgba(0, 159, 129, 0.9) 25%, rgba(0, 159, 129, 1) 0%, rgba(0, 159, 129, 1) 50%, rgba(0, 159, 129, 0.9) 0%, rgba(0, 159, 129, 0.9) 75%, rgba(0, 159, 129, 1) 0%)', + '--intergalactic-progress-bar-pattern-gradient': 'linear-gradient(-45deg, rgba(224, 225, 233, 0.9) 25%, rgba(224, 225, 233, 1) 0%, rgba(224, 225, 233, 1) 50%, rgba(224, 225, 233, 0.9) 0%, rgba(224, 225, 233, 0.9) 75%, rgba(224, 225, 233, 1) 0%)', + '--intergalactic-progress-bar-value-bg': '#000000', + '--intergalactic-skeleton-bg': '#e0e1e9cc', + '--intergalactic-skeleton-bg-invert': '#ffffff4d', + '--intergalactic-slider-rating-normal': '#b0c4c9', + '--intergalactic-slider-rating-hover-active': '#fdc23c', + '--intergalactic-table-th-primary-cell': '#f4f5f9', + '--intergalactic-table-th-primary-cell-hover': '#e0e1e9', + '--intergalactic-table-th-primary-cell-active': '#e0e1e9', + '--intergalactic-table-th-secondary-cell': '#ffffff', + '--intergalactic-table-th-gradient': 'linear-gradient(to right, rgba(234, 239, 241, 0) 0%, rgba(234, 239, 241, 1) 100%)', + '--intergalactic-table-td-cell': '#ffffff', + '--intergalactic-table-td-cell-hover': '#f7f7fa', + '--intergalactic-table-td-cell-active': '#ebecf1', + '--intergalactic-table-td-cell-unread': '#f4f5f9', + '--intergalactic-table-td-cell-accordion': '#f4f5f9', + '--intergalactic-table-td-cell-selected': '#e9f7ff', + '--intergalactic-table-td-cell-selected-hover': '#c4e5fe', + '--intergalactic-table-td-cell-selected-active': '#c4e5fe', + '--intergalactic-table-td-cell-new': '#dbfee8', + '--intergalactic-table-td-cell-new-hover': '#9ef2c9', + '--intergalactic-table-td-cell-new-active': '#9ef2c9', + '--intergalactic-table-td-cell-critical': '#fff0f7', + '--intergalactic-table-td-cell-critical-hover': '#ffd7df', + '--intergalactic-table-td-cell-critical-active': '#ffd7df', + '--intergalactic-table-td-cell-warning': '#fff3d9', + '--intergalactic-table-td-cell-warning-hover': '#ffdca2', + '--intergalactic-table-td-cell-warning-active': '#ffdca2', + '--intergalactic-brand-primary': '#ff642d', + '--intergalactic-brand-secondary': '#421983', + '--intergalactic-brand-pinterest': '#bd081c', + '--intergalactic-brand-instagram': '#e4405f', + '--intergalactic-brand-youtube': '#ff0000', + '--intergalactic-brand-facebook': '#1877f2', + '--intergalactic-brand-linkedIn': '#0a66c2', + '--intergalactic-brand-twitter': '#1d9bf0', + '--intergalactic-brand-google-blue': '#1a0dab', + '--intergalactic-brand-google-green': '#016723', + '--intergalactic-brand-google-my-business': '#1a73e8', + '--intergalactic-box-shadow-card': '0px 0px 1px 0px rgba(30, 38, 42, 0.16), 0px 1px 2px 0px rgba(30, 38, 42, 0.12)', + '--intergalactic-box-shadow-card-hover': '3px 3px 30px 0px rgba(30, 38, 42, 0.15)', + '--intergalactic-box-shadow-dnd': '0px 0px 1px 0px rgba(30, 38, 42, 0.16), 0px 12px 40px 0px rgba(30, 38, 42, 0.16)', + '--intergalactic-box-shadow-modal': '0px 3px 8px 0px rgba(30, 38, 42, 0.2)', + '--intergalactic-box-shadow-popper': '0px 1px 12px 0px rgba(30, 38, 42, 0.15)', + '--intergalactic-keyboard-focus-outline': '#008ff8', + '--intergalactic-keyboard-focus-invalid-outline': '#ff4953', + '--intergalactic-keyboard-focus-invalid': '0px 0px 0px 3px rgba(255, 73, 83, 0.5)', + '--intergalactic-keyboard-focus-valid-outline': '#009f81', + '--intergalactic-keyboard-focus-valid': '0px 0px 0px 3px rgba(0, 159, 129, 0.5)', + '--intergalactic-keyboard-focus-invert-outline': '#ffffffcc', + '--intergalactic-keyboard-focus-invert': '0px 0px 0px 3px #ffffffcc', + '--intergalactic-keyboard-focus': '0px 0px 0px 3px rgba(0, 143, 248, 0.5)', + '--intergalactic-base': 'Inter', + '--intergalactic-lh-800': '117%', + '--intergalactic-lh-700': '110%', + '--intergalactic-lh-600': '125%', + '--intergalactic-lh-500': '117%', + '--intergalactic-lh-400': '120%', + '--intergalactic-lh-300': '150%', + '--intergalactic-lh-200': '142%', + '--intergalactic-lh-100': '133%', + '--intergalactic-semi-bold': '600', + '--intergalactic-bold': '700', + '--intergalactic-regular': '400', + '--intergalactic-medium': '500', + '--intergalactic-fs-50': '10px', + '--intergalactic-fs-100': '12px', + '--intergalactic-fs-200': '14px', + '--intergalactic-fs-300': '16px', + '--intergalactic-fs-400': '20px', + '--intergalactic-fs-500': '24px', + '--intergalactic-fs-600': '32px', + '--intergalactic-fs-700': '36px', + '--intergalactic-fs-800': '48px', + '--intergalactic-compact': '0.3', + '--intergalactic-scale-indent': '4px', + '--intergalactic-form-control-s': '20px', + '--intergalactic-form-control-m': '28px', + '--intergalactic-form-control-l': '40px', + '--intergalactic-spacing-05x': '2px', + '--intergalactic-spacing-1x': '4px', + '--intergalactic-spacing-2x': '8px', + '--intergalactic-spacing-3x': '12px', + '--intergalactic-spacing-4x': '16px', + '--intergalactic-spacing-5x': '20px', + '--intergalactic-spacing-6x': '24px', + '--intergalactic-spacing-8x': '32px', + '--intergalactic-spacing-10x': '40px', + '--intergalactic-spacing-14x': '56px', + '--intergalactic-spacing-20x': '80px', + '--intergalactic-spacing-24x': '96px', + '--intergalactic-spacing-30x': '120px', + '--intergalactic-rounded-extra-small': '2px', + '--intergalactic-rounded-small': '4px', + '--intergalactic-rounded-medium': '6px', + '--intergalactic-rounded-large': '12px', + '--intergalactic-rounded-extra-large': '24px', + '--intergalactic-addon-rounded': '4px', + '--intergalactic-badge-rounded': '6px', + '--intergalactic-chart-rounded': '2px', + '--intergalactic-counter-rounded': '12px', + '--intergalactic-tag-rounded': '24px', + '--intergalactic-switch-rounded': '24px', + '--intergalactic-control-rounded': '6px', + '--intergalactic-progress-bar-rounded': '6px', + '--intergalactic-surface-rounded': '6px', + '--intergalactic-popper-rounded': '6px', + '--intergalactic-modal-rounded': '12px', + '--intergalactic-disabled-opacity': '0.3', + '--intergalactic-screen-extra-small': '320px', + '--intergalactic-screen-small': '768px', + '--intergalactic-screen-medium': '1200px', + '--intergalactic-screen-large': '1920px', + '--intergalactic-overlay-primary': '#191b23b2', + '--intergalactic-overlay-secondary': '#191b2366', + '--intergalactic-overlay-limitation-primary': '#f4f5f9', + '--intergalactic-overlay-limitation-secondary': '#ffffffd9', + '--intergalactic-z-index-deep': '-999', + '--intergalactic-z-index-overlay': '500', + '--intergalactic-z-index-modal': '900', + '--intergalactic-z-index-popper': '700', + '--intergalactic-z-index-dropdown': '750', + '--intergalactic-z-index-tooltip': '800', + '--intergalactic-z-index-notice-bubble': '999', + '--intergalactic-tooltip-default': '#ffffff', + '--intergalactic-tooltip-warning': '#ffd7df', + '--intergalactic-tooltip-invert': '#191b23', + '--intergalactic-neighbor-location-neutral': '#ffffff80', + '--intergalactic-neighbor-location-invert': '#00000080', + '--intergalactic-scroll-area-shadow-left': 'linear-gradient(to right, rgba(30, 38, 42, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%)', + '--intergalactic-scroll-area-shadow-right': 'linear-gradient(to left, rgba(30, 38, 42, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%)', + '--intergalactic-scroll-area-shadow-top': 'linear-gradient(to bottom, rgba(30, 38, 42, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%)', + '--intergalactic-scroll-area-shadow-bottom': 'linear-gradient(to top, rgba(30, 38, 42, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%)', + '--intergalactic-scroll-area-dropdown-menu-left': 'linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)', + '--intergalactic-scroll-area-dropdown-menu-right': 'linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)', + '--intergalactic-scroll-area-dropdown-menu-bottom': 'linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)', + '--intergalactic-scroll-area-dropdown-menu-top': 'linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)', + '--intergalactic-scroll-bar-background': '#191b234d', + '--intergalactic-tag-primary-gray-normal': '#ecedf0', + '--intergalactic-tag-primary-gray-hover-active': '#e3e4e9', + '--intergalactic-tag-primary-blue-normal': '#d0eeff', + '--intergalactic-tag-primary-blue-hover-active': '#b7e4ff', + '--intergalactic-tag-primary-green-normal': '#cff1ea', + '--intergalactic-tag-primary-green-hover-active': '#b7eae0', + '--intergalactic-tag-primary-orange-normal': '#ffddd2', + '--intergalactic-tag-primary-orange-hover-active': '#ffccbb', + '--intergalactic-tag-primary-red-normal': '#ffcedc', + '--intergalactic-tag-primary-red-hover-active': '#ffb6ca', + '--intergalactic-tag-primary-violet-normal': '#f4e3ff', + '--intergalactic-tag-primary-violet-hover-active': '#efd5ff', + '--intergalactic-tag-primary-yellow-normal': '#fee6d1', + '--intergalactic-tag-primary-yellow-hover-active': '#fedab9', + '--intergalactic-tag-primary-white-normal': '#ffffff', + '--intergalactic-tag-primary-white-hover-active': '#ffffff', + '--intergalactic-tag-primary-gray-text': '#6c6e79', + '--intergalactic-tag-primary-blue-text': '#006dca', + '--intergalactic-tag-primary-green-text': '#007c65', + '--intergalactic-tag-primary-orange-text': '#c33909', + '--intergalactic-tag-primary-red-text': '#d1002f', + '--intergalactic-tag-primary-violet-text': '#8649e1', + '--intergalactic-tag-primary-yellow-text': '#a75800', + '--intergalactic-tag-primary-white-text': '#ffffff', + '--intergalactic-tag-secondary-normal': '#ffffff', + '--intergalactic-tag-secondary-hover-active': '#f4f5f9', + '--intergalactic-tag-secondary-white-normal': '#ffffff00', + '--intergalactic-tag-secondary-white-hover-active': '#ffffff1a', + '--intergalactic-tag-secondary-gray-text': '#6c6e79', + '--intergalactic-tag-secondary-white-text': '#ffffff', + '--intergalactic-chart-palette-order-1': '#2bb3ff', + '--intergalactic-chart-palette-order-2': '#59ddaa', + '--intergalactic-chart-palette-order-3': '#ff642d', + '--intergalactic-chart-palette-order-4': '#f67cf2', + '--intergalactic-chart-palette-order-5': '#fdc23c', + '--intergalactic-chart-palette-order-6': '#ab6cfe', + '--intergalactic-chart-palette-order-7': '#ff8786', + '--intergalactic-chart-palette-order-8': '#9bd85d', + '--intergalactic-chart-palette-order-9': '#008ff8', + '--intergalactic-chart-palette-order-10': '#00c192', + '--intergalactic-chart-palette-order-11': '#ffb26e', + '--intergalactic-chart-palette-order-12': '#e14adf', + '--intergalactic-chart-palette-order-13': '#ef9800', + '--intergalactic-chart-palette-order-14': '#dcb8ff', + '--intergalactic-chart-palette-order-15': '#ff4953', + '--intergalactic-chart-palette-order-16': '#66c030', + '--intergalactic-chart-palette-order-17': '#8ecdff', + '--intergalactic-chart-palette-order-18': '#009f81', + '--intergalactic-chart-palette-order-19': '#ff8c43', + '--intergalactic-chart-palette-order-20': '#ffa9fa', + '--intergalactic-chart-palette-order-21': '#d87900', + '--intergalactic-chart-palette-order-22': '#c695ff', + '--intergalactic-chart-palette-order-23': '#ffaeb5', + '--intergalactic-chart-palette-order-24': '#35a21e', + '--intergalactic-chart-palette-order-total-amount': '#8a8e9b', + '--intergalactic-chart-palette-order-other-data': '#c4c7cf', + '--intergalactic-chart-palette-order-null': '#e0e1e9', + '--intergalactic-chart-grid-line': '#e0e1e9', + '--intergalactic-chart-grid-x-axis': '#c4c7cf', + '--intergalactic-chart-grid-y-accent-hover-line': '#a9abb6', + '--intergalactic-chart-grid-text-label': '#6c6e79', + '--intergalactic-chart-grid-bar-chart-hover': '#c4c7cf4d', + '--intergalactic-chart-grid-bar-chart-base-bg': '#e0e1e9', + '--intergalactic-chart-grid-period-bg': '#c4c7cf33', + '--intergalactic-chart-grid-period-pattern': '#191b2326', + '--intergalactic-chart-grid-border': '#ffffff', + '--intergalactic-chart-x-axis-accent-period-active': '#6c6e79', + '--intergalactic-chart-x-axis-accent-data-start-tracking': '#009f8133', + '--intergalactic-header-bg': '#382e5e', + '--intergalactic-header-border-primary': '#382e5e', + '--intergalactic-header-border-secondary': '#ffffff26', + '--intergalactic-sidebar-nav-control-hover': 'rgba(234, 239, 241, 0.7)', + '--intergalactic-sidebar-nav-control-active': '#e2ddff', + '--intergalactic-sidebar-nav-control-text-normal': '#191b23', + '--intergalactic-sidebar-nav-control-text-active': '#191b23', + '--intergalactic-sidebar-nav-control-icon-normal': '#2b2e38', + '--intergalactic-sidebar-nav-control-icon-active': '#2b2e38', + '--intergalactic-duration-extra-slow': '500', + '--intergalactic-duration-slow': '400', + '--intergalactic-duration-medium': '300', + '--intergalactic-duration-fast': '200', + '--intergalactic-duration-extra-fast': '100', + '--intergalactic-duration-switch': '100', + '--intergalactic-duration-popper': '200', + '--intergalactic-duration-control': '200', + '--intergalactic-duration-modal': '200', + '--intergalactic-duration-accordion': '200', + '--intergalactic-duration-counter': '200', +}; diff --git a/stories/theme/fonts/LazzerVF.woff2 b/stories/theme/fonts/LazzerVF.woff2 new file mode 100755 index 0000000000000000000000000000000000000000..ca3be2940285626f7dd76d8097d8010a54bcedb2 GIT binary patch literal 138452 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

uPo#TFIgXEbtYKz^Oj>BOoqV#dIxkI0Z%zv^K( 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�OvgVvKu| z$l00wUtnA9QL67D6PDxBf6)>aX1cIxO;;V1`Zq?Gy~mu5EvCruwIkfr@$K5P|0sid zu@DY_T-`f0lGyi+wQKFkv%`k^KXZXJV~zB!o|{gWxJPi*pd-(v&ZspqSeRAW#U^Cu zxUOZ@o+^PMVUdryg?IqXh=MzJ3e^JX2wtXLUGWG7C&1wqg=5Si<7!|aAe>yYxg>Y| zuZYqOu(XYL9gC)caf#-d6@h-#(q=52NUkS(X^I^PE;^@%RmB!v_LC_HW@?HWLHuC)H-2u1WR6U(*5n}PZdA#jfhRnV5qBHj{ z3O*5(R2hy-fDOtdT}4c)6B~VsQP7Xf-D!klAMd@nd zH~>PH6nvFgVlXAEAS;7RkRhmXRbrV+c&hfhNj^p)a}@}YHr7+88~C2;%raLh+aFaa zAuH@a34dO~l<>Zs^|5DAw$p#CK`Q;JOT=m8u=5oHPIZ%@DWAPMTA(>wX z@^X$^!Nes*Oo{_Jk|LV2X*0*4Y$iN{oy&aFJ^2%U;RU**08eKqKlzd~&>$K7=WVqR zx@u6-4i~wBAs$mYB`0e60ZUZ$);tJ&R+3(QNtgetAMPc=eks9UY8l!hQLRhoY}gsA zj^nEH$9pnv6t;h=))Q+}ev!m^`pS0(B%(Drnjvcw`__eLgQHF8|ynvbL(Z zUfM0lwH0_sH?MsPdEwp&zwY=>-+a0^vycW8`0w*G7M3+aNj{LyDu|zj4w`%zPnjzw z)VF?{K{I2WwW^U8V%FMRFh66`6TAOO{F1%8ga2b%TH-wZjCPhyFTp#ln^y@tfB4|Cf^|>Qz4%@ELt?ExnTN`m1S~B+ZcK zvx~$)x?tr$c0M<7BHvRLAz=QNMg30G)W5!^Dm8dZG)Xd8PVW!mC>=r0aHMC=7t+i~ zLk>35w~ag)WUD8tB2?Z@_EEr}Cx*7cH6iPj-SvFbLLzd7W%$K{j0LGj20DwA?jLGF zlc)Ajz)!e@7#c{9Y?gdPl{PT^a@U)fO60*)6FkNRF=&{#vH;C1=+c`gKjz1SfJ~p9Go!Yl>S3?U6=$gg4!IBb@cH|3C zuS^I#Bk!1oqEG-UkB3r*2-Xqf=LxjwfrW~6zH5^@ZCBV`?>!j^u!>b=Ad-d@S9)ga z>+ZI=i4B;%t@s-sEoh_ojIgc@bk=0v-thF`V2$%O`G@nm1CMm1XcE7q=)~8y>N@}3 zzI~nYcmeG&Z*cLwb?aJdn=R(8+SL|X+)T0r+-UyM9XWkDZe^e9sLtkZt9I&sWOs#TP*m0e+wd& zWAG%|8B?yfo0T>ZZ2|4cxR9MqG8g9J8Zso142gQBP5IZ4j;|!((nZPx7dQD_{4rB5 zuSih9unZ;XrjA@ScJcw!=5$s&f;8=$j@Znb*2McBE!uekAKsu>D$PAhKR`EFm%Vz{ zX$YU}z62$tk`^aCIuJ3T;j{4&oGN5tWhRJbJ_fAy8r6Nm4YcF5Wf6qTH4pvyWcYxi z8kTl9DE1RGTO>scBBD)BQ>_XJO-N$2xIgmLP^}ZF_Z!E_rBZQif{te1Nz&c_QILNQ z(mCcE?eh)#_YChvUx(j@0Z4tK@zwc_R~mc`yXxVs;X!z?e=B@+0R#uIu98ffG>a*& z_An8^cP}bQwJDQ?=H82v)a6ixEhkijwdhc>r2_t2=5Gu?DL{u>TK)z^Ij~C;X{)!x zfBKj7DXgY$Rva7xj$*qSS?*7+Ud#zY^^3BiHv=#z-47N3xDOdyp{*AqGR|-Fk zoyMoSw#8fUTd-(_n|lfS5=a|7^A!cOw%D5m|8TeAx5-X|U)dM%TLr_<5ZfQ#HhkuG z@}*}$Z~%YlS{S$2D&klIsgwjC#8bCzW{m3{n=Upp)eFD&5a6urDL5^Yr8 zH-}$fMlWVA0$V?Rfqv`tE%(ZSP!d zgef=Oe$LazPFBorL`bVG+0sg#*Vu&| z(`m2L37ICm#*pt-er(Vu&8^8}_LMJt8Us56Jojf-%4~Uuk{xnsI!X46as0ykHgr^M zOjvRo+E-m%Va7pjJ;ku8Q};i0%F;soFXfh!=u_a{l!1{eU-ti&E41@h^Zyl&*snLS#8UyvXV6 zS#EH-x@CsA)~NMlM1ACbaz>za8T97pfXL@vrtsv#u+APEkUC1MQUOg{hTGrNN6kpI zA*K3S{Qt>Pz&cY8XV^hsWU@`g8pD+wv@noz`Z(ioY6C z4wm!*OQ57z4uxEAR!oQ}CymOE>-s z2tJN{9KQQj>U+5t{y%y7B$hy@Ixrt_GkTrOm5Nt)q8VAjV=| zt@HHzESvI9)=+aeB~U1$Jfn}^)11;xcew1*5YOPF^)x4SGp(*WmMoCj^8LUhOlZt! z+mds!2koI2fzgzg8xzZM>omc*SffqxEM7)8k}}TpxjcG1x5C?x;>NfK-P3b*~zJk$*%AIC8 zkc|pX_>e6*CwIsh$_um(_?TcHvZ{*TsN-517>gP@k-nyHNhelwphXZs2_04 zpiZ|a&F0*|$o<zJz ztu4(FhW3wkAE)*brj)d1^@+L0;(m71otAR4!xTP%nT68k+EUQHb_m38Z|UewThl7V z{>NXUIj@qpI)`t%zWH?3Rcs@WC(Cc#Xq1j=c=`<8@KE2DlkLrUm7>-8!Q!J1O8S5~ zV1ZBEc|U%nb{Eq-VaMw_v7Y3VsN|8jR2v!a=+>oP znH+)#;Q$j>jPR}}%xpN&crWR{Z~_5Gq3otG2eD~7HFo|HZ$r9C8lQi^*<%Xm=mpa4|AR`W2LaF+B0 ziSS6xBcIz0`d(ptiDP`Jz2^fn?j0VOm;tTBt%nZ0c4l0SjR?OMa-J0jiQhbV2s&@` z7GrkAM;p3$5o5WFY7^7=XcFk~_CXT3vK#y@^;wb}u>`ICYsk85H>VUc> zPeJ9JoYxr|6H#V(sPH{R*Eb9uX2|$iX^wP6`FJGar(0b+D%if3wi^D6zSBhJ23#2f z`2`Y*8*rzAT||PmcEWvK7FBL)X0kYo$ z8(Z}EuC~9$R!KJC$QZK*pF^C%?8mTJGs4}T9x!+2Xwx~|5JJ~PzM$jki?d&vTQR%i}y#nt)-5&_3R!gUyWtzlYG5oHcL zTqup-+-WroxYUfy15x&yA|E42jVhYerL4gy^3n4&RN>N;@)~gAx7}#F$-iBG5O=I1 zL#R5WP_}KW*zp<+NHNZSwY6a8HX@%m7`LIAOs`wSa6cTQDD0g|W6B`og@c+*8dDtf zNm>41l0K#^LfK1q@a4*QtHz^2sR=T|QR@>OO3MaSkfOYarPPEAGPA@_8u^eTm7+N% z2s!pri2TyMD}CTD^zz6!ug&9W=Zzz%dA5IG){G((ympVbHSwrr`@q0L#i zysLPRke$KR!;-Je&mL+f}h5%nJ`fJSbozV zKMwe@fNVeiz9nptdFt~4e&x3~z*-?4{JftlkiDmpdF^>9IQ#~epBqRVW!{iL-~mJ@ zVOid0%6%qdLoHe6n5%%v2-qrl6>=rA3GdQ2~YSS-!}n5{}t|w;qQ;1 zpKO@1U@fh1>zE(Ac)G-Rk?`8BlA9ZhF4V=+@qVW2-G~bc+^r<;dkauoOg<&^z`xRI zr=Lp*A2ry`q>@Qo?>{%qr>Z=L4RG(%5``~7-%_1sOdqB2Zj}q^8r{#Yhco85I>f6a z?){iXG1*<*-?aFowDd-WcF6#4a)}*RwbknFcoGX?>E|4d3J{u?O}qKOK*NMg&Urrn zJex%xdE)1z<#r+4`|oah=6k9TX*LUnpP)$GHqB=|%Y7t~!>D2g7AX9)GA`)tHzM=5 zE4_6qAClzgAY*e)8oM14?*CYbV1EBgo}^V=!EAQ|>Ad(N%#2_78a@Ss@vR{+NbJYx zK7-7!JoilRqA@wRqv&rhY_v}?Uf>O5i(xU@3C|oCdENt{qv8 zC191rQ!U?IqEX+Z(chrjNOf;$v^VQOq~cOy`L*JZysXCAsR z|Ga2wDPKBmDVR>D6^9?0hrzm=CI-;!2rm!-=34kA7>IwYf%{=F)@|J})|t$rqA5AqbkLIEwLm?FvB2ZWAYhzFgWl7cy^P5%>axINtN+co(bze1PVb~% z)Y%Rg1RlX2KX?2p{KAntAYSUhpjGK5S!oe^gt1cxvY*cF<1ck%(5mc`f;uL0i_k2iO9xc8pZMm)0`88V+~>~gPHR!o=e{pI@y(Go48Hc(m|4mI z@X+@H;OVcpf>fLWDwizrN_2{W6Wqlml3t^L@FcVdQfQFArYD5u&!!YUW@qDe+o>Pwv}_FM8*+TaNn`xd zWEZwb5j%^cj%cMNyRr%W`d=19I#O-l2IKiH%bLg^S#Sxp*EHSJx=j;~ZPRyk>90X! z`fXj^+w`#}e_e?3e8YH<6sqSx!yMY&;FntYd6!bmy5T@WKx*OVJxaj)o4Fv-gw?!N zHD20Z0ZS_(-4{~m(RPK|GZoBU3l-qI#GU4-U!R~#?fq&?R&Nw!Qf5be7415$CmVH**-*)#3|vM z`fq}70^9{-m%^F32RdMj6(w4In7e~*9q|`x(3(=h%Vi=Sp)OVvjwyxj$C-M4j&Jg< zhh}w1jH6Nps9QL!mtws1qwXf-ooqJC;TEAuOd_SG9VB@g1qOwOF)eTmqj{N|(a(1d z#z6y*ZZ{7MShhz|%WRAo0Yzuc{R8G%G-}@7KR}tIP-wHUtIM!C6f$hiZnzQIV(jiR z)^2l?yJU*bTHDO}KBrUPi>-3-hs+}kmmR-e`>+N@SZd)PX?p~e3EG3hv!(xUT-(%6@^{o;DyXm=~VV6FF zkHDdZmq{%%JAz>&d4?MVxVGRQ*;I0q4%u9C!;LTb>O_4;uIF$Ja^K`8pWs0n^+ACT ze7;%N3UI(GW^rogKL%si{@?$|*Ae^w8d8B=Q~Jb$h=$*Q-1it)=`FcoZ59Q?oilR0 z;k5lG_(zYX0sNTg3Va0^Jeh@Oq1ZD7+N%!VtUrAhdK3bO$-;B=$pmdtysB+!iJ0Sh z1Wd}h2A5umZxN=gv1p*=xDRJ%4MpQQeTmX%2#hePFVj5@xw`hs!lEE?)Vx{8yHxAN z$I=b|1Br*BN1;#r>(2P|jC;4qf zby&@BaBBSdcBgCpTk`LJan+fk#y`rTi>B2k{%mq)16e{Ca@Hr!f{anf@_e48f{OL% zHL9Lg%mQn=Noh!0?j z--WvkH;20uSEJ!2HdmcRvNkR2JeJCMO4#Nix7 zGIP`!2JJE7x$$M^Y8{MeGuLmncACvyR;#(Q(`4=HN>&Rm?X(0ex|;DjR$LFj{AJVD z*6mq{nv)5G`+Ynp@@_r$w~ij0X*_IV7A?*=Tct^hjFHsMU54kEj(Abq(#LSVdWG1> z9HwS;e$7D6Y?6hTYiU`XPczVJs;#iES_E%=UAC0J6zsJ8U-|#Whr?Gb^%Z%Pc99op zgKP7n{RLH$;j~F}#4*=0$8A%&WY?N$cmS#idPavWp8Tew_r8_hrj^Q~*Iro7mBfye7FnlJkC!S7_^?$gyo`?Q3wld^465v_~HV7;rep?)P}_rhzvka03Cpy zI|dzzZq|mOg+W%nz8IV7`S;K?G<6J`fu4b50vf+`%b|~$3!NtQ#@uqnL-1Dkwd+>& z6)a0G9D|L^khfYG&p@fNc-gqvl31klJ->+AD4m-%LNQ=CcK=l~xO~@cdTQmm0>0pP zc|9u^F34a1PI(%C8oA%{)Foir{G21kX<1VH%j5WfQ9+7$15|}2r`HvF;C59arq+pF z%n%gfGKy_QM-tK;91@fq#S#!Q2hc`o#)Kp_iZ+cVI1kV4=^L zP{$$YkV6G^m90>0J{4EF$>D`Om&ynISO?-xuNbbxj=}H|_`(Ht|AUpA0j7~>Xy~s> zPc!J}z`Rm(<)*vkA}zprrmi`B^D3wGIPw06xDP(;((zHmPvSSAqQ79nlG#X9IT1guXG#-=@^o@HbT&@YP7h2ZR_++Qi zW`T_?RY)dE=!K2Wr!Mh$EyC_FA&4GoF{pzwVO-Dr<4P4mGt~J28tC|zY4>D(;b0^Q z)U4j=5HFZ$S$PkbDRP6cf=j(S8;bbDC;)f=6P;GgQ=z-s|Cs?jTsNoI&5;}kTlpd& zo?n13AG-`M0OrR1h5a3kw?li6^d9Nh3jw;$4TReLF|?!X4e-7rY=Dn(b({4=J}o_c zQ-rB-O_)B)9$n!JiG8#HC8~0&yIS-%dTP!>4A$l~E42@`m+TCC({2ZaH0x+$di#4! z|DVy-wUMKvQfc| zsz!FV8<^thCfs{sk?CiZ=INUx4PGF@GUp{|t zClBT=-c+_sDIQAfy5Pc;CLzQ-hF*Jjre+IE2w=Esc)23IY%3xyJUHBQom zd<=k1?rKDy2OfIA*S4F?$G;3je7od}YjA1(`G8$6Vd}u9{ia_pA2@k)QL0H>HeA5` z%|7hqgV=&4EUlk-;itzDBtDixumaX6U6k>dhKS=ROr4;`FpYk4w z#PPcGCo30!aAI+`E(yeMSlqfz@w|%b7H@$@j&3FMZuserFE&*uFG>YTA4%)0_bHIZ zIyTQPR$F3j`aVPjz7}bl0$+@B=x((_7Kn;8nvBZWTH(M|_-s9GI+HOcSI4zlhL5}c z=K`;@a+Q*$1V6Gh5!P!$S@*XgI0%2&r?6xLUMVUy#%{%(vSzbNwHD<{ol^D4CqaA& zy4oSqrJNpln5(f*;no@gDWUa*jsFHtE<*$eK&GroN0BtA8K-&lwCos=CJxf#xDpD> zIqUNLyIGYDuzQMwuHaC_4#ivBvXFqZ_R$By##BzNpjJg zW}N0xji)l2(BkPb7Xf0y$BsM+4Lf2+*qJL9usckWf5In=0t+FK9sIj1DP)b}Dpzo5 zJk)|aaVX76Gfw*fDr-VhS`5`J&ZoQ`Uulwsc+^J@M}Lu(&4zBA>?RGO*|3E27a6k- z2*saTAmvY>EXqQV#h=f@M*N)SGR-*6qp2)Sq$$#3OE>QZV!_9S=gANN(2UbO8WW(P zn^c8noCefdMx|04RIPZiA4CoM#@{aGzM2ZTm+XRu?Vm*RTpbekRk@+~j@|1KNnyptkGLga*{Ff^y1-vi8*N zrxKy+HCuz4XEW`EqwUeH$A*DGW&H*R~?4@c0pE^ZlB++ zvZALLC<;XmJQR?jEV{k)k1Nr#|7m-Iy91nJz0C4O`lYQeZ1BJaAv&*Dk98ATHRSi1 zn$|0@0p4oszrM12?D~TZU8z3{70r3jW&}cy5)G)JoXYA}uS%in@)+}fYjBLML8Z*> zr-S?sV_gre^8R`uxlo2a{~w_KFf5!3ey)f|^>ZIKi0OuDp;c%F^`S?#22@Zkl$ED$ zQZFinYRXcPJg5fb=N?ZLFDfWUH<+hARsc{zId!X)2d#u4^f01+@{rh$4Fed)gj-;H zgBhxBK#{3mg)pQr@;(gjc=#Dm;5;7!G&$QoZqo*Ah5Ey=q+bYT1A~&f7OpOJsY_kz zVi5mFFcnNWb*r>3$avdy;&(-QuFsKl)NG;80`JK;7(7+@O~vqAX2WlLKm3k&!teSp z{2u+`_pPTt@VEYu!IvOhriOyGC_YPKvg8=4xzfXArXRDzCV=U3mvtjQG(Yk^m$6?< z`#xeFeE`tDgCBAScXAhZvw?fKxA)N=M9KEI5G}9a@-n_%0yx~1)o!BszttAYH`6HA z#o7GU0WP|gmKgY#FLE+2^JS_xUcf?*t_QTuxZ&VNZsKM>&nn3m9eLq8P3P(_K}XkN=5LB{ z4UKZGJL}rZx~4xuC8X`ky(lEccDYh8FgwoKh#UIvqEy}lbS!C`rxDRA#ZXVaZG8aX z78l>|=Gotm)iFOZ6-F}=`(g^FVj8CRXQT}uUiIP(@ztx0|F-9GEkkYX0g*pVZp~e(Tl4yt z$8S9?{jt6$et9*1U;eDcr*pJ%9I|9JV%nB-BE3|6TDv1$!|8`W~Ukj=z{c&>`%W~G>DEPo;@NRv_7sD^*vC$LcumrIaHh}twMnMP}6{?}w^vS8X*#jRUz6xrT zoKVQlpn8%Ev4it4($!-tS9cY<6+g)zF@6DKX zWXDsyXtbobLr#~>E<51ut7X2j7Tp1>p*OA?G}&D27^u)d?_DeYIV(WYL-5EQRHFj==n%-p8plK$qdx6`L1rXy!EDB$z z`Hitsi*AUe48{TcB0e(%C<4%rVyV6xg@$4LBUb`p#_sf8(JRZ0O8me^ewN4^Fym5y z9&g4{0s0+0`&qH{5ab8v4Y^+&Jzj%xKuAPp0zaIH7p4=FL^ukG3;*GO%^05NtZ)~~ z?<->PM_6R%xWW~HLl`3)f)=c}bfs>rX&{p5$`b$w<^==aN=A?I;aKhm`@I?=20Z@? zCWF3zyhVYrHAZ>B3PJmj7!6w(l$bC0Ac8h{37b z{T5h812g!5zl>bNzXvxD#((QO8C0x*tr#U>g`l0pXxPG_#C*XA5wyW$H~>bjk?+C# zelYn(-`~Agu>!VYlz66P>o$QjBeH{(CziG0dTukm_G15q{8~? zAIJigk_rbSTXiDNh>ZbG!gzmm4r>dG)rLRVG?G`cv!ZfFH}YA;kQ9M@7k_*UFeGn+Y-cHU8xQ(hv%=X!Y?7j3Q1ufHA-vcmuCPNy)`f4h7H# zlg1wtFJg_hYZ{@WPMeUH^4Jf7oN&^wFkya#-KJ zqC34i10z>vm2AB?jV-gS_G3%iKiaZ^#xd2MJKx*++fGz3&>Qq&{S)pv-110T?PZFS;_h@{y}J~a7^-T&{-v7_t{?aA1~*ee~}@YDCYofOCektZWB+xOkR zjD57T+}ZA&h`u}e+34lTAG?w1cOPhGab4~7l$J&pDE{okp;tPD2-$uNG_;TXgi67vf@GLP; zye-X?J}Hr;I!S+J*Ol^Beff?|P!7@B>So#%v{%uNs&`eATBqvgyXNIFgj~JQE zS>u*bZ3qqBb)DB2m_61W){U$q<_!~Xa!u9sZPy2Hh~AyI@>Y+%i+w%&lNQOUvkLt? z8x}k;s@vbO?e^bf+?w%0=9`(HWZsr${`dWV{pJ7fYu{h&|KC5H;l6*qo8Eui<0wd0Eu+ZfGKVZB>yu5( zcFB&*o|gR}FPAsTrEE;N5;N9-#d z9gYd-5trR{-0kqxdV0M}y;pqAezE_bfD~W{bOC>$B`_M;7&sWXGjKZaO0X=54bprVS^QPI#*6%%*Fa?r(ajsnPU*1&H?2 z1RB?KnI03(mZ>m2qc_iHARk1R0imQV{o-UKK zH>ZA0Z%$9A?@FJ~&@yA04>Lbzomo+KGJ7WbUwqE7a+;hsSI7-(<>V5jtnV-%^&pt4hw3}_n zPTO58u}^N)6`bg{oY?)^+x)BluP_#Tu`9;nRNRjZ@ps8|@_O>y^z&(V8cDa)<_w@D zo6gQMXU@t0keiBkg<2R2M=@Mf#c?4hhReS!U&@E_H`Qku?@E{Z7@VkouSR{^^!B^C2b;=k=k?~N1q>G0%K=Raq-AGX=ybrg0ACkvaBs*>iCp^}xSEPDH2FaAIFHJss?<$U!3 zfGo1e!m$Q8*0K-;KoC8u40aR%{D5F51m)5XKN$H>_~IKh9B#SGFM{^j4j z?W60_px%xG7v5w!Z)!p3W9vvvt#lcU*e$8OgB>fp${S^OyXM8y@CGmO(vXxC6Z1(= zd%NTfhpxIVC(@31(G+#blmE^8@SlH@@9}sL*y_4T(!z0>riV`L1=~ts5c?O~0ecol z7p)?wYd#Hv?)qeQ^b^HoVSDPJb8qlSikes}7k7A35pb9{!rO5K(aF_Ac0G~NraFJ=ty&v=5OPe>Y%vzi(Z^a@ z=kMwqDQ4@Pv9XLG(8=2$dB(57-O~8P_aEULL&m22+w(W{bI*ro6Kf9a}6{sQCViKR?TInS7_8Th4@EMXfjMkWbu)~KSGrqkIr+VuG?0+Iv5 z@^G7;MJED;H~0C8 zwI)BEZWUbJ1xVc?g^-dFqTsC-!jCb*jku4gArxhjfwAnq~IDiy&+q z0}OxCD_Z6c)iUT5Rv-ZPwyrA_WY(dSrjr4)uL;-~vbbVRkyKD@uy-ah`YJ=+>BWl^H*FhMf1z4YMmep-#QiKP*6 zkBS3VfG4mGL6w>b3@AZq&YO_wgid-4CdqM1Glo+^=s1hmrI4bHg4_8$coZ-R8Aw06 z5|_S_?8svgj(wvLf1sGns-Jr_rWpY_B47|;7PO%3uGl}i*rsV3DO|~)q{E*r`2c;f zG$3YKZBtJqmB4+Bm@L6d3SarXk+l0)(tde6bLAY0@c{e%?Le3Q-G)r=D-M4wQ$@o z^vJl!=|pHeMIkqO_}BP%`dmN{nAK(GJ}GfH^JDZtmVn1$VogcQW4FZ3Qqe6(-wwD<*PJJZVvi*| z841OeF}&fw0s?DV&?Sc?DllMKYK$OZBl5YgFuua@_sb&(xq$?!&5)fnjPJHJ2f57s ztV{ms?qvEw*R8olJ_d-h6P*)Pbyy1nvc8Nc5xrec~xpIPRYWIMAKJ>1KgOTvw(ws)E_oS-r>!iX~r6b2oxU0HcQc;M?Oc#{*= z6a234;y?2T@)0s+Ia+Ez-nu6-X)Mur9Q39(lSO^DE3d6`8wGjN?mU;rV{>!)pv@L4 z&LIt@aoZz1{6=AxQbtdSDR#o$+R7V<_iY^sRvKTv)H9q!vTjH38^OLx)5*4N+a*zh zaHCn3oCqX}6P%hbriA2E5)_%Bk|CGEH%x)-P+-AaONYJQ6lv`(^J&G7SZPk?M{_G3 z$0T<)RKj|gg4s(=&6cFF6T61g7(@2yNnyeRKAt=oIy+0o&MRIi>g>XL0zGd!U7?D*h> zV8voKSQfKy`uhKSKdr7^pIhh6zv5$l9S&lqKU85}z9{v_=*DDoQ)8h(qK^E6y0$#B z-BdGJ=j8(apMN?d|8-NfDJs$0Yb&Phz1H8bLR{;>&=iKWcY6>Z307GjHjGkIa?1=d zqEzM*C+6pcXHEcxIz7XUQ9(^413mVvH3^gILDZrmwLmm9f*f)W5QD_1+oB*8tiZau za|1K9;fSbhK#4O+!%%zIve#et3t^pL4?$V8gwiFbyBmutJ3t`#MeByBosoV9>RtFG z-nW+F@lXM_Z~hrp2bqyDukHD;qoaFl$v%GHv2x_gQ_xk{z%A&G7W18mh_F!qJ9oC_ zeZ*b~+_O%4X!G#6CZSt@J7U%8VGtDx_O>nr*#v^X`-?!79GEG|#sxfOJ4f@)g3US$ zi^Ia`AZOwh@qTZdQDyLZsc%SEp?2J=gPZm6h^41fxtsR{TMVarNGR%O!fJ zKtdo5L5W=;Km_teK;8&D&3-1X<@?|93fFz9|7=e*?t?voq-LWcHR~)aSUTp;y`pbs zc;E9*E`tk=@Jq)kIDdYMK6A9VYM;@X;yTF}%g(QEn>})3|2X5SZGabN7{I}Y06WCk zKd|ukcX-BH-`M&6{px5E+LrqBWBS!xjlb)tkH;Y!SuY04B2a$>^g>w#>VR0@<|^hs zcWp8}d2|J|VOA{ii_+5e;A++O%BiWZ{8{>2EWl@Pc45fpMxRezTFc|Hd5Bcjk$Se} z|FaCfrHXw*?x}WEN9;c2>^7d?Q3nu&I{bGB)cV<3J)RY@b6P;E1VeQgIR@0tD3-}>D0Z)U#s7l(7D^#TI+b`OSN2JjqS0>KK&#^IwSJM{xG z6qK0n@R7uBE&=QBeR96d2ZFM&@hRcFJ5C z%vAol0+73>Bn$xU=cGwf>U% z*OMCKs^gpef9}tI?h%lf(-v}Uuvfc3m0_3T%0nU??09A9nCtZj#|lQ4{!@e8%z$9_ zNk#x{3QF1Xy|P(LPkid5Pm11?$=fE)u=km1MLY}uvLr1j?8l-za27%WiI5lxV)UN= z@tHQ)Eih|(T;XT@>Wr{z>D}go`$^#7I(`3U4y+_$wf4DZ114`nKqKeH>&AfL^FvMg z+T2gb1bDhC&^6W_Hi&04>wm?5yYf3uYMEsScaN343i{Bl`Uy2N!c_iH`{d@^PQUkk zY<%gsXlKza#9l_iVsEh{EDrki?#GVb_|S##PH*Gd-cyjX^OB* z>^ORHU^E?QJ;|BUPDO+!Rk;WIXqgzMmP*k#;^dWFDmHSXC(W8T=L7E_` z5O)#n?!!pd#J@cRx4`<^%-W~ah@Ta)qZRWTLiDD@OoAKF z7q=gJez8C_vfTpB-lr}-yYO7VUVG0~)Y0$R_76HzfSSe(Qm{Q4WxI&IEdEs9*{1sL zo&Dx-a&*{f4YQ8xs6sGqAJ0Yh`&hb>KAYf-7S+{$nQ4qZSsae$jy;t&!M{9iNI&mA zshb9#J`TTj)l9+Jfo1v$mOD6rc;Cg3&F7;}7-rkW@q*oXft&hMxXOF3j@Tl2_PVgkSqADJ5~QBI3tcLvQjCg%aG2mAo$Y7ezZHj zll}@|KliatC#kg0GitZ}l^4c}GbX!X2o{qbc}Ctb z6u@Tft5o?g&1n<1=BnJru@7$g@BEvqLnvPJp%qVv&fzW^VJM>S>e}()^JC7a3QEGp(&eEUaAyC7k`FW9lB z5DU3BZHyw}5cyIJ{Ue%#g;PMGKuCxINsI&_HSx(oK%8*U;M%59bDOA?%C)Qov3XR4 z99M-Ya`h=g26JP2spR&ezMp*p^$l;JA;i&68yI(6s-A#H0}}dS@SamH?{ESE07XE$ zzaMO89L_YvFN>GcOmP8qT=c+@$-JPPiO<<6|IuL5ob=mFH4`51ZzpNd@=mK6&8XhI zsofS|<2%mODy33uH10L?&d^4CFe()*)wFY9BocMqh-Lxu2m#Iu7U){D!O|p6Kv%L_ zoN=N{Ez={b6`X@yTRPj(-B4?j#zreIm32l`bAjbWLt|-yM^Ta{aaC7j%~r?+$2veu zcxWpj3}&r$p*UpHTq(5Lac&A`a?P!=qQ<#EAz-d`bpdc{A0a`FK${qY^oc7Wsb8u= z$inFNnL+$m2NW!LNhYZ}XAt)JZGY9&nBuTaS|a-B3EW^9l5@O$@j%FSed*u+-Pxygr|b$$Qx_*cEwLhr9?!{U?Gm`%$8 za~v_a&4S~Zg(b-a85vQMLZb^!O0JKa?4p~m%kg#2t6Hnk_dk!4C^g93@n;s?15*XHPt+qL-R+q}toEl`~hq*1SG5XvTJ*vI3_BVMf1gjl4~cVYny+6C^9? zaRM3uh+-BkHI9KoZ%f)W_rR%50uTkemMD_D6wa!cb+%kOgl%vWtXz~)6?%lCQZswm z(9p;ev|Y_x*{p3={|K20nQRa^$*xuFPKmzyPWrt#s})TTY2y+ehRLi%YqF{0yGA#v zj}zf|SmS=Mgr|rmw>DzS3aYe%ur=z_qCHBSQ7JnGX>~ zThPvFTTIuFIj1!sK|HFcC6tH&G7tbASrI@a0$*xq&CG+twd2MU=%dTQRcr)7bo?Ry z*jl~#kBozNLkpl<>TmuGFGC4RpG+l3!-VA`QU2S|fQ>$ah$nNb!}uI+oO5eF+|+Kp zyUVJ-^9qE<8-@Klhxp?bCK6iHa0*D%6sVA5(N;YSqDo;lSCrc^wMw91cmRqLxiP?wApV3;3U>gK5;HB1^hh{ZqOver26$Xj)(?RXJq(~> zpmC^Vt77DypFu*{*-w#or0aAvWst)Zrs3sbt0uHp2oo`jTMW)jnlrtb>wT`)_c86b zI^t!1yyv)fnkEw?9r;z|R!ymfL+h`#lIRWPdRbe3VzCeqP6>=nw=LUs56f=dPN{O) z5rr&lIKM~(T@ug}jY9X`Xx4lNbr^+GC8jYiqLLWzj{U?BjV*@iOm?h^XJjRN zA&uuMb0Uv=f!1sSBe`+y!iW~jXuLs_rLX^V*`gmBbItmerYd_O=T?Sc?Gy|wc`b)! z+rDs29f~fql9~}^MKRE*)pKK<5z|Uggf8v^{q*x6EL9wd*ReZ$;#@LxQ-wL~N?TgE z(w0tJ3!Wf}dy4o5QY=E7bOFN6S`r7({OKWj@{W&IpyC`eAetMA4_tes$ZXP24F_8^ z(~w4mL6c3#nQ;Qvgtrh%HzW?5&vw@GMOf&{@k=c7-lZKb8r|TWXxhklrxQUaqp@01 z7$#WGp%EFaF&+21c`>rQ91(c0j~!OSg)VdR^SXFoOy9k^91$CH*X-R}n?m5-FUU2S z<_vwLjo=lR##*DArfvnI{8cW7`bTMtjBy4A?~g=;tQ(T6TSLKXkw+ji=y#ht8>V24 zGq1fw5EE^2J^@v2gPs_Jbjp>x(r;2UO0b;zLP0!9VRr7hefOAn6tDYHe~5s5ZAvf` zR676hA_>=5Q+wy|n4*T|>*(BGLAN0QUEL>h{ZZLzUtcFz2YCiMvrA4-JjiaDXQZ>c z<%F<_53)61 z8%I#r?ToqcARkR&5d3k95O(OT(eaf$6dI)R{;Sn2t+KlAwA~=q2F-!q3^Tm$rxg$H zsM~v$s6uP6RwIeKYOT--DE1Dw94ZTCV{p?|efty^!u9iBV9Q&yNW8mv~{~9SN7krnU%YVmh*ii_RRu(jhYd@nW)gwIKED=wvr~{+@MzKI*b8A z=-!9cQ69n|;WL74l24)!9R}9b?60a>y;syZK*qkc;|=#vTmN2adS76yP_2B^<3^&+ z+~@l7=nFxxCGU@U8P-8`OOj^PHU=1m9MIJ0+9RrhCjM;eR z;#@r%6!?)%KGIyzJC0u&8uPeVV}Sri|K@;|nm?(bVUy8~)JZ}dY9gR=wfXpX*0Cwl z$N!Hqu;lc{uKJu0GPCOk@HsQVILDABv<|-9xGZL+FiDc6S;WAyGcxaK-e_y2G9q-- zEbUlnq&B8kA|iT>=@eQeBAZiIRq{3;3t_Eu-hpt5#3dVgV;#~6BafZLI3XK`eTc-B zQnD^IGqi|Eh)7ciX<67+X)^8*+q@aZGh&9W7NKz zK2RnINs9`bQ2TN2VgSv|mn6GAlo2`O$YVCn+yGx6Gk>z4KUv)9ceTX%tz#`>GKUw-Z8dL5CspKJ8X+8~6QoyA{Z4&>C)gROr~Oxm+kz368}p z`Fv9`s$K10k_jmh3BOhP6lcfoF_QvdAjDZQWsMLbxR3- zHk8Kp#DkAxL{K`j&#zN{rCWTu?;(Tk+oR4l(bge7Q+TZ@7VBD6d#>(5kBM9DPr_%S z_tjrZLy>5!4p;O%og^sSzP(isL4$Kd6j6Bi)Y-D+Q@x*UOJFf$jMc1xte9S+&0%|- zoyg#edj(Q%=`71OiV?v%uSl9rG#+;O>kcFs0MpI3IyDYL>^Pm?00q4okCg-yZ3;3y zAk)}(#vr_{AgFVq5fhAn>9JgV&w(Qt30&h6-`s;LVPJwJ>ZfaNJVKqpMX2Zgh?>OL zJt>~ts=t1f5?cq=%lcNs#JU%akH^siDAsHhRO-Hp1OujPOx&#Sw5QFvv=hC` z)fvQl^+(aw7I!!J~Y*=%=)G0ORa5bWOxevk%e5U5Y6D^9p;r@@QkmIpZyM zm$IHx8YIF0NKxm;AT17XMOtoyv%zZFO@k9cC*Ahe#N(+^%V*?j^>3)*;S%kR@M(jh zDOs3k(DTIPBCi-833*Z4p=ymJR)$-1d?ZBevrbaR`(B4qM|$K+TPmf$CL-d$qK;Pb+BJT!)Q)N@Ezw&rh-QlCx2#(xPrhyL_yzkS z=+*LeRI{Gv*}~IoI5epm%3uA_i0DE4xah=r3)bmob%+FSlv2jT%S0?e#Di`{c4NEA z=eJhA`|wusFtj5#j~Qa2_3C2QeMkNb(z{5gKlCN?2ry7kaG17W{Qm zq;6eJD90(z9p|kg7fCdt!x%CMU&I10vL4lRk}VD@gbq8sqx%y+a^|P9ang@AG#;mk z6)uE{%u$2elk>YUd_MAW+Sm)kOmAS!C)sA$P^dI7R_Yi4RVbwdL&*Q5fQOW9G&(g9 zMU;o=`O=wr2i!ILN1CTn#*9{|Q4H+LIKf!cFIiM-fqG9L>KzNNShI2Ht!>@T@+c>(g^^sb5&$Op%O*yc ztugmgt#cE7OBl`)r%r7*rsFoH{ZTeSy}1({kEY>+K6Z7&D#;UoqztRzgDZr_@Cma{ z4H%w&bLa45ZypfeB#)S0V&uJD{p0$Qnxv6(_VTC%GP6!%rBJWa64l+MR?SSoPEvV#pjEZtjaY{8--mE|aIE5uz<|lRlUwk!p+(`3Y zE2bz*-%$a;vJ7A4?pnipt!5Qw~NeSdO%9i@0WGZ9wE8p!V(P7{HY?Z z>xQz-C~H5`@`yl7GeR`HtEB#qz8xXNx)!>~K(1Q7Hf3>=yTX2M3J$4@h9n?VDM3?3 zt^5dRjSWL2BF1h7!j=j+fD~Vu|DpOieJ4@nPkyzhZhb+ zw!`>TeW?W_)HOGEg+pw_qjW61B)LM)YFAaSU%pVRM%L6EI3>WYeErf0SHKck=VTyL zfo?SikQNN3*>Yq{H&Ko?;h%3WKsmqtR-u`F1~2QNH(a)$99+nXaxE<0lKxK?-8bm$ zzP50P+{AEqjPY@iN{IBaG|lLxx>slS_T$cmrCB~NQRP%LHEwGusCtQuFb&CJ^Wa2$ zM7!{1m{h_F6b0PP$2X4Uto(LJg`yjI*iA~#ye1G8go_-D&C6*OueE_i!(c;#fU(LS zrtw%C56~Rw5HvR^)e!h81Q4>QkOYjQ#vw8bh}ngK}=VQ)&62=D%vYC!;@wyp8rS1?*BN!>#@XuJ7NUB*{G z{MSOyR~l(&M=K_v?XF7+Nn!lXU_Sv>yPB96v#)L^g4IJwppXt8u9j2*^NxQg<^>RF zo07-KA*JOnj=X`+L%_K%8DI18UyHn7X-VN*A$E3_n6p>AuFXPB0=6Iz#DV=Jahq2> zs;`=ZiL^0iQ?HCPrutcsWA?{xKRulyI1%+mKVAu4fR0Fii&DL?n3y zEUc}-%iiOVk!8?-iS(_x1P+UxDVq1h&saKv){@~29H0@R0IY#xH~rb%;943+?JVFg$w(Q;&fwcrxI}OgL%K`PJd5-p;$yqn52*CHxA83 zMbKx|x|RB08t6ZaO8C-vn`-dT7n9xU{^c5Hukhv19@1+ZDn?ID^_&}R55H%g z-`s}e)On{k87E7)>`opM0IClFTguR1+<9JIiZalCd2TEuFx+nh z;#1{n6(Pb<90r)d<7lF)l-y-#bW&%2w9;JLk*vqU=tyh6pk@3>Ma$zg`3=Lf!G1l4 z0z&HZPFIfNbG$J;*(YwQrLgUSwX-fZ_p?!3W9nnkQ&XK2QCKLVhd(7Wn{5nnCF{Fl z{bDyOc-h4{1XZa}h_t<(K0R$c{Lz^-=uQNMF~#64fv8e;$VzJ)DLVp`+|2sehw&~? zciJ0p$Z=nIbU!b#{h9W%(Nz{1FXYxf$!m?dsf8|xtkk-EF%gOt*Gcn#IDX(_3> zH%#T#3Grum_)uQ6iF-u35YxQ1;`oBoW0c0qUzifC zv3<_6CD>`PTxD4`42?|cr7Gpod;P+uU(Oq86-%Ws0fz~^$0i0K*k}Qv4PhY!!=fyv z$b=sQEqS%(xVdbia6h9QV*;?_uCDPpl@BvkhS{Y!}FhSq%U=1%XIe<7>Od*FIA$-r{h>xHhST<8!x7I&BDdjWzT>-#Fed zxmt2d&nP8$QS5ZXC{GDmnk&n(fG5pdiQgT!{TeQZPfY=#R8*J4*M_+TV~A!!IAyI+ zwCThCzOnNa9`j!X5bnoYXCX?8f#K0=11z93hO`?qQ+iB|od%^gahi|Sa!);10^QNA z)%=Mxn(%S0XmaNt^oVvxmhh_X+7gBpV1V1?Y@$$9v{i*8Jx}p=|J8*5kVN!&8z+RZ zHExcmOSm_xfxV_^%TX;>(7DH67L z2VaX$reP7`?hpy&tJ925w^z*vp41T3Dgk6-3=(z)rY7=X)2Nv3<;&v{3d4U>3AK|?Jtab{)Tc&On!xn_K%3rcG@3CcV$kyjYAd^G-;kWtx^-t~ZKqE~wPXS;Mp>lxhbjND}qrd@qcB zl|;1KwKV!w>pb}HA_$p96Jg~t@kKmz^4RN3F>8}r1R~M~5fCQ=!*GQ2He#IW;H+mt zZ~5(Cpt2UfQe|?_(c3N>qG|c10lq}F-?f=yWP%P zkV8X&S>bLw&u3RIS~k#ffR~|#Pz$%r^87`8UnOj}R#zZ04 zi1(J66NB^DUE*IHJvx0LQa+cek=VBW8VB?^NE`&doWu-{ycKB-)Ax*Of(Svgd}xyI zB^NM4FPXaAdslY~dsDecKAU-IYN|O8LM#04G4R)}Q~sJ_)n9#ggaG{13(FVsv2Y^Y zA@HyeMKrY5`4mrUfb_e7ku+~JjGPe9SDG%_ z*D}X#T&s` z2H#G+>wUQr|Eh#*GX7xSTWAotZ~nt@*6fw~7XQbU#whRAoK$?5? z0>Rw3u@s_b-Gz<-?&grmV2XnVEUTwvBng!y6Zds=AKfgDKj2N~&LH5pI%p064t)E!(8vy&DfNih20w7euXA%)iMcXqr53er;n&y;SFfEvWcFcz zO|tjNw#PH)2FF*V1|is>J|nSh@&V;vwLU|vombzYxCPmibUeo#njRJtt?8eu0O4!s z<)7UCeZ0Ru-Zc7bl7@?TkDi-UlA5!zOOvhKEE`n6)@a@7LQRyWQD1W$*J4xGM*5a* za9Ec0s5CD-J3-QL4@oX5x#bKQYn^k|AtJU^)&<5N!ze;BBxE*H1Q_z$HQ$L9+DMxY zhBwA%wNd-_h3T5(nE66$qFSXACANppgE7_0P!6sSIv>d<;aSPb=?V&X!dwarHAy@H z^TgzX(w%R~VNSS|xhCW5BsJeW_~}?n-{@kpCm!DKX-=hLh>mifJj~iHk%W+4^Y?TM zez1n+&6I4;0^I09L_4(!Af~CHtSA2pPau5g7`lZl9Z6uGaY_{|BFq36vgTQHoQPFa z)Rq^a*)D>Zp_bL$;pUk4IG17^3In~~y#*puEGh@CvqC5697dN)dAxuF>5bIj{>Z+= zZ-E%Mr+`6q@9WBs7|!vZin=D_m%*%-Gm-I6~R;3qD+A!W9hb5?|l_1CKV4$1{g#@Pe1wpJt9xOe6@~CpIWVN zu8cHhi*&co_ymuTJhFc+>C4E0($SXmP(Q56WY<%XzLLOjFt_Qghj(> zp|Tb>k%WF=*b-I^Gxk~65PR`3{@ zfpd4e{+V(w8@<$j`ZE#?a9ue-oe+oxcyujZ^)T*(DG>(8EfT)jK+Fv($rUU%WkH}d zy5jicx0RJ?e@e%g_KClI&r+RL800<2T1#?7B-;SDo4Wx>DUCY%%`qR^GD!!xJ21^s zzD03eYYtr{zm_0iE9Wte5i6S4D z-Xy5PiQ3clmu-JYa%10l9dDm;bAFz2E$Hz+r(Lq`J{uQr+x-eBA>A2vwg+6h#k#e1 z3%~z<_WWZd`VIXtc`-e%d=WH`CwgR=7wT2>4}B5>_-uUP{)E7#2D~ zNS{>evkBnUfXXP)u3KRUF_UvCwSKg}>FQtdG0DZpSuXd95+o+E`UGoCW8K@5vuEsM zuKJHo`bijab7wQWZ*lqwu%Qs!1!Idym#i)8V9BBqMYq;*+DG(yUQi|)u5G`Tuzr+w z*tuDu=Rjj4Ebd>yqttIp0eo`*VyK+wLzzgQJs9%`4Nsb7mEN!=4lg!AUR2^67fzM+ zyw@gJ>-fG+3iKf>K$#^VDq{+;xpVCoBftJj#_i}fwXiL%_Z7>@=`^wAV`fUE4H#sn zVYm>iOjHG&Fsx}RNSOX7t|t3Hz4^+LlD#j>KYt%x>~l;4BRK0pqZ@lR@R;c4_dp00$uKN zwwqXZgG-z^NN7~oBg-2b^h=km@F5L9bJ6~mbko{OO5JAU5EXVCp#aUJXAe3aA8W%cXyC&nk|zRVMD+b#Id)WR zVFkMz7QH`DAILo;^n<5?lL1>{KMf%`?lAw@0)OU6e5+}ci5@RLH7(}nSP~^BQ-_t% z4_+JJh9cb@Fp}#MyX?Ut!HYwhcX%;4CPbo5is6@7f;m-$pU1wq-L6;mpY5rFTHH=9 zp>1ld&K*^q3QwJ`w)&YttY2IU0~;9#vaYmo2OFmVYBygbMEk}!I;3)UT6*fSz_-_x z^Q)n$?9d-v0q^fv(_5zXYmM>Q_1`r~G9^>)GLdEca47>4jQ_t7bYT6x`3vnVpIz!} z286&4T!o|mHq@K?@Oe$1S0lcf->K?>X9?0ml8w8@`f!PMEL%By^&T_9V9+qW3#G3O zh?kobtL6RM2+vloqlak!OFP%6@RL2cIO_I?!$-so=U(y>l55AqK zJZ-KPo!xxNMz}qy(^q8YG~46OyAQ`O&t1t0c6q7$tXjL#cqtl{Y{|d7=?T}56TcOs zkecu@TZ+8Cpa&C<^ppUwADm;4qm*h;ISG|83Y zdL-C(^jc2ZaQb7iEA#9yr*Q4eqj@@4uXb^+6X0fVV)C@bj{O9j)c1!)NR`xlG33Zp z%O}~h?c@QUHi~URfZpH{&W3RgRL1W;WY{IO5r+^}Rn>5% z61VfjO0tt$i|8Qmy^J;8@utCn~)V|h&h7O zoh5Z`ZF5|4{&vytG@emoW}L077C@<7xB9}l8>u?!|SToGPpby2Y?b1>--(CicHLbt@BXovUTz$w& zn08tPhJ^h;9sI@RtI6(DtU+l_FleLRPV5B0kIYO?M!}g-TJ;pmLTQ6G9tTK-iMTNf zFlUTycnuc1?q;L=Gw_LsU>_|i;dw^`wkTWd#a0>c_{m}Eb!$Jn>&N-^mDr!ickUoJ z;4lCQ8=!|VS%q3znHZfj`bH+;cm1AvBx0hWzfb+_n1+0`O5Foh*Igaq;n_J1q@oFg6 zcVamZAQaXiiwuw;U2iCKlWBpgXF47Gx9zl9vC$j>++pXuQwx#r?_^l>8XTX8jx6?| z)}>qaDsEml$%m&ZTQ^B$QCNw#vjujkjPMakP^>u^ z++2I*mcw4y^UGeda{m0eFqT?PCUng1)ZN+7x#QfmCq;;`tDiWz^J+SoOwSmz#2$l3iE2uc=lmjBd*`^Uyvn<7r+sYh4%7N(E+BMUpfiQ98i`1(04cbf-kU?Z`>j3 z4n6b;SghjCo~o7@&?~LawQ>CryYPdj%np?O^cB@hC3%VN6gOvPyJkCg^aMi$-`iHi zX)M`n{l{lVS8LG0+Q>wKQM3r!1Iu#V=9WlWUC&TJV4-SLJ{rkyP+;I8Ht%^|5n_5B ze$D&cL?-iqP=e6L2z0{g)Jhrrs1P9>Ec9xcOa?WXPTl<>8f_t|k^79Nc^t3Mu-i53Xkg{2yK(lTp zBf?l&E0(Ols;UKu5aq0JLTQ>t_>60k^N@+i2~;9H2LLBneMtRb%&U*8UpqBa$YH#; zMi0oO=_r)QVOAcCmm$RJl;RH zyjxOxIR!t3NV~UJ)-t|Hk6$$BbC`_8{k%kZzO&W5Hcx39?mf0c6kbu;B5TdBW5LPs zv9r0{->WDAk^Ab`Ni>r??H%J$rbjl_RQO|4ajsw4jV4Rn`pQ%^7<~%?e|NmKW^|-u z)X#63BjLnVjwJ$OZr5}$3UPcdcj$Sk-^}Md1FpmIll?QZgj3VO#HLr*{A=I!4bX!k z9rS>l0d*FU*!NtLt5PYKc?r{(6&4Xh)UQn14eYGj7EIWNm=Mto`Rl#Q=F$Op%P9^S z)r}n8gF;#h#T0}aua#ji(6kYC6XnI>K@E3y$k9aeJ0^(k#;Q}nq|gBdMN;-K2(Xz$ zGyqHeg;`D;rPS1eOxx2^aL%vun_3o>qqEeA7B~4w`_`H%e;}g z4EkMid?U*$joVz`tc!VW*}^#&n0)H2u<^d0a8~a~({!}M&55G9dGUC&A8YAgJ9U=0 z&bC^yBZ{L(407%0khM?t3uVkk#G4%=WUHD%DuPf90rs_1HO=z2Y=s03YY&~L!%|!x z5iX?C4idc7KirK9D*xioeH$Zl-b8MlI6D?-z3~12Z@l-Wmr>vl(E0_h_KOnbgcw3E zbF`Ri1LwjCF5*M@sheMbLJU%3ms(Z>YU6Yu`!!`EwIvO3fh{l>zyGhHCb8#_v|mX> zW-Ol1d`Z*<^Wvq?l(|gpIZ}G9nFK4~Y#B^S7y|}E-DP1PNY`EB6|c_H*D7xZ`tHCm z4@vN@5Bgk*i#3bv(YYs0%3Su;G=YH9l?P8KVik6`T}SD;ZTLQPy7??)l$Yk`o=1Y+pcJaQqo7GA;~g6Nu_f!3Ter7UDF z9mEvWAmJ+{Bd=&RV>wCH6i*b9;o@w#x9bJca)zTqbA$GljnC(Ej;R$9(HuJYj&}oy zR8YEOs=~MvS;-s(1?Mw_Mq}hGsU^jGBgniD%o)m+poW<>G|AY^=xE{roj|IYJrJ)L zqLn~h9%ceteS=_BzZq{+uTWp^FUC*7&ts%)9^Q9tjb{+7g#mbKhmqZScajy?#UP8=x)X`=*KVO6jhdOzKcv=_iGAMm)AW4P}IBCTS;`b!9HC74MMXlz|T=Ptb7-L!AR08y5{!I=jlw%f#DKsnHl@7C{ zl7Ul3pmR`3uN(XuC)2JaL0fv#+5fw&#(!m~@t9`jEesi$G_UY>?7FtM3^)vuX{>R6 z#~7p9jYXA=c{<+I0o`PT>gV11&=9luqqALI51B~->oWiVIrGf~?4CcQ5*_G6m6&&< zY>cQr{Lt?5+O%lQa3p?c{90g?7S#AnhcPbb+e7=(L8C>bM30=>uv%z-FWQNClrC)7 zw*>9&nA5`t`^&Av54(;8RtccG(|KW*d{Qh;BWK{*B<*BhkY-MvNK)T)nE)b(sW0uo zxb=f+&KhIwqbDHcmTzh>iL9Xzt*UdJGs7lxSOh8&oD!V@M(LRO%ZR4t&9x<9?1Wd{ zIuqii%%DPq%Em@UJWOq7B*v?VQm$eWHP;f;!4aVD#{MLTmp9z^|Lybrb7$s@MKfvq zsXiM0-1n)0OsXoSUm@SfJqmx=?RL35o=LY_9xsnQ0PBhFN5ut=^3Qd9ZKYhRd8f+i zT+O)zD-nWEvyKMbjIB~q#U&=1N286iyMI~GWHAqTnvR|3z}0<*c&RZ(K<*Ur>DPU}FWfR@HgnIAFS(g&2o$49`60sh{@3_OOsG-seYdUs#EY zd!X60`ebKW_;8#&w{?FNH`{7W#BNTu#jIG?a2T~k;)OKRMFG)^OZ%=Y_eMN3q-{DBSi@J( zl|jL(8ZsqWN!MgY1VxZlk>tm)5S5TbY2%#9bhfgqU9GF);~r#fupw(MY+^Y<&|9~v zL(5Ta|+@xmyZ2q2vUslbZG<3GSx45bNex-!X`-*D+ z?`o|$DbLnJbdKR|oANF2ce@a7B@mP#be}dsD%59l=)H>s!OO7oIZynw7u-^=M^dj+H}cV1XFVs zNOq+x&jUyvD4iO5oV&8%V$9(GZO^4PSr*6XP#}^NC{$85QV?QOGg_R*7Wrc4E|_8r zb3B&wobBi`jnekQ2k@(GMlAtIIIqWX6~8mt7klF3jztEe|5G%tIn@7t_Y-5S&7@;o zAy|&T$uRiSuXQ~dz2bC|D-zJS{6Ti(srZBUz1(p&p{3A*pz*TJ8T?F|qRjP&{B;}4oWA1ij)Ah0zi-hV>@(xSrB$L=kv#_ee#u%h^u&!0dXXRuzat`df ziIYPJYwwe}0a_CcsgnK#33f*mjCAq7YACRP9O> zvE6g4Jg<6nY!GyvhMdq;eXU9I>fz4je;J*9=xnol7F&NhX;6u%O^BPaRcuh(G6MXr zqeMX6of}*!%fnpda1a0Aryfk?>t2=;>|)MHDUXME;`xL)saOgw6((m#tQ@h114DyL zy>n@Gvp+I$qnQXtc~ygmhIJscU-NPpL4IJBFoPXUgDfCVe-bs7Q#+i(8;zx4CL4{l zDI|#Hf>rBc#wv7N@2NJBlILZ^QKV|DCcR#;MJukRVvvYVp2oH*rBE z#SZ1FYZ8rm?E_rn!rtpQ&?e5*6xo5Q6{)T6kH5d6nn@0~;FcLNT^&7G=(z1~2D>h9 zP3gzWDPHr;<+bH|Dk{(UEN5yEs-VFQ$2kz*9FFnE^$gF8>ymZT_INDfwbZCBC+=12 zj<3$&c~I)jorSQ8x3P(kvn7{v<+G>Nt0ltDfqiRT*nhcB*DeJ-B;l~y!-Nb(%)&JH zMz+TNvuZarRuUA0pV%R$X^%$WzgM%89<*Liq+m6pD z2xBedu>M_e#F2K2?%`WlPW?H9E28w7D;?=p`h+V&8uj66mQttSN=vGwC$4B|EWPGR zL(93~m%Ds)P zn%*MM(m4NL`+3-mXNdxZuNRl|$#gntRcFM%GnF=rh8&vQ{k)|&H-l{8pXV|`UJ^RO z?n#CQv@Y=^+y-mKj-U_X|15U1A;5zG@n{LaDOl%k4V*lG5Dw-5SSIG%EzHCo)H#{4 zp$pCEd|I!j0@W^=?z^2SPP8>qPocd{pA76M02?c#kjOY=#;0JOPz6as?^?x`Rt(za zwUyN9qcxmopHR;vPb}#bms*A&G&+N?v>iaB40NZsU$ddYMoJ3rGi|QGl5D?JPxMOk0sb^g4>tk-dF@KgK2&yV7 z{xZ;UGdhi3Q>AXK*HBcravrLWaq~EVDhN#2X6ns;;g`QYk<_y3?%)iHLRYgpcS9R9 zFGK&MIRTF8N8XrBz=%5ge zF-`x>ZE%h3z?TU^%oPgR%1ugVlJ^Tdw+=9Uqcb!ypF;N1X`FUNJW824pc|t}3Coe%iKaf6Y2^;gRCz-M6jQfH&nH zpLAQ+IsIieoqjga1mN$h(Q*D<<7Q0y)PT7ZJFkJRJ}Q0AP%Y@TxhG| zi?%LyQFsan)pW@{t>(%ja}!o$>23Z^!#J+>&gG`pO@#nLqO}kz>!w&8J$`wB_^{J6v$&q==Rai8*6L&;_uJ9xlZCo)k<@nrJW8o)fiQ z^7YTMnp!f+W(O1CAY`W&%zo^_56aX;)a#;5`QO!6)ZZBlM0s+6dPA5|7*X15%i=(A zNg1~E64N?xK%T;YNyI0pDBHOS5>*G>3cI?%{W2^q&^Lhda!c>*K|&=u?wo++cacz* z;$+3{b)r_luLJKT6Akbe5b|S-hCD++sJUH=->AhwI!C~{&JHm7LdF962k}ClxCY#f zijn|2tH27pZ^CBj_mk>k|MW3gUqxCP?>%>CY~zaJn5NCpl`W}*P}3y+fU z^= z6u}viRwM&D5xRTw8)?+$LwFBNGyh(@N18|a7-n{onO{Ml6K}GI?chY;yp1%qj#AZ^nqhqOid*0K&j_2)0QCAC7Z(Yx4MDXC;Tfm!^gUieRiEi z497{WqW~<%bo)UeOL9cYkpFz8l0Prs)kB9F2 zTWK_jvc?sqQk;ZV_#K3*Ok?O=}_xDQU(fw>?08n zXo})?5j7*2JwU=1RTIQNm#AyChv9D(j?w$1%kYz>`pUZuG%$%Q^7CH;3S z@kl|GItD7G)QdAX;O*r2Hh!8x)@o9a^ndFYnF55)SqWKqL+k}md>jLr*Svrc?uir6 zj&`|#n4g|~Ig%`Ot_C7u1OX9=7B&rYtD~C@Q3bj~YjYw+e)yGl*Y$jRni!D=P{jOL z$234z&2Ge3L;%bLg8F!$|Mcade_U6DyVgAhv_$;A@BL5b*&_bM5v zdn90z?joNhG}k|s zq~Mdj$Ec`??cO(*vbBc7x1pOS6U&=qE$=SaarkeS}Ztv$v=>q8a4GCCghX=-J$>nZAZ{5JpI5f8ycg+wuVZEd@9iT`_W zVA=N*8;YbKqTr_yx6~c!lf*ZYXuy!A4M(#hHFu1NQ_JE&0kJHA9aAS)bBedQaUxpE zW{Vx69$PS>lsT8!wNJ&sBfqP@^Tu4Rw73D*=1qFB^b`uqz5PmAnk}xLTke*1!s3tI z-LNkUyC;k$tty>9cU(~BfmC}+-Nj1@)s2t4X`B;Yufl@EM^^0jH)Uo=iB5`yk1zhu zd8z=Z3|3exU~>o{hmHlVIP_r%vo4lBGFz1tJA+47^JrfgeuVan7}Qp96E-_M%bo(_ zl0 zlq)G$*p3apV4*0?5Z8fcUH#bb4euOz9O)0=3)<5{LMkf0n~RW5EVq7R+o!{SxXmz& zP-ZYoBzcWFX}JZRIqW^gKT3|wjieGm1Gx_OgV&{XwIa$ts@Q-+fU`4!>0bP&sTm_s zzLXzo$S4aoIMdHP+y~)!VwIf#rp`8Xr-|s^D%dc|gF>GT7LhX_6r`uzFQh`(sZTFu zDcpuP%2<1vhgg(h+j)shR(k=}69uai3w4X+!r zZOk8y36QCVS3_kaM4Aq#avRs1!)KO%_ z8g-P){)YK1jkV^Twcbxit$7bw0}NARja=2-54A_v@1R{(Hj8-}!qfxw=(bZRMujJO zSAEOgLLpq?~alzdA?<$>k3JrUdW)_dQA1N$;&np6>msba!|`OXvCI@T#7W zWW(repW791bhlp;qZ{{lCoEM2L%*-KFcwefj(8hI{*L~wJ9yt4EfowijYrChY9Cr% zC!i1-R8|Y^Z>Qy3_A(%fkm(-7w4hy0lMw!$8xjX1RqI*lRt$hR*QF4h4B+}u4N!9F z3Y2=;5^rWxaPlXVqw5(P1+OL&{Zde#Z%Y6mVknfaE8S=>ubNB#DNvv;p9DZ*OCr&t zg!FZQN8Rtj0S@pHAp|He_f%AxIN*|&a9x>aGD(K$t#oBM6V(Wh!|KFEOJ>T-I-TYGLmY#lWxb@6-d7ekg1?VQo$&Jx#wz{poY*WWt zLPZWr$PfiMG(SFQH@#{r`3!WUj)$a^fpJQ!wT;p4nsYuX3f``GrI$Zg!!t)gAg{Mv z*S-igEf#BK~&oNjbmXA6g2QXWB@(o~JI{Sh`p!P@MZA0m!joRY4sjDjSBcK3%^|2+y`==a>SLPFkdiIRLRg4h)Zv2 zUrj%QBQd$o$n~aevAA>KMiMyHt)%nwY*FVSA(9d}T0Vh`-vt-hQeU5` z4%z__B2cg`sl|oIiXcamTx{uuO!hHXspJDvj8dT=G94gFW9xj*&b&77QX7DoZCn_)JjFGIabl>)OW!^cAwYzle+7F)y1rFYg+X#H8+gw@}cJ*Zx*=xt=Yk^_d(N^a?snuu0Z$ z^yBDMz|b1OFaILfyZcj9$Tz2(&C$(DEFE!Ky6pnngHoSAM`kVY@S3XrMS1yWjlwyhhhO3?&(wMv3Uc_+?Hk$pv@aOsA$v5LfL0okJR%*5kCQCFh-wL*e;;LrOEx}` zUdS|C+kmbNb9ygo8_IeLB?y{d@WnL=^$cg|j~tp%2SYGd2Cpz`suEh05(C36n)3{d zalzTaBlY=voM_0v8gLKZ{ZF`Gdv7l%8QG9kvGU`?Tu3T*m!J}q&;Gj%RlkvwEj)Bc zt5E=6r1oiB`>Uf5zpqsq;&DS8*%dW8TnE$Y#2Jl8|a#=u9i<{4ca@R*^gi%Vd z5Riy7#xO9$@@|Sh$b@@LHEToQ3qg;W);b@MMkL@;1ZOex6qq)OIRwW7IZI5$sd6;b z9DU{>1z1DQm5Jk6b7x4ZwIQ==hQM5uS)&@=daX*w6b1Akqr`Q{_O5i8Tg}Fk$!Ay% zEOgOGWYcE}oSD%3RH1O4v$_3QGW^=q;B21$13Q^(?=pOKTIC>wFvd-c-ZpBJ(GIYn zgb~@`85dQj3d*7GbnK~OZgdt|OFgb23tm&EXKExnq_knP#xV=cT*$GLE4S)Zk6onJ z|H^N(o&`VV6sfa5F$j#kb}y0AG(n19Gamh^CmJ^OSOUku7H!e3l_8C5ke1J{4e_Md zv7%qkc){cePc&0bhdgQE8sk?_|7r|3G_yO&ZLj&FNJHUJBaIA)4i3ZHZq|K6`ivu_ zc-`);C$q^+JHe_bC3(~MnZ%%#B4N))HHCw0XeL`F8F?yr?3GFmPo#HfLA7!^mDb3T z6I<1BPD!t)i?s$Ag%oFmUz^}M{l_qHkEy76fEUUIS`*nc)}Rb;@~|VMD46a7W-eo_ zYGGW&bvxH1rwJ2Xq|`3cpu-vKSO{jtUzKM`2>y}#7d4<=xQdiPS$PZ()vqF&Rx*BetjzJ_}dTl z31fT`E6c0hM2-(cZB93Pb+duU3`{4@t`*r6931=0mQ~cpnv((EAjV%QS8KKX&G)Pl zwKerdMy<9X-k`a^jR_VDpY2^^B~sUb|L5a_p6 z(kpau)8lw1d6o}o(|tQt!vHRtt62^4z>8%(GG+WE%g?e$`*m^Y;4G)fBACp`Wp;Kn zBbh-2DOFv%H=6TEp-k%0@#Si{kWT|;yNNqo4Ldg*%c335t@I8u>v&i>?DR-;8-POz zh~M$8&lu5^Zoz@gI*EcST`iddU<)up1eHr95VY^6uumKV`fF<=bS$>y%p?;hI-MZ# zE6G%8Z%v>2MJsL0jcNB8Hoz(I{0>|mw;D9C^VDWSr`1wwrrM`;%NqLk2A}l0uGv(< zh?&!q*W>wKCIms0h7kb+=n4TLphEDlnIj}2c8!)Ch)OY-5~ujCZ27ocKHVTP^dbo8 zqun>6US|_C2M6}Th#=%#3j2(~t2O5+WLOXk*K2F(8>2l8@8U|;uGxy`2L^qznKKW@ z^#sw+BZ=A&o78lEcO4)CzP8-Xtymd_!FG0vJPaOn`AY00Ap(72z>Z zUJ^s73S>4nr$?*0S@&NGnQNqrwgh}4XD{c5Qhebf4$pIaoWKuN~6D<{9l75lH zN3M*1HYiDxi1ExpKB9~|EkOb%6C6zooz99&<<|>Gsck2B_>Pdb3@yPIX_9Z`i*~nC z&;we>TbmwSK08bG5V^%d05fdHq}cPo_iZy`V+ko*Z+6e12Vw5+I_WV7*nQf<1Fu=I z(MSI%{5k=0&5zlnC$V^NrGF@s4Uqr&ACqm8E9E!*WSlx?OcfMr@hqhUrd->>IYK$&4fgD=IJ` z(Nm(cF7IVyjQfPYk?XqDL&ph~_L4JX1)ecaW z14^sR1JHvix;YD>!Sv13Q)S>1JPDX^DT?HT(eXiGq3N@_5hH5tS5)^wD5aCEx)L5h z^Lswka}@ei`WT*`mFU;n>|&&#@ld7qExUxOIrRRo^5m z+EK|t7W5N4p*A#j5d_xZ^^C>st?>;OJO%-Rv*CQl;kH||)F*M4s~qPONSEviWpj=m zOlM@W4Rc1nHe0BXlG7%4q8O!av0x82{soT54cpkRSFhiij4dfXVyrAv+R4GC_jsmXeI%5`y;hxRxBFXR(4SK()0bBdCTfC!z< z1hZWgyo3~7#f)Bg*~*;2#Mk!I2e>Up)|&iUtC+DhiQ@o`vH_uZ5O?=Kvw?C=La6A6 zp@y4-;_kkh)Ky+ujojvsQrIk3a_h<*DMbgLeD8D{|eD*!M|2W5TpHAo0&?r6-(HoF6#NQAXod!~DNiyGFS-6lV0mv?9ETD=}^S2a$aBG-d-Lb3SAvF{QGcHQw49e zYoK4S36u%d$!|Z%@CWEcPwlC({@`QZ1mtVemCc3h zEzGj`U7SW0nle`*uJF#|hd;(OaJu5m_jNPYg(zN)G+rB=wFLh3Qw*XH<5(I@`&++7 zN0sXDRI9LtEv9qTAflvX{|#5l9N6u}Wq+#TVXft3z2QcF|4}El{_c;vw*JLGXIOs@OFp~B=|BiF=ou{*|Ka>i0d4P`=aQ>?4`6*x16gVDeC3_X&o zB#qbu?c-G`j|jV13t0|qHO);k?yB^k>jBrRQ*U^v0JOP)#91WA)HT z*f#RNJ@CJYFe5Ec%Q4v*j-$idC8{aoeh&$KviU%V6NE|k4{ zv1!5r7fRs{T>9|Fv`D-4OK}Q_$S0UKFrAw_hZI7KtTRZCm5=txS*fBZ637_~OCbbz zGXciI3K5YvYtMVnSG;=Fh*+(|x!2RWhbY>Ch`3}S1Vl`=V<5MqBF!;SfCV9n2AvZu zAfj#xM-86&@^XSXv0BU;j}Z~^c*GmMJV%;A4j+DANLDidw}1eQ6tllwy}$k{ysG5N zl2-=pTE&K4DOHTVLtfx_&=#jeOBSo0(E+bR)&o73N7ixIzOixisQ0q4z`iwgwUn{C zO?<%XxiyYbV_%?r(VZo7K6&_O#(1fnO9Z;L#&LWZGM=|eV;y*iPcY|Ed}5b}plx z$0yz5!SmC=CKS3#hP?+|?0s(xSJunsUfs@kHElbCpwnsR6)oQx>G*W`_?p!o6pIka zb40a}D(_R*zg~7Soa=1BU^22&O3+FQ(bu|}2@)^aP0X0?%Cf-FY+7otfLp%^+_W`n@0xj*{ebJH z2O9rL=`=_oUJF8eGgK0w-*@tG(9>^)LN1~sO4)N1W3ZZx|KXizE+>S)cWS%$NX#F} z>b2Ub^;4L=^~cDGTG zz^{6`I#u-$X^U(aN7<(t5#W4)ZIRU;v`-pS)(f%;?&h2QJ-)ar#k{|{mM2n2$ zgVAZgWhemkcmBE3ASy@u`4op;$!p&6I`O zft`{GmNpfx7+Z+jqjdu;c9rEUCmZklY1iap>nI4Q(ozg%^76;|8cTwgkfzF2##B6ovzP|?D44ywhldSwQ8*Ol(Q1>7KPrL7_2 z)T{_z*j`yR{$i_Ol?s^mL^3DV2akSm6@y8w<>n5D-<`p);C}go9WLs_H#jmyhe$F>yQtPenwT_Za(4cb<4D2wmD-?y1GuyRMTNz0ZM^C6tQ&eYUI~s%5b^>J{})2SO?Df{X%F4#%ZXiG&CD zzPj%e4XJ`YU) z0liA6VDL4D(qA3yS#h&e_&1=Vhy&kz^#@ItU%^wZYgylXLDK|agjh5#?Ck$TI`_=E2UdyP>dA%Fs#r? zC%FhGMvdZ%w-2l|I+f*Uv!aM&9Gwm{DDXtUj+;}hD9DPdm=KY(BBjPQj^d(-RI(LZ z?s6R?pHONtP!r&IOgcN6!JkRlp1*cl#rC)6H|XXF>sh~bv9YJNj6%y~v)ZAM*vxA6 z7WgQZ4jsK)mv)5y@_NaShyBFoo#*9w$HViAG-2srwaj0+eu|m%KqAD+36(d43vS=R zq{;kZos@?4$rY+P-Yz@3DsS5BKQ8qeF0-{JD+_qj&ga)R5#XBdHsroL`LE3$hyI0| z?E2OV9$c@69Pz@>|K+z`!=L_NDS73e{PgGl_UCp3``@CX%aZ$tKR#Z=k--ddlTlar zzZRea`beQu$sh-X04B^hWTw~W!z6<7y)LV^#^Akf3eAsWNha=;W$qYT*lrM+u9d7s zLQ(Z}C1bV#ii~`F)lkRehm0XZclW5z9cGuRbYqC>h_c!lYgw=nuRqdy)y$E6I)k~v zk>?A?80q>p*JWUJVL1)R?qPRzF%=Cu5!PdNznqAVKt%?4VCp#Gkb}>Vf>X>PF(KNa zas;kspn?^>epIiMP?_}9Q^=}|)H$zI#HECHum{){8NW-1*{kk(Kmn#b4>_xeOej?D z>4X1M&NX+kFOBqhLKC%GYM0=eI!c~CTkR!Q9{K3&d_$w1@!h7)93k6w)!}d&sH1wv zq0|SB_f+hUbDwL6AALlN%T@hc!kBgA)49)sPj{-FYa;+DA(-A?h{Yt0wGvWt1Pskr zsjhuL@_>Zc+kjUCf)K0#WD8^WbrVxy(JYS%Rt~)7oN!Uy&iE}0Ov`B*?qBR503Hl; z7#Up;cf9TOn{r@MLF@gZ=3&{XJFbW`r{>1?cFpP1$vBHWb>A`bklljD@uvq152=J+ zyzU>E$e)=)AA6pTCv(WFor>0b(WS(Iw8Cz5$GCKN2YM>d#}jcmu*;BKu8_WNlE!z; z>|ht3oERJqf`z;g{g%^H2;j>t;5{mF$X&Tuzb+5sAHMf4&swz5p`T`sP93`4cEnnK z$D)>q^rD<=^{sPb5({0a_9+Dr4H)n~W@l|gr<^fkrw56|jTb#Vn42>IbCJMoN^mto zKc7);0DTvcnb_>SaeNf$cr;ttv{BP(U6cw)%B>CG&ZQmuQ+7Z%y1Ih!O?q)v1j#`tG5VECLx-$B9Eibfzso7t778# ze{oNb?s}1HaxF=V!U~_>GzZ+pb6K?K{AVVA@i}+jrgPY7Zy4Sd4hI~@Y7do#es1#j z_E)2lm(Gw+etO7RvN!!A^T9baynMvvZ#IoAUnEm=83Eb+Ol~zOW|asDcie%1Qd%x^ zx00E#m+3thAq8!K#a(j!qJ^dQ)vDQC<)@Kfmk)jsJED)C|kwJ#h2GNtGbC(RIkL#w1$H_s7G^ z%#i!5X4RENS-8y08^eswDBLY?S)WI__|_Z#*&f|#5B4FNhd7kw4~FuWj(M@R?=Cqi@Ee@87 z5H>>)QOmsA3*b=DQmdxu1K1$9$Hcv+MI7quZb={jpAw;^oxgEI+)(QY=0m~cbko^2 z0;KL++Ms~4@+>N!ku&z=70u#H=}Ti_1%!&+a-5I$4luMhLK(8KnE*&*_{XD9e;HNC z>E8c5=c!oqe&FtI#6`p=(rlYSZ`ZHaGv(t*4}7EiPX zlTZ8hJ?zH*M!yvZ=C|{56Fg&cMqEH{g4PuzEzBc&BqbmhSZ97bah9wgi!2am4^kPW z_DtzG(O775TL1P6p5|s?*Q2Iqv!zmizoMOqRn|)FZ|Bp}Mwb~~o(+m?(26Xkb-S>= zAmTl1%1Nl?``rSM7tCoBBa>8#v{JXzDp_r|#x%8b!|Nd}X%zNdf zGe=e*^Z(m#{!2whmb#r-SXX+2SRxpIyGRw{j*3jJxDLQ?%4^PBMwi`az6I!E(4Lr9 zE!1n(eO#knq(0#BS|(Yo(`VWTrlXFi$|sD7$2~3UhqUMR!d$+RG!v!I!~|MsSBme- zI2I}9tqYVDY0Xjg>Yal5bh==i8^X!I+vfXXxIe%uyhqK+1MiEpCz^ zz<2JH-TgCQ_1J{umwAcy_C!&-r2ril0$JR>hG~HQv!ZoDA+8lG$_OVYe|m1(SixHR%Mb{ z`e0?H1OC?L#^HX*IrCQOEwqzuRme0ABY2%RECU%w)O9m6+jF+~-4Xo&B&dmIb^Obk z7;H`kUpbbnV5hUz4n8Y)3qCuDtg$^ls((wZQjb^rqgtNi$|#Sg-C_`f1Z3ja{7&bX zTo)DX^n`oKJqSO4kNAz8dr`S(X4&&*sOWgfZi8E8OL$cDD3(9p-(L22Ll(D>9zzeE z7_wo|e#bVmnc-$89SC1A_7s0OlApcht{x=m?;GV@nS5UnHSf>2-izXo<@OI3_FCPm zCmNEZs(Vilx}1sk5R*r4G5dF7&PE&{b-8G>yY5cKo)KNcgb>^Y$IvgU%^Vsl&(QeN zVeviW{dT^FmERAyqgMhGi|18R|89Bt?&moTnoCRqk4p1KRXk{FyP7SNIfSMS&63T7 zYY&g&7vX8>{nMG_%w+n}LQF~O6Ng?_2Ae`bbCcgNRh@bY*64y4Ko;IGh7LI2D%=^| z)>rhkX02UVnJz|EnGbvTQ8-+j z)pSi<{LsU|v&u*)>fvfzU6&fVno=cPy8p7+-wfnZC3n_x><5>rI(w?N?P}Iw z3m-y!?RlqmYKHs-9DiX2dq6feE_Q#Xchk>!NTA5G5!x;3| z&e}USYYlxX6VCLf5A33yn1<{mu~s;UyDW{^XRHnOJ6jc^^aJ4!j-Fb>&W~UJ_;tyL zBOaaWjcjsKBRL}{?RODkoBfp&{IF-X84 zWE|=6da0_Pne>+YgNcQECT@a1Oud)0B2dS@!j!GBbYDy_BA72onZ8^h`X!lkYw?f( zW$dO2&vKPl--yc2MVEWnhg+@VE!Rh{GNu(ua7aO;f=8Xl^dzZ3Mf#u5^5)4)q9tw@ z0n?SzT1o4=tM12fX4{bbmovX{|J>N z9guIq@~k)uFdU%a_>N{P-s1k>uY=FM2*0Y&e0_DD=eMuCwW>eveABcK-o;k|!U=$Z zFfv?g(x(PUt05<|E5z2y;rYjQKIGct)_Q?qlc@{h+ZO7_H{J+ORWrm?3R*9mv zi>Cb_h++t|4YDU3R}TAY;r`&tzl(shNQ9{QwE42Bqp;2R!8^YRN9%UG2B>hc6w3PO z4C%~9B93=~BoHvyiYqgZsPAy@MtR@hFi(f;dHJ&7o5>xEAFO<=>e~5W;aj_*+`PQi z8UYk%9q>e^=0VpecS1Wh$A@GWV6gvVWvcO8UsgY<3u@FZ9QDsHC;nn-?a$};s14$r zNg=UIwzkCRemws;U`!z<9iX+Q&5~emMfThV{X&L-Q>V`-bn}VPt8YF(+1h8Ahk_TL z0}_j(5JvU!+{gGw+z8MNvVqf&GRmcFfdsE3d@*1B&OElwnt>8T`&K%gf{n0FIF_QX#bftnR_~KLYwlrPf}k-Y)G4p=KZUIA!nF36 z^kZ6Yx{1O=dOMFp+uT5+Pn-Y&IHp~5oGX>a6UXUjfdflJAwa7~^?ki_oypQYt;NB2 zEnf;?nxfw-!3;V1|6h(;Eta6~JZJiEgY@_(Ao=@<_ViP&t?~6~rVIdQUG#<&Ywwd= z6Ab%+CnRYDxK1k7#wBg)WzRM_M9402x3nv* z$sI-INWsf0-o6J*`A7+Zm0IOviW-qcfr`~EhP;hXViid`&Usk4b>zz$l|rQ2?kb(e zaF2;t+qDmoEdbfg9XZW&0AN@}{Jh8e!H4O`I~bnlCb2Z$I9HYKNqu`o7Q^ps)`lXA zwt|@!a$397f!HzucztjMl7@sbGqV|0FqS810#T1AXX$Cl^2DxMzM%We4?2~Q|Hu(L9%L93}|80!7{ia{{VibA}pRwB!D zf^2n+)+WkXkrNm)9a@Me^)vSB8TQYBN;Ck+EqJ@1pLydhJN&2e1L*!r6gB-}K$MHI zsW^+D9hE~63{X1GnnZntBZ}O#hIua0g7DGBS{90XBvE;Pk5}s9hj9oRBXN3f#K1Yd z9fnw7`x{GRCOE`^%qKuvn}wZSO=6k{IG(IqL1)52X=7l<@8Q)vJZz4#O?xY-**)anhRSz#}{Y8~&=a8M&wnSPv_SBIB=|vkjf)otB*u>Sx<&4*; zkFf^`u-0$_?9%>P&vHD>?75>1ir`A7edRMUe%K>h2tUFMb5;1T8-vtWjXHE zTUEUO#eTa%0W`R?Z0tz)whlzE#*OtO6poS23AsU`;KSkG+53fZ$X|n=ZreB=f~Mg~ zi@2-zdo3}5C<56OX5~VUSpRj`|2o|_Qe2mN*A_INB2v-k0MTa(`R_Rb(r_!p`7d{Z zCdq}AV!t^v6nog*^G9EcgX32cCq}~Izr#+2{eF9Abrak_c&uOyapGCbVV`Slq9q%e zBQxni^L9Qz(Ac~X##oiS06#pZ$3o_ZrM(2z9VP^5Inrq-yE&oYsKk>7ut=4|j!h?D zsYyAsx&H^@h~YTjxd*vjHklHvX ziWHi$x>n%06tPHr-|#d%T!}VlMb#P8xiPw0mG*J2sH5SP$N;eoV{j2`1gp)G05qPs zSveK{Se8p@rA8&52AY~Y8H=fHpm}*{0a3#+N)Ib1HCBL>piYwMmP+7%DJ2(!Vtnd4 zHggve0x+QfTK2&gTaiBDKmg5v;Ly(~%^?FNSiFN0EW+?SKC3AWTgb5SLRxgbM|}K& z7W3Jhi@B-d`NUMD_Ssxx**Z6Js>yfmczDfBN&0&V7WS|XT3$PH_OHkX&kaNx$><8= zUbM-$dOwoyx2oafD}WKn9W3S*?|yvdd*C8$uwQSKmY<@jvHs}Z<24M{!S0+Jn);9Q zX(b{*%>s!XhKWVi4mWk)2!pC$+7B4noDl{KuZM?xL=2-9>0sf=82;SMzFI~YKAEEx zr+x##MYyngi7QNd)2&~OA6Eu9i;-3y+e{+nl#)o)SVvsOD#Q#crvyz4G>Bv zAuuK1wghVA-SzadaJ&KlI@ZGxuq^<dV5gNYrxLFFn&It?HIpO9am1ATF4b2$u!FhWEe3cN{GPk| zbo+Jn)?e!M!V zdM6b}H$)@$V_}8=lN3^EN_-cz(M8o!xFu7`Y{BPHBMRFa8Q(Ukex0>(z2>3T_ibQU zXIFVT9cPm@T5mA#+|I8n<}e4J>Fk+aD+f&eY&CIU$U)YKQf75_6qZT>qdhDnj`tRe z3!XjS+OtIawdN;H1^HnOaf|xM89&ojdzd|w9(&Z8?c6h$VR>1~Ry!<>44R%mrL)9} z!gCq;gpxw+03ZqiK@AGY0_pDl#u-O6)s?m|+#_$5=_=>66=^=pl|q13S0a+G+M*5& z-&}Zgfq);6DMuXe%=5!>1W0zDpKT?uS-%>~%;kDMtLZQ(d>Xkx(N9I>ZE|2;M> zp%kdGElt(Bm=z+f7~9gvsXE-)M*(ARS{L8(tlz|K8kV$U=1-*ZzSyxQ{XL(fD}5w= za#B9T7*;;a!$L!Z5m^H$qRcS7@4u_vCZrw#Gu}G~M_#-4idg@N1@I1V9kwE17z2sZ z>0fkKOOdfqN&){|T_&AB89OcEOCDjrs*RVF%E2W9C2z#^fCvjH@TUMCyG{b<|B0|n zlA1>F^@4&S8}8D4_gvOd)H*L-4g!8(N=>iSg5OA0O_G_JUl9GL)ch?I^vQ>bDJmss zh@I%;*ZyeqB@k#s*s{d`l!D|UIk=k7XGuF3N@^Nvf`e{a60&eUYH6r?pGy_q;y)U% zM#%nE1|<}+WRB+Kk{7>@6A!*b;kX;J5iY#pOoKfap#%AHZ($+AiyBet5lHyO%d5w(oMu_ifO;+Mj;9j2K0k0&TQK)K^u5XAC=LdpGueZrDwm!XT-`|bG6jpoM6+gZcIZUCRLhp`J98(%q3|$E|0_Hc zd`O_M;5g$iEJI$z{PgDPipiA>8RPO4chs0@M-^_y1u}TX!F*EQbVMaPqbbGC%aMR2 zQ$!)6Y5&Oy$rl1!`zm^vniylE$1BZhQquYA^?9wG(+nODvQfT*ct#@}SyeDW7^};T zR(E=W7)B!<78nE!YO_3=AmZj9&!#(;xx!h*5G~{-l2;v0(-wKi7QUvp=G8OL10A>BJ{RBi zV$-|F=S*TD=B3CbHA(wA#DWTCdPOCsQ0#TxC||F7Z5kH%_^Qw}f1#`6&{U99`GitC zQmV;!9J__WEJ6FWV|BX_nimDst3Zk(A!CppifiGbBm{^Mp!LjT8DylI z{VoQXXFS^fx=Ll~t4B8DlXewZqlV=5)6(F-_so020xQ`|37fh~_}N$$ z?Vw%iGcP;ASw4(XRcLA9_x+zpA1@Rh;}Uxwq(!X-mmxPIFZ=I=zqh10yxTTQkf^hr z{3rz+;0zz$W$F=K_FCv*mo-e zfJ~M6c`NYn5-nh74yi96etJ?OoGzm`w!??aFB|EbBCBXE=nP3pipHhF>5ntW`(->{>5G0o=t1A@-3DP`;EnMfkGGt|Dpu{^2HRLsp~*yt+!|K6p$edqeI$z_kgA?(L}7i?7Mmcm4WMQ=mC#!-JBGcTg!OC0a&Ehm~v!DDB30A7PrQA ztfb7Zrvu%Nf_5d+aR&N7$dnnOX@-+3aP}Zq0T5FtV3HXhM}RSCeN!cXG|AH*fiRKd z?{%+B5pcnpjo`}($&|5>2vB!Tksx@nT9!tM-`J8Y`4+>XIq6X{6L1~42i2BuVg5%g z0QD*j^g4$@EEdoOumz~7q4@Lr1{(w%K9JHa)`TYWRwhd z?fmv0ONTpa!}j>N^0cu}dB?%<@dw60p3u6ApKrG_sMc2}K-KLLwS*f3+R_Ok(`L93 z)MA#w{4x=?E3he-4+ubnTjMkK8bn7`M%|S2+N<9GIm^FSDt2z=dIJghq-B}BE>Jj5 zws-4}5T0LN^RvVYiVhevQ#ph!5y)>@9>xeT6!yBYhl)<@coB9T6(LaNlx9(4n}(X{pSDYzhwUPU&*`A zoH9N+CMK!>kgVI{>GgX*kG@(r|7nXj*HYNMFFITn{^9BG-gmwK&*u;u&QVc0oB%Au zuQy~I%*cMMk-c3JoXxhVHnQQ`x_k%nk(3<0*SMiL5iu_4IQGE7le~^-Ww4_`R19>9 zjc@{x0t6Ejc2${3%v5kt+~SLB!3d_urInDhTULvrd21yRu~w+h9>&#^9}Qzm4)R8~ z3#4Mh_kesmY(-8KE;9uc@k=UoDy9%<&|BJY$PH{Aeg?HBp&oJtmdLHN-iH*71SQ?> z%v1R{T$Ra%HH{wIl$K`d>az`nE;bO9v>>hbz2K|-rZ*f+`8Uh2%KsJVGg7PXlqAZ| z%dUD;jifaRU1>`~Dsr@=pb_h_6SJJ`Kj9KVl^Tkn^-4ZpMZE_vrA2Q%;n8NPlO}(0 zS3QvD1ic}w9Q1k`=VCk$_p0e8a`|}Wx+gs+HFx&D_%b{eExWzTStVb?FDjimklB9M zc-D1WJEuw%@Uo5rv*X#YW76nORSfr>F3kl1#qTz*-J>TdlIuSrahvgB^LCo})6JSC z3ILq_)cMp`i$lYk2hYmJYN9E2Fdbu-8^`C{ZY#H?6xG?DLXDw=k zAR%_rphO2!Y9*SQ{eMNG4B0cAbMisLo{vJDo5o4Nfa!>prE+Oub!~$L0_f)1@vcgH zTD+jj<-Dv4Y>V+qdAjJd)BsEnZz!oQ5jv)=_gD$Pt0ZchQH6%a>dLEnY4beL(ni>9 z-NK6@g|{xQW^q-kYGzY;)=0HtDmsLb5NRDv5<^FnG~K4Ha4EgHj96-Q2&%Iw00Ez? z`Y~D0t)Fw*+-$*~rwV4l{m&Kb|1Z?8ZEpMS4_D{M{dBwi{RX7}@Sfy;QTMCt1>)wf z6&393$=s(upp@8s^!pDQulq>6!|vS^B1r%1Deqn%Te5e3oc8OxW!*-l^5_vz?8gT@ zH*JV|==)y(Cwu2kWxyhjT;y3kg>L7LzpiL)tQK{YMDo>hqlIHZRtZ|mf*|U4=|@qj zy;MUR>AY$C|Me?~etVCj!H#I^T3x}Cxk4qquJ;wTPX?U_^Xg42xi~kW``th1Ep7z)M-!zHuhq-Ts#gnW!VvM?nScHsnC|Tw-F*Ap!fIi2uhYBs3j5z40c9Rj-k3|@gl0>f z9d=BQ=%3Ky7F?#SJGR?ig;S8{7F^U7$D=d(dP#amb;P*_otWHBlIE!PpXqeHr5y5t zRwC5dP_sFy*Ab#~uLq-^&%ot)$AS0#2t8j1} z6Y#0fS!IA#Rq%$7Ng=HTC^16{Y|kVPzr#SIa8I2CjFVcyXp7W0Gv)X7m}fr)0X7lI z?l=dgJa3-9_5L*Sxr34ydW>D4F314jkN01`5di#k_tZb`)}nV@NmnKVnZfh-)9}6$ z*&=b`CNIMHylZ?B`!G7M;G7BcSN2`;VsF>YjX-k9;FBnmFFe&JsNG5!{t%FF|o1Wy{61j@aII zDwaBV`RP6Ag?xJtr845!p71%>Zc~zHfBMJfWRD$5&Aj}=9{ZUe>8;Cs+2oXU$#1oR z7fx>qYe^0tbt0?<&J)+raPGh##^xFexWg8Bzy{HP1+aj}P?Klwlv_`ZH^xpvMRA#N zI}u4akwxuTLjN@@Y;cN5zfJ>=hnORP6dAT~qO^!SHtw zRKR=4kNHPzcNFI~_T}g$Ryb(exGUuYO?{KOZ}#k6QwmFV|Iud{M2wWTKgyZ9q?N;K zs*2hSkNGcih7&vWIBra| zpCN1@y>V*xR)ft&aEh_)cnvd4*w1YFe^aMFu0ze1vIrZFy;#Hc-_kTnrgO~gG2Ym$ z?xU`ryxX>}6uTpd9gPB^m@=b%3qv-V5~anZ+D;I#?1OO^EYhd z7QSIj0}C0p>1gV(iT{`ki`LA*!pA6PflzLX<*F``8(`pQ-;=k)aeD}FM0uV} z=tBS4q)(n3dhPYgcWaP zF0Ppdna12NBXN{aX|z%(bCx_YY0|AoH}YI{-@^#7zSa5{4UOz6Sz;Gb3ez zn(@G~0}z0iCI$u2rVIv<(liGzbpQcS(kzewro}@66fdvrL z>aYQ{UBUrKM*uF^5iUH~BeRRY_bLK7Bbx{zkAx7x8%ZICIC6&sxseW1sB|te1at{< zuyi8|*mMU<@bow;IP@H9;Pi)Y7fT~*DOwstbZ5RFRrJJD3?x*HBvVYZqL@i{hz0t4 zbt5at_kPP}ir>hN-20T}xKY(|iW-(n)Qz~$WY8>66Gwg30wli_^6YAfYhncs)O05J z4Yq99bl~%H_wklpvZ7}!xDiYJ51Ifx#@%4C%67aw;aGOi5nV%SimVAP&7~}yadfdt zR*H2OE4vm|5Jo(c(KY>iJ9S%rQ31O%b{mQo$8MS_AfxZ}xwt<1Srig1us6io8l$ep zRLo)hYkwuZReB<8){*rXdmpq$K48}_SjFRdde6aHN=`qhRF8eLL=2kJxqv+&@F2px zf{r>R zZ)$$mn!~59b!|#?u^4(;5l8IYXAT`T?t3AE3PoxjOEd>;z?5WZYt@1C^5PZeeGoM6+GbL1Lp0DdBraq|63w5PL3GE#*`Y!A1YPF8; zrozU(uULy}q5c&_8AX>n#i90!}mFO5L5G}Bdkmk3lSEQp;A&6(PrVVRvRxDspl>$`b)`I2Z@*E`T)F9`}ICEUN>7ln$6 zOGrvd%gD;fD`-*Fs*M`8R@HKhlqh=)SV@ywJC)*zWw=I_H(_eLQ~kyoFqlt6hK(3a zjk=pkEHiGx@-&*XqGy)*x3WM%t+Kj+rc9f$Ce7AbXMI|2fTm4v+LQWChc3x!dtB)J zN7$a8kaiSCW;+Wddal(A*$+COfj-p(JN>!@Ws8y$4gGNo7wFp~njkVTk zBqAmurD5%vatcZ+GU^N|YfUpLb$_R$G2=O_>=ajJ^x|py)(oY0HG2E@^YN3fv%6Q2 z+O_w#X}2|G$LZ0_%|pw7dx`j`NLE;79qZY^MmDjTEguk6vV3XZI-g^>+C}F*0+Bmo z;+hJkcJ4&f(MBI*%&}y=Yy=n5PEg)9DG3%TjvknNiYcec zK6M}KBtOlx(@mcVGjrIGE^CGvXPSAIS!Y}GklC9utxLBay&5$cF$#t;t~uwLyShCW zLk6CeC{5~~FJ0VTm_KVfV)s%Ldx!A0ClqfOg7&sySChwNms>vkoR2HqCo8TsY;HO6 zHrk#?S7_URx$K`>&sGh&wUw)UU#z22C2AG#tB@R^60ckT9@Q*+zl+;?Qgyt(fB`4?Dlp*(jij~%aK+0pNoUM_ce%g4;_iH>#@b6h1$+Ekaw zZdE5aBenr;()2E!@>y~`XUpVrcxV6GwOrO*`0k>2EgSx18-lhMZzOT4^dy<;qH;Nv z2_s?H%N3DEuFMxzuA0+n*^PM8CdAbhYQ3#rXh@Pj4xlY)T7cgxiq5z7i!Yz_OJyvr z)RpBbE>%k}z!IxuMty}})Kl{4LsxESKZ>gkIQd3bbjnNeUR5@X_2iq^d&J^%Y_prg z1vZ-Bb2Dt{YrQzRXRD<6RXc868H2@=`VIQ3*OvNx+gnz9fW>u;f3psfXAq+Lg)Mts z@%DD?R_P1mzc;yFPwu;%3_a@QJ=1ie-da!2!$3V8GBGh?ZDA!1rT= zMaOl#o^|7-CCUNO@FdDADaE8bn-Q$5kk zZj^l_Q%aScmzAOlZchN4)5^7rVykTrdwM}1BAgDp(Aew0-!D%)uVY9ExbDN%8f|p1 z$)tSMYHzr$w1HEuUQ5y3m5b&REPLhwlwrY;qoA;>2$_F7Buc{ECz&J84t2Dg-mraJ zns&bp*^4mZyzKb=(}9zdgJ(SRik|l}uNX)`+;QnbA3~j=v-ZJc=KX<+l$8biV8~eL zL+#ee$x_j#&}l2ECG-H%9PTR$u$v)JnzlBCJI?fa*ll(#p$PDOKd{J}?LcQ^?ExJ} zy&iQNOH0%SqCpO0@MsP}M;ejA7;FkDhtU`KejS(qZw5e=Vi%=U zN~9)9K$#yBDl_|VKDU}|K6RCCh&TF{ zSrk%hdg`XH2ezd0e()p(lSe%xU&@nFK62cgY%AF?i^tAw3S`|+bVN#EOQ=kCH^dV^ zjTjy%XR<{Da5z3PK)igMZx)Nghu@X-yiJ*gn)B!qM-g#moi`OGFk>}aaNV(HL7l^H z%h7JN>69Thmbp#G=2C$b8USSLgU=N@YbX9Z7X8p?As`#|1$hl+qKnYh0_vD2QBD0M z;aX|GLDd?mOy7pGuxzb*E}n|+4+Et}YMUV>%?f?{zlPgW(!iGc<| z;1&|6=4g;XdYRZgK;t-z;p(dU^isLeF^I!!gK6kM5@d43t&Qt@!ro=Rx?JBYjKGJx z<9^Z$tq*3A%p6?#`GL?0auetW3``ynbY-k2@Ywm|JIhJEPDCP&!L3^+)kO(nzYaJR z7Q}eD^9m^RU7+^Sum5-P@Adv|!)217ME(>9gWTG2Gr zZ^)pwKyYWIxYSkR`X`5i&tuNA@8<|y6-Th5czMb&i+xA7%$9If?%s*pOou)aFPtNK zQJET>|fhaz$_rz65uC=!v#a!XV4*R-Y917X&dbdXlU;}Rj47AW zt((yr-EB`4MG$HuqV~_85q-`U5nOb{V*BE0xz#rowDN%x setThemeIndex((i) => (i + 1) % THEMES.length); React.useEffect(() => { const prevBackground = document.body.style.background; @@ -65,14 +70,27 @@ function ThemePlaygroundContent() { - + Theme playground - + + + Theme: {currentTheme.label} + + + {THEMES.map((theme, index) => ( + setThemeIndex(index)} + > + {theme.label} + + ))} + + - + Button From f873d5d475f813aec4044954f1c547781e6390f9 Mon Sep 17 00:00:00 2001 From: Julia Mnizhek Date: Fri, 13 Feb 2026 17:50:15 +0100 Subject: [PATCH 3/9] [stories] add stories for charts and tables to theme playground --- semcore/core/src/theme/new.json | 498 +++++++++--------- semcore/core/src/theme/themes/auto.css | 460 ++++++++-------- semcore/core/src/theme/themes/new.css | 460 ++++++++-------- semcore/core/src/theme/themes/new.ts | 460 ++++++++-------- .../theme/charts-theme-playground.stories.tsx | 337 ++++++++++++ .../datatable-theme-playground.stories.tsx | 130 +++++ stories/theme/theme-playground.stories.tsx | 41 +- 7 files changed, 1431 insertions(+), 955 deletions(-) create mode 100644 stories/theme/charts-theme-playground.stories.tsx create mode 100644 stories/theme/datatable-theme-playground.stories.tsx diff --git a/semcore/core/src/theme/new.json b/semcore/core/src/theme/new.json index a12ba095eb..c0ea74de5b 100644 --- a/semcore/core/src/theme/new.json +++ b/semcore/core/src/theme/new.json @@ -409,394 +409,394 @@ "bg": { "primary": { "neutral": { - "value": "#ffffff", + "value": "{gray.white}", "type": "color", "description": "Primary background of the interface which contains the main data and information." }, "neutral-hover": { - "value": "#f4f5f9", + "value": "{gray.50}", "type": "color", "description": "Hover state of the primary background of the interface which contains the main data and information." }, "neutral-active": { - "value": "#e0e1e9", + "value": "{gray.100}", "type": "color", "description": "Active (selected) state of the primary background of the interface which contains the main data and information." }, "info": { - "value": "#008ff8", + "value": "{blue.400}", "type": "color", "description": "Accent background of the message with regular information." }, "success": { - "value": "#18f0bf", + "value": "{green.400}", "type": "color", "description": "Accent background of the message or banner with information about the successful result." }, "critical": { - "value": "#e82525", + "value": "{red.400}", "type": "color", "description": "Accent background of a message or a banner with a critical information." }, "warning": { - "value": "#ff642d", + "value": "{orange.400}", "type": "color", "description": "Accent background of a message or a banner with a warning information." }, "highlight": { - "value": "#fce081", + "value": "{yellow.100}", "type": "color", "description": "Accent background of the information you want to highlight." }, "advertising": { - "value": "#421983", + "value": "{violet.700}", "type": "color", "description": "Accent background for the advertising banners and controls." }, "muted": { - "value": "#6c6e79", + "value": "{gray.500}", "type": "color", "description": "Accented muted background for a message with regular information." }, "invert": { - "value": "#191b23", + "value": "{gray.800}", "type": "color", "description": "Inverted version of the primary background of the interface that contains the main data and information." }, "invert-hover": { - "value": "#2b2e38", + "value": "{gray.700}", "type": "color", "description": "Hover state for the inverted version of the primary background of the interface that contains the main data and information." }, "invert-active": { - "value": "#484a54", + "value": "{gray.600}", "type": "color", "description": "Active (selected) state for the inverted version of the primary background of the interface that contains the main data and information." } }, "secondary": { "neutral": { - "value": "#f4f5f9", + "value": "{gray.50}", "type": "color", "description": "Secondary background of the interface which contains the main data and information." }, "neutral-hover": { - "value": "#e0e1e9", + "value": "{gray.100}", "type": "color", "description": "Hover state of the secondary background of the interface which contains the main data and information." }, "neutral-active": { - "value": "#c4c7cf", + "value": "{gray.200}", "type": "color", "description": "Active (selected) state of the secondary background of the interface which contains the main data and information." }, "info": { - "value": "#e9f7ff", + "value": "{blue.50}", "type": "color", "description": "Secondary background of a message with regular information." }, "info-hover": { - "value": "#c4e5fe", + "value": "{blue.100}", "type": "color", "description": "Hover state of the secondary background of a message with regular information." }, "info-active": { - "value": "#8ecdff", + "value": "{blue.200}", "type": "color", "description": "Active (selected) state of the secondary background of a message with regular information." }, "success": { - "value": "#dbfee8", + "value": "{green.50}", "type": "color", "description": "Secondary background of the message with success information you want to accent." }, "success-hover": { - "value": "#9ef2c9", + "value": "{green.100}", "type": "color", "description": "Hover state of the secondary background of the message with success information you want to accent." }, "success-active": { - "value": "#59ddaa", + "value": "{green.200}", "type": "color", "description": "Active (selected) state of the secondary background of the message with success information you want to accent." }, "critical": { - "value": "#fff0f7", + "value": "{red.50}", "type": "color", "description": "Secondary background of the message with critical information you want to accent." }, "critical-hover": { - "value": "#ffd7df", + "value": "{red.100}", "type": "color", "description": "Hover state of the secondary background of the message with critical information you want to accent." }, "critical-active": { - "value": "#ffaeb5", + "value": "{red.200}", "type": "color", "description": "Active (selected) state of the secondary background of the message with critical information you want to accent." }, "warning": { - "value": "#fff3d9", + "value": "{orange.50}", "type": "color", "description": "Secondary background of the message with warning information you want to accent." }, "warning-hover": { - "value": "#ffdca2", + "value": "{orange.100}", "type": "color", "description": "Hover state of the secondary background of the message with warning information you want to accent." }, "warning-active": { - "value": "#ffb26e", + "value": "{orange.200}", "type": "color", "description": "Active (selected) state of the secondary background of the message with critical information you want to accent." }, "highlight": { - "value": "#fdf7c8", + "value": "{yellow.50}", "type": "color", "description": "Secondary background of the information you want to highlight." }, "highlight-hover": { - "value": "#fce081", + "value": "{yellow.100}", "type": "color", "description": "Hover state of the secondary background of the information you want to highlight." }, "highlight-active": { - "value": "#fdc23c", + "value": "{yellow.200}", "type": "color", "description": "Active (selected) state of the secondary background of the information you want to highlight." }, "advertising": { - "value": "#f9f2ff", + "value": "{violet.50}", "type": "color", "description": "Secondary background for the advertising message you want to accent." }, "advertising-hover": { - "value": "#edd9ff", + "value": "{violet.100}", "type": "color", "description": "Hover state of the secondary background for the advertising message you want to accent." }, "advertising-active": { - "value": "#dcb8ff", + "value": "{violet.200}", "type": "color", "description": "Active (selected) state of the secondary background for the advertising message you want to accent." } }, "highlight-results": { - "value": "#ef980066", + "value": "rgba({yellow.300}, 0.4)", "type": "color", "description": "Highlighting the search results." }, "highlight-focus": { - "value": "#008ff833", + "value": "rgba({blue.400}, 0.2)", "type": "color", "description": "Focusing values in the input." } }, "text": { "primary": { - "value": "#000000eb", + "value": "{gray.800}", "type": "color", "description": "Primary text." }, "secondary": { - "value": "#00000099", + "value": "{gray.500}", "type": "color", "description": "Secondary text." }, "placeholder": { - "value": "#0000007a", + "value": "{gray.400}", "type": "color", "description": "Placeholder text only." }, "success": { - "value": "#00342d", + "value": "{green.500}", "type": "color", "description": "Text associated with success states and data." }, "success-hover-active": { - "value": "#00342d", + "value": "{green.600}", "type": "color", "description": "Hover and active states for the text associated with success states and data." }, "critical": { - "value": "#d1002f", + "value": "{red.500}", "type": "color", "description": "Text associated with critical states and data." }, "critical-hover-active": { - "value": "#8e0016", + "value": "{red.600}", "type": "color", "description": "Hover and active states for the text associated with critical states and data." }, "primary-invert": { - "value": "#ffffff", + "value": "{gray.white}", "type": "color", "description": "Inverted version of the primary text." }, "secondary-invert": { - "value": "#ffffffcc", + "value": "{gray.white}, 0.8", "type": "color", "description": "Inverted version of the secondary text." }, "link": { - "value": "#1d1d20", + "value": "{blue.500}", "type": "color", "description": "Link text." }, "link-hover-active": { - "value": "#1d1d20", + "value": "{blue.600}", "type": "color", "description": "Hover and active states for the link text." }, "link-invert": { - "value": "#8ecdff", + "value": "{blue.200}", "type": "color", "description": "Inverted version of the link text. Use on dark background only." }, "link-invert-hover": { - "value": "#2bb3ff", + "value": "{blue.300}", "type": "color", "description": "Hover and active states of the inverted version of the link text. Use on dark background only." }, "link-visited": { - "value": "#8649e1", + "value": "{violet.500}", "type": "color", "description": "Visited link text." }, "hint": { - "value": "#6c6e79", + "value": "{gray.500}", "type": "color", "description": "Hint link text." }, "hint-hover-active": { - "value": "#484a54", + "value": "{gray.600}", "type": "color", "description": "Hover and active states of the hint link text." }, "hint-invert": { - "value": "#c4c7cf", + "value": "{gray.200}", "type": "color", "description": "Inverted version of the hint link text." }, "hint-invert-hover-active": { - "value": "#a9abb6", + "value": "{gray.300}", "type": "color", "description": "Hover and active states of the inverted version of the hint link text." }, "large-secondary": { - "value": "#a9abb6", + "value": "{gray.300}", "type": "color", "description": "Secondary text. Use with font-size ≥20px." }, "large-info": { - "value": "#1d1d20", + "value": "{blue.400}", "type": "color", "description": "Link text with font-size ≥20px." }, "large-info-hover-active": { - "value": "#1d1d20", + "value": "{blue.500}", "type": "color", "description": "Hover and active states of the link text with font-size ≥20px." }, "large-success": { - "value": "#009f81", + "value": "{green.400}", "type": "color", "description": "Text with font-size ≥20px associated with success states and data." }, "large-success-hover-active": { - "value": "#007c65", + "value": "{green.500}", "type": "color", "description": "Hover and active states of the text with font-size ≥20px associated with success states and data." }, "large-critical": { - "value": "#ff4953", + "value": "{red.400}", "type": "color", "description": "Text with font-size ≥20px associated with critical states and data." }, "large-critical-hover-active": { - "value": "#d1002f", + "value": "{red.500}", "type": "color", "description": "Hover and active states of the text with font-size ≥20px associated with critical states and data." }, "advertising": { - "value": "#421983", + "value": "{violet.700}", "type": "color", "description": "Advertising text." } }, "border": { "primary": { - "value": "#c4c7cf", + "value": "{gray.200}", "type": "color", "description": "Neutral primary border." }, "secondary": { - "value": "#e0e1e9", + "value": "{gray.100}", "type": "color", "description": "Subtle secondary border." }, "info": { - "value": "#008ff8", + "value": "{blue.200}", "type": "color", "description": "Subtle secondary border in the informational message." }, "info-active": { - "value": "#1e262a", + "value": "{blue.500}", "type": "color", "description": "Active border in focused input filed." }, "success": { - "value": "#009f81", + "value": "{green.200}", "type": "color", "description": "Subtle secondary border in the successful message and input field." }, "success-active": { - "value": "#009f81", + "value": "{green.500}", "type": "color", "description": "Active border in the focused input field with valid state." }, "critical": { - "value": "#ff4953", + "value": "{red.200}", "type": "color", "description": "Subtle secondary border in the critical message and invalid input field." }, "critical-active": { - "value": "#ff4953", + "value": "{red.500}", "type": "color", "description": "Active border in the focused input field with invalid state, and active state of the other components with invalid state." }, "warning": { - "value": "#ffb26e", + "value": "{orange.200}", "type": "color", "description": "Subtle secondary border in the warning message." }, "warning-active": { - "value": "#c33909", + "value": "{orange.500}", "type": "color", "description": "Active border in components with warning intention." }, "primary-invert": { - "value": "#ffffff", + "value": "{gray.white}", "type": "color", "description": "Inverted version of the neutral primary border. Use it for borders on the dark or color background." }, "secondary-invert": { - "value": "#ffffff4d", + "value": "rgba({gray.white}, 0.3)", "type": "color", "description": "Inverted version of the neutral secondary border. Use it for borders on the dark or color background." }, "tooltip-invert": { - "value": "#6c6e79", + "value": "{gray.500}", "type": "color", "description": "Border of the Tooltip with dark theme." }, "table-accent": { - "value": "#eaeff1", + "value": "{gray.300}", "type": "color", "description": "Accent borders in the Table: for the accordion in the table and for the header of the secondary table." }, "date-picker-range-comparison": { - "value": "#ab6cfe", + "value": "{violet.500}", "type": "color", "description": "Border color of the second period for the comparison mode in the DatePicker." }, @@ -808,192 +808,192 @@ }, "control": { "switch-bg": { - "value": "#15161b", + "value": "{gray.300}", "type": "color", "description": "Subtle background of the Switch control." }, "primary": { "info": { - "value": "#191b23", + "value": "{gray.800}", "type": "color", "description": "Background of the regular primary control." }, "info-hover": { - "value": "#191b23", + "value": "{gray.800}", "type": "color", "description": "Hover state of the regular primary control." }, "info-active": { - "value": "#191b23", + "value": "{gray.800}", "type": "color", "description": "Active (selected) state of the regular primary control." }, "success": { - "value": "#007c65", + "value": "{green.400}", "type": "color", "description": "Background of the primary control with successful theme." }, "success-hover": { - "value": "#007c65", + "value": "{green.500}", "type": "color", "description": "Hover state of the primary control with successful theme." }, "success-active": { - "value": "#007c65", + "value": "{green.600}", "type": "color", "description": "Active (selected) state of the primary control with successful theme." }, "critical": { - "value": "#ff4953", + "value": "{red.400}", "type": "color", "description": "Background of the primary control with danger theme." }, "critical-hover": { - "value": "#ff4953", + "value": "{red.500}", "type": "color", "description": "Hover state of the primary control with danger theme." }, "critical-active": { - "value": "#ff4953", + "value": "{red.600}", "type": "color", "description": "Active (selected) state of the primary control with danger theme." }, "brand": { - "value": "#ff642d", + "value": "{orange.400}", "type": "color", "description": "Background of the primary brand colored control." }, "brand-hover": { - "value": "#c33909", + "value": "{orange.500}", "type": "color", "description": "Hover state of the primary brand colored control." }, "brand-active": { - "value": "#8b1500", + "value": "{orange.600}", "type": "color", "description": "Active state of the primary brand colored control." }, "advertising": { - "value": "#ab6cfe", + "value": "{violet.600}", "type": "color", "description": "Background of the advertising primary control." }, "advertising-hover": { - "value": "#ab6cfe", + "value": "{violet.700}", "type": "color", "description": "Hover state of the advertising primary control." }, "advertising-active": { - "value": "#ab6cfe", + "value": "{violet.500}", "type": "color", "description": "Active (selected) state of the advertising primary control." }, "invert": { - "value": "#ffffff", + "value": "{gray.white}", "type": "color", "description": "Inverted background of the primary control." }, "invert-hover": { - "value": "#f4f5f9", + "value": "{gray.50}", "type": "color", "description": "Hover state of the inverted primary control." }, "invert-active": { - "value": "#e0e1e9", + "value": "{gray.100}", "type": "color", "description": "Active (selected) state of the inverted primary control." } }, "secondary": { "neutral": { - "value": "#e0e1e9", + "value": "rgba({gray.400}, 0.1)", "type": "color", "description": "Background of the regular secondary control." }, "neutral-hover": { - "value": "#c4c7cf", + "value": "rgba({gray.400}, 0.2)", "type": "color", "description": "Hover state of the regular secondary control." }, "neutral-active": { - "value": "#c4c7cf", + "value": "rgba({gray.400}, 0.3)", "type": "color", "description": "Active (selected) state of the regular secondary control." }, "info": { - "value": "#ffffff", + "value": "rgba({blue.400}, 0.1)", "type": "color", "description": "Background of the accent secondary control." }, "info-hover": { - "value": "#008ff833", + "value": "rgba({blue.400}, 0.2)", "type": "color", "description": "Hover state of the accent secondary control." }, "info-active": { - "value": "#008ff84d", + "value": "rgba({blue.400}, 0.3)", "type": "color", "description": "Active (selected) state of the accent secondary control." }, "invert": { - "value": "#ffffff0d", + "value": "rgba({gray.white}, 0.05)", "type": "color", "description": "Background of the inverted version of the secondary control." }, "invert-hover": { - "value": "#ffffff1a", + "value": "rgba({gray.white}, 0.1)", "type": "color", "description": "Hover state of the inverted version of the secondary control." }, "invert-active": { - "value": "#ffffff4d", + "value": "rgba({gray.white}, 0.3)", "type": "color", "description": "Active (selected) state of the inverted version of the secondary control." } }, "tertiary": { "neutral": { - "value": "#eaeff100", + "value": "rgba({gray.400}, 0)", "type": "color", "description": "Background of the regular tertiary control." }, "neutral-hover": { - "value": "#eaeff133", + "value": "rgba({gray.400}, 0.2)", "type": "color", "description": "Hover state of the regular tertiary control." }, "neutral-active": { - "value": "#eaeff14d", + "value": "rgba({gray.400}, 0.3)", "type": "color", "description": "Active (selected) state of the regular tertiary control." }, "info": { - "value": "#bdd1ff00", + "value": "rgba({blue.400}, 0)", "type": "color", "description": "Background of the accent and link-lookalike tertiary control." }, "info-hover": { - "value": "#bdd1ff33", + "value": "rgba({blue.400}, 0.2)", "type": "color", "description": "Hover state of the accent and link-lookalike tertiary control." }, "info-active": { - "value": "#bdd1ff4d", + "value": "rgba({blue.400}, 0.3)", "type": "color", "description": "Active (selected) state of the accent and link-lookalike tertiary control." }, "invert": { - "value": "#ffffff00", + "value": "rgba({gray.white}, 0)", "type": "color", "description": "Background of the inverted version of the tertiary control." }, "invert-hover": { - "value": "#ffffff1a", + "value": "rgba({gray.white}, 0.1)", "type": "color", "description": "Hover state of the inverted version of the tertiary control." }, "invert-active": { - "value": "#ffffff4d", + "value": "rgba({gray.white}, 0.3)", "type": "color", "description": "Active (selected) state of the inverted version of the tertiary control." } @@ -1002,7 +1002,7 @@ "icon": { "primary": { "neutral": { - "value": "#6c6e79", + "value": "{gray.500}", "type": "color", "description": "Primary neutral icon." }, @@ -1012,7 +1012,7 @@ "description": "Gray background color for the hover and active states of the primary neutral icon. It’s created using a CSS filter with a brightness(0.8), applied to the gray-500 color." }, "info": { - "value": "#006dca", + "value": "{blue.500}", "type": "color", "description": "Primary link-lookalike icon." }, @@ -1022,7 +1022,7 @@ "description": "Blue background color for the hover and active states of the primary link-lookalike icon. It’s created using a CSS filter with a brightness(0.8), applied to the blue-500 color." }, "success": { - "value": "#009f81", + "value": "{green.400}", "type": "color", "description": "Primary success icon." }, @@ -1032,7 +1032,7 @@ "description": "Green background color for the hover and active states of the primary success icon. It’s created using a CSS filter with a brightness(0.8), applied to the green-500 color." }, "critical": { - "value": "#ff4953", + "value": "{red.400}", "type": "color", "description": "Primary critical icon." }, @@ -1042,7 +1042,7 @@ "description": "Red background color for the hover and active states of the primary critical icon. It’s created using a CSS filter with a brightness(0.8), applied to the red-500 color." }, "warning": { - "value": "#ff642d", + "value": "{orange.400}", "type": "color", "description": "Primary warning icon." }, @@ -1052,19 +1052,19 @@ "description": "Orange background color for the hover and active states of the primary warning icon. It’s created using a CSS filter with a brightness(0.8), applied to the orange-500 color." }, "invert": { - "value": "#ffffff", + "value": "{gray.white}", "type": "color", "description": "Inverted version of the primary icon." }, "invert-hover-active": { - "value": "#e0e1e9", + "value": "{gray.100}", "type": "color", "description": "Hover and active (selected) states of the inverted version of the primary icon." } }, "secondary": { "neutral": { - "value": "#a9abb6", + "value": "{gray.300}", "type": "color", "description": "Secondary neutral icon." }, @@ -1074,7 +1074,7 @@ "description": "Gray background color for the hover and active states of the secondary neutral icon. It’s created using a CSS filter with a brightness(0.8), applied to the gray-300 color." }, "info": { - "value": "#2bb3ff", + "value": "{blue.300}", "type": "color", "description": "Secondary link-lookalike icon." }, @@ -1084,7 +1084,7 @@ "description": "Blue background color for the hover and active states of the secondary link-lookalike icon. It’s created using a CSS filter with a brightness(0.8), applied to the blue-300 color." }, "success": { - "value": "#00c192", + "value": "{green.300}", "type": "color", "description": "Secondary success icon." }, @@ -1094,7 +1094,7 @@ "description": "Green background color for the hover and active states of the secondary success icon. It’s created using a CSS filter with a brightness(0.8), applied to the green-300 color." }, "critical": { - "value": "#ff8786", + "value": "{red.300}", "type": "color", "description": "Secondary critical icon." }, @@ -1104,7 +1104,7 @@ "description": "Red background color for the hover and active states of the secondary critical icon. It’s created using a CSS filter with a brightness(0.8), applied to the red-300 color." }, "warning": { - "value": "#ff8c43", + "value": "{orange.300}", "type": "color", "description": "Secondary warning icon." }, @@ -1115,7 +1115,7 @@ } }, "non-interactive": { - "value": "#191b23", + "value": "{gray.800}", "type": "color", "description": "Color for the default non-interactive icon." } @@ -1164,123 +1164,123 @@ }, "date-picker": { "cell": { - "value": "#ffffff", + "value": "{gray.white}", "type": "color", "description": "Default date-picker cell background." }, "cell-current": { - "value": "#8a8e9b", + "value": "{gray.400}", "type": "color", "description": "Color for marking the cell with the current date, month or year in the date-picker." }, "cell-hover": { - "value": "#e0e1e9", + "value": "{gray.100}", "type": "color", "description": "Hover state of the default date-picker cell background." }, "cell-range": { - "value": "#c4e5fe", + "value": "{blue.100}", "type": "color", "description": "Background for the cell which is included in the date range in the date-picker." }, "cell-range-hover": { - "value": "#8ecdff", + "value": "{blue.200}", "type": "color", "description": "Hover state of the background for the cell which is included in the date range in the date-picker." }, "cell-active": { - "value": "#2bb3ff", + "value": "{blue.300}", "type": "color", "description": "Active (selected) date-picker cell background." }, "cell-active-hover": { - "value": "#008ff8", + "value": "{blue.400}", "type": "color", "description": "Hover for the active (selected) date-picker cell background." }, "cell-current-invert": { - "value": "#ffffff80", + "value": "rgba({gray.white}, 0.5)", "type": "color", "description": "Color for marking the active cell with the current date, month or year in the date-picker." }, "cell-comparison-active": { - "value": "#8649e1", + "value": "{violet.500}", "type": "color", "description": "Active (selected) date-picker cell background for comparison periods." }, "cell-comparison-active-hover": { - "value": "#5925ab", + "value": "{violet.600}", "type": "color", "description": "Hover for the active (selected) date-picker cell background for comparison periods." } }, "dropdown-menu": { "item": { - "value": "#ffffff", + "value": "{gray.white}", "type": "color", "description": "Default background color for the list item in the dropdown-menu." }, "item-hover": { - "value": "#f4f5f9", + "value": "{gray.50}", "type": "color", "description": "Hover state of the default background color for the list item in the dropdown-menu." }, "item-selected": { - "value": "#c4e5feb2", + "value": "rgba({blue.100}, 0.7)", "type": "color", "description": "Active (selected) state of the default background color for the list item in the dropdown-menu." }, "item-selected-hover": { - "value": "#c4e5fe", + "value": "{blue.100}", "type": "color", "description": "Hover state for the selected state of the default background color for the list item in the dropdown-menu." } }, "feature-popover": { "bg": { - "value": "#ffeabd", + "value": "{bg.primary.highlight}", "type": "color", "description": "Color of the FeaturePopover background with accent theme." }, "dot-outer-border": { - "value": "#ffeabd", + "value": "{feature-popover.bg}", "type": "color", "description": "Color of the outer border of the FeaturePopover.Spot for FeaturePopover with accent theme." }, "bg-neutral": { - "value": "#1d113e", + "value": "{violet.dusty.800}", "type": "color", "description": "Color of the FeaturePopover background with neutral theme." }, "dot-neutral": { - "value": "#00c192", + "value": "{green.300}", "type": "color", "description": "Color of the FeaturePopover.Spot for FeaturePopover with neutral theme." }, "dot-neutral-outer-border": { - "value": "#82d592", + "value": "{feature-popover.dot-neutral}", "type": "color", "description": "Color of the outer border of the FeaturePopover.Spot for FeaturePopover with neutral theme." } }, "progress-bar": { "bg": { - "value": "#e0e1e9", + "value": "{gray.100}", "type": "color", "description": "Background color of the ProgressBar." }, "bg-hover": { - "value": "#c4c7cf", + "value": "{gray.200}", "type": "color", "description": "Hover state of the background color of the ProgressBar." }, "bg-invert": { - "value": "#ffffff33", + "value": "rgba({gray.white}, 0.2)", "type": "color", "description": "Inverted version of the background color of the ProgressBar." }, "bg-invert-hover": { - "value": "#ffffff66", + "value": "rgba({gray.white}, 0.4)", "type": "color", "description": "Hover state for the inverted version of the background color of the ProgressBar." }, @@ -1307,24 +1307,24 @@ }, "skeleton": { "bg": { - "value": "#e0e1e9cc", + "value": "rgba({gray.100}, 0.8)", "type": "color", "description": "Default color for the Skeleton." }, "bg-invert": { - "value": "#ffffff4d", + "value": "rgba({gray.white}, 0.3)", "type": "color", "description": "Inverted version of the default color for the Skeleton." } }, "slider-rating": { "normal": { - "value": "#b0c4c9", + "value": "{icon.secondary.neutral}", "type": "color", "description": "Icon color for the SliderRating component in its normal state." }, "hover-active": { - "value": "#fdc23c", + "value": "{yellow.200}", "type": "color", "description": "Icon color for the SliderRating component in its hovered and active states." } @@ -1333,24 +1333,24 @@ "th": { "primary": { "cell": { - "value": "#f4f5f9", + "value": "{gray.50}", "type": "color", "description": "Background of the header cell in the primary Table." }, "cell-hover": { - "value": "#e0e1e9", + "value": "{gray.100}", "type": "color", "description": "Background of the hovered header cell in the primary Table." }, "cell-active": { - "value": "#e0e1e9", + "value": "{gray.100}", "type": "color", "description": "Background of the active header cell in the primary Table." } }, "secondary": { "cell": { - "value": "#ffffff", + "value": "{gray.white}", "type": "color", "description": "Background of the header cell in the secondary Table." } @@ -1363,12 +1363,12 @@ }, "td": { "cell": { - "value": "#ffffff", + "value": "{gray.white}", "type": "color", "description": "Background of the default cell in the Table." }, "cell-hover": { - "value": "#eff0f4", + "value": "{gray.100}", "type": "color", "description": "Background of the default hovered cell in the Table.", "$extensions": { @@ -1382,7 +1382,7 @@ } }, "cell-active": { - "value": "#e6e7ed", + "value": "{gray.100}", "type": "color", "description": "Background of the default active cell in the Table.", "$extensions": { @@ -1396,72 +1396,72 @@ } }, "cell-unread": { - "value": "#f4f5f9", + "value": "{gray.50}", "type": "color", "description": "Background of the unread cell in the Table." }, "cell-accordion": { - "value": "#f4f5f9", + "value": "{gray.50}", "type": "color", "description": "Background of the cell inside an Accordion in the Table." }, "cell-selected": { - "value": "#e9f7ff", + "value": "{blue.50}", "type": "color", "description": "Background of the selected cell in the Table." }, "cell-selected-hover": { - "value": "#c4e5fe", + "value": "{blue.100}", "type": "color", "description": "Background of the hovered selected cell in the Table." }, "cell-selected-active": { - "value": "#c4e5fe", + "value": "{blue.100}", "type": "color", "description": "Background of the active selected cell in the Table." }, "cell-new": { - "value": "#dbfee8", + "value": "{green.50}", "type": "color", "description": "Background of the cell with new information in the Table." }, "cell-new-hover": { - "value": "#9ef2c9", + "value": "{green.100}", "type": "color", "description": "Background of the hovered cell with new information in the Table." }, "cell-new-active": { - "value": "#9ef2c9", + "value": "{green.100}", "type": "color", "description": "Background of the active cell with new information in the Table." }, "cell-critical": { - "value": "#fff0f7", + "value": "{red.50}", "type": "color", "description": "Background of the cell with critical information in the Table." }, "cell-critical-hover": { - "value": "#ffd7df", + "value": "{red.100}", "type": "color", "description": "Background of the hovered cell with critical information in the Table." }, "cell-critical-active": { - "value": "#ffd7df", + "value": "{red.100}", "type": "color", "description": "Background of the active cell with critical information in the Table." }, "cell-warning": { - "value": "#fff3d9", + "value": "{orange.50}", "type": "color", "description": "Background of the cell with warning information in the Table." }, "cell-warning-hover": { - "value": "#ffdca2", + "value": "{orange.100}", "type": "color", "description": "Background of the hovered cell with warning information in the Table." }, "cell-warning-active": { - "value": "#ffdca2", + "value": "{orange.100}", "type": "color", "description": "Background of the active cell with warning information in the Table." } @@ -1469,12 +1469,12 @@ }, "brand": { "primary": { - "value": "#ff642d", + "value": "{orange.400}", "type": "color", "description": "Primary brand color." }, "secondary": { - "value": "#421983", + "value": "{violet.700}", "type": "color", "description": "Secondary brand color." }, @@ -1600,7 +1600,7 @@ "type": "boxShadow", "description": "Default keyboard focus box-shadow styles.", "outline": { - "value": "#008ff8", + "value": "{blue.400}", "type": "color", "description": "Color for default keyboard focus outline styles." }, @@ -1609,7 +1609,7 @@ "type": "boxShadow", "description": "Keyboard focus styles for elements with invalid state.", "outline": { - "value": "#ff4953", + "value": "{red.400}", "type": "color", "description": "Color for keyboard focus outline styles for elements with invalid state." } @@ -1619,7 +1619,7 @@ "type": "boxShadow", "description": "Keyboard focus styles for elements with valid state.", "outline": { - "value": "#009f81", + "value": "{green.400}", "type": "color", "description": "Color for keyboard focus outline styles for elements with valid state." } @@ -1629,7 +1629,7 @@ "type": "boxShadow", "description": "Keyboard focus styles for use on dark backgrounds.", "outline": { - "value": "#ffffffcc", + "value": "rgba({gray.white}, 0.8)", "type": "color", "description": "Color for keyboard focus outline styles to use on the dark and color background." } @@ -1999,22 +1999,22 @@ }, "overlay": { "primary": { - "value": "#191b23b2", + "value": "rgba({gray.800}, 0.7)", "type": "color", "description": "Use for cover the content under the modal dialogs." }, "secondary": { - "value": "#191b2366", + "value": "rgba({gray.800}, 0.4)", "type": "color", "description": "Use for the secondary modal dialogs that were opened upon the other modal dialogs." }, "limitation-primary": { - "value": "#f4f5f9", + "value": "{gray.50}", "type": "color", "description": "Use as a primary cover of the content under the messages about limitations." }, "limitation-secondary": { - "value": "#ffffffd9", + "value": "rgba({gray.white}, 0.85)", "type": "color", "description": "Use as a secondary cover of the content under the messages about limitations." } @@ -2051,17 +2051,17 @@ }, "tooltip": { "default": { - "value": "#ffffff", + "value": "{gray.white}", "type": "color", "description": "Default Tooltip background." }, "warning": { - "value": "#ffd7df", + "value": "{red.100}", "type": "color", "description": "Warning Tooltip background." }, "invert": { - "value": "#191b23", + "value": "{gray.800}", "type": "color", "description": "Inverted version of the default Tooltip background." } @@ -2122,7 +2122,7 @@ }, "scroll-bar": { "background": { - "value": "#191b234d", + "value": "rgba({gray.800}, 0.3)", "type": "color", "description": "Background color for ScrollBar." } @@ -2200,84 +2200,84 @@ "description": "Yellow background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the yellow-500 color with 0.3 opacity on the white background underneath." }, "white-normal": { - "value": "#ffffff", + "value": "{gray.white}, 0.15", "type": "color", "description": "Primary white tag." }, "white-hover-active": { - "value": "#ffffff", + "value": "{gray.white}, 0.3", "type": "color", "description": "Hover and active (selected) state of the primary white tag." }, "gray-text": { - "value": "#6c6e79", + "value": "{gray.500}", "type": "color", "description": "Gray text for the primary gray tag." }, "blue-text": { - "value": "#006dca", + "value": "{blue.500}", "type": "color", "description": "Blue text for the primary blue tag." }, "green-text": { - "value": "#007c65", + "value": "{green.500}", "type": "color", "description": "Green text for the primary green tag." }, "orange-text": { - "value": "#c33909", + "value": "{orange.500}", "type": "color", "description": "Orange text for the primary orange tag." }, "red-text": { - "value": "#d1002f", + "value": "{red.500}", "type": "color", "description": "Red text for the primary red tag." }, "violet-text": { - "value": "#8649e1", + "value": "{violet.500}", "type": "color", "description": "Violet text for the primary violet tag." }, "yellow-text": { - "value": "#a75800", + "value": "{yellow.500}", "type": "color", "description": "Yellow text for the primary yellow tag." }, "white-text": { - "value": "#ffffff", + "value": "{gray.white}", "type": "color", "description": "White text for the primary white tag." } }, "secondary": { "normal": { - "value": "#ffffff", + "value": "{gray.white}", "type": "color", "description": "Background color for the default secondary tag." }, "hover-active": { - "value": "#f4f5f9", + "value": "{gray.50}", "type": "color", "description": "Hover and active (selected) states of the background color for the default secondary tag." }, "white-normal": { - "value": "#ffffff00", + "value": "rgba({gray.white}, 0)", "type": "color", "description": "White secondary tag." }, "white-hover-active": { - "value": "#ffffff1a", + "value": "rgba({gray.white}, 0.1)", "type": "color", "description": "Active state of the secondary white tag." }, "gray-text": { - "value": "#6c6e79", + "value": "{gray.500}", "type": "color", "description": "Gray text for the default secondary tag." }, "white-text": { - "value": "#ffffff", + "value": "{gray.white}", "type": "color", "description": "White text for the secondary white tag." } @@ -2286,196 +2286,196 @@ "chart": { "palette-order": { "1": { - "value": "#2bb3ff", + "value": "{blue.300}", "type": "color", "description": "1 color in the default list of colors for charts." }, "2": { - "value": "#59ddaa", + "value": "{green.200}", "type": "color", "description": "2 color in the default list of colors for charts." }, "3": { - "value": "#ff642d", + "value": "{orange.400}", "type": "color", "description": "3 color in the default list of colors for charts." }, "4": { - "value": "#f67cf2", + "value": "{pink.300}", "type": "color", "description": "4 color in the default list of colors for charts." }, "5": { - "value": "#fdc23c", + "value": "{yellow.200}", "type": "color", "description": "5 color in the default list of colors for charts." }, "6": { - "value": "#ab6cfe", + "value": "{violet.400}", "type": "color", "description": "6 color in the default list of colors for charts." }, "7": { - "value": "#ff8786", + "value": "{red.300}", "type": "color", "description": "7 color in the default list of colors for charts." }, "8": { - "value": "#9bd85d", + "value": "{salad.200}", "type": "color", "description": "8 color in the default list of colors for charts." }, "9": { - "value": "#008ff8", + "value": "{blue.400}", "type": "color", "description": "9 color in the default list of colors for charts." }, "10": { - "value": "#00c192", + "value": "{green.300}", "type": "color", "description": "10 color in the default list of colors for charts." }, "11": { - "value": "#ffb26e", + "value": "{orange.200}", "type": "color", "description": "11 color in the default list of colors for charts." }, "12": { - "value": "#e14adf", + "value": "{pink.400}", "type": "color", "description": "12 color in the default list of colors for charts." }, "13": { - "value": "#ef9800", + "value": "{yellow.300}", "type": "color", "description": "13 color in the default list of colors for charts." }, "14": { - "value": "#dcb8ff", + "value": "{violet.200}", "type": "color", "description": "14 color in the default list of colors for charts." }, "15": { - "value": "#ff4953", + "value": "{red.400}", "type": "color", "description": "15 color in the default list of colors for charts." }, "16": { - "value": "#66c030", + "value": "{salad.300}", "type": "color", "description": "16 color in the default list of colors for charts." }, "17": { - "value": "#8ecdff", + "value": "{blue.200}", "type": "color", "description": "17 color in the default list of colors for charts." }, "18": { - "value": "#009f81", + "value": "{green.400}", "type": "color", "description": "18 color in the default list of colors for charts." }, "19": { - "value": "#ff8c43", + "value": "{orange.300}", "type": "color", "description": "19 color in the default list of colors for charts." }, "20": { - "value": "#ffa9fa", + "value": "{pink.200}", "type": "color", "description": "20 color in the default list of colors for charts." }, "21": { - "value": "#d87900", + "value": "{yellow.400}", "type": "color", "description": "21 color in the default list of colors for charts." }, "22": { - "value": "#c695ff", + "value": "{violet.300}", "type": "color", "description": "22 color in the default list of colors for charts." }, "23": { - "value": "#ffaeb5", + "value": "{red.200}", "type": "color", "description": "23 color in the default list of colors for charts." }, "24": { - "value": "#35a21e", + "value": "{salad.400}", "type": "color", "description": "24 color in the default list of colors for charts." }, "total-amount": { - "value": "#8a8e9b", + "value": "{gray.400}", "type": "color", "description": "Use it to show total value." }, "other-data": { - "value": "#c4c7cf", + "value": "{gray.200}", "type": "color", "description": "Use it to indicate voids, missing or some other data." }, "null": { - "value": "#e0e1e9", + "value": "{gray.100}", "type": "color", "description": "Use it to show null value." } }, "grid": { "line": { - "value": "#e0e1e9", + "value": "{gray.100}", "type": "color", "description": "Default chart grid line." }, "x-axis": { - "value": "#c4c7cf", + "value": "{gray.200}", "type": "color", "description": "X-axis line on the chart grid." }, "y-accent-hover-line": { - "value": "#a9abb6", + "value": "{gray.300}", "type": "color", "description": "Accent line for the hover state on the chart grid." }, "text-label": { - "value": "#6c6e79", + "value": "{gray.500}", "type": "color", "description": "Text label on the chart grid." }, "bar-chart-hover": { - "value": "#c4c7cf4d", + "value": "rgba({gray.200}, 0.3)", "type": "color", "description": "Background color for the hover state of a bar on the chart grid." }, "bar-chart-base-bg": { - "value": "#e0e1e9", + "value": "{gray.100}", "type": "color", "description": "Default background color of a bar in the BarChart." }, "period-bg": { - "value": "#c4c7cf33", + "value": "rgba({gray.200}, 0.2)", "type": "color", "description": "Use for highlighting a period on the chart grid." }, "period-pattern": { - "value": "#191b2326", + "value": "rgba({gray.800}, 0.15)", "type": "color", "description": "Stripe color for diagonal pattern background." }, "border": { - "value": "#ffffff", + "value": "{gray.white}", "type": "color", "description": "Border for distinguishing data sets and chart dots on the chart grid." } }, "x-axis-accent": { "period-active": { - "value": "#6c6e79", + "value": "{gray.500}", "type": "color", "description": "Background color for the clickable date on the X-axis of the chart grid." }, "data-start-tracking": { - "value": "#009f8133", + "value": "rgba({green.400}, 0.2)", "type": "color", "description": "Background color for the \"Start tracking\" date on the X-axis of the chart grid." } @@ -2499,12 +2499,12 @@ }, "header": { "bg": { - "value": "#382e5e", + "value": "{violet.dusty.700}", "type": "color" }, "border": { "primary": { - "value": "#382e5e", + "value": "{violet.dusty.700}", "type": "color" }, "secondary": { @@ -2525,21 +2525,21 @@ "control": { "text": { "normal": { - "value": "#191b23", + "value": "{violet.dusty.500}", "type": "color" }, "active": { - "value": "#191b23", + "value": "{violet.dusty.600}", "type": "color" } }, "icon": { "normal": { - "value": "#2b2e38", + "value": "{violet.dusty.400}", "type": "color" }, "active": { - "value": "#2b2e38", + "value": "{violet.dusty.600}", "type": "color" } } diff --git a/semcore/core/src/theme/themes/auto.css b/semcore/core/src/theme/themes/auto.css index 7bff96429c..dd9e71ec6e 100644 --- a/semcore/core/src/theme/themes/auto.css +++ b/semcore/core/src/theme/themes/auto.css @@ -1861,279 +1861,279 @@ /* 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. */ - --intergalactic-bg-primary-neutral-hover: #f4f5f9; + --intergalactic-bg-primary-neutral-hover: #f7f8f9; /* Active (selected) state of the primary background of the interface which contains the main data and information. */ - --intergalactic-bg-primary-neutral-active: #e0e1e9; + --intergalactic-bg-primary-neutral-active: #eaeff1; /* Accent background of the message with regular information. */ - --intergalactic-bg-primary-info: #008ff8; + --intergalactic-bg-primary-info: #5487ff; /* Accent background of the message or banner with information about the successful result. */ - --intergalactic-bg-primary-success: #18f0bf; + --intergalactic-bg-primary-success: #69cd7d; /* Accent background of a message or a banner with a critical information. */ - --intergalactic-bg-primary-critical: #e82525; + --intergalactic-bg-primary-critical: #ff5454; /* Accent background of a message or a banner with a warning information. */ - --intergalactic-bg-primary-warning: #ff642d; + --intergalactic-bg-primary-warning: #ff8d63; /* Accent background of the information you want to highlight. */ - --intergalactic-bg-primary-highlight: #fce081; + --intergalactic-bg-primary-highlight: #ffeabd; /* Accent background for the advertising banners and controls. */ - --intergalactic-bg-primary-advertising: #421983; + --intergalactic-bg-primary-advertising: #611eb5; /* Accented muted background for a message with regular information. */ - --intergalactic-bg-primary-muted: #6c6e79; + --intergalactic-bg-primary-muted: #668791; /* Inverted version of the primary background of the interface that contains the main data and information. */ - --intergalactic-bg-primary-invert: #191b23; + --intergalactic-bg-primary-invert: #1e262a; /* Hover state for the inverted version of the primary background of the interface that contains the main data and information. */ - --intergalactic-bg-primary-invert-hover: #2b2e38; + --intergalactic-bg-primary-invert-hover: #425a62; /* Active (selected) state for the inverted version of the primary background of the interface that contains the main data and information. */ - --intergalactic-bg-primary-invert-active: #484a54; + --intergalactic-bg-primary-invert-active: #516e78; /* Secondary background of the interface which contains the main data and information. */ - --intergalactic-bg-secondary-neutral: #f4f5f9; + --intergalactic-bg-secondary-neutral: #f7f8f9; /* Hover state of the secondary background of the interface which contains the main data and information. */ - --intergalactic-bg-secondary-neutral-hover: #e0e1e9; + --intergalactic-bg-secondary-neutral-hover: #eaeff1; /* Active (selected) state of the secondary background of the interface which contains the main data and information. */ - --intergalactic-bg-secondary-neutral-active: #c4c7cf; + --intergalactic-bg-secondary-neutral-active: #d5dfe2; /* Secondary background of a message with regular information. */ - --intergalactic-bg-secondary-info: #e9f7ff; + --intergalactic-bg-secondary-info: #eaf0ff; /* Hover state of the secondary background of a message with regular information. */ - --intergalactic-bg-secondary-info-hover: #c4e5fe; + --intergalactic-bg-secondary-info-hover: #bdd1ff; /* Active (selected) state of the secondary background of a message with regular information. */ - --intergalactic-bg-secondary-info-active: #8ecdff; + --intergalactic-bg-secondary-info-active: #9dbaff; /* Secondary background of the message with success information you want to accent. */ - --intergalactic-bg-secondary-success: #dbfee8; + --intergalactic-bg-secondary-success: #ecf9ef; /* Hover state of the secondary background of the message with success information you want to accent. */ - --intergalactic-bg-secondary-success-hover: #9ef2c9; + --intergalactic-bg-secondary-success-hover: #c5eccd; /* Active (selected) state of the secondary background of the message with success information you want to accent. */ - --intergalactic-bg-secondary-success-active: #59ddaa; + --intergalactic-bg-secondary-success-active: #a9e2b4; /* Secondary background of the message with critical information you want to accent. */ - --intergalactic-bg-secondary-critical: #fff0f7; + --intergalactic-bg-secondary-critical: #ffeaea; /* Hover state of the secondary background of the message with critical information you want to accent. */ - --intergalactic-bg-secondary-critical-hover: #ffd7df; + --intergalactic-bg-secondary-critical-hover: #ffbdbd; /* Active (selected) state of the secondary background of the message with critical information you want to accent. */ - --intergalactic-bg-secondary-critical-active: #ffaeb5; + --intergalactic-bg-secondary-critical-active: #ff9d9d; /* Secondary background of the message with warning information you want to accent. */ - --intergalactic-bg-secondary-warning: #fff3d9; + --intergalactic-bg-secondary-warning: #fff1ec; /* Hover state of the secondary background of the message with warning information you want to accent. */ - --intergalactic-bg-secondary-warning-hover: #ffdca2; + --intergalactic-bg-secondary-warning-hover: #ffd3c3; /* Active (selected) state of the secondary background of the message with critical information you want to accent. */ - --intergalactic-bg-secondary-warning-active: #ffb26e; + --intergalactic-bg-secondary-warning-active: #ffbda5; /* Secondary background of the information you want to highlight. */ - --intergalactic-bg-secondary-highlight: #fdf7c8; + --intergalactic-bg-secondary-highlight: #fff8ea; /* Hover state of the secondary background of the information you want to highlight. */ - --intergalactic-bg-secondary-highlight-hover: #fce081; + --intergalactic-bg-secondary-highlight-hover: #ffeabd; /* Active (selected) state of the secondary background of the information you want to highlight. */ - --intergalactic-bg-secondary-highlight-active: #fdc23c; + --intergalactic-bg-secondary-highlight-active: #ffe09d; /* Secondary background for the advertising message you want to accent. */ - --intergalactic-bg-secondary-advertising: #f9f2ff; + --intergalactic-bg-secondary-advertising: #f3eaff; /* Hover state of the secondary background for the advertising message you want to accent. */ - --intergalactic-bg-secondary-advertising-hover: #edd9ff; + --intergalactic-bg-secondary-advertising-hover: #dabdff; /* Active (selected) state of the secondary background for the advertising message you want to accent. */ - --intergalactic-bg-secondary-advertising-active: #dcb8ff; + --intergalactic-bg-secondary-advertising-active: #c99dff; /* Highlighting the search results. */ - --intergalactic-bg-highlight-results: #ef980066; + --intergalactic-bg-highlight-results: rgba(255, 209, 112, 0.4); /* Focusing values in the input. */ - --intergalactic-bg-highlight-focus: #008ff833; + --intergalactic-bg-highlight-focus: rgba(84, 135, 255, 0.2); /* Primary text. */ - --intergalactic-text-primary: #000000eb; + --intergalactic-text-primary: #1e262a; /* Secondary text. */ - --intergalactic-text-secondary: #00000099; + --intergalactic-text-secondary: #668791; /* Placeholder text only. */ - --intergalactic-text-placeholder: #0000007a; + --intergalactic-text-placeholder: #85a2ab; /* Text associated with success states and data. */ - --intergalactic-text-success: #00342d; + --intergalactic-text-success: #44c15d; /* Hover and active states for the text associated with success states and data. */ - --intergalactic-text-success-hover-active: #00342d; + --intergalactic-text-success-hover-active: #3eb055; /* Text associated with critical states and data. */ - --intergalactic-text-critical: #d1002f; + --intergalactic-text-critical: #ff2929; /* Hover and active states for the text associated with critical states and data. */ - --intergalactic-text-critical-hover-active: #8e0016; + --intergalactic-text-critical-hover-active: #e82525; /* Inverted version of the primary text. */ --intergalactic-text-primary-invert: #ffffff; /* Inverted version of the secondary text. */ - --intergalactic-text-secondary-invert: #ffffffcc; + --intergalactic-text-secondary-invert: rgba(255, 255, 255, 0.8); /* Link text. */ - --intergalactic-text-link: #1d1d20; + --intergalactic-text-link: #2969ff; /* Hover and active states for the link text. */ - --intergalactic-text-link-hover-active: #1d1d20; + --intergalactic-text-link-hover-active: #2560e8; /* Inverted version of the link text. Use on dark background only. */ - --intergalactic-text-link-invert: #8ecdff; + --intergalactic-text-link-invert: #9dbaff; /* Hover and active states of the inverted version of the link text. Use on dark background only. */ - --intergalactic-text-link-invert-hover: #2bb3ff; + --intergalactic-text-link-invert-hover: #709bff; /* Visited link text. */ - --intergalactic-text-link-visited: #8649e1; + --intergalactic-text-link-visited: #892aff; /* Hint link text. */ - --intergalactic-text-hint: #6c6e79; + --intergalactic-text-hint: #668791; /* Hover and active states of the hint link text. */ - --intergalactic-text-hint-hover-active: #484a54; + --intergalactic-text-hint-hover-active: #516e78; /* Inverted version of the hint link text. */ - --intergalactic-text-hint-invert: #c4c7cf; + --intergalactic-text-hint-invert: #d5dfe2; /* Hover and active states of the inverted version of the hint link text. */ - --intergalactic-text-hint-invert-hover-active: #a9abb6; + --intergalactic-text-hint-invert-hover-active: #b0c4c9; /* Secondary text. Use with font-size ≥20px. */ - --intergalactic-text-large-secondary: #a9abb6; + --intergalactic-text-large-secondary: #b0c4c9; /* Link text with font-size ≥20px. */ - --intergalactic-text-large-info: #1d1d20; + --intergalactic-text-large-info: #5487ff; /* Hover and active states of the link text with font-size ≥20px. */ - --intergalactic-text-large-info-hover-active: #1d1d20; + --intergalactic-text-large-info-hover-active: #2969ff; /* Text with font-size ≥20px associated with success states and data. */ - --intergalactic-text-large-success: #009f81; + --intergalactic-text-large-success: #69cd7d; /* Hover and active states of the text with font-size ≥20px associated with success states and data. */ - --intergalactic-text-large-success-hover-active: #007c65; + --intergalactic-text-large-success-hover-active: #44c15d; /* Text with font-size ≥20px associated with critical states and data. */ - --intergalactic-text-large-critical: #ff4953; + --intergalactic-text-large-critical: #ff5454; /* Hover and active states of the text with font-size ≥20px associated with critical states and data. */ - --intergalactic-text-large-critical-hover-active: #d1002f; + --intergalactic-text-large-critical-hover-active: #ff2929; /* Advertising text. */ - --intergalactic-text-advertising: #421983; + --intergalactic-text-advertising: #611eb5; /* Neutral primary border. */ - --intergalactic-border-primary: #c4c7cf; + --intergalactic-border-primary: #d5dfe2; /* Subtle secondary border. */ - --intergalactic-border-secondary: #e0e1e9; + --intergalactic-border-secondary: #eaeff1; /* Subtle secondary border in the informational message. */ - --intergalactic-border-info: #008ff8; + --intergalactic-border-info: #9dbaff; /* Active border in focused input filed. */ - --intergalactic-border-info-active: #1e262a; + --intergalactic-border-info-active: #2969ff; /* Subtle secondary border in the successful message and input field. */ - --intergalactic-border-success: #009f81; + --intergalactic-border-success: #a9e2b4; /* Active border in the focused input field with valid state. */ - --intergalactic-border-success-active: #009f81; + --intergalactic-border-success-active: #44c15d; /* Subtle secondary border in the critical message and invalid input field. */ - --intergalactic-border-critical: #ff4953; + --intergalactic-border-critical: #ff9d9d; /* Active border in the focused input field with invalid state, and active state of the other components with invalid state. */ - --intergalactic-border-critical-active: #ff4953; + --intergalactic-border-critical-active: #ff2929; /* Subtle secondary border in the warning message. */ - --intergalactic-border-warning: #ffb26e; + --intergalactic-border-warning: #ffbda5; /* Active border in components with warning intention. */ - --intergalactic-border-warning-active: #c33909; + --intergalactic-border-warning-active: #ff703c; /* Inverted version of the neutral primary border. Use it for borders on the dark or color background. */ --intergalactic-border-primary-invert: #ffffff; /* Inverted version of the neutral secondary border. Use it for borders on the dark or color background. */ - --intergalactic-border-secondary-invert: #ffffff4d; + --intergalactic-border-secondary-invert: rgba(255, 255, 255, 0.3); /* Border of the Tooltip with dark theme. */ - --intergalactic-border-tooltip-invert: #6c6e79; + --intergalactic-border-tooltip-invert: #668791; /* Accent borders in the Table: for the accordion in the table and for the header of the secondary table. */ - --intergalactic-border-table-accent: #eaeff1; + --intergalactic-border-table-accent: #b0c4c9; /* Border color of the second period for the comparison mode in the DatePicker. */ - --intergalactic-border-date-picker-range-comparison: #ab6cfe; + --intergalactic-border-date-picker-range-comparison: #892aff; /* Used for the invalidStatePattern utils component to mark all kinds of inputs with invalid states. */ --intergalactic-border-critical-pattern: #ffffff; /* Subtle background of the Switch control. */ - --intergalactic-control-switch-bg: #15161b; + --intergalactic-control-switch-bg: #b0c4c9; /* Background of the regular primary control. */ - --intergalactic-control-primary-info: #191b23; + --intergalactic-control-primary-info: #1e262a; /* Hover state of the regular primary control. */ - --intergalactic-control-primary-info-hover: #191b23; + --intergalactic-control-primary-info-hover: #1e262a; /* Active (selected) state of the regular primary control. */ - --intergalactic-control-primary-info-active: #191b23; + --intergalactic-control-primary-info-active: #1e262a; /* Background of the primary control with successful theme. */ - --intergalactic-control-primary-success: #007c65; + --intergalactic-control-primary-success: #69cd7d; /* Hover state of the primary control with successful theme. */ - --intergalactic-control-primary-success-hover: #007c65; + --intergalactic-control-primary-success-hover: #44c15d; /* Active (selected) state of the primary control with successful theme. */ - --intergalactic-control-primary-success-active: #007c65; + --intergalactic-control-primary-success-active: #3eb055; /* Background of the primary control with danger theme. */ - --intergalactic-control-primary-critical: #ff4953; + --intergalactic-control-primary-critical: #ff5454; /* Hover state of the primary control with danger theme. */ - --intergalactic-control-primary-critical-hover: #ff4953; + --intergalactic-control-primary-critical-hover: #ff2929; /* Active (selected) state of the primary control with danger theme. */ - --intergalactic-control-primary-critical-active: #ff4953; + --intergalactic-control-primary-critical-active: #e82525; /* Background of the primary brand colored control. */ - --intergalactic-control-primary-brand: #ff642d; + --intergalactic-control-primary-brand: #ff8d63; /* Hover state of the primary brand colored control. */ - --intergalactic-control-primary-brand-hover: #c33909; + --intergalactic-control-primary-brand-hover: #ff703c; /* Active state of the primary brand colored control. */ - --intergalactic-control-primary-brand-active: #8b1500; + --intergalactic-control-primary-brand-active: #e86637; /* Background of the advertising primary control. */ - --intergalactic-control-primary-advertising: #ab6cfe; + --intergalactic-control-primary-advertising: #7d26e8; /* Hover state of the advertising primary control. */ - --intergalactic-control-primary-advertising-hover: #ab6cfe; + --intergalactic-control-primary-advertising-hover: #611eb5; /* Active (selected) state of the advertising primary control. */ - --intergalactic-control-primary-advertising-active: #ab6cfe; + --intergalactic-control-primary-advertising-active: #892aff; /* Inverted background of the primary control. */ --intergalactic-control-primary-invert: #ffffff; /* Hover state of the inverted primary control. */ - --intergalactic-control-primary-invert-hover: #f4f5f9; + --intergalactic-control-primary-invert-hover: #f7f8f9; /* Active (selected) state of the inverted primary control. */ - --intergalactic-control-primary-invert-active: #e0e1e9; + --intergalactic-control-primary-invert-active: #eaeff1; /* Background of the regular secondary control. */ - --intergalactic-control-secondary-neutral: #e0e1e9; + --intergalactic-control-secondary-neutral: rgba(133, 162, 171, 0.1); /* Hover state of the regular secondary control. */ - --intergalactic-control-secondary-neutral-hover: #c4c7cf; + --intergalactic-control-secondary-neutral-hover: rgba(133, 162, 171, 0.2); /* Active (selected) state of the regular secondary control. */ - --intergalactic-control-secondary-neutral-active: #c4c7cf; + --intergalactic-control-secondary-neutral-active: rgba(133, 162, 171, 0.3); /* Background of the accent secondary control. */ - --intergalactic-control-secondary-info: #ffffff; + --intergalactic-control-secondary-info: rgba(84, 135, 255, 0.1); /* Hover state of the accent secondary control. */ - --intergalactic-control-secondary-info-hover: #008ff833; + --intergalactic-control-secondary-info-hover: rgba(84, 135, 255, 0.2); /* Active (selected) state of the accent secondary control. */ - --intergalactic-control-secondary-info-active: #008ff84d; + --intergalactic-control-secondary-info-active: rgba(84, 135, 255, 0.3); /* Background of the inverted version of the secondary control. */ - --intergalactic-control-secondary-invert: #ffffff0d; + --intergalactic-control-secondary-invert: rgba(255, 255, 255, 0.05); /* Hover state of the inverted version of the secondary control. */ - --intergalactic-control-secondary-invert-hover: #ffffff1a; + --intergalactic-control-secondary-invert-hover: rgba(255, 255, 255, 0.1); /* Active (selected) state of the inverted version of the secondary control. */ - --intergalactic-control-secondary-invert-active: #ffffff4d; + --intergalactic-control-secondary-invert-active: rgba(255, 255, 255, 0.3); /* Background of the regular tertiary control. */ - --intergalactic-control-tertiary-neutral: #eaeff100; + --intergalactic-control-tertiary-neutral: rgba(133, 162, 171, 0); /* Hover state of the regular tertiary control. */ - --intergalactic-control-tertiary-neutral-hover: #eaeff133; + --intergalactic-control-tertiary-neutral-hover: rgba(133, 162, 171, 0.2); /* Active (selected) state of the regular tertiary control. */ - --intergalactic-control-tertiary-neutral-active: #eaeff14d; + --intergalactic-control-tertiary-neutral-active: rgba(133, 162, 171, 0.3); /* Background of the accent and link-lookalike tertiary control. */ - --intergalactic-control-tertiary-info: #bdd1ff00; + --intergalactic-control-tertiary-info: rgba(84, 135, 255, 0); /* Hover state of the accent and link-lookalike tertiary control. */ - --intergalactic-control-tertiary-info-hover: #bdd1ff33; + --intergalactic-control-tertiary-info-hover: rgba(84, 135, 255, 0.2); /* Active (selected) state of the accent and link-lookalike tertiary control. */ - --intergalactic-control-tertiary-info-active: #bdd1ff4d; + --intergalactic-control-tertiary-info-active: rgba(84, 135, 255, 0.3); /* Background of the inverted version of the tertiary control. */ - --intergalactic-control-tertiary-invert: #ffffff00; + --intergalactic-control-tertiary-invert: rgba(255, 255, 255, 0); /* Hover state of the inverted version of the tertiary control. */ - --intergalactic-control-tertiary-invert-hover: #ffffff1a; + --intergalactic-control-tertiary-invert-hover: rgba(255, 255, 255, 0.1); /* Active (selected) state of the inverted version of the tertiary control. */ - --intergalactic-control-tertiary-invert-active: #ffffff4d; + --intergalactic-control-tertiary-invert-active: rgba(255, 255, 255, 0.3); /* Primary neutral icon. */ - --intergalactic-icon-primary-neutral: #6c6e79; + --intergalactic-icon-primary-neutral: #668791; /* Gray background color for the hover and active states of the primary neutral icon. It’s created using a CSS filter with a brightness(0.8), applied to the gray-500 color. */ --intergalactic-icon-primary-neutral-hover-active: #565861; /* Primary link-lookalike icon. */ - --intergalactic-icon-primary-info: #006dca; + --intergalactic-icon-primary-info: #2969ff; /* Blue background color for the hover and active states of the primary link-lookalike icon. It’s created using a CSS filter with a brightness(0.8), applied to the blue-500 color. */ --intergalactic-icon-primary-info-hover-active: #0358a1; /* Primary success icon. */ - --intergalactic-icon-primary-success: #009f81; + --intergalactic-icon-primary-success: #69cd7d; /* Green background color for the hover and active states of the primary success icon. It’s created using a CSS filter with a brightness(0.8), applied to the green-500 color. */ --intergalactic-icon-primary-success-hover-active: #037e68; /* Primary critical icon. */ - --intergalactic-icon-primary-critical: #ff4953; + --intergalactic-icon-primary-critical: #ff5454; /* Red background color for the hover and active states of the primary critical icon. It’s created using a CSS filter with a brightness(0.8), applied to the red-500 color. */ --intergalactic-icon-primary-critical-hover-active: #cc3a42; /* Primary warning icon. */ - --intergalactic-icon-primary-warning: #ff642d; + --intergalactic-icon-primary-warning: #ff8d63; /* Orange background color for the hover and active states of the primary warning icon. It’s created using a CSS filter with a brightness(0.8), applied to the orange-500 color. */ --intergalactic-icon-primary-warning-hover-active: #cc5024; /* Inverted version of the primary icon. */ --intergalactic-icon-primary-invert: #ffffff; /* Hover and active (selected) states of the inverted version of the primary icon. */ - --intergalactic-icon-primary-invert-hover-active: #e0e1e9; + --intergalactic-icon-primary-invert-hover-active: #eaeff1; /* Secondary neutral icon. */ - --intergalactic-icon-secondary-neutral: #a9abb6; + --intergalactic-icon-secondary-neutral: #b0c4c9; /* Gray background color for the hover and active states of the secondary neutral icon. It’s created using a CSS filter with a brightness(0.8), applied to the gray-300 color. */ --intergalactic-icon-secondary-neutral-hover-active: #878992; /* Secondary link-lookalike icon. */ - --intergalactic-icon-secondary-info: #2bb3ff; + --intergalactic-icon-secondary-info: #709bff; /* Blue background color for the hover and active states of the secondary link-lookalike icon. It’s created using a CSS filter with a brightness(0.8), applied to the blue-300 color. */ --intergalactic-icon-secondary-info-hover-active: #2290cc; /* Secondary success icon. */ - --intergalactic-icon-secondary-success: #00c192; + --intergalactic-icon-secondary-success: #82d592; /* Green background color for the hover and active states of the secondary success icon. It’s created using a CSS filter with a brightness(0.8), applied to the green-300 color. */ --intergalactic-icon-secondary-success-hover-active: #049b75; /* Secondary critical icon. */ - --intergalactic-icon-secondary-critical: #ff8786; + --intergalactic-icon-secondary-critical: #ff7070; /* Red background color for the hover and active states of the secondary critical icon. It’s created using a CSS filter with a brightness(0.8), applied to the red-300 color. */ --intergalactic-icon-secondary-critical-hover-active: #cc6c6b; /* Secondary warning icon. */ - --intergalactic-icon-secondary-warning: #ff8c43; + --intergalactic-icon-secondary-warning: #ff9f7c; /* Orange background color for the hover and active states of the secondary warning icon. It’s created using a CSS filter with a brightness(0.8), applied to the orange-300 color. */ --intergalactic-icon-secondary-warning-hover-active: #cc7036; /* Color for the default non-interactive icon. */ - --intergalactic-icon-non-interactive: #191b23; + --intergalactic-icon-non-interactive: #1e262a; /* ⚠️ Use only for illustrations. */ --intergalactic-illustration-red: #ff788f; /* ⚠️ Use only for illustrations. */ @@ -2153,31 +2153,31 @@ /* Default date-picker cell background. */ --intergalactic-date-picker-cell: #ffffff; /* Color for marking the cell with the current date, month or year in the date-picker. */ - --intergalactic-date-picker-cell-current: #8a8e9b; + --intergalactic-date-picker-cell-current: #85a2ab; /* Hover state of the default date-picker cell background. */ - --intergalactic-date-picker-cell-hover: #e0e1e9; + --intergalactic-date-picker-cell-hover: #eaeff1; /* Background for the cell which is included in the date range in the date-picker. */ - --intergalactic-date-picker-cell-range: #c4e5fe; + --intergalactic-date-picker-cell-range: #bdd1ff; /* Hover state of the background for the cell which is included in the date range in the date-picker. */ - --intergalactic-date-picker-cell-range-hover: #8ecdff; + --intergalactic-date-picker-cell-range-hover: #9dbaff; /* Active (selected) date-picker cell background. */ - --intergalactic-date-picker-cell-active: #2bb3ff; + --intergalactic-date-picker-cell-active: #709bff; /* Hover for the active (selected) date-picker cell background. */ - --intergalactic-date-picker-cell-active-hover: #008ff8; + --intergalactic-date-picker-cell-active-hover: #5487ff; /* Color for marking the active cell with the current date, month or year in the date-picker. */ - --intergalactic-date-picker-cell-current-invert: #ffffff80; + --intergalactic-date-picker-cell-current-invert: rgba(255, 255, 255, 0.5); /* Active (selected) date-picker cell background for comparison periods. */ - --intergalactic-date-picker-cell-comparison-active: #8649e1; + --intergalactic-date-picker-cell-comparison-active: #892aff; /* Hover for the active (selected) date-picker cell background for comparison periods. */ - --intergalactic-date-picker-cell-comparison-active-hover: #5925ab; + --intergalactic-date-picker-cell-comparison-active-hover: #7d26e8; /* Default background color for the list item in the dropdown-menu. */ --intergalactic-dropdown-menu-item: #ffffff; /* Hover state of the default background color for the list item in the dropdown-menu. */ - --intergalactic-dropdown-menu-item-hover: #f4f5f9; + --intergalactic-dropdown-menu-item-hover: #f7f8f9; /* Active (selected) state of the default background color for the list item in the dropdown-menu. */ - --intergalactic-dropdown-menu-item-selected: #c4e5feb2; + --intergalactic-dropdown-menu-item-selected: rgba(189, 209, 255, 0.7); /* Hover state for the selected state of the default background color for the list item in the dropdown-menu. */ - --intergalactic-dropdown-menu-item-selected-hover: #c4e5fe; + --intergalactic-dropdown-menu-item-selected-hover: #bdd1ff; /* Color of the FeaturePopover background with accent theme. */ --intergalactic-feature-popover-bg: #ffeabd; /* Color of the outer border of the FeaturePopover.Spot for FeaturePopover with accent theme. */ @@ -2185,17 +2185,17 @@ /* Color of the FeaturePopover background with neutral theme. */ --intergalactic-feature-popover-bg-neutral: #1d113e; /* Color of the FeaturePopover.Spot for FeaturePopover with neutral theme. */ - --intergalactic-feature-popover-dot-neutral: #00c192; + --intergalactic-feature-popover-dot-neutral: #82d592; /* Color of the outer border of the FeaturePopover.Spot for FeaturePopover with neutral theme. */ --intergalactic-feature-popover-dot-neutral-outer-border: #82d592; /* Background color of the ProgressBar. */ - --intergalactic-progress-bar-bg: #e0e1e9; + --intergalactic-progress-bar-bg: #eaeff1; /* Hover state of the background color of the ProgressBar. */ - --intergalactic-progress-bar-bg-hover: #c4c7cf; + --intergalactic-progress-bar-bg-hover: #d5dfe2; /* Inverted version of the background color of the ProgressBar. */ - --intergalactic-progress-bar-bg-invert: #ffffff33; + --intergalactic-progress-bar-bg-invert: rgba(255, 255, 255, 0.2); /* Hover state for the inverted version of the background color of the ProgressBar. */ - --intergalactic-progress-bar-bg-invert-hover: #ffffff66; + --intergalactic-progress-bar-bg-invert-hover: rgba(255, 255, 255, 0.4); /* Value with gradient for the ProgressBar. */ --intergalactic-progress-bar-value-gradient: linear-gradient(-45deg, rgba(0, 159, 129, 0.9) 25%, rgba(0, 159, 129, 1) 0%, rgba(0, 159, 129, 1) 50%, rgba(0, 159, 129, 0.9) 0%, rgba(0, 159, 129, 0.9) 75%, rgba(0, 159, 129, 1) 0%); /* Null value gradient for the ProgressBar. */ @@ -2203,19 +2203,19 @@ /* Base value background for the ProgressBar. It is used to create gradients for the values. */ --intergalactic-progress-bar-value-bg: #000000; /* Default color for the Skeleton. */ - --intergalactic-skeleton-bg: #e0e1e9cc; + --intergalactic-skeleton-bg: rgba(234, 239, 241, 0.8); /* Inverted version of the default color for the Skeleton. */ - --intergalactic-skeleton-bg-invert: #ffffff4d; + --intergalactic-skeleton-bg-invert: rgba(255, 255, 255, 0.3); /* Icon color for the SliderRating component in its normal state. */ --intergalactic-slider-rating-normal: #b0c4c9; /* Icon color for the SliderRating component in its hovered and active states. */ - --intergalactic-slider-rating-hover-active: #fdc23c; + --intergalactic-slider-rating-hover-active: #ffe09d; /* Background of the header cell in the primary Table. */ - --intergalactic-table-th-primary-cell: #f4f5f9; + --intergalactic-table-th-primary-cell: #f7f8f9; /* Background of the hovered header cell in the primary Table. */ - --intergalactic-table-th-primary-cell-hover: #e0e1e9; + --intergalactic-table-th-primary-cell-hover: #eaeff1; /* Background of the active header cell in the primary Table. */ - --intergalactic-table-th-primary-cell-active: #e0e1e9; + --intergalactic-table-th-primary-cell-active: #eaeff1; /* Background of the header cell in the secondary Table. */ --intergalactic-table-th-secondary-cell: #ffffff; /* Background gradient for sorting icon that absolute positioned in the table head. */ @@ -2223,41 +2223,41 @@ /* Background of the default cell in the Table. */ --intergalactic-table-td-cell: #ffffff; /* Background of the default hovered cell in the Table. */ - --intergalactic-table-td-cell-hover: #f7f7fa; + --intergalactic-table-td-cell-hover: #f4f7f8; /* Background of the default active cell in the Table. */ - --intergalactic-table-td-cell-active: #ebecf1; + --intergalactic-table-td-cell-active: #eef2f4; /* Background of the unread cell in the Table. */ - --intergalactic-table-td-cell-unread: #f4f5f9; + --intergalactic-table-td-cell-unread: #f7f8f9; /* Background of the cell inside an Accordion in the Table. */ - --intergalactic-table-td-cell-accordion: #f4f5f9; + --intergalactic-table-td-cell-accordion: #f7f8f9; /* Background of the selected cell in the Table. */ - --intergalactic-table-td-cell-selected: #e9f7ff; + --intergalactic-table-td-cell-selected: #eaf0ff; /* Background of the hovered selected cell in the Table. */ - --intergalactic-table-td-cell-selected-hover: #c4e5fe; + --intergalactic-table-td-cell-selected-hover: #bdd1ff; /* Background of the active selected cell in the Table. */ - --intergalactic-table-td-cell-selected-active: #c4e5fe; + --intergalactic-table-td-cell-selected-active: #bdd1ff; /* Background of the cell with new information in the Table. */ - --intergalactic-table-td-cell-new: #dbfee8; + --intergalactic-table-td-cell-new: #ecf9ef; /* Background of the hovered cell with new information in the Table. */ - --intergalactic-table-td-cell-new-hover: #9ef2c9; + --intergalactic-table-td-cell-new-hover: #c5eccd; /* Background of the active cell with new information in the Table. */ - --intergalactic-table-td-cell-new-active: #9ef2c9; + --intergalactic-table-td-cell-new-active: #c5eccd; /* Background of the cell with critical information in the Table. */ - --intergalactic-table-td-cell-critical: #fff0f7; + --intergalactic-table-td-cell-critical: #ffeaea; /* Background of the hovered cell with critical information in the Table. */ - --intergalactic-table-td-cell-critical-hover: #ffd7df; + --intergalactic-table-td-cell-critical-hover: #ffbdbd; /* Background of the active cell with critical information in the Table. */ - --intergalactic-table-td-cell-critical-active: #ffd7df; + --intergalactic-table-td-cell-critical-active: #ffbdbd; /* Background of the cell with warning information in the Table. */ - --intergalactic-table-td-cell-warning: #fff3d9; + --intergalactic-table-td-cell-warning: #fff1ec; /* Background of the hovered cell with warning information in the Table. */ - --intergalactic-table-td-cell-warning-hover: #ffdca2; + --intergalactic-table-td-cell-warning-hover: #ffd3c3; /* Background of the active cell with warning information in the Table. */ - --intergalactic-table-td-cell-warning-active: #ffdca2; + --intergalactic-table-td-cell-warning-active: #ffd3c3; /* Primary brand color. */ - --intergalactic-brand-primary: #ff642d; + --intergalactic-brand-primary: #ff8d63; /* Secondary brand color. */ - --intergalactic-brand-secondary: #421983; + --intergalactic-brand-secondary: #611eb5; /* Pinterest brand color. */ --intergalactic-brand-pinterest: #bd081c; /* Instagram brand color. */ @@ -2287,21 +2287,21 @@ /* Default shadow of all Poppers, Dropdowns and Tooltips. */ --intergalactic-box-shadow-popper: 0px 1px 12px 0px rgba(30, 38, 42, 0.15); /* Color for default keyboard focus outline styles. */ - --intergalactic-keyboard-focus-outline: #008ff8; + --intergalactic-keyboard-focus-outline: #5487ff; /* Color for keyboard focus outline styles for elements with invalid state. */ - --intergalactic-keyboard-focus-invalid-outline: #ff4953; + --intergalactic-keyboard-focus-invalid-outline: #ff5454; /* Keyboard focus styles for elements with invalid state. */ - --intergalactic-keyboard-focus-invalid: 0px 0px 0px 3px rgba(255, 73, 83, 0.5); + --intergalactic-keyboard-focus-invalid: 0px 0px 0px 3px rgba(255, 84, 84, 0.5); /* Color for keyboard focus outline styles for elements with valid state. */ - --intergalactic-keyboard-focus-valid-outline: #009f81; + --intergalactic-keyboard-focus-valid-outline: #69cd7d; /* Keyboard focus styles for elements with valid state. */ - --intergalactic-keyboard-focus-valid: 0px 0px 0px 3px rgba(0, 159, 129, 0.5); + --intergalactic-keyboard-focus-valid: 0px 0px 0px 3px rgba(105, 205, 125, 0.5); /* Color for keyboard focus outline styles to use on the dark and color background. */ - --intergalactic-keyboard-focus-invert-outline: #ffffffcc; + --intergalactic-keyboard-focus-invert-outline: rgba(255, 255, 255, 0.8); /* Keyboard focus styles for use on dark backgrounds. */ - --intergalactic-keyboard-focus-invert: 0px 0px 0px 3px #ffffffcc; + --intergalactic-keyboard-focus-invert: 0px 0px 0px 3px rgba(255, 255, 255, 0.8); /* Default keyboard focus box-shadow styles. */ - --intergalactic-keyboard-focus: 0px 0px 0px 3px rgba(0, 143, 248, 0.5); + --intergalactic-keyboard-focus: 0px 0px 0px 3px rgba(84, 135, 255, 0.5); /* Base font family. */ --intergalactic-base: Inter; /* Use with font-size-800. */ @@ -2413,13 +2413,13 @@ /* Large screens (tablets and laptops). */ --intergalactic-screen-large: 1920px; /* Use for cover the content under the modal dialogs. */ - --intergalactic-overlay-primary: #191b23b2; + --intergalactic-overlay-primary: rgba(30, 38, 42, 0.7); /* Use for the secondary modal dialogs that were opened upon the other modal dialogs. */ - --intergalactic-overlay-secondary: #191b2366; + --intergalactic-overlay-secondary: rgba(30, 38, 42, 0.4); /* Use as a primary cover of the content under the messages about limitations. */ - --intergalactic-overlay-limitation-primary: #f4f5f9; + --intergalactic-overlay-limitation-primary: #f7f8f9; /* Use as a secondary cover of the content under the messages about limitations. */ - --intergalactic-overlay-limitation-secondary: #ffffffd9; + --intergalactic-overlay-limitation-secondary: rgba(255, 255, 255, 0.85); --intergalactic-z-index-deep: -999; --intergalactic-z-index-overlay: 500; --intergalactic-z-index-modal: 900; @@ -2430,9 +2430,9 @@ /* Default Tooltip background. */ --intergalactic-tooltip-default: #ffffff; /* Warning Tooltip background. */ - --intergalactic-tooltip-warning: #ffd7df; + --intergalactic-tooltip-warning: #ffbdbd; /* Inverted version of the default Tooltip background. */ - --intergalactic-tooltip-invert: #191b23; + --intergalactic-tooltip-invert: #1e262a; /* Neutral border of the components that are combined with neighbor-location property. */ --intergalactic-neighbor-location-neutral: #ffffff80; /* Inverted border of the components that are combined with neighbor-location property. */ @@ -2454,7 +2454,7 @@ /* Top-to-bottom fade shadow for the ScrollArea inside the DropdownMenu. */ --intergalactic-scroll-area-dropdown-menu-top: linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%); /* Background color for ScrollBar. */ - --intergalactic-scroll-bar-background: #191b234d; + --intergalactic-scroll-bar-background: rgba(30, 38, 42, 0.3); /* Gray background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the gray-500 color with 0.2 opacity on the white background underneath. */ --intergalactic-tag-primary-gray-normal: #ecedf0; /* Gray background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the gray-500 color with 0.3 opacity on the white background underneath. */ @@ -2484,122 +2484,122 @@ /* Yellow background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the yellow-500 color with 0.3 opacity on the white background underneath. */ --intergalactic-tag-primary-yellow-hover-active: #fedab9; /* Primary white tag. */ - --intergalactic-tag-primary-white-normal: #ffffff; + --intergalactic-tag-primary-white-normal: rgba(255, 255, 255, 0.15); /* Hover and active (selected) state of the primary white tag. */ - --intergalactic-tag-primary-white-hover-active: #ffffff; + --intergalactic-tag-primary-white-hover-active: rgba(255, 255, 255, 0.3); /* Gray text for the primary gray tag. */ - --intergalactic-tag-primary-gray-text: #6c6e79; + --intergalactic-tag-primary-gray-text: #668791; /* Blue text for the primary blue tag. */ - --intergalactic-tag-primary-blue-text: #006dca; + --intergalactic-tag-primary-blue-text: #2969ff; /* Green text for the primary green tag. */ - --intergalactic-tag-primary-green-text: #007c65; + --intergalactic-tag-primary-green-text: #44c15d; /* Orange text for the primary orange tag. */ - --intergalactic-tag-primary-orange-text: #c33909; + --intergalactic-tag-primary-orange-text: #ff703c; /* Red text for the primary red tag. */ - --intergalactic-tag-primary-red-text: #d1002f; + --intergalactic-tag-primary-red-text: #ff2929; /* Violet text for the primary violet tag. */ - --intergalactic-tag-primary-violet-text: #8649e1; + --intergalactic-tag-primary-violet-text: #892aff; /* Yellow text for the primary yellow tag. */ - --intergalactic-tag-primary-yellow-text: #a75800; + --intergalactic-tag-primary-yellow-text: #ffbb29; /* White text for the primary white tag. */ --intergalactic-tag-primary-white-text: #ffffff; /* Background color for the default secondary tag. */ --intergalactic-tag-secondary-normal: #ffffff; /* Hover and active (selected) states of the background color for the default secondary tag. */ - --intergalactic-tag-secondary-hover-active: #f4f5f9; + --intergalactic-tag-secondary-hover-active: #f7f8f9; /* White secondary tag. */ - --intergalactic-tag-secondary-white-normal: #ffffff00; + --intergalactic-tag-secondary-white-normal: rgba(255, 255, 255, 0); /* Active state of the secondary white tag. */ - --intergalactic-tag-secondary-white-hover-active: #ffffff1a; + --intergalactic-tag-secondary-white-hover-active: rgba(255, 255, 255, 0.1); /* Gray text for the default secondary tag. */ - --intergalactic-tag-secondary-gray-text: #6c6e79; + --intergalactic-tag-secondary-gray-text: #668791; /* White text for the secondary white tag. */ --intergalactic-tag-secondary-white-text: #ffffff; /* 1 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-1: #2bb3ff; + --intergalactic-chart-palette-order-1: #709bff; /* 2 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-2: #59ddaa; + --intergalactic-chart-palette-order-2: #a9e2b4; /* 3 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-3: #ff642d; + --intergalactic-chart-palette-order-3: #ff8d63; /* 4 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-4: #f67cf2; + --intergalactic-chart-palette-order-4: #ff87eb; /* 5 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-5: #fdc23c; + --intergalactic-chart-palette-order-5: #ffe09d; /* 6 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-6: #ab6cfe; + --intergalactic-chart-palette-order-6: #a155ff; /* 7 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-7: #ff8786; + --intergalactic-chart-palette-order-7: #ff7070; /* 8 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-8: #9bd85d; + --intergalactic-chart-palette-order-8: #95f8e2; /* 9 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-9: #008ff8; + --intergalactic-chart-palette-order-9: #5487ff; /* 10 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-10: #00c192; + --intergalactic-chart-palette-order-10: #82d592; /* 11 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-11: #ffb26e; + --intergalactic-chart-palette-order-11: #ffbda5; /* 12 color in the default list of colors for charts. */ --intergalactic-chart-palette-order-12: #e14adf; /* 13 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-13: #ef9800; + --intergalactic-chart-palette-order-13: #ffd170; /* 14 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-14: #dcb8ff; + --intergalactic-chart-palette-order-14: #c99dff; /* 15 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-15: #ff4953; + --intergalactic-chart-palette-order-15: #ff5454; /* 16 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-16: #66c030; + --intergalactic-chart-palette-order-16: #64f5d4; /* 17 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-17: #8ecdff; + --intergalactic-chart-palette-order-17: #9dbaff; /* 18 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-18: #009f81; + --intergalactic-chart-palette-order-18: #69cd7d; /* 19 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-19: #ff8c43; + --intergalactic-chart-palette-order-19: #ff9f7c; /* 20 color in the default list of colors for charts. */ --intergalactic-chart-palette-order-20: #ffa9fa; /* 21 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-21: #d87900; + --intergalactic-chart-palette-order-21: #ffc954; /* 22 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-22: #c695ff; + --intergalactic-chart-palette-order-22: #b070ff; /* 23 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-23: #ffaeb5; + --intergalactic-chart-palette-order-23: #ff9d9d; /* 24 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-24: #35a21e; + --intergalactic-chart-palette-order-24: #46f3cc; /* Use it to show total value. */ - --intergalactic-chart-palette-order-total-amount: #8a8e9b; + --intergalactic-chart-palette-order-total-amount: #85a2ab; /* Use it to indicate voids, missing or some other data. */ - --intergalactic-chart-palette-order-other-data: #c4c7cf; + --intergalactic-chart-palette-order-other-data: #d5dfe2; /* Use it to show null value. */ - --intergalactic-chart-palette-order-null: #e0e1e9; + --intergalactic-chart-palette-order-null: #eaeff1; /* Default chart grid line. */ - --intergalactic-chart-grid-line: #e0e1e9; + --intergalactic-chart-grid-line: #eaeff1; /* X-axis line on the chart grid. */ - --intergalactic-chart-grid-x-axis: #c4c7cf; + --intergalactic-chart-grid-x-axis: #d5dfe2; /* Accent line for the hover state on the chart grid. */ - --intergalactic-chart-grid-y-accent-hover-line: #a9abb6; + --intergalactic-chart-grid-y-accent-hover-line: #b0c4c9; /* Text label on the chart grid. */ - --intergalactic-chart-grid-text-label: #6c6e79; + --intergalactic-chart-grid-text-label: #668791; /* Background color for the hover state of a bar on the chart grid. */ - --intergalactic-chart-grid-bar-chart-hover: #c4c7cf4d; + --intergalactic-chart-grid-bar-chart-hover: rgba(213, 223, 226, 0.3); /* Default background color of a bar in the BarChart. */ - --intergalactic-chart-grid-bar-chart-base-bg: #e0e1e9; + --intergalactic-chart-grid-bar-chart-base-bg: #eaeff1; /* Use for highlighting a period on the chart grid. */ - --intergalactic-chart-grid-period-bg: #c4c7cf33; + --intergalactic-chart-grid-period-bg: rgba(213, 223, 226, 0.2); /* Stripe color for diagonal pattern background. */ - --intergalactic-chart-grid-period-pattern: #191b2326; + --intergalactic-chart-grid-period-pattern: rgba(30, 38, 42, 0.15); /* Border for distinguishing data sets and chart dots on the chart grid. */ --intergalactic-chart-grid-border: #ffffff; /* Background color for the clickable date on the X-axis of the chart grid. */ - --intergalactic-chart-x-axis-accent-period-active: #6c6e79; + --intergalactic-chart-x-axis-accent-period-active: #668791; /* Background color for the "Start tracking" date on the X-axis of the chart grid. */ - --intergalactic-chart-x-axis-accent-data-start-tracking: #009f8133; + --intergalactic-chart-x-axis-accent-data-start-tracking: rgba(105, 205, 125, 0.2); --intergalactic-header-bg: #382e5e; --intergalactic-header-border-primary: #382e5e; --intergalactic-header-border-secondary: #ffffff26; --intergalactic-sidebar-nav-control-hover: rgba(234, 239, 241, 0.7); --intergalactic-sidebar-nav-control-active: #e2ddff; - --intergalactic-sidebar-nav-control-text-normal: #191b23; - --intergalactic-sidebar-nav-control-text-active: #191b23; - --intergalactic-sidebar-nav-control-icon-normal: #2b2e38; - --intergalactic-sidebar-nav-control-icon-active: #2b2e38; + --intergalactic-sidebar-nav-control-text-normal: #6d619f; + --intergalactic-sidebar-nav-control-text-active: #4d407e; + --intergalactic-sidebar-nav-control-icon-normal: #9083c5; + --intergalactic-sidebar-nav-control-icon-active: #4d407e; /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */ --intergalactic-duration-extra-slow: 500; /* Should be used for more larger scale animations (such as page transitions) */ diff --git a/semcore/core/src/theme/themes/new.css b/semcore/core/src/theme/themes/new.css index 881a40308b..26f0f11e0a 100644 --- a/semcore/core/src/theme/themes/new.css +++ b/semcore/core/src/theme/themes/new.css @@ -113,279 +113,279 @@ /* 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. */ - --intergalactic-bg-primary-neutral-hover: #f4f5f9; + --intergalactic-bg-primary-neutral-hover: #f7f8f9; /* Active (selected) state of the primary background of the interface which contains the main data and information. */ - --intergalactic-bg-primary-neutral-active: #e0e1e9; + --intergalactic-bg-primary-neutral-active: #eaeff1; /* Accent background of the message with regular information. */ - --intergalactic-bg-primary-info: #008ff8; + --intergalactic-bg-primary-info: #5487ff; /* Accent background of the message or banner with information about the successful result. */ - --intergalactic-bg-primary-success: #18f0bf; + --intergalactic-bg-primary-success: #69cd7d; /* Accent background of a message or a banner with a critical information. */ - --intergalactic-bg-primary-critical: #e82525; + --intergalactic-bg-primary-critical: #ff5454; /* Accent background of a message or a banner with a warning information. */ - --intergalactic-bg-primary-warning: #ff642d; + --intergalactic-bg-primary-warning: #ff8d63; /* Accent background of the information you want to highlight. */ - --intergalactic-bg-primary-highlight: #fce081; + --intergalactic-bg-primary-highlight: #ffeabd; /* Accent background for the advertising banners and controls. */ - --intergalactic-bg-primary-advertising: #421983; + --intergalactic-bg-primary-advertising: #611eb5; /* Accented muted background for a message with regular information. */ - --intergalactic-bg-primary-muted: #6c6e79; + --intergalactic-bg-primary-muted: #668791; /* Inverted version of the primary background of the interface that contains the main data and information. */ - --intergalactic-bg-primary-invert: #191b23; + --intergalactic-bg-primary-invert: #1e262a; /* Hover state for the inverted version of the primary background of the interface that contains the main data and information. */ - --intergalactic-bg-primary-invert-hover: #2b2e38; + --intergalactic-bg-primary-invert-hover: #425a62; /* Active (selected) state for the inverted version of the primary background of the interface that contains the main data and information. */ - --intergalactic-bg-primary-invert-active: #484a54; + --intergalactic-bg-primary-invert-active: #516e78; /* Secondary background of the interface which contains the main data and information. */ - --intergalactic-bg-secondary-neutral: #f4f5f9; + --intergalactic-bg-secondary-neutral: #f7f8f9; /* Hover state of the secondary background of the interface which contains the main data and information. */ - --intergalactic-bg-secondary-neutral-hover: #e0e1e9; + --intergalactic-bg-secondary-neutral-hover: #eaeff1; /* Active (selected) state of the secondary background of the interface which contains the main data and information. */ - --intergalactic-bg-secondary-neutral-active: #c4c7cf; + --intergalactic-bg-secondary-neutral-active: #d5dfe2; /* Secondary background of a message with regular information. */ - --intergalactic-bg-secondary-info: #e9f7ff; + --intergalactic-bg-secondary-info: #eaf0ff; /* Hover state of the secondary background of a message with regular information. */ - --intergalactic-bg-secondary-info-hover: #c4e5fe; + --intergalactic-bg-secondary-info-hover: #bdd1ff; /* Active (selected) state of the secondary background of a message with regular information. */ - --intergalactic-bg-secondary-info-active: #8ecdff; + --intergalactic-bg-secondary-info-active: #9dbaff; /* Secondary background of the message with success information you want to accent. */ - --intergalactic-bg-secondary-success: #dbfee8; + --intergalactic-bg-secondary-success: #ecf9ef; /* Hover state of the secondary background of the message with success information you want to accent. */ - --intergalactic-bg-secondary-success-hover: #9ef2c9; + --intergalactic-bg-secondary-success-hover: #c5eccd; /* Active (selected) state of the secondary background of the message with success information you want to accent. */ - --intergalactic-bg-secondary-success-active: #59ddaa; + --intergalactic-bg-secondary-success-active: #a9e2b4; /* Secondary background of the message with critical information you want to accent. */ - --intergalactic-bg-secondary-critical: #fff0f7; + --intergalactic-bg-secondary-critical: #ffeaea; /* Hover state of the secondary background of the message with critical information you want to accent. */ - --intergalactic-bg-secondary-critical-hover: #ffd7df; + --intergalactic-bg-secondary-critical-hover: #ffbdbd; /* Active (selected) state of the secondary background of the message with critical information you want to accent. */ - --intergalactic-bg-secondary-critical-active: #ffaeb5; + --intergalactic-bg-secondary-critical-active: #ff9d9d; /* Secondary background of the message with warning information you want to accent. */ - --intergalactic-bg-secondary-warning: #fff3d9; + --intergalactic-bg-secondary-warning: #fff1ec; /* Hover state of the secondary background of the message with warning information you want to accent. */ - --intergalactic-bg-secondary-warning-hover: #ffdca2; + --intergalactic-bg-secondary-warning-hover: #ffd3c3; /* Active (selected) state of the secondary background of the message with critical information you want to accent. */ - --intergalactic-bg-secondary-warning-active: #ffb26e; + --intergalactic-bg-secondary-warning-active: #ffbda5; /* Secondary background of the information you want to highlight. */ - --intergalactic-bg-secondary-highlight: #fdf7c8; + --intergalactic-bg-secondary-highlight: #fff8ea; /* Hover state of the secondary background of the information you want to highlight. */ - --intergalactic-bg-secondary-highlight-hover: #fce081; + --intergalactic-bg-secondary-highlight-hover: #ffeabd; /* Active (selected) state of the secondary background of the information you want to highlight. */ - --intergalactic-bg-secondary-highlight-active: #fdc23c; + --intergalactic-bg-secondary-highlight-active: #ffe09d; /* Secondary background for the advertising message you want to accent. */ - --intergalactic-bg-secondary-advertising: #f9f2ff; + --intergalactic-bg-secondary-advertising: #f3eaff; /* Hover state of the secondary background for the advertising message you want to accent. */ - --intergalactic-bg-secondary-advertising-hover: #edd9ff; + --intergalactic-bg-secondary-advertising-hover: #dabdff; /* Active (selected) state of the secondary background for the advertising message you want to accent. */ - --intergalactic-bg-secondary-advertising-active: #dcb8ff; + --intergalactic-bg-secondary-advertising-active: #c99dff; /* Highlighting the search results. */ - --intergalactic-bg-highlight-results: #ef980066; + --intergalactic-bg-highlight-results: rgba(255, 209, 112, 0.4); /* Focusing values in the input. */ - --intergalactic-bg-highlight-focus: #008ff833; + --intergalactic-bg-highlight-focus: rgba(84, 135, 255, 0.2); /* Primary text. */ - --intergalactic-text-primary: #000000eb; + --intergalactic-text-primary: #1e262a; /* Secondary text. */ - --intergalactic-text-secondary: #00000099; + --intergalactic-text-secondary: #668791; /* Placeholder text only. */ - --intergalactic-text-placeholder: #0000007a; + --intergalactic-text-placeholder: #85a2ab; /* Text associated with success states and data. */ - --intergalactic-text-success: #00342d; + --intergalactic-text-success: #44c15d; /* Hover and active states for the text associated with success states and data. */ - --intergalactic-text-success-hover-active: #00342d; + --intergalactic-text-success-hover-active: #3eb055; /* Text associated with critical states and data. */ - --intergalactic-text-critical: #d1002f; + --intergalactic-text-critical: #ff2929; /* Hover and active states for the text associated with critical states and data. */ - --intergalactic-text-critical-hover-active: #8e0016; + --intergalactic-text-critical-hover-active: #e82525; /* Inverted version of the primary text. */ --intergalactic-text-primary-invert: #ffffff; /* Inverted version of the secondary text. */ - --intergalactic-text-secondary-invert: #ffffffcc; + --intergalactic-text-secondary-invert: rgba(255, 255, 255, 0.8); /* Link text. */ - --intergalactic-text-link: #1d1d20; + --intergalactic-text-link: #2969ff; /* Hover and active states for the link text. */ - --intergalactic-text-link-hover-active: #1d1d20; + --intergalactic-text-link-hover-active: #2560e8; /* Inverted version of the link text. Use on dark background only. */ - --intergalactic-text-link-invert: #8ecdff; + --intergalactic-text-link-invert: #9dbaff; /* Hover and active states of the inverted version of the link text. Use on dark background only. */ - --intergalactic-text-link-invert-hover: #2bb3ff; + --intergalactic-text-link-invert-hover: #709bff; /* Visited link text. */ - --intergalactic-text-link-visited: #8649e1; + --intergalactic-text-link-visited: #892aff; /* Hint link text. */ - --intergalactic-text-hint: #6c6e79; + --intergalactic-text-hint: #668791; /* Hover and active states of the hint link text. */ - --intergalactic-text-hint-hover-active: #484a54; + --intergalactic-text-hint-hover-active: #516e78; /* Inverted version of the hint link text. */ - --intergalactic-text-hint-invert: #c4c7cf; + --intergalactic-text-hint-invert: #d5dfe2; /* Hover and active states of the inverted version of the hint link text. */ - --intergalactic-text-hint-invert-hover-active: #a9abb6; + --intergalactic-text-hint-invert-hover-active: #b0c4c9; /* Secondary text. Use with font-size ≥20px. */ - --intergalactic-text-large-secondary: #a9abb6; + --intergalactic-text-large-secondary: #b0c4c9; /* Link text with font-size ≥20px. */ - --intergalactic-text-large-info: #1d1d20; + --intergalactic-text-large-info: #5487ff; /* Hover and active states of the link text with font-size ≥20px. */ - --intergalactic-text-large-info-hover-active: #1d1d20; + --intergalactic-text-large-info-hover-active: #2969ff; /* Text with font-size ≥20px associated with success states and data. */ - --intergalactic-text-large-success: #009f81; + --intergalactic-text-large-success: #69cd7d; /* Hover and active states of the text with font-size ≥20px associated with success states and data. */ - --intergalactic-text-large-success-hover-active: #007c65; + --intergalactic-text-large-success-hover-active: #44c15d; /* Text with font-size ≥20px associated with critical states and data. */ - --intergalactic-text-large-critical: #ff4953; + --intergalactic-text-large-critical: #ff5454; /* Hover and active states of the text with font-size ≥20px associated with critical states and data. */ - --intergalactic-text-large-critical-hover-active: #d1002f; + --intergalactic-text-large-critical-hover-active: #ff2929; /* Advertising text. */ - --intergalactic-text-advertising: #421983; + --intergalactic-text-advertising: #611eb5; /* Neutral primary border. */ - --intergalactic-border-primary: #c4c7cf; + --intergalactic-border-primary: #d5dfe2; /* Subtle secondary border. */ - --intergalactic-border-secondary: #e0e1e9; + --intergalactic-border-secondary: #eaeff1; /* Subtle secondary border in the informational message. */ - --intergalactic-border-info: #008ff8; + --intergalactic-border-info: #9dbaff; /* Active border in focused input filed. */ - --intergalactic-border-info-active: #1e262a; + --intergalactic-border-info-active: #2969ff; /* Subtle secondary border in the successful message and input field. */ - --intergalactic-border-success: #009f81; + --intergalactic-border-success: #a9e2b4; /* Active border in the focused input field with valid state. */ - --intergalactic-border-success-active: #009f81; + --intergalactic-border-success-active: #44c15d; /* Subtle secondary border in the critical message and invalid input field. */ - --intergalactic-border-critical: #ff4953; + --intergalactic-border-critical: #ff9d9d; /* Active border in the focused input field with invalid state, and active state of the other components with invalid state. */ - --intergalactic-border-critical-active: #ff4953; + --intergalactic-border-critical-active: #ff2929; /* Subtle secondary border in the warning message. */ - --intergalactic-border-warning: #ffb26e; + --intergalactic-border-warning: #ffbda5; /* Active border in components with warning intention. */ - --intergalactic-border-warning-active: #c33909; + --intergalactic-border-warning-active: #ff703c; /* Inverted version of the neutral primary border. Use it for borders on the dark or color background. */ --intergalactic-border-primary-invert: #ffffff; /* Inverted version of the neutral secondary border. Use it for borders on the dark or color background. */ - --intergalactic-border-secondary-invert: #ffffff4d; + --intergalactic-border-secondary-invert: rgba(255, 255, 255, 0.3); /* Border of the Tooltip with dark theme. */ - --intergalactic-border-tooltip-invert: #6c6e79; + --intergalactic-border-tooltip-invert: #668791; /* Accent borders in the Table: for the accordion in the table and for the header of the secondary table. */ - --intergalactic-border-table-accent: #eaeff1; + --intergalactic-border-table-accent: #b0c4c9; /* Border color of the second period for the comparison mode in the DatePicker. */ - --intergalactic-border-date-picker-range-comparison: #ab6cfe; + --intergalactic-border-date-picker-range-comparison: #892aff; /* Used for the invalidStatePattern utils component to mark all kinds of inputs with invalid states. */ --intergalactic-border-critical-pattern: #ffffff; /* Subtle background of the Switch control. */ - --intergalactic-control-switch-bg: #15161b; + --intergalactic-control-switch-bg: #b0c4c9; /* Background of the regular primary control. */ - --intergalactic-control-primary-info: #191b23; + --intergalactic-control-primary-info: #1e262a; /* Hover state of the regular primary control. */ - --intergalactic-control-primary-info-hover: #191b23; + --intergalactic-control-primary-info-hover: #1e262a; /* Active (selected) state of the regular primary control. */ - --intergalactic-control-primary-info-active: #191b23; + --intergalactic-control-primary-info-active: #1e262a; /* Background of the primary control with successful theme. */ - --intergalactic-control-primary-success: #007c65; + --intergalactic-control-primary-success: #69cd7d; /* Hover state of the primary control with successful theme. */ - --intergalactic-control-primary-success-hover: #007c65; + --intergalactic-control-primary-success-hover: #44c15d; /* Active (selected) state of the primary control with successful theme. */ - --intergalactic-control-primary-success-active: #007c65; + --intergalactic-control-primary-success-active: #3eb055; /* Background of the primary control with danger theme. */ - --intergalactic-control-primary-critical: #ff4953; + --intergalactic-control-primary-critical: #ff5454; /* Hover state of the primary control with danger theme. */ - --intergalactic-control-primary-critical-hover: #ff4953; + --intergalactic-control-primary-critical-hover: #ff2929; /* Active (selected) state of the primary control with danger theme. */ - --intergalactic-control-primary-critical-active: #ff4953; + --intergalactic-control-primary-critical-active: #e82525; /* Background of the primary brand colored control. */ - --intergalactic-control-primary-brand: #ff642d; + --intergalactic-control-primary-brand: #ff8d63; /* Hover state of the primary brand colored control. */ - --intergalactic-control-primary-brand-hover: #c33909; + --intergalactic-control-primary-brand-hover: #ff703c; /* Active state of the primary brand colored control. */ - --intergalactic-control-primary-brand-active: #8b1500; + --intergalactic-control-primary-brand-active: #e86637; /* Background of the advertising primary control. */ - --intergalactic-control-primary-advertising: #ab6cfe; + --intergalactic-control-primary-advertising: #7d26e8; /* Hover state of the advertising primary control. */ - --intergalactic-control-primary-advertising-hover: #ab6cfe; + --intergalactic-control-primary-advertising-hover: #611eb5; /* Active (selected) state of the advertising primary control. */ - --intergalactic-control-primary-advertising-active: #ab6cfe; + --intergalactic-control-primary-advertising-active: #892aff; /* Inverted background of the primary control. */ --intergalactic-control-primary-invert: #ffffff; /* Hover state of the inverted primary control. */ - --intergalactic-control-primary-invert-hover: #f4f5f9; + --intergalactic-control-primary-invert-hover: #f7f8f9; /* Active (selected) state of the inverted primary control. */ - --intergalactic-control-primary-invert-active: #e0e1e9; + --intergalactic-control-primary-invert-active: #eaeff1; /* Background of the regular secondary control. */ - --intergalactic-control-secondary-neutral: #e0e1e9; + --intergalactic-control-secondary-neutral: rgba(133, 162, 171, 0.1); /* Hover state of the regular secondary control. */ - --intergalactic-control-secondary-neutral-hover: #c4c7cf; + --intergalactic-control-secondary-neutral-hover: rgba(133, 162, 171, 0.2); /* Active (selected) state of the regular secondary control. */ - --intergalactic-control-secondary-neutral-active: #c4c7cf; + --intergalactic-control-secondary-neutral-active: rgba(133, 162, 171, 0.3); /* Background of the accent secondary control. */ - --intergalactic-control-secondary-info: #ffffff; + --intergalactic-control-secondary-info: rgba(84, 135, 255, 0.1); /* Hover state of the accent secondary control. */ - --intergalactic-control-secondary-info-hover: #008ff833; + --intergalactic-control-secondary-info-hover: rgba(84, 135, 255, 0.2); /* Active (selected) state of the accent secondary control. */ - --intergalactic-control-secondary-info-active: #008ff84d; + --intergalactic-control-secondary-info-active: rgba(84, 135, 255, 0.3); /* Background of the inverted version of the secondary control. */ - --intergalactic-control-secondary-invert: #ffffff0d; + --intergalactic-control-secondary-invert: rgba(255, 255, 255, 0.05); /* Hover state of the inverted version of the secondary control. */ - --intergalactic-control-secondary-invert-hover: #ffffff1a; + --intergalactic-control-secondary-invert-hover: rgba(255, 255, 255, 0.1); /* Active (selected) state of the inverted version of the secondary control. */ - --intergalactic-control-secondary-invert-active: #ffffff4d; + --intergalactic-control-secondary-invert-active: rgba(255, 255, 255, 0.3); /* Background of the regular tertiary control. */ - --intergalactic-control-tertiary-neutral: #eaeff100; + --intergalactic-control-tertiary-neutral: rgba(133, 162, 171, 0); /* Hover state of the regular tertiary control. */ - --intergalactic-control-tertiary-neutral-hover: #eaeff133; + --intergalactic-control-tertiary-neutral-hover: rgba(133, 162, 171, 0.2); /* Active (selected) state of the regular tertiary control. */ - --intergalactic-control-tertiary-neutral-active: #eaeff14d; + --intergalactic-control-tertiary-neutral-active: rgba(133, 162, 171, 0.3); /* Background of the accent and link-lookalike tertiary control. */ - --intergalactic-control-tertiary-info: #bdd1ff00; + --intergalactic-control-tertiary-info: rgba(84, 135, 255, 0); /* Hover state of the accent and link-lookalike tertiary control. */ - --intergalactic-control-tertiary-info-hover: #bdd1ff33; + --intergalactic-control-tertiary-info-hover: rgba(84, 135, 255, 0.2); /* Active (selected) state of the accent and link-lookalike tertiary control. */ - --intergalactic-control-tertiary-info-active: #bdd1ff4d; + --intergalactic-control-tertiary-info-active: rgba(84, 135, 255, 0.3); /* Background of the inverted version of the tertiary control. */ - --intergalactic-control-tertiary-invert: #ffffff00; + --intergalactic-control-tertiary-invert: rgba(255, 255, 255, 0); /* Hover state of the inverted version of the tertiary control. */ - --intergalactic-control-tertiary-invert-hover: #ffffff1a; + --intergalactic-control-tertiary-invert-hover: rgba(255, 255, 255, 0.1); /* Active (selected) state of the inverted version of the tertiary control. */ - --intergalactic-control-tertiary-invert-active: #ffffff4d; + --intergalactic-control-tertiary-invert-active: rgba(255, 255, 255, 0.3); /* Primary neutral icon. */ - --intergalactic-icon-primary-neutral: #6c6e79; + --intergalactic-icon-primary-neutral: #668791; /* Gray background color for the hover and active states of the primary neutral icon. It’s created using a CSS filter with a brightness(0.8), applied to the gray-500 color. */ --intergalactic-icon-primary-neutral-hover-active: #565861; /* Primary link-lookalike icon. */ - --intergalactic-icon-primary-info: #006dca; + --intergalactic-icon-primary-info: #2969ff; /* Blue background color for the hover and active states of the primary link-lookalike icon. It’s created using a CSS filter with a brightness(0.8), applied to the blue-500 color. */ --intergalactic-icon-primary-info-hover-active: #0358a1; /* Primary success icon. */ - --intergalactic-icon-primary-success: #009f81; + --intergalactic-icon-primary-success: #69cd7d; /* Green background color for the hover and active states of the primary success icon. It’s created using a CSS filter with a brightness(0.8), applied to the green-500 color. */ --intergalactic-icon-primary-success-hover-active: #037e68; /* Primary critical icon. */ - --intergalactic-icon-primary-critical: #ff4953; + --intergalactic-icon-primary-critical: #ff5454; /* Red background color for the hover and active states of the primary critical icon. It’s created using a CSS filter with a brightness(0.8), applied to the red-500 color. */ --intergalactic-icon-primary-critical-hover-active: #cc3a42; /* Primary warning icon. */ - --intergalactic-icon-primary-warning: #ff642d; + --intergalactic-icon-primary-warning: #ff8d63; /* Orange background color for the hover and active states of the primary warning icon. It’s created using a CSS filter with a brightness(0.8), applied to the orange-500 color. */ --intergalactic-icon-primary-warning-hover-active: #cc5024; /* Inverted version of the primary icon. */ --intergalactic-icon-primary-invert: #ffffff; /* Hover and active (selected) states of the inverted version of the primary icon. */ - --intergalactic-icon-primary-invert-hover-active: #e0e1e9; + --intergalactic-icon-primary-invert-hover-active: #eaeff1; /* Secondary neutral icon. */ - --intergalactic-icon-secondary-neutral: #a9abb6; + --intergalactic-icon-secondary-neutral: #b0c4c9; /* Gray background color for the hover and active states of the secondary neutral icon. It’s created using a CSS filter with a brightness(0.8), applied to the gray-300 color. */ --intergalactic-icon-secondary-neutral-hover-active: #878992; /* Secondary link-lookalike icon. */ - --intergalactic-icon-secondary-info: #2bb3ff; + --intergalactic-icon-secondary-info: #709bff; /* Blue background color for the hover and active states of the secondary link-lookalike icon. It’s created using a CSS filter with a brightness(0.8), applied to the blue-300 color. */ --intergalactic-icon-secondary-info-hover-active: #2290cc; /* Secondary success icon. */ - --intergalactic-icon-secondary-success: #00c192; + --intergalactic-icon-secondary-success: #82d592; /* Green background color for the hover and active states of the secondary success icon. It’s created using a CSS filter with a brightness(0.8), applied to the green-300 color. */ --intergalactic-icon-secondary-success-hover-active: #049b75; /* Secondary critical icon. */ - --intergalactic-icon-secondary-critical: #ff8786; + --intergalactic-icon-secondary-critical: #ff7070; /* Red background color for the hover and active states of the secondary critical icon. It’s created using a CSS filter with a brightness(0.8), applied to the red-300 color. */ --intergalactic-icon-secondary-critical-hover-active: #cc6c6b; /* Secondary warning icon. */ - --intergalactic-icon-secondary-warning: #ff8c43; + --intergalactic-icon-secondary-warning: #ff9f7c; /* Orange background color for the hover and active states of the secondary warning icon. It’s created using a CSS filter with a brightness(0.8), applied to the orange-300 color. */ --intergalactic-icon-secondary-warning-hover-active: #cc7036; /* Color for the default non-interactive icon. */ - --intergalactic-icon-non-interactive: #191b23; + --intergalactic-icon-non-interactive: #1e262a; /* ⚠️ Use only for illustrations. */ --intergalactic-illustration-red: #ff788f; /* ⚠️ Use only for illustrations. */ @@ -405,31 +405,31 @@ /* Default date-picker cell background. */ --intergalactic-date-picker-cell: #ffffff; /* Color for marking the cell with the current date, month or year in the date-picker. */ - --intergalactic-date-picker-cell-current: #8a8e9b; + --intergalactic-date-picker-cell-current: #85a2ab; /* Hover state of the default date-picker cell background. */ - --intergalactic-date-picker-cell-hover: #e0e1e9; + --intergalactic-date-picker-cell-hover: #eaeff1; /* Background for the cell which is included in the date range in the date-picker. */ - --intergalactic-date-picker-cell-range: #c4e5fe; + --intergalactic-date-picker-cell-range: #bdd1ff; /* Hover state of the background for the cell which is included in the date range in the date-picker. */ - --intergalactic-date-picker-cell-range-hover: #8ecdff; + --intergalactic-date-picker-cell-range-hover: #9dbaff; /* Active (selected) date-picker cell background. */ - --intergalactic-date-picker-cell-active: #2bb3ff; + --intergalactic-date-picker-cell-active: #709bff; /* Hover for the active (selected) date-picker cell background. */ - --intergalactic-date-picker-cell-active-hover: #008ff8; + --intergalactic-date-picker-cell-active-hover: #5487ff; /* Color for marking the active cell with the current date, month or year in the date-picker. */ - --intergalactic-date-picker-cell-current-invert: #ffffff80; + --intergalactic-date-picker-cell-current-invert: rgba(255, 255, 255, 0.5); /* Active (selected) date-picker cell background for comparison periods. */ - --intergalactic-date-picker-cell-comparison-active: #8649e1; + --intergalactic-date-picker-cell-comparison-active: #892aff; /* Hover for the active (selected) date-picker cell background for comparison periods. */ - --intergalactic-date-picker-cell-comparison-active-hover: #5925ab; + --intergalactic-date-picker-cell-comparison-active-hover: #7d26e8; /* Default background color for the list item in the dropdown-menu. */ --intergalactic-dropdown-menu-item: #ffffff; /* Hover state of the default background color for the list item in the dropdown-menu. */ - --intergalactic-dropdown-menu-item-hover: #f4f5f9; + --intergalactic-dropdown-menu-item-hover: #f7f8f9; /* Active (selected) state of the default background color for the list item in the dropdown-menu. */ - --intergalactic-dropdown-menu-item-selected: #c4e5feb2; + --intergalactic-dropdown-menu-item-selected: rgba(189, 209, 255, 0.7); /* Hover state for the selected state of the default background color for the list item in the dropdown-menu. */ - --intergalactic-dropdown-menu-item-selected-hover: #c4e5fe; + --intergalactic-dropdown-menu-item-selected-hover: #bdd1ff; /* Color of the FeaturePopover background with accent theme. */ --intergalactic-feature-popover-bg: #ffeabd; /* Color of the outer border of the FeaturePopover.Spot for FeaturePopover with accent theme. */ @@ -437,17 +437,17 @@ /* Color of the FeaturePopover background with neutral theme. */ --intergalactic-feature-popover-bg-neutral: #1d113e; /* Color of the FeaturePopover.Spot for FeaturePopover with neutral theme. */ - --intergalactic-feature-popover-dot-neutral: #00c192; + --intergalactic-feature-popover-dot-neutral: #82d592; /* Color of the outer border of the FeaturePopover.Spot for FeaturePopover with neutral theme. */ --intergalactic-feature-popover-dot-neutral-outer-border: #82d592; /* Background color of the ProgressBar. */ - --intergalactic-progress-bar-bg: #e0e1e9; + --intergalactic-progress-bar-bg: #eaeff1; /* Hover state of the background color of the ProgressBar. */ - --intergalactic-progress-bar-bg-hover: #c4c7cf; + --intergalactic-progress-bar-bg-hover: #d5dfe2; /* Inverted version of the background color of the ProgressBar. */ - --intergalactic-progress-bar-bg-invert: #ffffff33; + --intergalactic-progress-bar-bg-invert: rgba(255, 255, 255, 0.2); /* Hover state for the inverted version of the background color of the ProgressBar. */ - --intergalactic-progress-bar-bg-invert-hover: #ffffff66; + --intergalactic-progress-bar-bg-invert-hover: rgba(255, 255, 255, 0.4); /* Value with gradient for the ProgressBar. */ --intergalactic-progress-bar-value-gradient: linear-gradient(-45deg, rgba(0, 159, 129, 0.9) 25%, rgba(0, 159, 129, 1) 0%, rgba(0, 159, 129, 1) 50%, rgba(0, 159, 129, 0.9) 0%, rgba(0, 159, 129, 0.9) 75%, rgba(0, 159, 129, 1) 0%); /* Null value gradient for the ProgressBar. */ @@ -455,19 +455,19 @@ /* Base value background for the ProgressBar. It is used to create gradients for the values. */ --intergalactic-progress-bar-value-bg: #000000; /* Default color for the Skeleton. */ - --intergalactic-skeleton-bg: #e0e1e9cc; + --intergalactic-skeleton-bg: rgba(234, 239, 241, 0.8); /* Inverted version of the default color for the Skeleton. */ - --intergalactic-skeleton-bg-invert: #ffffff4d; + --intergalactic-skeleton-bg-invert: rgba(255, 255, 255, 0.3); /* Icon color for the SliderRating component in its normal state. */ --intergalactic-slider-rating-normal: #b0c4c9; /* Icon color for the SliderRating component in its hovered and active states. */ - --intergalactic-slider-rating-hover-active: #fdc23c; + --intergalactic-slider-rating-hover-active: #ffe09d; /* Background of the header cell in the primary Table. */ - --intergalactic-table-th-primary-cell: #f4f5f9; + --intergalactic-table-th-primary-cell: #f7f8f9; /* Background of the hovered header cell in the primary Table. */ - --intergalactic-table-th-primary-cell-hover: #e0e1e9; + --intergalactic-table-th-primary-cell-hover: #eaeff1; /* Background of the active header cell in the primary Table. */ - --intergalactic-table-th-primary-cell-active: #e0e1e9; + --intergalactic-table-th-primary-cell-active: #eaeff1; /* Background of the header cell in the secondary Table. */ --intergalactic-table-th-secondary-cell: #ffffff; /* Background gradient for sorting icon that absolute positioned in the table head. */ @@ -475,41 +475,41 @@ /* Background of the default cell in the Table. */ --intergalactic-table-td-cell: #ffffff; /* Background of the default hovered cell in the Table. */ - --intergalactic-table-td-cell-hover: #f7f7fa; + --intergalactic-table-td-cell-hover: #f4f7f8; /* Background of the default active cell in the Table. */ - --intergalactic-table-td-cell-active: #ebecf1; + --intergalactic-table-td-cell-active: #eef2f4; /* Background of the unread cell in the Table. */ - --intergalactic-table-td-cell-unread: #f4f5f9; + --intergalactic-table-td-cell-unread: #f7f8f9; /* Background of the cell inside an Accordion in the Table. */ - --intergalactic-table-td-cell-accordion: #f4f5f9; + --intergalactic-table-td-cell-accordion: #f7f8f9; /* Background of the selected cell in the Table. */ - --intergalactic-table-td-cell-selected: #e9f7ff; + --intergalactic-table-td-cell-selected: #eaf0ff; /* Background of the hovered selected cell in the Table. */ - --intergalactic-table-td-cell-selected-hover: #c4e5fe; + --intergalactic-table-td-cell-selected-hover: #bdd1ff; /* Background of the active selected cell in the Table. */ - --intergalactic-table-td-cell-selected-active: #c4e5fe; + --intergalactic-table-td-cell-selected-active: #bdd1ff; /* Background of the cell with new information in the Table. */ - --intergalactic-table-td-cell-new: #dbfee8; + --intergalactic-table-td-cell-new: #ecf9ef; /* Background of the hovered cell with new information in the Table. */ - --intergalactic-table-td-cell-new-hover: #9ef2c9; + --intergalactic-table-td-cell-new-hover: #c5eccd; /* Background of the active cell with new information in the Table. */ - --intergalactic-table-td-cell-new-active: #9ef2c9; + --intergalactic-table-td-cell-new-active: #c5eccd; /* Background of the cell with critical information in the Table. */ - --intergalactic-table-td-cell-critical: #fff0f7; + --intergalactic-table-td-cell-critical: #ffeaea; /* Background of the hovered cell with critical information in the Table. */ - --intergalactic-table-td-cell-critical-hover: #ffd7df; + --intergalactic-table-td-cell-critical-hover: #ffbdbd; /* Background of the active cell with critical information in the Table. */ - --intergalactic-table-td-cell-critical-active: #ffd7df; + --intergalactic-table-td-cell-critical-active: #ffbdbd; /* Background of the cell with warning information in the Table. */ - --intergalactic-table-td-cell-warning: #fff3d9; + --intergalactic-table-td-cell-warning: #fff1ec; /* Background of the hovered cell with warning information in the Table. */ - --intergalactic-table-td-cell-warning-hover: #ffdca2; + --intergalactic-table-td-cell-warning-hover: #ffd3c3; /* Background of the active cell with warning information in the Table. */ - --intergalactic-table-td-cell-warning-active: #ffdca2; + --intergalactic-table-td-cell-warning-active: #ffd3c3; /* Primary brand color. */ - --intergalactic-brand-primary: #ff642d; + --intergalactic-brand-primary: #ff8d63; /* Secondary brand color. */ - --intergalactic-brand-secondary: #421983; + --intergalactic-brand-secondary: #611eb5; /* Pinterest brand color. */ --intergalactic-brand-pinterest: #bd081c; /* Instagram brand color. */ @@ -539,21 +539,21 @@ /* Default shadow of all Poppers, Dropdowns and Tooltips. */ --intergalactic-box-shadow-popper: 0px 1px 12px 0px rgba(30, 38, 42, 0.15); /* Color for default keyboard focus outline styles. */ - --intergalactic-keyboard-focus-outline: #008ff8; + --intergalactic-keyboard-focus-outline: #5487ff; /* Color for keyboard focus outline styles for elements with invalid state. */ - --intergalactic-keyboard-focus-invalid-outline: #ff4953; + --intergalactic-keyboard-focus-invalid-outline: #ff5454; /* Keyboard focus styles for elements with invalid state. */ - --intergalactic-keyboard-focus-invalid: 0px 0px 0px 3px rgba(255, 73, 83, 0.5); + --intergalactic-keyboard-focus-invalid: 0px 0px 0px 3px rgba(255, 84, 84, 0.5); /* Color for keyboard focus outline styles for elements with valid state. */ - --intergalactic-keyboard-focus-valid-outline: #009f81; + --intergalactic-keyboard-focus-valid-outline: #69cd7d; /* Keyboard focus styles for elements with valid state. */ - --intergalactic-keyboard-focus-valid: 0px 0px 0px 3px rgba(0, 159, 129, 0.5); + --intergalactic-keyboard-focus-valid: 0px 0px 0px 3px rgba(105, 205, 125, 0.5); /* Color for keyboard focus outline styles to use on the dark and color background. */ - --intergalactic-keyboard-focus-invert-outline: #ffffffcc; + --intergalactic-keyboard-focus-invert-outline: rgba(255, 255, 255, 0.8); /* Keyboard focus styles for use on dark backgrounds. */ - --intergalactic-keyboard-focus-invert: 0px 0px 0px 3px #ffffffcc; + --intergalactic-keyboard-focus-invert: 0px 0px 0px 3px rgba(255, 255, 255, 0.8); /* Default keyboard focus box-shadow styles. */ - --intergalactic-keyboard-focus: 0px 0px 0px 3px rgba(0, 143, 248, 0.5); + --intergalactic-keyboard-focus: 0px 0px 0px 3px rgba(84, 135, 255, 0.5); /* Base font family. */ --intergalactic-base: Inter; /* Use with font-size-800. */ @@ -665,13 +665,13 @@ /* Large screens (tablets and laptops). */ --intergalactic-screen-large: 1920px; /* Use for cover the content under the modal dialogs. */ - --intergalactic-overlay-primary: #191b23b2; + --intergalactic-overlay-primary: rgba(30, 38, 42, 0.7); /* Use for the secondary modal dialogs that were opened upon the other modal dialogs. */ - --intergalactic-overlay-secondary: #191b2366; + --intergalactic-overlay-secondary: rgba(30, 38, 42, 0.4); /* Use as a primary cover of the content under the messages about limitations. */ - --intergalactic-overlay-limitation-primary: #f4f5f9; + --intergalactic-overlay-limitation-primary: #f7f8f9; /* Use as a secondary cover of the content under the messages about limitations. */ - --intergalactic-overlay-limitation-secondary: #ffffffd9; + --intergalactic-overlay-limitation-secondary: rgba(255, 255, 255, 0.85); --intergalactic-z-index-deep: -999; --intergalactic-z-index-overlay: 500; --intergalactic-z-index-modal: 900; @@ -682,9 +682,9 @@ /* Default Tooltip background. */ --intergalactic-tooltip-default: #ffffff; /* Warning Tooltip background. */ - --intergalactic-tooltip-warning: #ffd7df; + --intergalactic-tooltip-warning: #ffbdbd; /* Inverted version of the default Tooltip background. */ - --intergalactic-tooltip-invert: #191b23; + --intergalactic-tooltip-invert: #1e262a; /* Neutral border of the components that are combined with neighbor-location property. */ --intergalactic-neighbor-location-neutral: #ffffff80; /* Inverted border of the components that are combined with neighbor-location property. */ @@ -706,7 +706,7 @@ /* Top-to-bottom fade shadow for the ScrollArea inside the DropdownMenu. */ --intergalactic-scroll-area-dropdown-menu-top: linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%); /* Background color for ScrollBar. */ - --intergalactic-scroll-bar-background: #191b234d; + --intergalactic-scroll-bar-background: rgba(30, 38, 42, 0.3); /* Gray background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the gray-500 color with 0.2 opacity on the white background underneath. */ --intergalactic-tag-primary-gray-normal: #ecedf0; /* Gray background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the gray-500 color with 0.3 opacity on the white background underneath. */ @@ -736,122 +736,122 @@ /* Yellow background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the yellow-500 color with 0.3 opacity on the white background underneath. */ --intergalactic-tag-primary-yellow-hover-active: #fedab9; /* Primary white tag. */ - --intergalactic-tag-primary-white-normal: #ffffff; + --intergalactic-tag-primary-white-normal: rgba(255, 255, 255, 0.15); /* Hover and active (selected) state of the primary white tag. */ - --intergalactic-tag-primary-white-hover-active: #ffffff; + --intergalactic-tag-primary-white-hover-active: rgba(255, 255, 255, 0.3); /* Gray text for the primary gray tag. */ - --intergalactic-tag-primary-gray-text: #6c6e79; + --intergalactic-tag-primary-gray-text: #668791; /* Blue text for the primary blue tag. */ - --intergalactic-tag-primary-blue-text: #006dca; + --intergalactic-tag-primary-blue-text: #2969ff; /* Green text for the primary green tag. */ - --intergalactic-tag-primary-green-text: #007c65; + --intergalactic-tag-primary-green-text: #44c15d; /* Orange text for the primary orange tag. */ - --intergalactic-tag-primary-orange-text: #c33909; + --intergalactic-tag-primary-orange-text: #ff703c; /* Red text for the primary red tag. */ - --intergalactic-tag-primary-red-text: #d1002f; + --intergalactic-tag-primary-red-text: #ff2929; /* Violet text for the primary violet tag. */ - --intergalactic-tag-primary-violet-text: #8649e1; + --intergalactic-tag-primary-violet-text: #892aff; /* Yellow text for the primary yellow tag. */ - --intergalactic-tag-primary-yellow-text: #a75800; + --intergalactic-tag-primary-yellow-text: #ffbb29; /* White text for the primary white tag. */ --intergalactic-tag-primary-white-text: #ffffff; /* Background color for the default secondary tag. */ --intergalactic-tag-secondary-normal: #ffffff; /* Hover and active (selected) states of the background color for the default secondary tag. */ - --intergalactic-tag-secondary-hover-active: #f4f5f9; + --intergalactic-tag-secondary-hover-active: #f7f8f9; /* White secondary tag. */ - --intergalactic-tag-secondary-white-normal: #ffffff00; + --intergalactic-tag-secondary-white-normal: rgba(255, 255, 255, 0); /* Active state of the secondary white tag. */ - --intergalactic-tag-secondary-white-hover-active: #ffffff1a; + --intergalactic-tag-secondary-white-hover-active: rgba(255, 255, 255, 0.1); /* Gray text for the default secondary tag. */ - --intergalactic-tag-secondary-gray-text: #6c6e79; + --intergalactic-tag-secondary-gray-text: #668791; /* White text for the secondary white tag. */ --intergalactic-tag-secondary-white-text: #ffffff; /* 1 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-1: #2bb3ff; + --intergalactic-chart-palette-order-1: #709bff; /* 2 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-2: #59ddaa; + --intergalactic-chart-palette-order-2: #a9e2b4; /* 3 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-3: #ff642d; + --intergalactic-chart-palette-order-3: #ff8d63; /* 4 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-4: #f67cf2; + --intergalactic-chart-palette-order-4: #ff87eb; /* 5 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-5: #fdc23c; + --intergalactic-chart-palette-order-5: #ffe09d; /* 6 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-6: #ab6cfe; + --intergalactic-chart-palette-order-6: #a155ff; /* 7 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-7: #ff8786; + --intergalactic-chart-palette-order-7: #ff7070; /* 8 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-8: #9bd85d; + --intergalactic-chart-palette-order-8: #95f8e2; /* 9 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-9: #008ff8; + --intergalactic-chart-palette-order-9: #5487ff; /* 10 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-10: #00c192; + --intergalactic-chart-palette-order-10: #82d592; /* 11 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-11: #ffb26e; + --intergalactic-chart-palette-order-11: #ffbda5; /* 12 color in the default list of colors for charts. */ --intergalactic-chart-palette-order-12: #e14adf; /* 13 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-13: #ef9800; + --intergalactic-chart-palette-order-13: #ffd170; /* 14 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-14: #dcb8ff; + --intergalactic-chart-palette-order-14: #c99dff; /* 15 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-15: #ff4953; + --intergalactic-chart-palette-order-15: #ff5454; /* 16 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-16: #66c030; + --intergalactic-chart-palette-order-16: #64f5d4; /* 17 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-17: #8ecdff; + --intergalactic-chart-palette-order-17: #9dbaff; /* 18 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-18: #009f81; + --intergalactic-chart-palette-order-18: #69cd7d; /* 19 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-19: #ff8c43; + --intergalactic-chart-palette-order-19: #ff9f7c; /* 20 color in the default list of colors for charts. */ --intergalactic-chart-palette-order-20: #ffa9fa; /* 21 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-21: #d87900; + --intergalactic-chart-palette-order-21: #ffc954; /* 22 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-22: #c695ff; + --intergalactic-chart-palette-order-22: #b070ff; /* 23 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-23: #ffaeb5; + --intergalactic-chart-palette-order-23: #ff9d9d; /* 24 color in the default list of colors for charts. */ - --intergalactic-chart-palette-order-24: #35a21e; + --intergalactic-chart-palette-order-24: #46f3cc; /* Use it to show total value. */ - --intergalactic-chart-palette-order-total-amount: #8a8e9b; + --intergalactic-chart-palette-order-total-amount: #85a2ab; /* Use it to indicate voids, missing or some other data. */ - --intergalactic-chart-palette-order-other-data: #c4c7cf; + --intergalactic-chart-palette-order-other-data: #d5dfe2; /* Use it to show null value. */ - --intergalactic-chart-palette-order-null: #e0e1e9; + --intergalactic-chart-palette-order-null: #eaeff1; /* Default chart grid line. */ - --intergalactic-chart-grid-line: #e0e1e9; + --intergalactic-chart-grid-line: #eaeff1; /* X-axis line on the chart grid. */ - --intergalactic-chart-grid-x-axis: #c4c7cf; + --intergalactic-chart-grid-x-axis: #d5dfe2; /* Accent line for the hover state on the chart grid. */ - --intergalactic-chart-grid-y-accent-hover-line: #a9abb6; + --intergalactic-chart-grid-y-accent-hover-line: #b0c4c9; /* Text label on the chart grid. */ - --intergalactic-chart-grid-text-label: #6c6e79; + --intergalactic-chart-grid-text-label: #668791; /* Background color for the hover state of a bar on the chart grid. */ - --intergalactic-chart-grid-bar-chart-hover: #c4c7cf4d; + --intergalactic-chart-grid-bar-chart-hover: rgba(213, 223, 226, 0.3); /* Default background color of a bar in the BarChart. */ - --intergalactic-chart-grid-bar-chart-base-bg: #e0e1e9; + --intergalactic-chart-grid-bar-chart-base-bg: #eaeff1; /* Use for highlighting a period on the chart grid. */ - --intergalactic-chart-grid-period-bg: #c4c7cf33; + --intergalactic-chart-grid-period-bg: rgba(213, 223, 226, 0.2); /* Stripe color for diagonal pattern background. */ - --intergalactic-chart-grid-period-pattern: #191b2326; + --intergalactic-chart-grid-period-pattern: rgba(30, 38, 42, 0.15); /* Border for distinguishing data sets and chart dots on the chart grid. */ --intergalactic-chart-grid-border: #ffffff; /* Background color for the clickable date on the X-axis of the chart grid. */ - --intergalactic-chart-x-axis-accent-period-active: #6c6e79; + --intergalactic-chart-x-axis-accent-period-active: #668791; /* Background color for the "Start tracking" date on the X-axis of the chart grid. */ - --intergalactic-chart-x-axis-accent-data-start-tracking: #009f8133; + --intergalactic-chart-x-axis-accent-data-start-tracking: rgba(105, 205, 125, 0.2); --intergalactic-header-bg: #382e5e; --intergalactic-header-border-primary: #382e5e; --intergalactic-header-border-secondary: #ffffff26; --intergalactic-sidebar-nav-control-hover: rgba(234, 239, 241, 0.7); --intergalactic-sidebar-nav-control-active: #e2ddff; - --intergalactic-sidebar-nav-control-text-normal: #191b23; - --intergalactic-sidebar-nav-control-text-active: #191b23; - --intergalactic-sidebar-nav-control-icon-normal: #2b2e38; - --intergalactic-sidebar-nav-control-icon-active: #2b2e38; + --intergalactic-sidebar-nav-control-text-normal: #6d619f; + --intergalactic-sidebar-nav-control-text-active: #4d407e; + --intergalactic-sidebar-nav-control-icon-normal: #9083c5; + --intergalactic-sidebar-nav-control-icon-active: #4d407e; /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */ --intergalactic-duration-extra-slow: 500; /* Should be used for more larger scale animations (such as page transitions) */ diff --git a/semcore/core/src/theme/themes/new.ts b/semcore/core/src/theme/themes/new.ts index 19188f038d..d17845ee2a 100644 --- a/semcore/core/src/theme/themes/new.ts +++ b/semcore/core/src/theme/themes/new.ts @@ -91,143 +91,143 @@ export default { '--salad-700': '#11aa88', '--salad-800': '#0d8469', '--intergalactic-bg-primary-neutral': '#ffffff', - '--intergalactic-bg-primary-neutral-hover': '#f4f5f9', - '--intergalactic-bg-primary-neutral-active': '#e0e1e9', - '--intergalactic-bg-primary-info': '#008ff8', - '--intergalactic-bg-primary-success': '#18f0bf', - '--intergalactic-bg-primary-critical': '#e82525', - '--intergalactic-bg-primary-warning': '#ff642d', - '--intergalactic-bg-primary-highlight': '#fce081', - '--intergalactic-bg-primary-advertising': '#421983', - '--intergalactic-bg-primary-muted': '#6c6e79', - '--intergalactic-bg-primary-invert': '#191b23', - '--intergalactic-bg-primary-invert-hover': '#2b2e38', - '--intergalactic-bg-primary-invert-active': '#484a54', - '--intergalactic-bg-secondary-neutral': '#f4f5f9', - '--intergalactic-bg-secondary-neutral-hover': '#e0e1e9', - '--intergalactic-bg-secondary-neutral-active': '#c4c7cf', - '--intergalactic-bg-secondary-info': '#e9f7ff', - '--intergalactic-bg-secondary-info-hover': '#c4e5fe', - '--intergalactic-bg-secondary-info-active': '#8ecdff', - '--intergalactic-bg-secondary-success': '#dbfee8', - '--intergalactic-bg-secondary-success-hover': '#9ef2c9', - '--intergalactic-bg-secondary-success-active': '#59ddaa', - '--intergalactic-bg-secondary-critical': '#fff0f7', - '--intergalactic-bg-secondary-critical-hover': '#ffd7df', - '--intergalactic-bg-secondary-critical-active': '#ffaeb5', - '--intergalactic-bg-secondary-warning': '#fff3d9', - '--intergalactic-bg-secondary-warning-hover': '#ffdca2', - '--intergalactic-bg-secondary-warning-active': '#ffb26e', - '--intergalactic-bg-secondary-highlight': '#fdf7c8', - '--intergalactic-bg-secondary-highlight-hover': '#fce081', - '--intergalactic-bg-secondary-highlight-active': '#fdc23c', - '--intergalactic-bg-secondary-advertising': '#f9f2ff', - '--intergalactic-bg-secondary-advertising-hover': '#edd9ff', - '--intergalactic-bg-secondary-advertising-active': '#dcb8ff', - '--intergalactic-bg-highlight-results': '#ef980066', - '--intergalactic-bg-highlight-focus': '#008ff833', - '--intergalactic-text-primary': '#000000eb', - '--intergalactic-text-secondary': '#00000099', - '--intergalactic-text-placeholder': '#0000007a', - '--intergalactic-text-success': '#00342d', - '--intergalactic-text-success-hover-active': '#00342d', - '--intergalactic-text-critical': '#d1002f', - '--intergalactic-text-critical-hover-active': '#8e0016', + '--intergalactic-bg-primary-neutral-hover': '#f7f8f9', + '--intergalactic-bg-primary-neutral-active': '#eaeff1', + '--intergalactic-bg-primary-info': '#5487ff', + '--intergalactic-bg-primary-success': '#69cd7d', + '--intergalactic-bg-primary-critical': '#ff5454', + '--intergalactic-bg-primary-warning': '#ff8d63', + '--intergalactic-bg-primary-highlight': '#ffeabd', + '--intergalactic-bg-primary-advertising': '#611eb5', + '--intergalactic-bg-primary-muted': '#668791', + '--intergalactic-bg-primary-invert': '#1e262a', + '--intergalactic-bg-primary-invert-hover': '#425a62', + '--intergalactic-bg-primary-invert-active': '#516e78', + '--intergalactic-bg-secondary-neutral': '#f7f8f9', + '--intergalactic-bg-secondary-neutral-hover': '#eaeff1', + '--intergalactic-bg-secondary-neutral-active': '#d5dfe2', + '--intergalactic-bg-secondary-info': '#eaf0ff', + '--intergalactic-bg-secondary-info-hover': '#bdd1ff', + '--intergalactic-bg-secondary-info-active': '#9dbaff', + '--intergalactic-bg-secondary-success': '#ecf9ef', + '--intergalactic-bg-secondary-success-hover': '#c5eccd', + '--intergalactic-bg-secondary-success-active': '#a9e2b4', + '--intergalactic-bg-secondary-critical': '#ffeaea', + '--intergalactic-bg-secondary-critical-hover': '#ffbdbd', + '--intergalactic-bg-secondary-critical-active': '#ff9d9d', + '--intergalactic-bg-secondary-warning': '#fff1ec', + '--intergalactic-bg-secondary-warning-hover': '#ffd3c3', + '--intergalactic-bg-secondary-warning-active': '#ffbda5', + '--intergalactic-bg-secondary-highlight': '#fff8ea', + '--intergalactic-bg-secondary-highlight-hover': '#ffeabd', + '--intergalactic-bg-secondary-highlight-active': '#ffe09d', + '--intergalactic-bg-secondary-advertising': '#f3eaff', + '--intergalactic-bg-secondary-advertising-hover': '#dabdff', + '--intergalactic-bg-secondary-advertising-active': '#c99dff', + '--intergalactic-bg-highlight-results': 'rgba(255, 209, 112, 0.4)', + '--intergalactic-bg-highlight-focus': 'rgba(84, 135, 255, 0.2)', + '--intergalactic-text-primary': '#1e262a', + '--intergalactic-text-secondary': '#668791', + '--intergalactic-text-placeholder': '#85a2ab', + '--intergalactic-text-success': '#44c15d', + '--intergalactic-text-success-hover-active': '#3eb055', + '--intergalactic-text-critical': '#ff2929', + '--intergalactic-text-critical-hover-active': '#e82525', '--intergalactic-text-primary-invert': '#ffffff', - '--intergalactic-text-secondary-invert': '#ffffffcc', - '--intergalactic-text-link': '#1d1d20', - '--intergalactic-text-link-hover-active': '#1d1d20', - '--intergalactic-text-link-invert': '#8ecdff', - '--intergalactic-text-link-invert-hover': '#2bb3ff', - '--intergalactic-text-link-visited': '#8649e1', - '--intergalactic-text-hint': '#6c6e79', - '--intergalactic-text-hint-hover-active': '#484a54', - '--intergalactic-text-hint-invert': '#c4c7cf', - '--intergalactic-text-hint-invert-hover-active': '#a9abb6', - '--intergalactic-text-large-secondary': '#a9abb6', - '--intergalactic-text-large-info': '#1d1d20', - '--intergalactic-text-large-info-hover-active': '#1d1d20', - '--intergalactic-text-large-success': '#009f81', - '--intergalactic-text-large-success-hover-active': '#007c65', - '--intergalactic-text-large-critical': '#ff4953', - '--intergalactic-text-large-critical-hover-active': '#d1002f', - '--intergalactic-text-advertising': '#421983', - '--intergalactic-border-primary': '#c4c7cf', - '--intergalactic-border-secondary': '#e0e1e9', - '--intergalactic-border-info': '#008ff8', - '--intergalactic-border-info-active': '#1e262a', - '--intergalactic-border-success': '#009f81', - '--intergalactic-border-success-active': '#009f81', - '--intergalactic-border-critical': '#ff4953', - '--intergalactic-border-critical-active': '#ff4953', - '--intergalactic-border-warning': '#ffb26e', - '--intergalactic-border-warning-active': '#c33909', + '--intergalactic-text-secondary-invert': 'rgba(255, 255, 255, 0.8)', + '--intergalactic-text-link': '#2969ff', + '--intergalactic-text-link-hover-active': '#2560e8', + '--intergalactic-text-link-invert': '#9dbaff', + '--intergalactic-text-link-invert-hover': '#709bff', + '--intergalactic-text-link-visited': '#892aff', + '--intergalactic-text-hint': '#668791', + '--intergalactic-text-hint-hover-active': '#516e78', + '--intergalactic-text-hint-invert': '#d5dfe2', + '--intergalactic-text-hint-invert-hover-active': '#b0c4c9', + '--intergalactic-text-large-secondary': '#b0c4c9', + '--intergalactic-text-large-info': '#5487ff', + '--intergalactic-text-large-info-hover-active': '#2969ff', + '--intergalactic-text-large-success': '#69cd7d', + '--intergalactic-text-large-success-hover-active': '#44c15d', + '--intergalactic-text-large-critical': '#ff5454', + '--intergalactic-text-large-critical-hover-active': '#ff2929', + '--intergalactic-text-advertising': '#611eb5', + '--intergalactic-border-primary': '#d5dfe2', + '--intergalactic-border-secondary': '#eaeff1', + '--intergalactic-border-info': '#9dbaff', + '--intergalactic-border-info-active': '#2969ff', + '--intergalactic-border-success': '#a9e2b4', + '--intergalactic-border-success-active': '#44c15d', + '--intergalactic-border-critical': '#ff9d9d', + '--intergalactic-border-critical-active': '#ff2929', + '--intergalactic-border-warning': '#ffbda5', + '--intergalactic-border-warning-active': '#ff703c', '--intergalactic-border-primary-invert': '#ffffff', - '--intergalactic-border-secondary-invert': '#ffffff4d', - '--intergalactic-border-tooltip-invert': '#6c6e79', - '--intergalactic-border-table-accent': '#eaeff1', - '--intergalactic-border-date-picker-range-comparison': '#ab6cfe', + '--intergalactic-border-secondary-invert': 'rgba(255, 255, 255, 0.3)', + '--intergalactic-border-tooltip-invert': '#668791', + '--intergalactic-border-table-accent': '#b0c4c9', + '--intergalactic-border-date-picker-range-comparison': '#892aff', '--intergalactic-border-critical-pattern': '#ffffff', - '--intergalactic-control-switch-bg': '#15161b', - '--intergalactic-control-primary-info': '#191b23', - '--intergalactic-control-primary-info-hover': '#191b23', - '--intergalactic-control-primary-info-active': '#191b23', - '--intergalactic-control-primary-success': '#007c65', - '--intergalactic-control-primary-success-hover': '#007c65', - '--intergalactic-control-primary-success-active': '#007c65', - '--intergalactic-control-primary-critical': '#ff4953', - '--intergalactic-control-primary-critical-hover': '#ff4953', - '--intergalactic-control-primary-critical-active': '#ff4953', - '--intergalactic-control-primary-brand': '#ff642d', - '--intergalactic-control-primary-brand-hover': '#c33909', - '--intergalactic-control-primary-brand-active': '#8b1500', - '--intergalactic-control-primary-advertising': '#ab6cfe', - '--intergalactic-control-primary-advertising-hover': '#ab6cfe', - '--intergalactic-control-primary-advertising-active': '#ab6cfe', + '--intergalactic-control-switch-bg': '#b0c4c9', + '--intergalactic-control-primary-info': '#1e262a', + '--intergalactic-control-primary-info-hover': '#1e262a', + '--intergalactic-control-primary-info-active': '#1e262a', + '--intergalactic-control-primary-success': '#69cd7d', + '--intergalactic-control-primary-success-hover': '#44c15d', + '--intergalactic-control-primary-success-active': '#3eb055', + '--intergalactic-control-primary-critical': '#ff5454', + '--intergalactic-control-primary-critical-hover': '#ff2929', + '--intergalactic-control-primary-critical-active': '#e82525', + '--intergalactic-control-primary-brand': '#ff8d63', + '--intergalactic-control-primary-brand-hover': '#ff703c', + '--intergalactic-control-primary-brand-active': '#e86637', + '--intergalactic-control-primary-advertising': '#7d26e8', + '--intergalactic-control-primary-advertising-hover': '#611eb5', + '--intergalactic-control-primary-advertising-active': '#892aff', '--intergalactic-control-primary-invert': '#ffffff', - '--intergalactic-control-primary-invert-hover': '#f4f5f9', - '--intergalactic-control-primary-invert-active': '#e0e1e9', - '--intergalactic-control-secondary-neutral': '#e0e1e9', - '--intergalactic-control-secondary-neutral-hover': '#c4c7cf', - '--intergalactic-control-secondary-neutral-active': '#c4c7cf', - '--intergalactic-control-secondary-info': '#ffffff', - '--intergalactic-control-secondary-info-hover': '#008ff833', - '--intergalactic-control-secondary-info-active': '#008ff84d', - '--intergalactic-control-secondary-invert': '#ffffff0d', - '--intergalactic-control-secondary-invert-hover': '#ffffff1a', - '--intergalactic-control-secondary-invert-active': '#ffffff4d', - '--intergalactic-control-tertiary-neutral': '#eaeff100', - '--intergalactic-control-tertiary-neutral-hover': '#eaeff133', - '--intergalactic-control-tertiary-neutral-active': '#eaeff14d', - '--intergalactic-control-tertiary-info': '#bdd1ff00', - '--intergalactic-control-tertiary-info-hover': '#bdd1ff33', - '--intergalactic-control-tertiary-info-active': '#bdd1ff4d', - '--intergalactic-control-tertiary-invert': '#ffffff00', - '--intergalactic-control-tertiary-invert-hover': '#ffffff1a', - '--intergalactic-control-tertiary-invert-active': '#ffffff4d', - '--intergalactic-icon-primary-neutral': '#6c6e79', + '--intergalactic-control-primary-invert-hover': '#f7f8f9', + '--intergalactic-control-primary-invert-active': '#eaeff1', + '--intergalactic-control-secondary-neutral': 'rgba(133, 162, 171, 0.1)', + '--intergalactic-control-secondary-neutral-hover': 'rgba(133, 162, 171, 0.2)', + '--intergalactic-control-secondary-neutral-active': 'rgba(133, 162, 171, 0.3)', + '--intergalactic-control-secondary-info': 'rgba(84, 135, 255, 0.1)', + '--intergalactic-control-secondary-info-hover': 'rgba(84, 135, 255, 0.2)', + '--intergalactic-control-secondary-info-active': 'rgba(84, 135, 255, 0.3)', + '--intergalactic-control-secondary-invert': 'rgba(255, 255, 255, 0.05)', + '--intergalactic-control-secondary-invert-hover': 'rgba(255, 255, 255, 0.1)', + '--intergalactic-control-secondary-invert-active': 'rgba(255, 255, 255, 0.3)', + '--intergalactic-control-tertiary-neutral': 'rgba(133, 162, 171, 0)', + '--intergalactic-control-tertiary-neutral-hover': 'rgba(133, 162, 171, 0.2)', + '--intergalactic-control-tertiary-neutral-active': 'rgba(133, 162, 171, 0.3)', + '--intergalactic-control-tertiary-info': 'rgba(84, 135, 255, 0)', + '--intergalactic-control-tertiary-info-hover': 'rgba(84, 135, 255, 0.2)', + '--intergalactic-control-tertiary-info-active': 'rgba(84, 135, 255, 0.3)', + '--intergalactic-control-tertiary-invert': 'rgba(255, 255, 255, 0)', + '--intergalactic-control-tertiary-invert-hover': 'rgba(255, 255, 255, 0.1)', + '--intergalactic-control-tertiary-invert-active': 'rgba(255, 255, 255, 0.3)', + '--intergalactic-icon-primary-neutral': '#668791', '--intergalactic-icon-primary-neutral-hover-active': '#565861', - '--intergalactic-icon-primary-info': '#006dca', + '--intergalactic-icon-primary-info': '#2969ff', '--intergalactic-icon-primary-info-hover-active': '#0358a1', - '--intergalactic-icon-primary-success': '#009f81', + '--intergalactic-icon-primary-success': '#69cd7d', '--intergalactic-icon-primary-success-hover-active': '#037e68', - '--intergalactic-icon-primary-critical': '#ff4953', + '--intergalactic-icon-primary-critical': '#ff5454', '--intergalactic-icon-primary-critical-hover-active': '#cc3a42', - '--intergalactic-icon-primary-warning': '#ff642d', + '--intergalactic-icon-primary-warning': '#ff8d63', '--intergalactic-icon-primary-warning-hover-active': '#cc5024', '--intergalactic-icon-primary-invert': '#ffffff', - '--intergalactic-icon-primary-invert-hover-active': '#e0e1e9', - '--intergalactic-icon-secondary-neutral': '#a9abb6', + '--intergalactic-icon-primary-invert-hover-active': '#eaeff1', + '--intergalactic-icon-secondary-neutral': '#b0c4c9', '--intergalactic-icon-secondary-neutral-hover-active': '#878992', - '--intergalactic-icon-secondary-info': '#2bb3ff', + '--intergalactic-icon-secondary-info': '#709bff', '--intergalactic-icon-secondary-info-hover-active': '#2290cc', - '--intergalactic-icon-secondary-success': '#00c192', + '--intergalactic-icon-secondary-success': '#82d592', '--intergalactic-icon-secondary-success-hover-active': '#049b75', - '--intergalactic-icon-secondary-critical': '#ff8786', + '--intergalactic-icon-secondary-critical': '#ff7070', '--intergalactic-icon-secondary-critical-hover-active': '#cc6c6b', - '--intergalactic-icon-secondary-warning': '#ff8c43', + '--intergalactic-icon-secondary-warning': '#ff9f7c', '--intergalactic-icon-secondary-warning-hover-active': '#cc7036', - '--intergalactic-icon-non-interactive': '#191b23', + '--intergalactic-icon-non-interactive': '#1e262a', '--intergalactic-illustration-red': '#ff788f', '--intergalactic-illustration-orange': '#ff9400', '--intergalactic-illustration-yellow': '#ffe84d', @@ -237,59 +237,59 @@ export default { '--intergalactic-illustration-violet': '#b880ff', '--intergalactic-illustration-pink': '#ff7ad1', '--intergalactic-date-picker-cell': '#ffffff', - '--intergalactic-date-picker-cell-current': '#8a8e9b', - '--intergalactic-date-picker-cell-hover': '#e0e1e9', - '--intergalactic-date-picker-cell-range': '#c4e5fe', - '--intergalactic-date-picker-cell-range-hover': '#8ecdff', - '--intergalactic-date-picker-cell-active': '#2bb3ff', - '--intergalactic-date-picker-cell-active-hover': '#008ff8', - '--intergalactic-date-picker-cell-current-invert': '#ffffff80', - '--intergalactic-date-picker-cell-comparison-active': '#8649e1', - '--intergalactic-date-picker-cell-comparison-active-hover': '#5925ab', + '--intergalactic-date-picker-cell-current': '#85a2ab', + '--intergalactic-date-picker-cell-hover': '#eaeff1', + '--intergalactic-date-picker-cell-range': '#bdd1ff', + '--intergalactic-date-picker-cell-range-hover': '#9dbaff', + '--intergalactic-date-picker-cell-active': '#709bff', + '--intergalactic-date-picker-cell-active-hover': '#5487ff', + '--intergalactic-date-picker-cell-current-invert': 'rgba(255, 255, 255, 0.5)', + '--intergalactic-date-picker-cell-comparison-active': '#892aff', + '--intergalactic-date-picker-cell-comparison-active-hover': '#7d26e8', '--intergalactic-dropdown-menu-item': '#ffffff', - '--intergalactic-dropdown-menu-item-hover': '#f4f5f9', - '--intergalactic-dropdown-menu-item-selected': '#c4e5feb2', - '--intergalactic-dropdown-menu-item-selected-hover': '#c4e5fe', + '--intergalactic-dropdown-menu-item-hover': '#f7f8f9', + '--intergalactic-dropdown-menu-item-selected': 'rgba(189, 209, 255, 0.7)', + '--intergalactic-dropdown-menu-item-selected-hover': '#bdd1ff', '--intergalactic-feature-popover-bg': '#ffeabd', '--intergalactic-feature-popover-dot-outer-border': '#ffeabd', '--intergalactic-feature-popover-bg-neutral': '#1d113e', - '--intergalactic-feature-popover-dot-neutral': '#00c192', + '--intergalactic-feature-popover-dot-neutral': '#82d592', '--intergalactic-feature-popover-dot-neutral-outer-border': '#82d592', - '--intergalactic-progress-bar-bg': '#e0e1e9', - '--intergalactic-progress-bar-bg-hover': '#c4c7cf', - '--intergalactic-progress-bar-bg-invert': '#ffffff33', - '--intergalactic-progress-bar-bg-invert-hover': '#ffffff66', + '--intergalactic-progress-bar-bg': '#eaeff1', + '--intergalactic-progress-bar-bg-hover': '#d5dfe2', + '--intergalactic-progress-bar-bg-invert': 'rgba(255, 255, 255, 0.2)', + '--intergalactic-progress-bar-bg-invert-hover': 'rgba(255, 255, 255, 0.4)', '--intergalactic-progress-bar-value-gradient': 'linear-gradient(-45deg, rgba(0, 159, 129, 0.9) 25%, rgba(0, 159, 129, 1) 0%, rgba(0, 159, 129, 1) 50%, rgba(0, 159, 129, 0.9) 0%, rgba(0, 159, 129, 0.9) 75%, rgba(0, 159, 129, 1) 0%)', '--intergalactic-progress-bar-pattern-gradient': 'linear-gradient(-45deg, rgba(224, 225, 233, 0.9) 25%, rgba(224, 225, 233, 1) 0%, rgba(224, 225, 233, 1) 50%, rgba(224, 225, 233, 0.9) 0%, rgba(224, 225, 233, 0.9) 75%, rgba(224, 225, 233, 1) 0%)', '--intergalactic-progress-bar-value-bg': '#000000', - '--intergalactic-skeleton-bg': '#e0e1e9cc', - '--intergalactic-skeleton-bg-invert': '#ffffff4d', + '--intergalactic-skeleton-bg': 'rgba(234, 239, 241, 0.8)', + '--intergalactic-skeleton-bg-invert': 'rgba(255, 255, 255, 0.3)', '--intergalactic-slider-rating-normal': '#b0c4c9', - '--intergalactic-slider-rating-hover-active': '#fdc23c', - '--intergalactic-table-th-primary-cell': '#f4f5f9', - '--intergalactic-table-th-primary-cell-hover': '#e0e1e9', - '--intergalactic-table-th-primary-cell-active': '#e0e1e9', + '--intergalactic-slider-rating-hover-active': '#ffe09d', + '--intergalactic-table-th-primary-cell': '#f7f8f9', + '--intergalactic-table-th-primary-cell-hover': '#eaeff1', + '--intergalactic-table-th-primary-cell-active': '#eaeff1', '--intergalactic-table-th-secondary-cell': '#ffffff', '--intergalactic-table-th-gradient': 'linear-gradient(to right, rgba(234, 239, 241, 0) 0%, rgba(234, 239, 241, 1) 100%)', '--intergalactic-table-td-cell': '#ffffff', - '--intergalactic-table-td-cell-hover': '#f7f7fa', - '--intergalactic-table-td-cell-active': '#ebecf1', - '--intergalactic-table-td-cell-unread': '#f4f5f9', - '--intergalactic-table-td-cell-accordion': '#f4f5f9', - '--intergalactic-table-td-cell-selected': '#e9f7ff', - '--intergalactic-table-td-cell-selected-hover': '#c4e5fe', - '--intergalactic-table-td-cell-selected-active': '#c4e5fe', - '--intergalactic-table-td-cell-new': '#dbfee8', - '--intergalactic-table-td-cell-new-hover': '#9ef2c9', - '--intergalactic-table-td-cell-new-active': '#9ef2c9', - '--intergalactic-table-td-cell-critical': '#fff0f7', - '--intergalactic-table-td-cell-critical-hover': '#ffd7df', - '--intergalactic-table-td-cell-critical-active': '#ffd7df', - '--intergalactic-table-td-cell-warning': '#fff3d9', - '--intergalactic-table-td-cell-warning-hover': '#ffdca2', - '--intergalactic-table-td-cell-warning-active': '#ffdca2', - '--intergalactic-brand-primary': '#ff642d', - '--intergalactic-brand-secondary': '#421983', + '--intergalactic-table-td-cell-hover': '#f4f7f8', + '--intergalactic-table-td-cell-active': '#eef2f4', + '--intergalactic-table-td-cell-unread': '#f7f8f9', + '--intergalactic-table-td-cell-accordion': '#f7f8f9', + '--intergalactic-table-td-cell-selected': '#eaf0ff', + '--intergalactic-table-td-cell-selected-hover': '#bdd1ff', + '--intergalactic-table-td-cell-selected-active': '#bdd1ff', + '--intergalactic-table-td-cell-new': '#ecf9ef', + '--intergalactic-table-td-cell-new-hover': '#c5eccd', + '--intergalactic-table-td-cell-new-active': '#c5eccd', + '--intergalactic-table-td-cell-critical': '#ffeaea', + '--intergalactic-table-td-cell-critical-hover': '#ffbdbd', + '--intergalactic-table-td-cell-critical-active': '#ffbdbd', + '--intergalactic-table-td-cell-warning': '#fff1ec', + '--intergalactic-table-td-cell-warning-hover': '#ffd3c3', + '--intergalactic-table-td-cell-warning-active': '#ffd3c3', + '--intergalactic-brand-primary': '#ff8d63', + '--intergalactic-brand-secondary': '#611eb5', '--intergalactic-brand-pinterest': '#bd081c', '--intergalactic-brand-instagram': '#e4405f', '--intergalactic-brand-youtube': '#ff0000', @@ -304,14 +304,14 @@ export default { '--intergalactic-box-shadow-dnd': '0px 0px 1px 0px rgba(30, 38, 42, 0.16), 0px 12px 40px 0px rgba(30, 38, 42, 0.16)', '--intergalactic-box-shadow-modal': '0px 3px 8px 0px rgba(30, 38, 42, 0.2)', '--intergalactic-box-shadow-popper': '0px 1px 12px 0px rgba(30, 38, 42, 0.15)', - '--intergalactic-keyboard-focus-outline': '#008ff8', - '--intergalactic-keyboard-focus-invalid-outline': '#ff4953', - '--intergalactic-keyboard-focus-invalid': '0px 0px 0px 3px rgba(255, 73, 83, 0.5)', - '--intergalactic-keyboard-focus-valid-outline': '#009f81', - '--intergalactic-keyboard-focus-valid': '0px 0px 0px 3px rgba(0, 159, 129, 0.5)', - '--intergalactic-keyboard-focus-invert-outline': '#ffffffcc', - '--intergalactic-keyboard-focus-invert': '0px 0px 0px 3px #ffffffcc', - '--intergalactic-keyboard-focus': '0px 0px 0px 3px rgba(0, 143, 248, 0.5)', + '--intergalactic-keyboard-focus-outline': '#5487ff', + '--intergalactic-keyboard-focus-invalid-outline': '#ff5454', + '--intergalactic-keyboard-focus-invalid': '0px 0px 0px 3px rgba(255, 84, 84, 0.5)', + '--intergalactic-keyboard-focus-valid-outline': '#69cd7d', + '--intergalactic-keyboard-focus-valid': '0px 0px 0px 3px rgba(105, 205, 125, 0.5)', + '--intergalactic-keyboard-focus-invert-outline': 'rgba(255, 255, 255, 0.8)', + '--intergalactic-keyboard-focus-invert': '0px 0px 0px 3px rgba(255, 255, 255, 0.8)', + '--intergalactic-keyboard-focus': '0px 0px 0px 3px rgba(84, 135, 255, 0.5)', '--intergalactic-base': 'Inter', '--intergalactic-lh-800': '117%', '--intergalactic-lh-700': '110%', @@ -373,10 +373,10 @@ export default { '--intergalactic-screen-small': '768px', '--intergalactic-screen-medium': '1200px', '--intergalactic-screen-large': '1920px', - '--intergalactic-overlay-primary': '#191b23b2', - '--intergalactic-overlay-secondary': '#191b2366', - '--intergalactic-overlay-limitation-primary': '#f4f5f9', - '--intergalactic-overlay-limitation-secondary': '#ffffffd9', + '--intergalactic-overlay-primary': 'rgba(30, 38, 42, 0.7)', + '--intergalactic-overlay-secondary': 'rgba(30, 38, 42, 0.4)', + '--intergalactic-overlay-limitation-primary': '#f7f8f9', + '--intergalactic-overlay-limitation-secondary': 'rgba(255, 255, 255, 0.85)', '--intergalactic-z-index-deep': '-999', '--intergalactic-z-index-overlay': '500', '--intergalactic-z-index-modal': '900', @@ -385,8 +385,8 @@ export default { '--intergalactic-z-index-tooltip': '800', '--intergalactic-z-index-notice-bubble': '999', '--intergalactic-tooltip-default': '#ffffff', - '--intergalactic-tooltip-warning': '#ffd7df', - '--intergalactic-tooltip-invert': '#191b23', + '--intergalactic-tooltip-warning': '#ffbdbd', + '--intergalactic-tooltip-invert': '#1e262a', '--intergalactic-neighbor-location-neutral': '#ffffff80', '--intergalactic-neighbor-location-invert': '#00000080', '--intergalactic-scroll-area-shadow-left': 'linear-gradient(to right, rgba(30, 38, 42, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%)', @@ -397,7 +397,7 @@ export default { '--intergalactic-scroll-area-dropdown-menu-right': 'linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)', '--intergalactic-scroll-area-dropdown-menu-bottom': 'linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)', '--intergalactic-scroll-area-dropdown-menu-top': 'linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)', - '--intergalactic-scroll-bar-background': '#191b234d', + '--intergalactic-scroll-bar-background': 'rgba(30, 38, 42, 0.3)', '--intergalactic-tag-primary-gray-normal': '#ecedf0', '--intergalactic-tag-primary-gray-hover-active': '#e3e4e9', '--intergalactic-tag-primary-blue-normal': '#d0eeff', @@ -412,69 +412,69 @@ export default { '--intergalactic-tag-primary-violet-hover-active': '#efd5ff', '--intergalactic-tag-primary-yellow-normal': '#fee6d1', '--intergalactic-tag-primary-yellow-hover-active': '#fedab9', - '--intergalactic-tag-primary-white-normal': '#ffffff', - '--intergalactic-tag-primary-white-hover-active': '#ffffff', - '--intergalactic-tag-primary-gray-text': '#6c6e79', - '--intergalactic-tag-primary-blue-text': '#006dca', - '--intergalactic-tag-primary-green-text': '#007c65', - '--intergalactic-tag-primary-orange-text': '#c33909', - '--intergalactic-tag-primary-red-text': '#d1002f', - '--intergalactic-tag-primary-violet-text': '#8649e1', - '--intergalactic-tag-primary-yellow-text': '#a75800', + '--intergalactic-tag-primary-white-normal': 'rgba(255, 255, 255, 0.15)', + '--intergalactic-tag-primary-white-hover-active': 'rgba(255, 255, 255, 0.3)', + '--intergalactic-tag-primary-gray-text': '#668791', + '--intergalactic-tag-primary-blue-text': '#2969ff', + '--intergalactic-tag-primary-green-text': '#44c15d', + '--intergalactic-tag-primary-orange-text': '#ff703c', + '--intergalactic-tag-primary-red-text': '#ff2929', + '--intergalactic-tag-primary-violet-text': '#892aff', + '--intergalactic-tag-primary-yellow-text': '#ffbb29', '--intergalactic-tag-primary-white-text': '#ffffff', '--intergalactic-tag-secondary-normal': '#ffffff', - '--intergalactic-tag-secondary-hover-active': '#f4f5f9', - '--intergalactic-tag-secondary-white-normal': '#ffffff00', - '--intergalactic-tag-secondary-white-hover-active': '#ffffff1a', - '--intergalactic-tag-secondary-gray-text': '#6c6e79', + '--intergalactic-tag-secondary-hover-active': '#f7f8f9', + '--intergalactic-tag-secondary-white-normal': 'rgba(255, 255, 255, 0)', + '--intergalactic-tag-secondary-white-hover-active': 'rgba(255, 255, 255, 0.1)', + '--intergalactic-tag-secondary-gray-text': '#668791', '--intergalactic-tag-secondary-white-text': '#ffffff', - '--intergalactic-chart-palette-order-1': '#2bb3ff', - '--intergalactic-chart-palette-order-2': '#59ddaa', - '--intergalactic-chart-palette-order-3': '#ff642d', - '--intergalactic-chart-palette-order-4': '#f67cf2', - '--intergalactic-chart-palette-order-5': '#fdc23c', - '--intergalactic-chart-palette-order-6': '#ab6cfe', - '--intergalactic-chart-palette-order-7': '#ff8786', - '--intergalactic-chart-palette-order-8': '#9bd85d', - '--intergalactic-chart-palette-order-9': '#008ff8', - '--intergalactic-chart-palette-order-10': '#00c192', - '--intergalactic-chart-palette-order-11': '#ffb26e', + '--intergalactic-chart-palette-order-1': '#709bff', + '--intergalactic-chart-palette-order-2': '#a9e2b4', + '--intergalactic-chart-palette-order-3': '#ff8d63', + '--intergalactic-chart-palette-order-4': '#ff87eb', + '--intergalactic-chart-palette-order-5': '#ffe09d', + '--intergalactic-chart-palette-order-6': '#a155ff', + '--intergalactic-chart-palette-order-7': '#ff7070', + '--intergalactic-chart-palette-order-8': '#95f8e2', + '--intergalactic-chart-palette-order-9': '#5487ff', + '--intergalactic-chart-palette-order-10': '#82d592', + '--intergalactic-chart-palette-order-11': '#ffbda5', '--intergalactic-chart-palette-order-12': '#e14adf', - '--intergalactic-chart-palette-order-13': '#ef9800', - '--intergalactic-chart-palette-order-14': '#dcb8ff', - '--intergalactic-chart-palette-order-15': '#ff4953', - '--intergalactic-chart-palette-order-16': '#66c030', - '--intergalactic-chart-palette-order-17': '#8ecdff', - '--intergalactic-chart-palette-order-18': '#009f81', - '--intergalactic-chart-palette-order-19': '#ff8c43', + '--intergalactic-chart-palette-order-13': '#ffd170', + '--intergalactic-chart-palette-order-14': '#c99dff', + '--intergalactic-chart-palette-order-15': '#ff5454', + '--intergalactic-chart-palette-order-16': '#64f5d4', + '--intergalactic-chart-palette-order-17': '#9dbaff', + '--intergalactic-chart-palette-order-18': '#69cd7d', + '--intergalactic-chart-palette-order-19': '#ff9f7c', '--intergalactic-chart-palette-order-20': '#ffa9fa', - '--intergalactic-chart-palette-order-21': '#d87900', - '--intergalactic-chart-palette-order-22': '#c695ff', - '--intergalactic-chart-palette-order-23': '#ffaeb5', - '--intergalactic-chart-palette-order-24': '#35a21e', - '--intergalactic-chart-palette-order-total-amount': '#8a8e9b', - '--intergalactic-chart-palette-order-other-data': '#c4c7cf', - '--intergalactic-chart-palette-order-null': '#e0e1e9', - '--intergalactic-chart-grid-line': '#e0e1e9', - '--intergalactic-chart-grid-x-axis': '#c4c7cf', - '--intergalactic-chart-grid-y-accent-hover-line': '#a9abb6', - '--intergalactic-chart-grid-text-label': '#6c6e79', - '--intergalactic-chart-grid-bar-chart-hover': '#c4c7cf4d', - '--intergalactic-chart-grid-bar-chart-base-bg': '#e0e1e9', - '--intergalactic-chart-grid-period-bg': '#c4c7cf33', - '--intergalactic-chart-grid-period-pattern': '#191b2326', + '--intergalactic-chart-palette-order-21': '#ffc954', + '--intergalactic-chart-palette-order-22': '#b070ff', + '--intergalactic-chart-palette-order-23': '#ff9d9d', + '--intergalactic-chart-palette-order-24': '#46f3cc', + '--intergalactic-chart-palette-order-total-amount': '#85a2ab', + '--intergalactic-chart-palette-order-other-data': '#d5dfe2', + '--intergalactic-chart-palette-order-null': '#eaeff1', + '--intergalactic-chart-grid-line': '#eaeff1', + '--intergalactic-chart-grid-x-axis': '#d5dfe2', + '--intergalactic-chart-grid-y-accent-hover-line': '#b0c4c9', + '--intergalactic-chart-grid-text-label': '#668791', + '--intergalactic-chart-grid-bar-chart-hover': 'rgba(213, 223, 226, 0.3)', + '--intergalactic-chart-grid-bar-chart-base-bg': '#eaeff1', + '--intergalactic-chart-grid-period-bg': 'rgba(213, 223, 226, 0.2)', + '--intergalactic-chart-grid-period-pattern': 'rgba(30, 38, 42, 0.15)', '--intergalactic-chart-grid-border': '#ffffff', - '--intergalactic-chart-x-axis-accent-period-active': '#6c6e79', - '--intergalactic-chart-x-axis-accent-data-start-tracking': '#009f8133', + '--intergalactic-chart-x-axis-accent-period-active': '#668791', + '--intergalactic-chart-x-axis-accent-data-start-tracking': 'rgba(105, 205, 125, 0.2)', '--intergalactic-header-bg': '#382e5e', '--intergalactic-header-border-primary': '#382e5e', '--intergalactic-header-border-secondary': '#ffffff26', '--intergalactic-sidebar-nav-control-hover': 'rgba(234, 239, 241, 0.7)', '--intergalactic-sidebar-nav-control-active': '#e2ddff', - '--intergalactic-sidebar-nav-control-text-normal': '#191b23', - '--intergalactic-sidebar-nav-control-text-active': '#191b23', - '--intergalactic-sidebar-nav-control-icon-normal': '#2b2e38', - '--intergalactic-sidebar-nav-control-icon-active': '#2b2e38', + '--intergalactic-sidebar-nav-control-text-normal': '#6d619f', + '--intergalactic-sidebar-nav-control-text-active': '#4d407e', + '--intergalactic-sidebar-nav-control-icon-normal': '#9083c5', + '--intergalactic-sidebar-nav-control-icon-active': '#4d407e', '--intergalactic-duration-extra-slow': '500', '--intergalactic-duration-slow': '400', '--intergalactic-duration-medium': '300', diff --git a/stories/theme/charts-theme-playground.stories.tsx b/stories/theme/charts-theme-playground.stories.tsx new file mode 100644 index 0000000000..452e843cea --- /dev/null +++ b/stories/theme/charts-theme-playground.stories.tsx @@ -0,0 +1,337 @@ +import darkThemeTokens from '@semcore/core/lib/theme/themes/dark'; +import defaultThemeTokens from '@semcore/core/lib/theme/themes/default'; +import newThemeTokens from '@semcore/core/lib/theme/themes/new'; +import { ThemeProvider } from '@semcore/core/lib/utils/ThemeProvider'; +import { Box, Flex } from '@semcore/ui/base-components'; +import Button from '@semcore/ui/button'; +import { Chart, Plot, Line, XAxis, YAxis, minMax } from '@semcore/ui/d3-chart'; +import DropdownMenu from '@semcore/ui/dropdown-menu'; +import { Text } from '@semcore/ui/typography'; +import type { Meta, StoryObj } from '@storybook/react-vite'; +import { scaleLinear } from 'd3-scale'; +import React from 'react'; +import './theme-playground-fonts.css'; + +const LAZZER_FONT = '\'Lazzer\', sans-serif'; + +const meta: Meta = { + title: 'Theme/Charts Theme Playground', +}; + +export default meta; + +type Story = StoryObj; + +const THEMES = [ + { id: 'light', label: 'Light', tokens: defaultThemeTokens }, + { id: 'new', label: 'New', tokens: newThemeTokens }, + { id: 'dark', label: 'Dark', tokens: darkThemeTokens }, +] as const; + +const BG_PRIMARY_TOKEN = '--intergalactic-bg-primary-neutral'; + +const lineChartData = [ + { x: 0, line1: 2, line2: 3 }, + { x: 1, line1: 4, line2: 2 }, + { x: 2, line1: 3, line2: 5 }, + { x: 3, line1: 6, line2: 4 }, + { x: 4, line1: 5, line2: 6 }, + { x: 5, line1: 7, line2: 5 }, + { x: 6, line1: 6, line2: 7 }, + { x: 7, line1: 8, line2: 6 }, + { x: 8, line1: 9, line2: 8 }, + { x: 9, line1: 10, line2: 9 }, +]; + +// Данные для Line with Area: в каждой строке x, y (линия), y0 и y1 (границы заливки), как в документации +const lineAreaChartData = [ + { x: 0, y: 2, y0: 0, y1: 4 }, + { x: 1, y: 4, y0: 0, y1: 6 }, + { x: 2, y: 3, y0: 0, y1: 5 }, + { x: 3, y: 6, y0: 0, y1: 8 }, + { x: 4, y: 5, y0: 0, y1: 7 }, + { x: 5, y: 7, y0: 0, y1: 9 }, + { x: 6, y: 6, y0: 0, y1: 8 }, + { x: 7, y: 8, y0: 0, y1: 10 }, + { x: 8, y: 9, y0: 0, y1: 10 }, + { x: 9, y: 10, y0: 0, y1: 12 }, +]; + +const areaChartDataStacked = [ + { time: new Date('2024-01-01'), line1: 2, line2: 3 }, + { time: new Date('2024-01-06'), line1: 4, line2: 2 }, + { time: new Date('2024-01-11'), line1: 3, line2: 4 }, + { time: new Date('2024-01-16'), line1: 6, line2: 3 }, + { time: new Date('2024-01-21'), line1: 5, line2: 4 }, + { time: new Date('2024-01-26'), line1: 7, line2: 5 }, + { time: new Date('2024-01-31'), line1: 6, line2: 3 }, + { time: new Date('2024-02-05'), line1: 8, line2: 5 }, + { time: new Date('2024-02-10'), line1: 9, line2: 6 }, + { time: new Date('2024-02-15'), line1: 10, line2: 8 }, +]; + +const barChartData = [ + { category: 'Cat 1', bar: 4 }, + { category: 'Cat 2', bar: 8 }, + { category: 'Cat 3', bar: 5 }, + { category: 'Cat 4', bar: 7 }, + { category: 'Cat 5', bar: 9 }, +]; + +const donutChartData = { + a: 3, + b: 5, + c: 2, + d: 4, +}; + +const vennChartData = { + 'G': 200, + 'F': 200, + 'C': 500, + 'G/F': 100, + 'G/C': 100, + 'F/C': 100, + 'G/F/C': 100, +}; + +const vennLegendMap = { + G: { label: 'Good' }, + F: { label: 'Fast' }, + C: { label: 'Clean' }, +}; + +const radarChartData = { + categories: ['Var 1', 'Var 2', 'Var 3', 'Var 4', 'Var 5', 'Var 6'], + data_1: [1, 3, 5, 5, 9, 2], + data_2: [5, 2, 1, 2, 7, 6], +}; + +const bubbleChartData = [ + { x: 2, y: 3, value: 5040, label: 'A' }, + { x: 1, y: 9, value: 40, label: 'B' }, + { x: 6, y: 2, value: 45634, label: 'C' }, + { x: 4, y: 7, value: 245, label: 'D' }, + { x: 9, y: 5, value: 7462, label: 'E' }, +]; + +const scatterplotChartData = [ + { x: 0, y: 1 }, + { x: 1, y: 3 }, + { x: 2, y: 2 }, + { x: 3, y: 5 }, + { x: 4, y: 4 }, + { x: 5, y: 2 }, + { x: 6, y: 4 }, + { x: 7, y: 3 }, + { x: 8, y: 5 }, + { x: 9, y: 1 }, +]; + +function LineAreaChart({ + data, + width, + height, +}: { + data: Array<{ x: number; y: number; y0: number; y1: number }>; + width: number; + height: number; +}) { + const MARGIN = 40; + const xScale = scaleLinear() + .range([MARGIN, width - MARGIN]) + .domain(minMax(data, 'x')); + const yScale = scaleLinear() + .range([height - MARGIN, MARGIN]) + .domain([0, Math.max(...data.map((d) => d.y1))]); + return ( + + + + + + + + + + + + + ); +} + +function ChartsThemePlaygroundContent() { + const [themeIndex, setThemeIndex] = React.useState(0); + const currentTheme = THEMES[themeIndex]; + + React.useEffect(() => { + const prevBackground = document.body.style.background; + document.body.style.background = `var(${BG_PRIMARY_TOKEN})`; + document.body.style.setProperty(BG_PRIMARY_TOKEN, currentTheme.tokens[BG_PRIMARY_TOKEN] ?? ''); + return () => { + document.body.style.background = prevBackground; + document.body.style.removeProperty(BG_PRIMARY_TOKEN); + }; + }, [currentTheme.tokens]); + + return ( + + + + + Charts theme playground + + + + + Theme: {currentTheme.label} + + + {THEMES.map((theme, index) => ( + setThemeIndex(index)} + > + {theme.label} + + ))} + + + + + + + + + Line chart + + + + + + Line.Area chart + + + + + + Area chart (stacked) + + + + + + Bar chart + + + + + + Donut chart + + + + + + Donut chart (halfsize) + + + + + + Venn chart + + + + + + Radar chart + + + + + + Bubble chart + + + + + + Scatterplot chart + + + + + + + ); +} + +export const Default: Story = { + render: () => , +}; diff --git a/stories/theme/datatable-theme-playground.stories.tsx b/stories/theme/datatable-theme-playground.stories.tsx new file mode 100644 index 0000000000..389e9bec07 --- /dev/null +++ b/stories/theme/datatable-theme-playground.stories.tsx @@ -0,0 +1,130 @@ +import darkThemeTokens from '@semcore/core/lib/theme/themes/dark'; +import defaultThemeTokens from '@semcore/core/lib/theme/themes/default'; +import newThemeTokens from '@semcore/core/lib/theme/themes/new'; +import { ThemeProvider } from '@semcore/core/lib/utils/ThemeProvider'; +import { Box, Flex } from '@semcore/ui/base-components'; +import Button from '@semcore/ui/button'; +import { DataTable } from '@semcore/ui/data-table'; +import type { DataTableData } from '@semcore/ui/data-table'; +import DropdownMenu from '@semcore/ui/dropdown-menu'; +import { Text } from '@semcore/ui/typography'; +import type { Meta, StoryObj } from '@storybook/react-vite'; +import React from 'react'; +import './theme-playground-fonts.css'; + +const LAZZER_FONT = '\'Lazzer\', sans-serif'; + +const meta: Meta = { + title: 'Theme/DataTable Theme Playground', +}; + +export default meta; + +type Story = StoryObj; + +const THEMES = [ + { id: 'light', label: 'Light', tokens: defaultThemeTokens }, + { id: 'new', label: 'New', tokens: newThemeTokens }, + { id: 'dark', label: 'Dark', tokens: darkThemeTokens }, +] as const; + +const BG_PRIMARY_TOKEN = '--intergalactic-bg-primary-neutral'; + +const dataTableData: DataTableData = [ + { keyword: 'ebay buy', kd: '77.8', cpc: '$1.25', vol: '32,500,000' }, + { keyword: 'www.ebay.com', kd: '11.2', cpc: '$3.40', vol: '65,457,920' }, + { keyword: 'ebay store', kd: '10.0', cpc: '$0.65', vol: '47,354,640' }, + { keyword: 'ebay buy', kd: '75.89', cpc: '$0.00', vol: '21,644,290' }, +]; + +function DataTableThemePlaygroundContent() { + const [themeIndex, setThemeIndex] = React.useState(0); + const currentTheme = THEMES[themeIndex]; + + React.useEffect(() => { + const prevBackground = document.body.style.background; + document.body.style.background = `var(${BG_PRIMARY_TOKEN})`; + document.body.style.setProperty(BG_PRIMARY_TOKEN, currentTheme.tokens[BG_PRIMARY_TOKEN] ?? ''); + return () => { + document.body.style.background = prevBackground; + document.body.style.removeProperty(BG_PRIMARY_TOKEN); + }; + }, [currentTheme.tokens]); + + return ( + + + + + DataTable theme playground + + + + + Theme: {currentTheme.label} + + + {THEMES.map((theme, index) => ( + setThemeIndex(index)} + > + {theme.label} + + ))} + + + + + + + + + DataTable + + + + + + DataTable (secondary) + + + + + + + ); +} + +export const Default: Story = { + render: () => , +}; diff --git a/stories/theme/theme-playground.stories.tsx b/stories/theme/theme-playground.stories.tsx index 2eeb2d8a21..0ce328f39a 100644 --- a/stories/theme/theme-playground.stories.tsx +++ b/stories/theme/theme-playground.stories.tsx @@ -73,22 +73,31 @@ function ThemePlaygroundContent() { Theme playground - - - Theme: {currentTheme.label} - - - {THEMES.map((theme, index) => ( - setThemeIndex(index)} - > - {theme.label} - - ))} - - + + + + Theme: {currentTheme.label} + + + {THEMES.map((theme, index) => ( + setThemeIndex(index)} + > + {theme.label} + + ))} + + + Button From b406bd7f780bf7919a11d3541a9b330ef198db79 Mon Sep 17 00:00:00 2001 From: Julia Mnizhek Date: Fri, 13 Feb 2026 18:06:07 +0100 Subject: [PATCH 4/9] [stories] update charts theme playground --- .../theme/charts-theme-playground.stories.tsx | 296 +++++++++++------- stories/theme/theme-playground.stories.tsx | 41 +-- 2 files changed, 192 insertions(+), 145 deletions(-) diff --git a/stories/theme/charts-theme-playground.stories.tsx b/stories/theme/charts-theme-playground.stories.tsx index 452e843cea..00a89aaedf 100644 --- a/stories/theme/charts-theme-playground.stories.tsx +++ b/stories/theme/charts-theme-playground.stories.tsx @@ -4,11 +4,11 @@ import newThemeTokens from '@semcore/core/lib/theme/themes/new'; import { ThemeProvider } from '@semcore/core/lib/utils/ThemeProvider'; import { Box, Flex } from '@semcore/ui/base-components'; import Button from '@semcore/ui/button'; -import { Chart, Plot, Line, XAxis, YAxis, minMax } from '@semcore/ui/d3-chart'; +import { Chart, Plot, Line, XAxis, YAxis, minMax, HorizontalBar, HoverRect } from '@semcore/ui/d3-chart'; import DropdownMenu from '@semcore/ui/dropdown-menu'; import { Text } from '@semcore/ui/typography'; import type { Meta, StoryObj } from '@storybook/react-vite'; -import { scaleLinear } from 'd3-scale'; +import { scaleBand, scaleLinear } from 'd3-scale'; import React from 'react'; import './theme-playground-fonts.css'; @@ -160,6 +160,38 @@ function LineAreaChart({ ); } +function HorizontalBarChart({ + data, + width, + height, +}: { + data: Array<{ category: string; bar: number }>; + width: number; + height: number; +}) { + const MARGIN = 40; + const xScale = scaleLinear() + .range([MARGIN * 2, width - MARGIN]) + .domain([0, Math.max(...data.map((d) => d.bar), 10)]); + const yScale = scaleBand() + .range([height - MARGIN, MARGIN]) + .domain(data.map((d) => d.category)) + .paddingInner(0.4) + .paddingOuter(0.2); + return ( + + + + + + + + + + + ); +} + function ChartsThemePlaygroundContent() { const [themeIndex, setThemeIndex] = React.useState(0); const currentTheme = THEMES[themeIndex]; @@ -208,124 +240,148 @@ function ChartsThemePlaygroundContent() { - - - - Line chart - - - - - - Line.Area chart - - - - - - Area chart (stacked) - - - - - - Bar chart - - - - - - Donut chart - - - - - - Donut chart (halfsize) - - - - - - Venn chart - - - - - - Radar chart - - - - - - Bubble chart - - - - - - Scatterplot chart - - - + + + + + Line chart + + + + + + Line.Area chart + + + + + + Area chart (stacked) + + + + + + Bar chart + + + + + + Bubble chart + + + + + + Scatterplot chart + + + + + + + + Donut chart + + + + + + Donut chart (halfsize) + + + + + + Venn chart + + + + + + Horizontal bar chart + + + + + + Compact horizontal bar chart + + + + + + Radar chart + + + + diff --git a/stories/theme/theme-playground.stories.tsx b/stories/theme/theme-playground.stories.tsx index 0ce328f39a..2eeb2d8a21 100644 --- a/stories/theme/theme-playground.stories.tsx +++ b/stories/theme/theme-playground.stories.tsx @@ -73,31 +73,22 @@ function ThemePlaygroundContent() { Theme playground - - - - Theme: {currentTheme.label} - - - {THEMES.map((theme, index) => ( - setThemeIndex(index)} - > - {theme.label} - - ))} - - - + + + Theme: {currentTheme.label} + + + {THEMES.map((theme, index) => ( + setThemeIndex(index)} + > + {theme.label} + + ))} + + Button From edf6c1b9578dbdba243a05d6fd4b96f9c82b835c Mon Sep 17 00:00:00 2001 From: Julia Mnizhek Date: Wed, 18 Feb 2026 15:26:09 +0100 Subject: [PATCH 5/9] [stories] update components theme playground --- semcore/core/src/theme/new.json | 10 +- semcore/core/src/theme/themes/auto.css | 8 +- semcore/core/src/theme/themes/new.css | 8 +- semcore/core/src/theme/themes/new.ts | 8 +- stories/theme/theme-playground.stories.tsx | 398 ++++++++++++++++++++- 5 files changed, 397 insertions(+), 35 deletions(-) diff --git a/semcore/core/src/theme/new.json b/semcore/core/src/theme/new.json index c0ea74de5b..16a61292d5 100644 --- a/semcore/core/src/theme/new.json +++ b/semcore/core/src/theme/new.json @@ -801,7 +801,7 @@ "description": "Border color of the second period for the comparison mode in the DatePicker." }, "critical-pattern": { - "value": "#ffffff", + "value": "repeating-linear-gradient(315deg, rgba($border.critical-active, 1) 0, rgba($border.critical-active, 1) 2px, transparent 0, transparent 50%)", "type": "color", "description": "Used for the invalidStatePattern utils component to mark all kinds of inputs with invalid states." } @@ -1285,17 +1285,17 @@ "description": "Hover state for the inverted version of the background color of the ProgressBar." }, "value": { - "value": "#009f81", + "value": "{green.400}", "type": "color", "description": "Value color of the ProgressBar." }, "value-gradient": { - "value": "linear-gradient(-45deg, rgba(0, 159, 129, 0.9) 25%, rgba(0, 159, 129, 1) 0%, rgba(0, 159, 129, 1) 50%, rgba(0, 159, 129, 0.9) 0%, rgba(0, 159, 129, 0.9) 75%, rgba(0, 159, 129, 1) 0%)", + "value": "linear-gradient(-45deg, rgba(68, 193, 93, 0.9) 25%, rgba(68, 193, 93, 1) 0%, rgba(68, 193, 93, 1) 50%, rgba(68, 193, 93, 0.9) 0%, rgba(68, 193, 93, 0.9) 75%, rgba(68, 193, 93, 1) 0%)", "type": "color", "description": "Value with gradient for the ProgressBar." }, "pattern-gradient": { - "value": "linear-gradient(-45deg, rgba(224, 225, 233, 0.9) 25%, rgba(224, 225, 233, 1) 0%, rgba(224, 225, 233, 1) 50%, rgba(224, 225, 233, 0.9) 0%, rgba(224, 225, 233, 0.9) 75%, rgba(224, 225, 233, 1) 0%)", + "value": "linear-gradient(-45deg, rgba(234, 239, 241, 0.9) 25%, rgba(234, 239, 241, 1) 0%, rgba(234, 239, 241, 1) 50%, rgba(234, 239, 241, 0.9) 0%, rgba(234, 239, 241, 0.9) 75%, rgba(234, 239, 241, 1) 0%)", "type": "color", "description": "Null value gradient for the ProgressBar." }, @@ -1973,7 +1973,7 @@ "description": "Use for rounding all kinds of big modal dialogs (e.g., Modal, Wizard)." }, "disabled-opacity": { - "value": "0.3", + "value": "0.5", "type": "opacity", "description": "Use for the disabled state of all kind of the controls and elements." }, diff --git a/semcore/core/src/theme/themes/auto.css b/semcore/core/src/theme/themes/auto.css index dd9e71ec6e..1da27df5bd 100644 --- a/semcore/core/src/theme/themes/auto.css +++ b/semcore/core/src/theme/themes/auto.css @@ -2013,7 +2013,7 @@ /* Border color of the second period for the comparison mode in the DatePicker. */ --intergalactic-border-date-picker-range-comparison: #892aff; /* Used for the invalidStatePattern utils component to mark all kinds of inputs with invalid states. */ - --intergalactic-border-critical-pattern: #ffffff; + --intergalactic-border-critical-pattern: repeating-linear-gradient(315deg, rgba(255, 41, 41, 1) 0, rgba(255, 41, 41, 1) 2px, transparent 0, transparent 50%); /* Subtle background of the Switch control. */ --intergalactic-control-switch-bg: #b0c4c9; /* Background of the regular primary control. */ @@ -2197,9 +2197,9 @@ /* Hover state for the inverted version of the background color of the ProgressBar. */ --intergalactic-progress-bar-bg-invert-hover: rgba(255, 255, 255, 0.4); /* Value with gradient for the ProgressBar. */ - --intergalactic-progress-bar-value-gradient: linear-gradient(-45deg, rgba(0, 159, 129, 0.9) 25%, rgba(0, 159, 129, 1) 0%, rgba(0, 159, 129, 1) 50%, rgba(0, 159, 129, 0.9) 0%, rgba(0, 159, 129, 0.9) 75%, rgba(0, 159, 129, 1) 0%); + --intergalactic-progress-bar-value-gradient: linear-gradient(-45deg, rgba(68, 193, 93, 0.9) 25%, rgba(68, 193, 93, 1) 0%, rgba(68, 193, 93, 1) 50%, rgba(68, 193, 93, 0.9) 0%, rgba(68, 193, 93, 0.9) 75%, rgba(68, 193, 93, 1) 0%); /* Null value gradient for the ProgressBar. */ - --intergalactic-progress-bar-pattern-gradient: linear-gradient(-45deg, rgba(224, 225, 233, 0.9) 25%, rgba(224, 225, 233, 1) 0%, rgba(224, 225, 233, 1) 50%, rgba(224, 225, 233, 0.9) 0%, rgba(224, 225, 233, 0.9) 75%, rgba(224, 225, 233, 1) 0%); + --intergalactic-progress-bar-pattern-gradient: linear-gradient(-45deg, rgba(234, 239, 241, 0.9) 25%, rgba(234, 239, 241, 1) 0%, rgba(234, 239, 241, 1) 50%, rgba(234, 239, 241, 0.9) 0%, rgba(234, 239, 241, 0.9) 75%, rgba(234, 239, 241, 1) 0%); /* Base value background for the ProgressBar. It is used to create gradients for the values. */ --intergalactic-progress-bar-value-bg: #000000; /* Default color for the Skeleton. */ @@ -2403,7 +2403,7 @@ /* Use for rounding all kinds of big modal dialogs (e.g., Modal, Wizard). */ --intergalactic-modal-rounded: 12px; /* Use for the disabled state of all kind of the controls and elements. */ - --intergalactic-disabled-opacity: 0.3; + --intergalactic-disabled-opacity: 0.5; /* Extra small screens (small phones). */ --intergalactic-screen-extra-small: 320px; /* Small screens (phones and small tablets). */ diff --git a/semcore/core/src/theme/themes/new.css b/semcore/core/src/theme/themes/new.css index 26f0f11e0a..d1c19e0a8a 100644 --- a/semcore/core/src/theme/themes/new.css +++ b/semcore/core/src/theme/themes/new.css @@ -265,7 +265,7 @@ /* Border color of the second period for the comparison mode in the DatePicker. */ --intergalactic-border-date-picker-range-comparison: #892aff; /* Used for the invalidStatePattern utils component to mark all kinds of inputs with invalid states. */ - --intergalactic-border-critical-pattern: #ffffff; + --intergalactic-border-critical-pattern: repeating-linear-gradient(315deg, rgba(255, 41, 41, 1) 0, rgba(255, 41, 41, 1) 2px, transparent 0, transparent 50%); /* Subtle background of the Switch control. */ --intergalactic-control-switch-bg: #b0c4c9; /* Background of the regular primary control. */ @@ -449,9 +449,9 @@ /* Hover state for the inverted version of the background color of the ProgressBar. */ --intergalactic-progress-bar-bg-invert-hover: rgba(255, 255, 255, 0.4); /* Value with gradient for the ProgressBar. */ - --intergalactic-progress-bar-value-gradient: linear-gradient(-45deg, rgba(0, 159, 129, 0.9) 25%, rgba(0, 159, 129, 1) 0%, rgba(0, 159, 129, 1) 50%, rgba(0, 159, 129, 0.9) 0%, rgba(0, 159, 129, 0.9) 75%, rgba(0, 159, 129, 1) 0%); + --intergalactic-progress-bar-value-gradient: linear-gradient(-45deg, rgba(68, 193, 93, 0.9) 25%, rgba(68, 193, 93, 1) 0%, rgba(68, 193, 93, 1) 50%, rgba(68, 193, 93, 0.9) 0%, rgba(68, 193, 93, 0.9) 75%, rgba(68, 193, 93, 1) 0%); /* Null value gradient for the ProgressBar. */ - --intergalactic-progress-bar-pattern-gradient: linear-gradient(-45deg, rgba(224, 225, 233, 0.9) 25%, rgba(224, 225, 233, 1) 0%, rgba(224, 225, 233, 1) 50%, rgba(224, 225, 233, 0.9) 0%, rgba(224, 225, 233, 0.9) 75%, rgba(224, 225, 233, 1) 0%); + --intergalactic-progress-bar-pattern-gradient: linear-gradient(-45deg, rgba(234, 239, 241, 0.9) 25%, rgba(234, 239, 241, 1) 0%, rgba(234, 239, 241, 1) 50%, rgba(234, 239, 241, 0.9) 0%, rgba(234, 239, 241, 0.9) 75%, rgba(234, 239, 241, 1) 0%); /* Base value background for the ProgressBar. It is used to create gradients for the values. */ --intergalactic-progress-bar-value-bg: #000000; /* Default color for the Skeleton. */ @@ -655,7 +655,7 @@ /* Use for rounding all kinds of big modal dialogs (e.g., Modal, Wizard). */ --intergalactic-modal-rounded: 12px; /* Use for the disabled state of all kind of the controls and elements. */ - --intergalactic-disabled-opacity: 0.3; + --intergalactic-disabled-opacity: 0.5; /* Extra small screens (small phones). */ --intergalactic-screen-extra-small: 320px; /* Small screens (phones and small tablets). */ diff --git a/semcore/core/src/theme/themes/new.ts b/semcore/core/src/theme/themes/new.ts index d17845ee2a..1fcf736158 100644 --- a/semcore/core/src/theme/themes/new.ts +++ b/semcore/core/src/theme/themes/new.ts @@ -167,7 +167,7 @@ export default { '--intergalactic-border-tooltip-invert': '#668791', '--intergalactic-border-table-accent': '#b0c4c9', '--intergalactic-border-date-picker-range-comparison': '#892aff', - '--intergalactic-border-critical-pattern': '#ffffff', + '--intergalactic-border-critical-pattern': 'repeating-linear-gradient(315deg, rgba(255, 41, 41, 1) 0, rgba(255, 41, 41, 1) 2px, transparent 0, transparent 50%)', '--intergalactic-control-switch-bg': '#b0c4c9', '--intergalactic-control-primary-info': '#1e262a', '--intergalactic-control-primary-info-hover': '#1e262a', @@ -259,8 +259,8 @@ export default { '--intergalactic-progress-bar-bg-hover': '#d5dfe2', '--intergalactic-progress-bar-bg-invert': 'rgba(255, 255, 255, 0.2)', '--intergalactic-progress-bar-bg-invert-hover': 'rgba(255, 255, 255, 0.4)', - '--intergalactic-progress-bar-value-gradient': 'linear-gradient(-45deg, rgba(0, 159, 129, 0.9) 25%, rgba(0, 159, 129, 1) 0%, rgba(0, 159, 129, 1) 50%, rgba(0, 159, 129, 0.9) 0%, rgba(0, 159, 129, 0.9) 75%, rgba(0, 159, 129, 1) 0%)', - '--intergalactic-progress-bar-pattern-gradient': 'linear-gradient(-45deg, rgba(224, 225, 233, 0.9) 25%, rgba(224, 225, 233, 1) 0%, rgba(224, 225, 233, 1) 50%, rgba(224, 225, 233, 0.9) 0%, rgba(224, 225, 233, 0.9) 75%, rgba(224, 225, 233, 1) 0%)', + '--intergalactic-progress-bar-value-gradient': 'linear-gradient(-45deg, rgba(68, 193, 93, 0.9) 25%, rgba(68, 193, 93, 1) 0%, rgba(68, 193, 93, 1) 50%, rgba(68, 193, 93, 0.9) 0%, rgba(68, 193, 93, 0.9) 75%, rgba(68, 193, 93, 1) 0%)', + '--intergalactic-progress-bar-pattern-gradient': 'linear-gradient(-45deg, rgba(234, 239, 241, 0.9) 25%, rgba(234, 239, 241, 1) 0%, rgba(234, 239, 241, 1) 50%, rgba(234, 239, 241, 0.9) 0%, rgba(234, 239, 241, 0.9) 75%, rgba(234, 239, 241, 1) 0%)', '--intergalactic-progress-bar-value-bg': '#000000', '--intergalactic-skeleton-bg': 'rgba(234, 239, 241, 0.8)', '--intergalactic-skeleton-bg-invert': 'rgba(255, 255, 255, 0.3)', @@ -368,7 +368,7 @@ export default { '--intergalactic-surface-rounded': '6px', '--intergalactic-popper-rounded': '6px', '--intergalactic-modal-rounded': '12px', - '--intergalactic-disabled-opacity': '0.3', + '--intergalactic-disabled-opacity': '0.5', '--intergalactic-screen-extra-small': '320px', '--intergalactic-screen-small': '768px', '--intergalactic-screen-medium': '1200px', diff --git a/stories/theme/theme-playground.stories.tsx b/stories/theme/theme-playground.stories.tsx index 2eeb2d8a21..f25083714d 100644 --- a/stories/theme/theme-playground.stories.tsx +++ b/stories/theme/theme-playground.stories.tsx @@ -3,9 +3,27 @@ import defaultThemeTokens from '@semcore/core/lib/theme/themes/default'; import newThemeTokens from '@semcore/core/lib/theme/themes/new'; import { ThemeProvider } from '@semcore/core/lib/utils/ThemeProvider'; import MathPlusM from '@semcore/icon/MathPlus/m'; +import Badge from '@semcore/ui/badge'; import { Box, Flex } from '@semcore/ui/base-components'; +import { FilterTrigger } from '@semcore/ui/base-trigger'; import Button from '@semcore/ui/button'; +import Checkbox from '@semcore/ui/checkbox'; +import { DatePicker } from '@semcore/ui/date-picker'; import DropdownMenu from '@semcore/ui/dropdown-menu'; +import FeaturePopover from '@semcore/ui/feature-popover'; +import Input from '@semcore/ui/input'; +import Link from '@semcore/ui/link'; +import Notice from '@semcore/ui/notice'; +import Pills from '@semcore/ui/pills'; +import ProgressBar from '@semcore/ui/progress-bar'; +import Radio, { RadioGroup } from '@semcore/ui/radio'; +import Select from '@semcore/ui/select'; +import Slider from '@semcore/ui/slider'; +import Switch from '@semcore/ui/switch'; +import TabLine from '@semcore/ui/tab-line'; +import Tag from '@semcore/ui/tag'; +import Textarea from '@semcore/ui/textarea'; +import Tooltip from '@semcore/ui/tooltip'; import { Text } from '@semcore/ui/typography'; import type { Meta, StoryObj } from '@storybook/react-vite'; import React from 'react'; @@ -52,8 +70,21 @@ function ButtonRow({ const BG_PRIMARY_TOKEN = '--intergalactic-bg-primary-neutral'; +const SELECT_OPTIONS = [ + { value: '1', label: 'Option 1', children: 'Option 1' }, + { value: '2', label: 'Option 2', children: 'Option 2' }, + { value: '3', label: 'Option 3', children: 'Option 3' }, +]; + +const FILTER_TRIGGER_OPTIONS = ['Blue', 'Gray', 'Green', 'Orange', 'Pink', 'Red', 'Salad', 'Violet', 'Yellow']; + function ThemePlaygroundContent() { const [themeIndex, setThemeIndex] = React.useState(0); + const [radioValue, setRadioValue] = React.useState('1'); + const [pillsValue, setPillsValue] = React.useState(null); + const [tabValue, setTabValue] = React.useState(1); + const [sliderValue, setSliderValue] = React.useState(50); + const [dateValue, setDateValue] = React.useState(new Date()); const currentTheme = THEMES[themeIndex]; React.useEffect(() => { @@ -68,27 +99,36 @@ function ThemePlaygroundContent() { return ( + + + + Theme: {currentTheme.label} + + + {THEMES.map((theme, index) => ( + setThemeIndex(index)} + > + {theme.label} + + ))} + + + - + Theme playground - - - Theme: {currentTheme.label} - - - {THEMES.map((theme, index) => ( - setThemeIndex(index)} - > - {theme.label} - - ))} - - Button @@ -142,7 +182,6 @@ function ThemePlaygroundContent() { style={{ background: 'var(--intergalactic-bg-primary-invert)', borderRadius: 'var(--intergalactic-surface-rounded, 6px)', - width: 'fit-content', }} > @@ -155,6 +194,329 @@ function ThemePlaygroundContent() { + + + Link + + + + Primary link + + + Critical link + + + Success link + + + Secondary link + + + + + Tooltip + + + + Hover me + + + Button with tooltip + + + + + Badge + + + + + + + + + + + + + + + + + + + + + + Checkbox & Radio + + + + + + + + + + + + + + + + + + Input + + + + + + + + + + + + + + + + + + + + + + Select + + + + + + + DatePicker + + + + + Select date + + + + + + + + + + Switch + + + + + Switch M + + + + Checked + + + + Switch L + + + + Disabled + + + + + Tag + + + + Primary + + + Secondary + + + Additional + + + Disabled + + + + + Pills + + + + Option 1 + Option 2 + Option 3 + + + Option 1 + Option 2 + + + Disabled + Option 2 + + + + + Textarea + + +