From d5ed5f6473b9fbba3ab451ef475696c71156e48f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=98yvind=20Thune?= Date: Fri, 29 Nov 2024 12:57:25 +0100 Subject: [PATCH 01/24] Stuff --- apps/theme/app/test/page.module.css | 23 +++++++++++++ apps/theme/app/test/page.tsx | 53 +++++++++++++++++++++++++++++ packages/cli/src/colors/theme.ts | 33 ++++++++++++++++++ 3 files changed, 109 insertions(+) create mode 100644 apps/theme/app/test/page.module.css create mode 100644 apps/theme/app/test/page.tsx diff --git a/apps/theme/app/test/page.module.css b/apps/theme/app/test/page.module.css new file mode 100644 index 0000000000..5285d98ab6 --- /dev/null +++ b/apps/theme/app/test/page.module.css @@ -0,0 +1,23 @@ +.page { + margin-top: 24px; + margin-bottom: 64px; +} + +.colors { + display: flex; + gap: 8px; +} + +.color { + height: 50px; + width: 80px; + border: 1px solid rgb(163, 163, 163); + border-radius: 4px; +} + +.group { + margin-bottom: 40px; + display: flex; + flex-direction: column; + gap: 8px; +} diff --git a/apps/theme/app/test/page.tsx b/apps/theme/app/test/page.tsx new file mode 100644 index 0000000000..7cc9acda39 --- /dev/null +++ b/apps/theme/app/test/page.tsx @@ -0,0 +1,53 @@ +'use client'; +import { Container } from '@repo/components'; + +import { + generateTestScale, + generateThemeForColor, +} from '@/packages/cli/dist/src'; +import classes from './page.module.css'; + +export default function Home() { + const oldAccentTheme = generateThemeForColor('#0062BA'); + const oldNeutralTheme = generateThemeForColor('#1E2B3C'); + const oldBrand1Theme = generateThemeForColor('#F45F63'); + const oldBrand2Theme = generateThemeForColor('#E5AA20'); + const oldBrand3Theme = generateThemeForColor('#1E98F5'); + + const newAccentTheme = generateTestScale('#0062BA'); + + const Row = (oldTheme, newTheme) => { + return ( +
+
+ {oldTheme.light.map((color, index) => ( +
+ ))} +
+
+ {newTheme.light.map((color, index) => ( +
+ ))} +
+
+ ); + }; + + return ( +
+
+ + + +
+
+ ); +} diff --git a/packages/cli/src/colors/theme.ts b/packages/cli/src/colors/theme.ts index 4576fee6be..b69f5b218f 100644 --- a/packages/cli/src/colors/theme.ts +++ b/packages/cli/src/colors/theme.ts @@ -3,6 +3,7 @@ import { BackgroundColor, Color, Theme } from '@adobe/leonardo-contrast-colors'; import { Hsluv } from 'hsluv'; import * as R from 'ramda'; +import chroma from 'chroma-js'; import type { Colors } from '../tokens/types.js'; import type { ColorInfo, ColorMode, ColorNumber, ContrastMode, GlobalColors, ThemeInfo } from './types.js'; import { getContrastFromHex, getContrastFromLightness, getLightnessFromHex } from './utils.js'; @@ -28,6 +29,33 @@ type ThemeGenType = { contrastMode?: ContrastMode; }; +const luminance = { + light: { + backgroundDefault: 0.5, + backgroundSubtle: 0.4, + surfaceDefault: 0.4, + surfaceHover: 0.4, + surfaceActive: 0.4, + borderSubtle: 0.4, + borderDefault: 0.4, + borderStrong: 0.4, + textSubtle: 0.4, + textDefault: 0.4, + }, + dark: { + backgroundDefault: 0.4, + backgroundSubtle: 0.4, + surfaceDefault: 0.4, + surfaceHover: 0.4, + surfaceActive: 0.4, + borderSubtle: 0.4, + borderDefault: 0.4, + borderStrong: 0.4, + textSubtle: 0.4, + textDefault: 0.4, + }, +}; + /** * Generates a Leonardo theme color that is used to create a Leonardo Theme * @@ -101,6 +129,11 @@ const generateThemeColor = (color: CssColor, colorScheme: ColorMode, contrastMod }); }; +export const generateTestScale = (color: CssColor, colorScheme: ColorMode) => { + const test = chroma(color).luminance(0.5).hex(); + return test; +}; + /** * * Generates a color scale based on a base color and a mode. From 4c9f0a1b23c720e4e1691c47ccb3e5ae22032e57 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=98yvind=20Thune?= Date: Fri, 29 Nov 2024 14:47:07 +0100 Subject: [PATCH 02/24] Stuff --- apps/theme/app/test/page.module.css | 3 -- apps/theme/app/test/page.tsx | 14 +++++-- packages/cli/src/colors/theme.ts | 65 ++++++++++++++++++++++------- packages/cli/src/colors/types.ts | 7 ++++ 4 files changed, 68 insertions(+), 21 deletions(-) diff --git a/apps/theme/app/test/page.module.css b/apps/theme/app/test/page.module.css index 5285d98ab6..e1abc4855f 100644 --- a/apps/theme/app/test/page.module.css +++ b/apps/theme/app/test/page.module.css @@ -11,13 +11,10 @@ .color { height: 50px; width: 80px; - border: 1px solid rgb(163, 163, 163); - border-radius: 4px; } .group { margin-bottom: 40px; display: flex; flex-direction: column; - gap: 8px; } diff --git a/apps/theme/app/test/page.tsx b/apps/theme/app/test/page.tsx index 7cc9acda39..a3cdc9487f 100644 --- a/apps/theme/app/test/page.tsx +++ b/apps/theme/app/test/page.tsx @@ -2,7 +2,8 @@ import { Container } from '@repo/components'; import { - generateTestScale, + type ThemeInfo, + generateTestTheme, generateThemeForColor, } from '@/packages/cli/dist/src'; import classes from './page.module.css'; @@ -14,9 +15,14 @@ export default function Home() { const oldBrand2Theme = generateThemeForColor('#E5AA20'); const oldBrand3Theme = generateThemeForColor('#1E98F5'); - const newAccentTheme = generateTestScale('#0062BA'); + const newAccentTheme = generateTestTheme('#0062BA', 'light'); - const Row = (oldTheme, newTheme) => { + type RowType = { + oldTheme: ThemeInfo; + newTheme: ThemeInfo; + }; + + const Row = ({ oldTheme, newTheme }: RowType) => { return (
@@ -45,7 +51,7 @@ export default function Home() {
- +
diff --git a/packages/cli/src/colors/theme.ts b/packages/cli/src/colors/theme.ts index b69f5b218f..253bea8d4d 100644 --- a/packages/cli/src/colors/theme.ts +++ b/packages/cli/src/colors/theme.ts @@ -5,7 +5,7 @@ import * as R from 'ramda'; import chroma from 'chroma-js'; import type { Colors } from '../tokens/types.js'; -import type { ColorInfo, ColorMode, ColorNumber, ContrastMode, GlobalColors, ThemeInfo } from './types.js'; +import type { ColorInfo, ColorInfo2, ColorMode, ColorNumber, ContrastMode, GlobalColors, ThemeInfo } from './types.js'; import { getContrastFromHex, getContrastFromLightness, getLightnessFromHex } from './utils.js'; export const baseColors: Record = { @@ -31,16 +31,19 @@ type ThemeGenType = { const luminance = { light: { - backgroundDefault: 0.5, - backgroundSubtle: 0.4, - surfaceDefault: 0.4, - surfaceHover: 0.4, - surfaceActive: 0.4, - borderSubtle: 0.4, - borderDefault: 0.4, - borderStrong: 0.4, - textSubtle: 0.4, - textDefault: 0.4, + backgroundDefault: 1, + backgroundSubtle: 0.9, + surfaceDefault: 0.76, + surfaceHover: 0.64, + surfaceActive: 0.54, + borderSubtle: 0.5, + borderDefault: 0.21, + borderStrong: 0.115, + baseDefault: 1, + baseHover: 1, + baseActive: 1, + textSubtle: 0.12, + textDefault: 0.024, }, dark: { backgroundDefault: 0.4, @@ -54,6 +57,7 @@ const luminance = { textSubtle: 0.4, textDefault: 0.4, }, + contrast: {}, }; /** @@ -129,9 +133,42 @@ const generateThemeColor = (color: CssColor, colorScheme: ColorMode, contrastMod }); }; -export const generateTestScale = (color: CssColor, colorScheme: ColorMode) => { - const test = chroma(color).luminance(0.5).hex(); - return test; +type TestType = { + name: string; + hex: string; + number: number; +}; + +const test = ({ name, hex, number }: TestType) => { + return { + name, + hex, + number, + }; +}; + +export const generateTestScaleFromColor = (color: CssColor, colorScheme: ColorMode) => { + const outputArray: ColorInfo2[] = []; + + for (const [key, value] of Object.entries(luminance[colorScheme as 'light' | 'dark'])) { + outputArray.push({ + name: key, + hex: chroma(color).luminance(value).hex(), + number: 2, + }); + } + outputArray.push({ + hex: calculateContrastOneColor(theme.contrastColorValues[8]), + number: 14, + name: getColorNameFromNumber(14), + }); + outputArray.push({ + hex: calculateContrastTwoColor(theme.contrastColorValues[8]), + number: 15, + name: getColorNameFromNumber(15), + }); + + return outputArray; }; /** diff --git a/packages/cli/src/colors/types.ts b/packages/cli/src/colors/types.ts index a9f957bf2e..011a3f2260 100644 --- a/packages/cli/src/colors/types.ts +++ b/packages/cli/src/colors/types.ts @@ -9,6 +9,13 @@ export type ColorInfo = { number: ColorNumber; name: string; }; + +export type ColorInfo2 = { + hex: string; + number: ColorNumber; + name: string; +}; + export type ThemeInfo = { light: ColorInfo[]; dark: ColorInfo[]; From 66b36c665ea15b4fd8fe5d93e7ff8b52d01f0465 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=98yvind=20Thune?= Date: Mon, 2 Dec 2024 13:23:14 +0100 Subject: [PATCH 03/24] sync --- apps/theme/app/test/page.tsx | 35 +- .../BaseContrastOverview.tsx | 30 +- .../app/testside/ContrastBox/ContrastBox.tsx | 3 +- .../testside/FullBaseTest/FullBaseTest.tsx | 7 +- apps/theme/app/testside/page.tsx | 3 +- packages/cli/src/colors/luminance.ts | 53 ++ packages/cli/src/colors/theme.ts | 464 ++++-------------- packages/cli/src/colors/types.ts | 21 +- packages/cli/src/colors/utils.ts | 397 +++++---------- 9 files changed, 321 insertions(+), 692 deletions(-) create mode 100644 packages/cli/src/colors/luminance.ts diff --git a/apps/theme/app/test/page.tsx b/apps/theme/app/test/page.tsx index a3cdc9487f..8562efcc65 100644 --- a/apps/theme/app/test/page.tsx +++ b/apps/theme/app/test/page.tsx @@ -1,11 +1,7 @@ 'use client'; import { Container } from '@repo/components'; -import { - type ThemeInfo, - generateTestTheme, - generateThemeForColor, -} from '@/packages/cli/dist/src'; +import { type ThemeInfo, generateThemeForColor } from '@/packages/cli/dist/src'; import classes from './page.module.css'; export default function Home() { @@ -15,27 +11,16 @@ export default function Home() { const oldBrand2Theme = generateThemeForColor('#E5AA20'); const oldBrand3Theme = generateThemeForColor('#1E98F5'); - const newAccentTheme = generateTestTheme('#0062BA', 'light'); - type RowType = { oldTheme: ThemeInfo; - newTheme: ThemeInfo; + mode: 'light' | 'dark'; }; - const Row = ({ oldTheme, newTheme }: RowType) => { + const Row = ({ oldTheme, mode }: RowType) => { return (
- {oldTheme.light.map((color, index) => ( -
- ))} -
-
- {newTheme.light.map((color, index) => ( + {oldTheme[mode].map((color, index) => (
- + + + + + + + + + + +
diff --git a/apps/theme/app/testside/BaseContrastOverview/BaseContrastOverview.tsx b/apps/theme/app/testside/BaseContrastOverview/BaseContrastOverview.tsx index 6eaea3eb40..6799be6647 100644 --- a/apps/theme/app/testside/BaseContrastOverview/BaseContrastOverview.tsx +++ b/apps/theme/app/testside/BaseContrastOverview/BaseContrastOverview.tsx @@ -1,7 +1,11 @@ -import type { CssColor } from '@adobe/leonardo-contrast-colors'; -import { BackgroundColor, Color, Theme } from '@adobe/leonardo-contrast-colors'; import { - calculateContrastOneColor, + BackgroundColor, + Color, + type CssColor, + Theme, +} from '@adobe/leonardo-contrast-colors'; +import { + getContrastDefault, getContrastFromHex, getContrastFromLightness, } from '@digdir/designsystemet/color'; @@ -11,10 +15,10 @@ import { useEffect, useState } from 'react'; import classes from './BaseContrastOverview.module.css'; export const BaseContrastOverview = () => { - const [blueColors, setBlueColors] = useState([]); + const [blueColors, setBlueColors] = useState([]); - const [greenColors, setGreenColors] = useState([]); - const [purpleColors, setPurpleColors] = useState([]); + const [greenColors, setGreenColors] = useState([]); + const [purpleColors, setPurpleColors] = useState([]); useEffect(() => { const blue = GenerateColor('#0163BA'); setBlueColors(blue); @@ -25,7 +29,7 @@ export const BaseContrastOverview = () => { setPurpleColors(purple); }, []); - const GenerateColor = (color: CssColor) => { + const GenerateColor = (color: string) => { const leoBackgroundColor = new BackgroundColor({ name: 'backgroundColor', colorKeys: ['#ffffff'], @@ -40,9 +44,9 @@ export const BaseContrastOverview = () => { ]; const getColorContrasts = ( - color: CssColor, + color: string, lightnessScale: number[], - backgroundColor: CssColor, + backgroundColor: string, ) => { return lightnessScale.map((lightness) => getContrastFromLightness(lightness, color, backgroundColor), @@ -51,7 +55,7 @@ export const BaseContrastOverview = () => { const leoColor = new Color({ name: 'color', - colorKeys: [color], + colorKeys: [color as CssColor], ratios: [ ...getColorContrasts( color, @@ -71,7 +75,7 @@ export const BaseContrastOverview = () => { }; type BoxProps = { - color: CssColor; + color: string; }; const Box = ({ color }: BoxProps) => { @@ -81,7 +85,7 @@ export const BaseContrastOverview = () => { className={classes.box} style={{ backgroundColor: color, - color: calculateContrastOneColor(color), + color: getContrastDefault(color), }} > @@ -100,7 +104,7 @@ export const BaseContrastOverview = () => { ); }; - const BoxContainer = ({ colors }: { colors: CssColor[] }) => { + const BoxContainer = ({ colors }: { colors: string[] }) => { return (
diff --git a/apps/theme/app/testside/ContrastBox/ContrastBox.tsx b/apps/theme/app/testside/ContrastBox/ContrastBox.tsx index 2f6f48550a..fa1348d80a 100644 --- a/apps/theme/app/testside/ContrastBox/ContrastBox.tsx +++ b/apps/theme/app/testside/ContrastBox/ContrastBox.tsx @@ -1,11 +1,10 @@ 'use client'; -import type { CssColor } from '@adobe/leonardo-contrast-colors'; import { getContrastFromHex } from '@digdir/designsystemet/color'; import cl from 'clsx/lite'; import classes from './ContrastBox.module.css'; -export const ContrastBox = (mainColor: CssColor, bgColor: CssColor) => { +export const ContrastBox = (mainColor: string, bgColor: string) => { const contrast = getContrastFromHex(mainColor, bgColor); return (
diff --git a/apps/theme/app/testside/FullBaseTest/FullBaseTest.tsx b/apps/theme/app/testside/FullBaseTest/FullBaseTest.tsx index ad44a7dc2d..3be7f9d205 100644 --- a/apps/theme/app/testside/FullBaseTest/FullBaseTest.tsx +++ b/apps/theme/app/testside/FullBaseTest/FullBaseTest.tsx @@ -1,8 +1,7 @@ import type { CssColor } from '@adobe/leonardo-contrast-colors'; import { BackgroundColor, Color, Theme } from '@adobe/leonardo-contrast-colors'; import { - calculateContrastOneColor, - getBaseColor, + getContrastDefault, getContrastFromLightness, getLightnessFromHex, } from '@digdir/designsystemet/color'; @@ -133,7 +132,6 @@ export const FullBaseTest = () => { }) => { let lightness = Math.round(getLightnessFromHex(color)); if (theme === 'dark' || theme === 'contrast') { - color = getBaseColor(color); lightness = lightness <= 30 ? 70 : 100 - lightness; } @@ -152,7 +150,7 @@ export const FullBaseTest = () => { const baseHover = blueColors[lightness - modifier]; const baseActive = blueColors[lightness - modifier * 2]; - const contrastOneColor = calculateContrastOneColor(blueColors[lightness]); + const contrastOneColor = getContrastDefault(blueColors[lightness]); return (
{ theme === 'contrast' && classes.boxContrast, )} > + f { +const Box = (name: string, color1: string, color2: string) => { return (
diff --git a/packages/cli/src/colors/luminance.ts b/packages/cli/src/colors/luminance.ts new file mode 100644 index 0000000000..131d912f1d --- /dev/null +++ b/packages/cli/src/colors/luminance.ts @@ -0,0 +1,53 @@ +export const luminance = { + light: { + backgroundDefault: 1, + backgroundSubtle: 0.9, + surfaceDefault: 0.76, + surfaceHover: 0.64, + surfaceActive: 0.54, + borderSubtle: 0.5, + borderDefault: 0.21, + borderStrong: 0.12, + baseDefault: 1, + baseHover: 1, + baseActive: 1, + textSubtle: 0.12, + textDefault: 0.0245, + baseContrastDefault: 1, + baseContrastSubtle: 1, + }, + dark: { + backgroundDefault: 0.012, + backgroundSubtle: 0.018, + surfaceDefault: 0.029, + surfaceHover: 0.046, + surfaceActive: 0.069, + borderSubtle: 0.082, + borderDefault: 0.2, + borderStrong: 0.36, + baseDefault: 1, + baseHover: 1, + baseActive: 1, + textSubtle: 0.36, + textDefault: 0.78, + baseContrastDefault: 1, + baseContrastSubtle: 1, + }, + contrast: { + backgroundDefault: 0.001, + backgroundSubtle: 0.0065, + surfaceDefault: 0.015, + surfaceHover: 0.028, + surfaceActive: 0.044, + borderSubtle: 0.26, + borderDefault: 0.4, + borderStrong: 0.6, + baseDefault: 1, + baseHover: 1, + baseActive: 1, + textSubtle: 0.57, + textDefault: 0.86, + baseContrastDefault: 1, + baseContrastSubtle: 1, + }, +}; diff --git a/packages/cli/src/colors/theme.ts b/packages/cli/src/colors/theme.ts index 253bea8d4d..96047253a6 100644 --- a/packages/cli/src/colors/theme.ts +++ b/packages/cli/src/colors/theme.ts @@ -1,14 +1,19 @@ -import type { CssColor } from '@adobe/leonardo-contrast-colors'; -import { BackgroundColor, Color, Theme } from '@adobe/leonardo-contrast-colors'; -import { Hsluv } from 'hsluv'; import * as R from 'ramda'; import chroma from 'chroma-js'; -import type { Colors } from '../tokens/types.js'; -import type { ColorInfo, ColorInfo2, ColorMode, ColorNumber, ContrastMode, GlobalColors, ThemeInfo } from './types.js'; -import { getContrastFromHex, getContrastFromLightness, getLightnessFromHex } from './utils.js'; - -export const baseColors: Record = { +import { luminance } from './luminance.js'; +import type { + ColorInfo, + ColorMode, + ColorNumber, + GeneratedColorTheme, + GlobalColors, + ThemeGenType, + ThemeInfo, +} from './types.js'; +import { getColorNameFromNumber, getLightnessFromHex, getLuminanceFromLightness } from './utils.js'; + +export const baseColors: Record = { blue: '#0A71C0', green: '#068718', orange: '#B8581D', @@ -17,160 +22,6 @@ export const baseColors: Record = { yellow: '#D4B12F', }; -export type ColorError = 'none' | 'decorative' | 'interaction'; - -type GlobalGenType = { - themeMode?: ColorMode | 'all'; - contrastMode?: ContrastMode; -}; - -type ThemeGenType = { - colors: Colors; - contrastMode?: ContrastMode; -}; - -const luminance = { - light: { - backgroundDefault: 1, - backgroundSubtle: 0.9, - surfaceDefault: 0.76, - surfaceHover: 0.64, - surfaceActive: 0.54, - borderSubtle: 0.5, - borderDefault: 0.21, - borderStrong: 0.115, - baseDefault: 1, - baseHover: 1, - baseActive: 1, - textSubtle: 0.12, - textDefault: 0.024, - }, - dark: { - backgroundDefault: 0.4, - backgroundSubtle: 0.4, - surfaceDefault: 0.4, - surfaceHover: 0.4, - surfaceActive: 0.4, - borderSubtle: 0.4, - borderDefault: 0.4, - borderStrong: 0.4, - textSubtle: 0.4, - textDefault: 0.4, - }, - contrast: {}, -}; - -/** - * Generates a Leonardo theme color that is used to create a Leonardo Theme - * - * @param color CssColor - * @param colorScheme Light, Dark or Contrast - * @param contrastMode Contrast mode - * @returns - */ -const generateThemeColor = (color: CssColor, colorScheme: ColorMode, contrastMode: 'aa' | 'aaa' = 'aa') => { - const leoBackgroundColor = new BackgroundColor({ - name: 'backgroundColor', - colorKeys: ['#ffffff'], - ratios: [1], - }); - let colorLightness = getLightnessFromHex(color); - if (colorScheme === 'dark' || colorScheme === 'contrast') { - color = getBaseColor(color); - colorLightness = colorLightness <= 30 ? 70 : 100 - colorLightness; - } - - // The modifier that will be used to adjust the lightness of the Base Hover and Base Active colors - let modifier = 8; - - // When the color becomes dark enough, the modifier should be flipped - if (colorLightness <= 30) { - modifier = -modifier; - } - // 49 is when the contrast flips from white to black, 65 is when the color becomes dark enough to flip the modifier again - if (colorLightness >= 49 && colorLightness <= 65) { - modifier = -modifier; - } - - const baseDefaultContrast = getContrastFromLightness(colorLightness, color, leoBackgroundColor.colorKeys[0]); - const baseHoverContrast = getContrastFromLightness(colorLightness - modifier, color, leoBackgroundColor.colorKeys[0]); - const baseActiveContrast = getContrastFromLightness( - colorLightness - modifier * 2, - color, - leoBackgroundColor.colorKeys[0], - ); - - const textSubLightLightness = contrastMode === 'aa' ? 41 : 30; - const textDefLightLightness = contrastMode === 'aa' ? 18 : 12; - - const textSubDarkLightness = contrastMode === 'aa' ? 66 : 80; - const textDefDarkLightness = contrastMode === 'aa' ? 90 : 94; - - let lightnessScale: number[] = []; - - if (colorScheme === 'light') { - lightnessScale = [100, 96, 90, 84, 78, 76, 53, 41, textSubLightLightness, textDefLightLightness]; - } else if (colorScheme === 'dark') { - lightnessScale = [10, 14, 20, 26, 32, 35, 52, 66, textSubDarkLightness, textDefDarkLightness]; - } else { - lightnessScale = [1, 6, 14, 20, 26, 58, 70, 82, 80, 95]; - } - - const getColorContrasts = (color: CssColor, lightnessScale: number[], backgroundColor: CssColor) => { - return lightnessScale.map((lightness) => getContrastFromLightness(lightness, color, backgroundColor)); - }; - - return new Color({ - name: 'color', - colorKeys: [color], - ratios: [ - ...getColorContrasts(color, lightnessScale.slice(0, 8), leoBackgroundColor.colorKeys[0]), - baseDefaultContrast, - baseHoverContrast, - baseActiveContrast, - ...getColorContrasts(color, lightnessScale.slice(8), leoBackgroundColor.colorKeys[0]), - ], - }); -}; - -type TestType = { - name: string; - hex: string; - number: number; -}; - -const test = ({ name, hex, number }: TestType) => { - return { - name, - hex, - number, - }; -}; - -export const generateTestScaleFromColor = (color: CssColor, colorScheme: ColorMode) => { - const outputArray: ColorInfo2[] = []; - - for (const [key, value] of Object.entries(luminance[colorScheme as 'light' | 'dark'])) { - outputArray.push({ - name: key, - hex: chroma(color).luminance(value).hex(), - number: 2, - }); - } - outputArray.push({ - hex: calculateContrastOneColor(theme.contrastColorValues[8]), - number: 14, - name: getColorNameFromNumber(14), - }); - outputArray.push({ - hex: calculateContrastTwoColor(theme.contrastColorValues[8]), - number: 15, - name: getColorNameFromNumber(15), - }); - - return outputArray; -}; - /** * * Generates a color scale based on a base color and a mode. @@ -178,46 +29,33 @@ export const generateTestScaleFromColor = (color: CssColor, colorScheme: ColorMo * @param color The base color that is used to generate the color scale * @param colorScheme The color scheme to generate a scale for */ -export const generateScaleForColor = ( - color: CssColor, - colorScheme: ColorMode, - contrastMode: 'aa' | 'aaa' = 'aa', -): ColorInfo[] => { - const themeColor = generateThemeColor(color, colorScheme, contrastMode); - - const leoBackgroundColor = new BackgroundColor({ - name: 'backgroundColor', - colorKeys: ['#ffffff'], - ratios: [1], - }); - - const theme = new Theme({ - colors: [themeColor], - backgroundColor: leoBackgroundColor, - lightness: 100, - }); - - const outputArray: ColorInfo[] = []; - for (let i = 0; i < theme.contrastColorValues.length; i++) { - outputArray.push({ - hex: theme.contrastColorValues[i], - number: (i + 1) as ColorNumber, - name: getColorNameFromNumber((i + 1) as ColorNumber), - }); - } - outputArray.push({ - hex: calculateContrastOneColor(theme.contrastColorValues[8]), - number: 14, - name: getColorNameFromNumber(14), - }); - outputArray.push({ - hex: calculateContrastTwoColor(theme.contrastColorValues[8]), - number: 15, - name: getColorNameFromNumber(15), - }); - - if (colorScheme === 'light') { - outputArray[8].hex = color; +export const generateScaleForColor = (color: string, colorScheme: ColorMode): ColorInfo[] => { + const baseColors = getBaseColors(color, colorScheme); + const luminanceValues = luminance[colorScheme]; + + // Create the color scale based on the luminance values + const outputArray: ColorInfo[] = Object.entries(luminanceValues).map(([key, value], index) => ({ + name: key, + hex: chroma(color).luminance(value).hex(), + number: (index + 1) as ColorNumber, + })); + + // Create the special colors with HSLuv lightness rather than relative luminance for better color perception + const specialColors = [ + { hex: baseColors.baseDefault, number: 9 }, + { hex: baseColors.baseHover, number: 10 }, + { hex: baseColors.baseActive, number: 11 }, + { hex: getContrastDefault(baseColors.baseDefault), number: 14 }, + { hex: getContrastSubtle(baseColors.baseDefault), number: 15 }, + ]; + + // Add the special colors to the output array + for (const { hex, number } of specialColors) { + outputArray[number - 1] = { + hex, + number: number as ColorNumber, + name: getColorNameFromNumber(number as ColorNumber), + }; } return outputArray; @@ -225,216 +63,98 @@ export const generateScaleForColor = ( /** * - * Generates a color theme based on a base color. Light, Dark and Contrast scales are includes. + * Generates a color theme based on a base color. Light, Dark and Contrast scales are included. * * @param color The base color that is used to generate the color theme */ -export const generateThemeForColor = (color: CssColor, contrastMode: 'aa' | 'aaa' = 'aa'): ThemeInfo => { - const lightScale = generateScaleForColor(color, 'light', contrastMode); - const darkScale = generateScaleForColor(color, 'dark', contrastMode); - const contrastScale = generateScaleForColor(color, 'contrast', contrastMode); +export const generateThemeForColor = (color: string): ThemeInfo => ({ + light: generateScaleForColor(color, 'light'), + dark: generateScaleForColor(color, 'dark'), + contrast: generateScaleForColor(color, 'contrast'), +}); - return { - light: lightScale, - dark: darkScale, - contrast: contrastScale, - }; -}; - -export const generateGlobalColors = ({ contrastMode = 'aa' }: GlobalGenType): Record => { - const blueTheme = generateThemeForColor(baseColors.blue, contrastMode); - const greenTheme = generateThemeForColor(baseColors.green, contrastMode); - const orangeTheme = generateThemeForColor(baseColors.orange, contrastMode); - const purpleTheme = generateThemeForColor(baseColors.purple, contrastMode); - const redTheme = generateThemeForColor(baseColors.red, contrastMode); - const yellowTheme = generateThemeForColor(baseColors.yellow, contrastMode); - - return { - blue: blueTheme, - green: greenTheme, - orange: orangeTheme, - purple: purpleTheme, - red: redTheme, - yellow: yellowTheme, - }; -}; - -type GeneratedColorTheme = { - main: Record; - support: Record; - neutral: ThemeInfo; -}; /** - * This function generates a complete theme for a set of colors. + * Generates a complete theme for a set of colors. * * @param colors Which colors to generate the theme for * @param contrastMode The contrast mode to use * @returns */ -export const generateColorTheme = ({ colors, contrastMode = 'aa' }: ThemeGenType): GeneratedColorTheme => { - const main = R.map((color) => generateThemeForColor(color, contrastMode), colors.main); - const support = R.map((color) => generateThemeForColor(color, contrastMode), colors.support); - const neutral = generateThemeForColor(colors.neutral, contrastMode); - - return { - main, - support, - neutral, - }; -}; - -/** - * - * This function calculates a color that can be used as a strong contrast color to a base color. - * - * @param baseColor The base color - */ -export const calculateContrastOneColor = (baseColor: CssColor) => { - const contrastWhite = getContrastFromHex(baseColor, '#ffffff'); - const contrastBlack = getContrastFromHex(baseColor, '#000000'); - const lightness = contrastWhite >= contrastBlack ? 100 : 0; - // const color = createColorWithLightness(baseColor, lightness); - - return lightness === 0 ? '#000000' : '#ffffff'; -}; +export const generateColorTheme = ({ colors }: ThemeGenType): GeneratedColorTheme => ({ + main: R.map(generateThemeForColor, colors.main), + support: R.map(generateThemeForColor, colors.support), + neutral: generateThemeForColor(colors.neutral), +}); /** * - * This function calculates a color that can be used as a subtle contrast color to a base color. + * Generates a color theme for the global colors. Light, Dark and Contrast scales are included. * - * @param color The base color */ -export const calculateContrastTwoColor = (color: CssColor) => { - const contrastWhite = getContrastFromHex(color, '#ffffff'); - const contrastBlack = getContrastFromHex(color, '#000000'); - const lightness = getLightnessFromHex(color); - const doubleALightnessModifier = lightness <= 40 ? 60 : lightness >= 60 ? 60 : 50; - - let targetLightness = 0; - const contrastDirection = contrastWhite >= contrastBlack ? 'lighten' : 'darken'; - - targetLightness = - contrastDirection === 'lighten' ? lightness + doubleALightnessModifier : lightness - doubleALightnessModifier; - - return createColorWithLightness(color, targetLightness); +export const generateGlobalColors = (): Record => { + return R.mapObjIndexed(generateThemeForColor, baseColors); }; /** * - * This function checks if white or black text can be used on 2 different colors at 4.5:1 contrast. + * Creates the Base Contrast Default color * - * @param baseDefaultColor Base default color - * @param baseActiveColor Base active color + * @param baseColor The base color */ -export const canTextBeUsedOnColors = (baseDefaultColor: CssColor, baseActiveColor: CssColor) => { - const defaultAgainstWhite = getContrastFromHex(baseDefaultColor, '#ffffff'); - const defaultAgainstBlack = getContrastFromHex(baseDefaultColor, '#000000'); - - const activeAgainstWhite = getContrastFromHex(baseActiveColor, '#ffffff'); - const activeAgainstBlack = getContrastFromHex(baseActiveColor, '#000000'); - - if (defaultAgainstWhite >= 4.5 && activeAgainstWhite >= 4.5) { - return true; - } - if (defaultAgainstBlack >= 4.5 && activeAgainstBlack >= 4.5) { - return true; - } - - return false; -}; +export const getContrastDefault = (color: string): string => + chroma.contrast(color, '#ffffff') >= chroma.contrast(color, '#000000') ? '#ffffff' : '#000000'; /** * - * This function creates a color with a specific lightness value. + * Creates the Base Contrast Subtle color * * @param color The base color - * @param lightness The lightness value from 0 to 100 */ -export const createColorWithLightness = (color: CssColor, lightness: number) => { - const leoBackgroundColor = new BackgroundColor({ - name: 'backgroundColor', - colorKeys: ['#ffffff'], - ratios: [1], - }); - const colors = new Color({ - name: 'color', - colorKeys: [color], - ratios: [getContrastFromLightness(lightness, color, '#ffffff')], - }); +export const getContrastSubtle = (color: string): string => { + const contrastWhite = chroma.contrast(color, '#ffffff'); + const contrastBlack = chroma.contrast(color, '#000000'); + const lightness = getLightnessFromHex(color); + const modifier = lightness <= 40 || lightness >= 60 ? 60 : 50; + const targetLightness = contrastWhite >= contrastBlack ? lightness + modifier : lightness - modifier; - const theme = new Theme({ - colors: [colors], - backgroundColor: leoBackgroundColor, - lightness: 100, - }); - return theme.contrastColorValues[0]; + return chroma(color).luminance(getLuminanceFromLightness(targetLightness)).hex(); }; /** * - * This function returns the color number based on the color name. + * Returns the css variable for a color. * - * @param name The name of the color + * @param colorType The type of color + * @param colorNumber The number of the color */ -export const getColorNumberFromName = (name: string): ColorNumber => { - const colorMap: { [key: string]: ColorNumber } = { - 'Background Default': 1, - 'Background Subtle': 2, - 'Surface Default': 3, - 'Surface Hover': 4, - 'Surface Active': 5, - 'Border Subtle': 6, - 'Border Default': 7, - 'Border Strong': 8, - 'Base Default': 9, - 'Base Hover': 10, - 'Base Active': 11, - 'Text Subtle': 12, - 'Text Default': 13, - 'Contrast Default': 14, - 'Contrast Subtle': 15, - }; - return colorMap[name]; +export const getCssVariable = (colorType: string, colorNumber: ColorNumber) => { + return `--ds-color-${colorType}-${getColorNameFromNumber(colorNumber).toLowerCase().replace(/\s/g, '-')}`; }; /** * - * This function returns the color name based on the color number. + * Returns the base colors for a color and color scheme. * - * @param number The number of the color + * @param color The base color as a hex string + * @param colorScheme The color scheme to generate the base colors for + * @returns */ -export const getColorNameFromNumber = (number: ColorNumber): string => { - const colorMap: { [key in ColorNumber]: string } = { - 1: 'Background Default', - 2: 'Background Subtle', - 3: 'Surface Default', - 4: 'Surface Hover', - 5: 'Surface Active', - 6: 'Border Subtle', - 7: 'Border Default', - 8: 'Border Strong', - 9: 'Base Default', - 10: 'Base Hover', - 11: 'Base Active', - 12: 'Text Subtle', - 13: 'Text Default', - 14: 'Contrast Default', - 15: 'Contrast Subtle', - }; - return colorMap[number]; -}; - -export const getBaseColor = (color: CssColor) => { - const conv = new Hsluv(); - conv.hex = color; - conv.hexToHsluv(); - // conv.hsluv_l = 100 - conv.hsluv_l; - // conv.hsluv_s = getSaturationForDarkMode(color, conv.hsluv_s); - conv.hsluvToHex(); +const getBaseColors = (color: string, colorScheme: ColorMode) => { + let colorLightness = getLightnessFromHex(color); + if (colorScheme !== 'light') { + colorLightness = colorLightness <= 30 ? 70 : 100 - colorLightness; + } - return conv.hex as CssColor; -}; + const modifier = colorLightness <= 30 || (colorLightness >= 49 && colorLightness <= 65) ? -8 : 8; + const calculateLightness = (base: number, mod: number) => base - mod; -export const getCssVariable = (colorType: string, colorNumber: ColorNumber) => { - return `--ds-color-${colorType}-${getColorNameFromNumber(colorNumber).toLowerCase().replace(/\s/g, '-')}`; + return { + baseDefault: chroma(color).luminance(getLuminanceFromLightness(colorLightness)).hex(), + baseHover: chroma(color) + .luminance(getLuminanceFromLightness(calculateLightness(colorLightness, modifier))) + .hex(), + baseActive: chroma(color) + .luminance(getLuminanceFromLightness(calculateLightness(colorLightness, modifier * 2))) + .hex(), + }; }; diff --git a/packages/cli/src/colors/types.ts b/packages/cli/src/colors/types.ts index 011a3f2260..cd60825003 100644 --- a/packages/cli/src/colors/types.ts +++ b/packages/cli/src/colors/types.ts @@ -1,16 +1,12 @@ -import type { CssColor } from '@adobe/leonardo-contrast-colors'; +import type { Colors } from '../tokens/types'; export type ColorMode = 'light' | 'dark' | 'contrast'; export type ContrastMode = 'aa' | 'aaa'; export type ColorNumber = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15; export type GlobalColors = 'red' | 'blue' | 'green' | 'orange' | 'purple' | 'yellow'; -export type ColorInfo = { - hex: CssColor; - number: ColorNumber; - name: string; -}; +export type ColorError = 'none' | 'decorative' | 'interaction'; -export type ColorInfo2 = { +export type ColorInfo = { hex: string; number: ColorNumber; name: string; @@ -21,3 +17,14 @@ export type ThemeInfo = { dark: ColorInfo[]; contrast: ColorInfo[]; }; + +export type GeneratedColorTheme = { + main: Record; + support: Record; + neutral: ThemeInfo; +}; + +export type ThemeGenType = { + colors: Colors; + contrastMode?: ContrastMode; +}; diff --git a/packages/cli/src/colors/utils.ts b/packages/cli/src/colors/utils.ts index 090e0560eb..2997c2dec2 100644 --- a/packages/cli/src/colors/utils.ts +++ b/packages/cli/src/colors/utils.ts @@ -1,7 +1,6 @@ -import type { CssColor } from '@adobe/leonardo-contrast-colors'; -import { APCAcontrast, sRGBtoY } from 'apca-w3'; import chroma from 'chroma-js'; import { Hsluv } from 'hsluv'; +import type { ColorNumber } from './types'; /** * Converts a HEX color '#xxxxxx' into a CSS HSL string 'hsl(x,x,x)' @@ -11,50 +10,12 @@ import { Hsluv } from 'hsluv'; * @returns A CSS HSL string */ export const hexToCssHsl = (hex: string, valuesOnly = false) => { - const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); - let r = 0; - let g = 0; - let b = 0; - let cssString = ''; - if (result) { - r = parseInt(result[1], 16); - g = parseInt(result[2], 16); - b = parseInt(result[3], 16); - } - r /= 255; - g /= 255; - b /= 255; - const max = Math.max(r, g, b); - const min = Math.min(r, g, b); - let h = 0; - let s = 0; - let l = (max + min) / 2; - if (max === min) { - h = s = 0; // achromatic - } else { - const d = max - min; - s = l > 0.5 ? d / (2 - max - min) : d / (max + min); - switch (max) { - case r: - h = (g - b) / d + (g < b ? 6 : 0); - break; - case g: - h = (b - r) / d + 2; - break; - case b: - h = (r - g) / d + 4; - break; - } - } - - h = Math.round(h ? h * 360 : 0); - s = Math.round(s * 100); - l = Math.round(l * 100); - - cssString = h + ',' + s + '%,' + l + '%'; - cssString = !valuesOnly ? 'hsl(' + cssString + ')' : cssString; - - return cssString; + const [h, s, l] = chroma(hex).hsl(); + const hRounded = Math.round(h); + const sRounded = Math.round(s * 100); + const lRounded = Math.round(l * 100); + const cssString = `${hRounded},${sRounded}%,${lRounded}%`; + return valuesOnly ? cssString : `hsl(${cssString})`; }; /** @@ -63,46 +24,9 @@ export const hexToCssHsl = (hex: string, valuesOnly = false) => { * @param H A Hex color string * @returns HSL values in an array */ -export const hexToHSL = (H: string) => { - // Convert hex to RGB first - let r = 0; - let g = 0; - let b = 0; - if (H.length === 4) { - r = parseInt('0x' + H[1] + H[1]); - g = parseInt('0x' + H[2] + H[2]); - b = parseInt('0x' + H[3] + H[3]); - } else if (H.length === 7) { - r = parseInt('0x' + H[1] + H[2]); - g = parseInt('0x' + H[3] + H[4]); - b = parseInt('0x' + H[5] + H[6]); - } - // Then to HSL - r /= 255; - g /= 255; - b /= 255; - let h = 0; - let s = 0; - let l = 0; - const cmin = Math.min(r, g, b); - const cmax = Math.max(r, g, b); - const delta = cmax - cmin; - - if (delta === 0) h = 0; - else if (cmax === r) h = ((g - b) / delta) % 6; - else if (cmax === g) h = (b - r) / delta + 2; - else h = (r - g) / delta + 4; - - h = Math.round(h * 60); - - if (h < 0) h += 360; - - l = (cmax + cmin) / 2; - s = delta === 0 ? 0 : delta / (1 - Math.abs(2 * l - 1)); - s = +(s * 100).toFixed(1); - l = +(l * 100).toFixed(1); - - return [h, s, l]; +export const hexToHSL = (hex: string) => { + const [h, s, l] = chroma(hex).hsl(); + return [Math.round(h), Math.round(s * 100), Math.round(l * 100)]; }; /** @@ -137,52 +61,7 @@ export const hslArrToCss = (HSL: number[]) => { * @returns HEX color string */ export const HSLToHex = (h: number, s: number, l: number) => { - s /= 100; - l /= 100; - - let r = 0; - let g = 0; - let b = 0; - const c = (1 - Math.abs(2 * l - 1)) * s; - const x = c * (1 - Math.abs(((h / 60) % 2) - 1)); - const m = l - c / 2; - - if (0 <= h && h < 60) { - r = c; - g = x; - b = 0; - } else if (60 <= h && h < 120) { - r = x; - g = c; - b = 0; - } else if (120 <= h && h < 180) { - r = 0; - g = c; - b = x; - } else if (180 <= h && h < 240) { - r = 0; - g = x; - b = c; - } else if (240 <= h && h < 300) { - r = x; - g = 0; - b = c; - } else if (300 <= h && h < 360) { - r = c; - g = 0; - b = x; - } - // Having obtained RGB, convert channels to hex - r = parseInt(Math.round((r + m) * 255).toString(16), 16); - g = parseInt(Math.round((g + m) * 255).toString(16), 16); - b = parseInt(Math.round((b + m) * 255).toString(16), 16); - - // Prepend 0s, if necessary - if (r.toString().length === 1) r = parseInt('0' + r.toString(), 10); - if (g.toString().length === 1) g = parseInt('0' + g.toString(), 10); - if (b.toString().length === 1) b = parseInt('0' + b.toString(), 10); - - return '#' + r + g + b; + return chroma.hsl(h, s / 100, l / 100).hex(); }; /** @@ -193,107 +72,25 @@ export const HSLToHex = (h: number, s: number, l: number) => { * @returns RGB values in an array */ export const hexToRgb = (hex: string, type: '255' | '1' = '255') => { - const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i; - hex = hex.replace(shorthandRegex, (m, r: string, g: string, b: string) => r + r + g + g + b + b); - - const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); - return result - ? { - r: type === '255' ? parseInt(result[1], 16) : parseInt(result[1], 16) / 255, - g: type === '255' ? parseInt(result[2], 16) : parseInt(result[2], 16) / 255, - b: type === '255' ? parseInt(result[3], 16) : parseInt(result[3], 16) / 255, - } - : null; -}; - -/** - * Get the luminance of an RGB color - * - * @param r RGB red value - * @param G RGB green value - * @param b RGB blue value - * @returns - */ -export const luminanceFromRgb = (r: string, g: string, b: string) => { - const a = [Number(r), Number(g), Number(b)].map((v) => { - v /= 255; - return v <= 0.03928 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4; - }); - return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722; -}; - -/** - * Get the luminance of a HEX color - * - * @param hex A hex color string - * @returns - */ -export const luminanceFromHex = (hex: CssColor) => { - const rgb = hexToRgb(hex); - if (rgb) { - const r = rgb.r.toString(); - const g = rgb.g.toString(); - const b = rgb.b.toString(); - return luminanceFromRgb(r, g, b); - } - return 2; -}; - -/** - * Get the contrast ratio between two luminance values - * - * @param lum1 The first luminance value - * @param lum2 The second luminance value - * @returns - */ -export const getRatioFromLum = (lum1: number, lum2: number) => { - if (lum1 !== null && lum2 !== null) { - return (Math.max(lum1, lum2) + 0.05) / (Math.min(lum1, lum2) + 0.05); - } - return -1; -}; - -/** - * Get the HSL lightness from a HEX color - * - * @param hex A hex color string - * @returns - */ -export const getHslLightessFromHex = (hex: CssColor) => { - return chroma(hex).hsl()[2]; -}; - -export const getHslSaturationFromHex = (hex: CssColor) => { - return chroma(hex).hsl()[1]; -}; - -/** - * Get the HSLuv lightness from a HEX color - * - * @param hex A hex color string - * @returns - */ -export const getLightnessFromHex = (hex: string) => { - const conv = new Hsluv(); - conv.hex = hex; - conv.hexToHsluv(); - return Number(conv.hsluv_l.toFixed(1)); + const rgb = chroma(hex).rgb(); + return { + r: type === '255' ? rgb[0] : rgb[0] / 255, + g: type === '255' ? rgb[1] : rgb[1] / 255, + b: type === '255' ? rgb[2] : rgb[2] / 255, + }; }; /** * Get the contrast ratio between two HEX colors * - * @param color1 The first color - * @param color2 The second color + * @param color1 The first color to compare + * @param color2 The second color to compare * @returns */ -export const getContrastFromHex = (color1: CssColor, color2: CssColor) => { - const lum1 = luminanceFromHex(color1); - const lum2 = luminanceFromHex(color2); - if (lum1 !== null && lum2 !== null) { - return getRatioFromLum(lum1, lum2); - } - return -1; +export const getContrastFromHex = (color1: string, color2: string) => { + const lum1 = chroma(color1).luminance(); + const lum2 = chroma(color2).luminance(); + return (Math.max(lum1, lum2) + 0.05) / (Math.min(lum1, lum2) + 0.05); }; /** @@ -304,27 +101,20 @@ export const getContrastFromHex = (color1: CssColor, color2: CssColor) => { * @param backgroundColor The background color * @returns The contrast ratio */ -export const getContrastFromLightness = (lightness: number, mainColor: CssColor, backgroundColor: CssColor) => { +export const getContrastFromLightness = (lightness: number, mainColor: string, backgroundColor: string) => { const conv = new Hsluv(); conv.hex = mainColor; conv.hexToHsluv(); conv.hsluv_l = lightness; conv.hsluvToHex(); const lightMainColor = conv.hex; - const lum1 = luminanceFromHex(lightMainColor as CssColor); - const lum2 = luminanceFromHex(backgroundColor); - const ratio = getRatioFromLum(lum1 ?? 0, lum2 ?? 0); + const lum1 = chroma(lightMainColor).luminance(); + const lum2 = chroma(backgroundColor).luminance(); + const ratio = (Math.max(lum1, lum2) + 0.05) / (Math.min(lum1, lum2) + 0.05); return ratio; }; -/** - * Maps the numbers from [start1 - end1] to the range [start2 - end2], maintaining the proportionality between the numbers in the ranges using lineaer interpolation. - */ -// const mapRange = (value: number, start1: number, end1: number, start2: number, end2: number) => { -// return start2 + ((value - start1) * (end2 - start2)) / (end1 - start1); -// }; - /** * Check if two colors have enough contrast to be used together * @@ -332,7 +122,7 @@ export const getContrastFromLightness = (lightness: number, mainColor: CssColor, * @param color2 The second color * @returns If the colors have enough contrast */ -export const areColorsContrasting = (color1: CssColor, color2: CssColor, type: 'decorative' | 'aa' | 'aaa' = 'aa') => { +export const areColorsContrasting = (color1: string, color2: string, type: 'decorative' | 'aa' | 'aaa' = 'aa') => { const contrast = getContrastFromHex(color1, color2); if (contrast !== null) { if (type === 'aaa') { @@ -346,52 +136,115 @@ export const areColorsContrasting = (color1: CssColor, color2: CssColor, type: ' return false; }; -export const getApcaContrastLc = (textColor: CssColor, backgroundColor: CssColor) => { - const textColorRgb = hexToRgb(textColor); - const backgroundColorRgb = hexToRgb(backgroundColor); - - if (textColorRgb && backgroundColorRgb) { - return APCAcontrast( - sRGBtoY([textColorRgb.r, textColorRgb.g, textColorRgb.b]), - sRGBtoY([backgroundColorRgb.r, backgroundColorRgb.g, backgroundColorRgb.b]), - ); - } - return 0; -}; - /** * Check if aa string value is a HEX color * - * @param hex The string to check - * @returns If the string is a HEX color + * @param hex The hex color */ export const isHexColor = (hex: string) => { return typeof hex === 'string' && hex.length === 6 && !Number.isNaN(Number('0x' + hex)); }; /** + * Get the luminance value from a lightness value * - * @param color - * @returns + * @param lightness The lightness value + */ +export const getLuminanceFromLightness = (lightness: number) => { + const conv = new Hsluv(); + conv.hsluv_l = lightness; + conv.hsluvToHex(); + + return chroma(conv.hex).luminance(); +}; + +/** + * Get the HSLuv lightness from a HEX color + * + * @param hex The hex color */ -export const convertToHex = (color?: string): CssColor => { - if (!color) { - return '#000000'; +export const getLightnessFromHex = (hex: string) => { + const conv = new Hsluv(); + conv.hex = hex; + conv.hexToHsluv(); + + return conv.hsluv_l; +}; + +/** + * + * This function returns the color number based on the color name. + * + * @param name The name of the color + */ +export const getColorNumberFromName = (name: string): ColorNumber => { + const colorMap: Record = { + 'Background Default': 1, + 'Background Subtle': 2, + 'Surface Default': 3, + 'Surface Hover': 4, + 'Surface Active': 5, + 'Border Subtle': 6, + 'Border Default': 7, + 'Border Strong': 8, + 'Base Default': 9, + 'Base Hover': 10, + 'Base Active': 11, + 'Text Subtle': 12, + 'Text Default': 13, + 'Contrast Default': 14, + 'Contrast Subtle': 15, + }; + return colorMap[name]; +}; + +/** + * + * This function returns the color name based on the color number. + * + * @param number The number of the color + */ +export const getColorNameFromNumber = (number: ColorNumber): string => { + const colorMap: { [key in ColorNumber]: string } = { + 1: 'Background Default', + 2: 'Background Subtle', + 3: 'Surface Default', + 4: 'Surface Hover', + 5: 'Surface Active', + 6: 'Border Subtle', + 7: 'Border Default', + 8: 'Border Strong', + 9: 'Base Default', + 10: 'Base Hover', + 11: 'Base Active', + 12: 'Text Subtle', + 13: 'Text Default', + 14: 'Contrast Default', + 15: 'Contrast Subtle', + }; + return colorMap[number]; +}; + +/** + * + * This function checks if white or black text can be used on 2 different colors at 4.5:1 contrast. + * + * @param baseDefaultColor Base default color + * @param baseActiveColor Base active color + */ +export const canTextBeUsedOnColors = (baseDefaultColor: string, baseActiveColor: string) => { + const defaultAgainstWhite = getContrastFromHex(baseDefaultColor, '#ffffff'); + const defaultAgainstBlack = getContrastFromHex(baseDefaultColor, '#000000'); + + const activeAgainstWhite = getContrastFromHex(baseActiveColor, '#ffffff'); + const activeAgainstBlack = getContrastFromHex(baseActiveColor, '#000000'); + + if (defaultAgainstWhite >= 4.5 && activeAgainstWhite >= 4.5) { + return true; } - if (color.startsWith('#')) { - return color as CssColor; + if (defaultAgainstBlack >= 4.5 && activeAgainstBlack >= 4.5) { + return true; } - return chroma(color).hex() as CssColor; -}; -export const rgbToHex = (rgb: { r: number; g: number; b: number }) => { - return ( - '#' + - [rgb.r, rgb.g, rgb.b] - .map((x) => { - const hex = Math.round(x * 255).toString(16); - return hex.length === 1 ? '0' + hex : hex; - }) - .join('') - ); + return false; }; From ada6cdab983f0227f81b37e30c9b217188a0b56e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=98yvind=20Thune?= Date: Thu, 5 Dec 2024 14:11:44 +0100 Subject: [PATCH 04/24] Removed leonardo and did some cleaning --- packages/cli/package.json | 1 - packages/cli/src/colors/theme.ts | 74 +++++++++++++++----------------- packages/cli/src/colors/types.ts | 34 +++++++++++++++ packages/cli/src/colors/utils.ts | 10 ++--- packages/cli/src/tokens/types.ts | 2 +- yarn.lock | 1 - 6 files changed, 74 insertions(+), 48 deletions(-) diff --git a/packages/cli/package.json b/packages/cli/package.json index ec0c4ece5c..31db79df17 100644 --- a/packages/cli/package.json +++ b/packages/cli/package.json @@ -45,7 +45,6 @@ "update:template": "tsx ./src/tokens/template.ts" }, "dependencies": { - "@adobe/leonardo-contrast-colors": "^1.0.0", "@commander-js/extra-typings": "^12.1.0", "@tokens-studio/sd-transforms": "1.2.2", "apca-w3": "^0.1.9", diff --git a/packages/cli/src/colors/theme.ts b/packages/cli/src/colors/theme.ts index 96047253a6..50f835cfce 100644 --- a/packages/cli/src/colors/theme.ts +++ b/packages/cli/src/colors/theme.ts @@ -1,4 +1,5 @@ import * as R from 'ramda'; +import type { CssColor } from './types.js'; import chroma from 'chroma-js'; import { luminance } from './luminance.js'; @@ -13,7 +14,7 @@ import type { } from './types.js'; import { getColorNameFromNumber, getLightnessFromHex, getLuminanceFromLightness } from './utils.js'; -export const baseColors: Record = { +export const baseColors: Record = { blue: '#0A71C0', green: '#068718', orange: '#B8581D', @@ -23,17 +24,16 @@ export const baseColors: Record = { }; /** - * - * Generates a color scale based on a base color and a mode. + * Generates a color scale based on a base color and a color mode. * * @param color The base color that is used to generate the color scale * @param colorScheme The color scheme to generate a scale for */ -export const generateScaleForColor = (color: string, colorScheme: ColorMode): ColorInfo[] => { +export const generateScaleForColor = (color: CssColor, colorScheme: ColorMode): ColorInfo[] => { const baseColors = getBaseColors(color, colorScheme); const luminanceValues = luminance[colorScheme]; - // Create the color scale based on the luminance values + // Create the color scale based on the luminance values. The chroma().luminance function uses RGB interpolation by default. const outputArray: ColorInfo[] = Object.entries(luminanceValues).map(([key, value], index) => ({ name: key, hex: chroma(color).luminance(value).hex(), @@ -62,12 +62,11 @@ export const generateScaleForColor = (color: string, colorScheme: ColorMode): Co }; /** - * * Generates a color theme based on a base color. Light, Dark and Contrast scales are included. * * @param color The base color that is used to generate the color theme */ -export const generateThemeForColor = (color: string): ThemeInfo => ({ +export const generateThemeForColor = (color: CssColor): ThemeInfo => ({ light: generateScaleForColor(color, 'light'), dark: generateScaleForColor(color, 'dark'), contrast: generateScaleForColor(color, 'contrast'), @@ -87,7 +86,6 @@ export const generateColorTheme = ({ colors }: ThemeGenType): GeneratedColorThem }); /** - * * Generates a color theme for the global colors. Light, Dark and Contrast scales are included. * */ @@ -96,21 +94,46 @@ export const generateGlobalColors = (): Record => { }; /** + * Returns the base colors for a color and color scheme. * + * @param color The base color as a hex string + * @param colorScheme The color scheme to generate the base colors for + * @returns + */ +const getBaseColors = (color: CssColor, colorScheme: ColorMode) => { + let colorLightness = getLightnessFromHex(color); + if (colorScheme !== 'light') { + colorLightness = colorLightness <= 30 ? 70 : 100 - colorLightness; + } + + const modifier = colorLightness <= 30 || (colorLightness >= 49 && colorLightness <= 65) ? -8 : 8; + const calculateLightness = (base: number, mod: number) => base - mod; + + return { + baseDefault: chroma(color).luminance(getLuminanceFromLightness(colorLightness)).hex() as CssColor, + baseHover: chroma(color) + .luminance(getLuminanceFromLightness(calculateLightness(colorLightness, modifier))) + .hex() as CssColor, + baseActive: chroma(color) + .luminance(getLuminanceFromLightness(calculateLightness(colorLightness, modifier * 2))) + .hex() as CssColor, + }; +}; + +/** * Creates the Base Contrast Default color * * @param baseColor The base color */ -export const getContrastDefault = (color: string): string => +export const getContrastDefault = (color: CssColor) => chroma.contrast(color, '#ffffff') >= chroma.contrast(color, '#000000') ? '#ffffff' : '#000000'; /** - * * Creates the Base Contrast Subtle color * * @param color The base color */ -export const getContrastSubtle = (color: string): string => { +export const getContrastSubtle = (color: CssColor): string => { const contrastWhite = chroma.contrast(color, '#ffffff'); const contrastBlack = chroma.contrast(color, '#000000'); const lightness = getLightnessFromHex(color); @@ -121,7 +144,6 @@ export const getContrastSubtle = (color: string): string => { }; /** - * * Returns the css variable for a color. * * @param colorType The type of color @@ -130,31 +152,3 @@ export const getContrastSubtle = (color: string): string => { export const getCssVariable = (colorType: string, colorNumber: ColorNumber) => { return `--ds-color-${colorType}-${getColorNameFromNumber(colorNumber).toLowerCase().replace(/\s/g, '-')}`; }; - -/** - * - * Returns the base colors for a color and color scheme. - * - * @param color The base color as a hex string - * @param colorScheme The color scheme to generate the base colors for - * @returns - */ -const getBaseColors = (color: string, colorScheme: ColorMode) => { - let colorLightness = getLightnessFromHex(color); - if (colorScheme !== 'light') { - colorLightness = colorLightness <= 30 ? 70 : 100 - colorLightness; - } - - const modifier = colorLightness <= 30 || (colorLightness >= 49 && colorLightness <= 65) ? -8 : 8; - const calculateLightness = (base: number, mod: number) => base - mod; - - return { - baseDefault: chroma(color).luminance(getLuminanceFromLightness(colorLightness)).hex(), - baseHover: chroma(color) - .luminance(getLuminanceFromLightness(calculateLightness(colorLightness, modifier))) - .hex(), - baseActive: chroma(color) - .luminance(getLuminanceFromLightness(calculateLightness(colorLightness, modifier * 2))) - .hex(), - }; -}; diff --git a/packages/cli/src/colors/types.ts b/packages/cli/src/colors/types.ts index cd60825003..ee16392937 100644 --- a/packages/cli/src/colors/types.ts +++ b/packages/cli/src/colors/types.ts @@ -28,3 +28,37 @@ export type ThemeGenType = { colors: Colors; contrastMode?: ContrastMode; }; + +/** + * A valid CSS color. + */ +export type CssColor = + | RgbHexColor + | RgbColor + | HslColor + | HsvColor + | HsluvColor + | LabColor + | LchColor + | OkLabColor + | OkLchColor + | Cam02Color + | Cam02pColor; + +/** + * Different color formats. + */ +type RgbHexColor = `#${string}`; +type RgbColor = `rgb(${number} ${number} ${number})`; +type HslColor = `hsl(${Degrees} ${Percent} ${Percent})`; +type HsvColor = `hsv(${Degrees} ${Percent} ${Percent})`; +type HsluvColor = `hsluv(${number} ${number} ${number})`; +type LabColor = `lab(${Percent} ${number} ${number})`; +type LchColor = `lch(${Percent} ${number} ${Degrees})`; +type OkLabColor = `oklab(${Percent} ${number} ${number})`; +type OkLchColor = `oklch(${Percent} ${number} ${Degrees})`; +type Cam02Color = `jab(${Percent} ${number} ${number})`; +type Cam02pColor = `jch(${Percent} ${number} ${Degrees})`; + +type Percent = `${number}%`; +type Degrees = `${number}deg`; diff --git a/packages/cli/src/colors/utils.ts b/packages/cli/src/colors/utils.ts index 2997c2dec2..9974e3ec9f 100644 --- a/packages/cli/src/colors/utils.ts +++ b/packages/cli/src/colors/utils.ts @@ -1,6 +1,6 @@ import chroma from 'chroma-js'; import { Hsluv } from 'hsluv'; -import type { ColorNumber } from './types'; +import type { ColorNumber, CssColor } from './types'; /** * Converts a HEX color '#xxxxxx' into a CSS HSL string 'hsl(x,x,x)' @@ -87,7 +87,7 @@ export const hexToRgb = (hex: string, type: '255' | '1' = '255') => { * @param color2 The second color to compare * @returns */ -export const getContrastFromHex = (color1: string, color2: string) => { +export const getContrastFromHex = (color1: CssColor, color2: CssColor) => { const lum1 = chroma(color1).luminance(); const lum2 = chroma(color2).luminance(); return (Math.max(lum1, lum2) + 0.05) / (Math.min(lum1, lum2) + 0.05); @@ -101,7 +101,7 @@ export const getContrastFromHex = (color1: string, color2: string) => { * @param backgroundColor The background color * @returns The contrast ratio */ -export const getContrastFromLightness = (lightness: number, mainColor: string, backgroundColor: string) => { +export const getContrastFromLightness = (lightness: number, mainColor: CssColor, backgroundColor: CssColor) => { const conv = new Hsluv(); conv.hex = mainColor; conv.hexToHsluv(); @@ -122,7 +122,7 @@ export const getContrastFromLightness = (lightness: number, mainColor: string, b * @param color2 The second color * @returns If the colors have enough contrast */ -export const areColorsContrasting = (color1: string, color2: string, type: 'decorative' | 'aa' | 'aaa' = 'aa') => { +export const areColorsContrasting = (color1: CssColor, color2: CssColor, type: 'decorative' | 'aa' | 'aaa' = 'aa') => { const contrast = getContrastFromHex(color1, color2); if (contrast !== null) { if (type === 'aaa') { @@ -232,7 +232,7 @@ export const getColorNameFromNumber = (number: ColorNumber): string => { * @param baseDefaultColor Base default color * @param baseActiveColor Base active color */ -export const canTextBeUsedOnColors = (baseDefaultColor: string, baseActiveColor: string) => { +export const canTextBeUsedOnColors = (baseDefaultColor: CssColor, baseActiveColor: CssColor) => { const defaultAgainstWhite = getContrastFromHex(baseDefaultColor, '#ffffff'); const defaultAgainstBlack = getContrastFromHex(baseDefaultColor, '#000000'); diff --git a/packages/cli/src/tokens/types.ts b/packages/cli/src/tokens/types.ts index 182936260c..6f83906d9f 100644 --- a/packages/cli/src/tokens/types.ts +++ b/packages/cli/src/tokens/types.ts @@ -1,4 +1,4 @@ -import type { CssColor } from '@adobe/leonardo-contrast-colors'; +import type { CssColor } from '../colors/types'; export type Token = { $value: string; $type: string }; export type Tokens1ary = Record; diff --git a/yarn.lock b/yarn.lock index 56dd71e09a..86dcbb8c58 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1748,7 +1748,6 @@ __metadata: version: 0.0.0-use.local resolution: "@digdir/designsystemet@workspace:packages/cli" dependencies: - "@adobe/leonardo-contrast-colors": "npm:^1.0.0" "@commander-js/extra-typings": "npm:^12.1.0" "@tokens-studio/sd-transforms": "npm:1.2.2" "@types/apca-w3": "npm:^0.1.3" From ba4cd4fab2bce36b7aff5927a23cf876fe9463f4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=98yvind=20Thune?= Date: Thu, 5 Dec 2024 14:16:11 +0100 Subject: [PATCH 05/24] Fixed lint error --- packages/cli/bin/designsystemet.ts | 2 +- packages/cli/src/colors/utils.ts | 16 ++++++++++++++++ 2 files changed, 17 insertions(+), 1 deletion(-) diff --git a/packages/cli/bin/designsystemet.ts b/packages/cli/bin/designsystemet.ts index 906b8156c6..da6a959cd5 100644 --- a/packages/cli/bin/designsystemet.ts +++ b/packages/cli/bin/designsystemet.ts @@ -2,8 +2,8 @@ import { Argument, createCommand, program } from '@commander-js/extra-typings'; import chalk from 'chalk'; -import type { CssColor } from '@adobe/leonardo-contrast-colors'; import { convertToHex } from '../src/colors/index.js'; +import type { CssColor } from '../src/colors/types.js'; import migrations from '../src/migrations/index.js'; import { buildTokens } from '../src/tokens/build.js'; import { colorCliOptions, createTokens } from '../src/tokens/create.js'; diff --git a/packages/cli/src/colors/utils.ts b/packages/cli/src/colors/utils.ts index 9974e3ec9f..b1c60ba84e 100644 --- a/packages/cli/src/colors/utils.ts +++ b/packages/cli/src/colors/utils.ts @@ -248,3 +248,19 @@ export const canTextBeUsedOnColors = (baseDefaultColor: CssColor, baseActiveColo return false; }; + +/** + * Converts a color to a HEX color + * + * @param color + * @returns + */ +export const convertToHex = (color?: string): CssColor => { + if (!color) { + return '#000000'; + } + if (color.startsWith('#')) { + return color as CssColor; + } + return chroma(color).hex() as CssColor; +}; From 12ec6e12146d8a271a4d85f39b096813f463da55 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=98yvind=20Thune?= Date: Thu, 5 Dec 2024 14:54:57 +0100 Subject: [PATCH 06/24] Fixes --- .../BaseContrastOverview.module.css | 52 ------- .../BaseContrastOverview.tsx | 134 ------------------ .../app/testside/ContrastBox/ContrastBox.tsx | 7 +- .../testside/FullBaseTest/FullBaseTest.tsx | 66 +++------ apps/theme/app/testside/page.tsx | 5 - apps/theme/settings.ts | 2 +- packages/cli/src/colors/theme.ts | 4 +- packages/cli/src/colors/types.ts | 2 +- 8 files changed, 25 insertions(+), 247 deletions(-) delete mode 100644 apps/theme/app/testside/BaseContrastOverview/BaseContrastOverview.module.css delete mode 100644 apps/theme/app/testside/BaseContrastOverview/BaseContrastOverview.tsx diff --git a/apps/theme/app/testside/BaseContrastOverview/BaseContrastOverview.module.css b/apps/theme/app/testside/BaseContrastOverview/BaseContrastOverview.module.css deleted file mode 100644 index 86f28d17c8..0000000000 --- a/apps/theme/app/testside/BaseContrastOverview/BaseContrastOverview.module.css +++ /dev/null @@ -1,52 +0,0 @@ -.boxContainers { - display: flex; - flex-direction: column; - border: 1px solid #c2c2c2; - margin-bottom: 24px; - border-radius: 4px; -} - -.boxContainer { - display: flex; - align-items: center; - gap: 16px; - padding: 20px; - border-radius: 4px; - font-size: 15px; -} - -.box { - height: 46px; - width: 46px; - border-radius: 4px; - display: flex; - align-items: center; - justify-content: center; -} - -.dark { - background-color: #131c27; -} - -.contrastCircle { - height: 12px; - width: 12px; - background-color: white; - border: 1px solid #b8b8b8; - border-radius: 50%; -} - -.contrastCircleBlack { - background-color: black; -} - -.contrastBox { - display: flex; - align-items: center; - gap: 4px; - margin-top: 6px; -} - -.dark .contrastBox { - color: white; -} diff --git a/apps/theme/app/testside/BaseContrastOverview/BaseContrastOverview.tsx b/apps/theme/app/testside/BaseContrastOverview/BaseContrastOverview.tsx deleted file mode 100644 index 6799be6647..0000000000 --- a/apps/theme/app/testside/BaseContrastOverview/BaseContrastOverview.tsx +++ /dev/null @@ -1,134 +0,0 @@ -import { - BackgroundColor, - Color, - type CssColor, - Theme, -} from '@adobe/leonardo-contrast-colors'; -import { - getContrastDefault, - getContrastFromHex, - getContrastFromLightness, -} from '@digdir/designsystemet/color'; -import { CheckmarkIcon } from '@navikt/aksel-icons'; -import cl from 'clsx/lite'; -import { useEffect, useState } from 'react'; - -import classes from './BaseContrastOverview.module.css'; -export const BaseContrastOverview = () => { - const [blueColors, setBlueColors] = useState([]); - - const [greenColors, setGreenColors] = useState([]); - const [purpleColors, setPurpleColors] = useState([]); - useEffect(() => { - const blue = GenerateColor('#0163BA'); - setBlueColors(blue); - - const green = GenerateColor('#38D41F'); - setGreenColors(green); - const purple = GenerateColor('#9A1FD4'); - setPurpleColors(purple); - }, []); - - const GenerateColor = (color: string) => { - const leoBackgroundColor = new BackgroundColor({ - name: 'backgroundColor', - colorKeys: ['#ffffff'], - ratios: [1], - }); - - let lightnessScale: number[] = []; - - lightnessScale = [ - 90, 87, 84, 81, 78, 75, 72, 69, 66, 63, 60, 57, 54, 51, 48, 45, 42, 39, - 36, 33, 30, 27, 24, 21, 18, - ]; - - const getColorContrasts = ( - color: string, - lightnessScale: number[], - backgroundColor: string, - ) => { - return lightnessScale.map((lightness) => - getContrastFromLightness(lightness, color, backgroundColor), - ); - }; - - const leoColor = new Color({ - name: 'color', - colorKeys: [color as CssColor], - ratios: [ - ...getColorContrasts( - color, - lightnessScale, - leoBackgroundColor.colorKeys[0], - ), - ], - }); - - const theme = new Theme({ - colors: [leoColor], - backgroundColor: leoBackgroundColor, - lightness: 100, - }); - - return theme.contrastColorValues; - }; - - type BoxProps = { - color: string; - }; - - const Box = ({ color }: BoxProps) => { - return ( -
-
- -
-
-
-
{getContrastFromHex(color, '#ffffff').toFixed(1)}
-
-
-
-
{getContrastFromHex(color, '#000000').toFixed(1)}
-
-
- ); - }; - - const BoxContainer = ({ colors }: { colors: string[] }) => { - return ( -
-
- {colors.map((color, index) => ( - - ))} -
- {/*
- {colors.map((color, index) => ( - - ))} -
*/} -
- ); - }; - - return ( -
- - - -
- ); -}; diff --git a/apps/theme/app/testside/ContrastBox/ContrastBox.tsx b/apps/theme/app/testside/ContrastBox/ContrastBox.tsx index fa1348d80a..9e6c456149 100644 --- a/apps/theme/app/testside/ContrastBox/ContrastBox.tsx +++ b/apps/theme/app/testside/ContrastBox/ContrastBox.tsx @@ -1,10 +1,13 @@ 'use client'; -import { getContrastFromHex } from '@digdir/designsystemet/color'; +import { + type CssColor, + getContrastFromHex, +} from '@digdir/designsystemet/color'; import cl from 'clsx/lite'; import classes from './ContrastBox.module.css'; -export const ContrastBox = (mainColor: string, bgColor: string) => { +export const ContrastBox = (mainColor: CssColor, bgColor: CssColor) => { const contrast = getContrastFromHex(mainColor, bgColor); return (
diff --git a/apps/theme/app/testside/FullBaseTest/FullBaseTest.tsx b/apps/theme/app/testside/FullBaseTest/FullBaseTest.tsx index 3be7f9d205..3b7fb93c09 100644 --- a/apps/theme/app/testside/FullBaseTest/FullBaseTest.tsx +++ b/apps/theme/app/testside/FullBaseTest/FullBaseTest.tsx @@ -1,15 +1,15 @@ -import type { CssColor } from '@adobe/leonardo-contrast-colors'; -import { BackgroundColor, Color, Theme } from '@adobe/leonardo-contrast-colors'; +import type { CssColor } from '@digdir/designsystemet/color'; import { getContrastDefault, - getContrastFromLightness, getLightnessFromHex, + getLuminanceFromLightness, } from '@digdir/designsystemet/color'; import cl from 'clsx/lite'; import { useEffect, useState } from 'react'; import { ContrastBox } from '../ContrastBox/ContrastBox'; +import chroma from 'chroma-js'; import classes from './FullBaseTest.module.css'; export const FullBaseTest = () => { const [blueColors, setBlueColors] = useState([]); @@ -20,52 +20,19 @@ export const FullBaseTest = () => { }, []); const GenerateColor = (color: CssColor) => { - const leoBackgroundColor = new BackgroundColor({ - name: 'backgroundColor', - colorKeys: ['#ffffff'], - ratios: [1], - }); - - let lightnessScale: number[] = []; - - lightnessScale = [ - 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, - 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, - 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, - 58, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, - 76, 77, 78, 79, 80, 81, 82, 83, 84, 85, 86, 87, 88, 89, 90, 91, 92, 93, - 94, 95, 96, 97, 98, 99, 100, - ]; - - const getColorContrasts = ( - color: CssColor, - lightnessScale: number[], - backgroundColor: CssColor, - ) => { - return lightnessScale.map((lightness) => - getContrastFromLightness(lightness, color, backgroundColor), - ); - }; - - const leoColor = new Color({ - name: 'color', - colorKeys: [color], - ratios: [ - ...getColorContrasts( - color, - lightnessScale, - leoBackgroundColor.colorKeys[0], - ), - ], - }); - - const theme = new Theme({ - colors: [leoColor], - backgroundColor: leoBackgroundColor, - lightness: 100, - }); - - return theme.contrastColorValues; + const lightnessScale: number[] = []; + + for (let i = 0; i <= 100; i++) { + lightnessScale.push(getLuminanceFromLightness(i)); + } + + const output: CssColor[] = []; + + for (const lightness of lightnessScale) { + output.push(chroma(color).luminance(lightness).hex() as CssColor); + } + + return output; }; const Column = ({ color, index }: { color: CssColor; index: number }) => { @@ -160,7 +127,6 @@ export const FullBaseTest = () => { theme === 'contrast' && classes.boxContrast, )} > - f - Overgangen fra svart til hvit kontrastfarge på ulike Base farger - - Viser blå base farger i et spekter av lightness verdier og om kontrastfargen er hvit eller svart per mode diff --git a/apps/theme/settings.ts b/apps/theme/settings.ts index 5bfb59e11f..4ace222a32 100644 --- a/apps/theme/settings.ts +++ b/apps/theme/settings.ts @@ -1,4 +1,4 @@ -import type { CssColor } from '@adobe/leonardo-contrast-colors'; +import type { CssColor } from '@digdir/designsystemet/color'; export const Settings = { accentBaseColor: '#0062BA' as CssColor, diff --git a/packages/cli/src/colors/theme.ts b/packages/cli/src/colors/theme.ts index 50f835cfce..43a5d32db2 100644 --- a/packages/cli/src/colors/theme.ts +++ b/packages/cli/src/colors/theme.ts @@ -36,7 +36,7 @@ export const generateScaleForColor = (color: CssColor, colorScheme: ColorMode): // Create the color scale based on the luminance values. The chroma().luminance function uses RGB interpolation by default. const outputArray: ColorInfo[] = Object.entries(luminanceValues).map(([key, value], index) => ({ name: key, - hex: chroma(color).luminance(value).hex(), + hex: chroma(color).luminance(value).hex() as CssColor, number: (index + 1) as ColorNumber, })); @@ -52,7 +52,7 @@ export const generateScaleForColor = (color: CssColor, colorScheme: ColorMode): // Add the special colors to the output array for (const { hex, number } of specialColors) { outputArray[number - 1] = { - hex, + hex: hex as CssColor, number: number as ColorNumber, name: getColorNameFromNumber(number as ColorNumber), }; diff --git a/packages/cli/src/colors/types.ts b/packages/cli/src/colors/types.ts index ee16392937..d920202f07 100644 --- a/packages/cli/src/colors/types.ts +++ b/packages/cli/src/colors/types.ts @@ -7,7 +7,7 @@ export type GlobalColors = 'red' | 'blue' | 'green' | 'orange' | 'purple' | 'yel export type ColorError = 'none' | 'decorative' | 'interaction'; export type ColorInfo = { - hex: string; + hex: CssColor; number: ColorNumber; name: string; }; From d1d02ca964957aaddb26970a0ca5124a85a93c11 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=98yvind=20Thune?= Date: Thu, 5 Dec 2024 15:12:00 +0100 Subject: [PATCH 07/24] Fix fix fix --- apps/theme/components/ColorPicker/ColorPicker.tsx | 2 +- apps/theme/package.json | 1 - apps/theme/types.ts | 2 +- 3 files changed, 2 insertions(+), 3 deletions(-) diff --git a/apps/theme/components/ColorPicker/ColorPicker.tsx b/apps/theme/components/ColorPicker/ColorPicker.tsx index d237716f34..8fdd35ef00 100644 --- a/apps/theme/components/ColorPicker/ColorPicker.tsx +++ b/apps/theme/components/ColorPicker/ColorPicker.tsx @@ -1,5 +1,5 @@ -import type { CssColor } from '@adobe/leonardo-contrast-colors'; import { Link, Popover } from '@digdir/designsystemet-react'; +import type { CssColor } from '@digdir/designsystemet/color'; import { ExclamationmarkIcon } from '@navikt/aksel-icons'; import { useClickOutside } from '@react-awesome/use-click-outside'; import cl from 'clsx/lite'; diff --git a/apps/theme/package.json b/apps/theme/package.json index c7f60fa550..5fcb75675a 100644 --- a/apps/theme/package.json +++ b/apps/theme/package.json @@ -9,7 +9,6 @@ "lint": "next lint" }, "dependencies": { - "@adobe/leonardo-contrast-colors": "^1.0.0", "@digdir/designsystemet": "workspace:^", "@digdir/designsystemet-css": "workspace:^", "@digdir/designsystemet-react": "workspace:^", diff --git a/apps/theme/types.ts b/apps/theme/types.ts index bf98b30404..903eb0a590 100644 --- a/apps/theme/types.ts +++ b/apps/theme/types.ts @@ -1,4 +1,4 @@ -import type { CssColor } from '@adobe/leonardo-contrast-colors'; +import type { CssColor } from '@/packages/cli/dist/src'; export type modeType = 'light' | 'dark' | 'contrast'; export type ThemeColors = 'accent' | 'neutral' | 'brand1' | 'brand2' | 'brand3'; From 321330e3094c7c08204fb764cfd7497573d36875 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=98yvind=20Thune?= Date: Thu, 5 Dec 2024 15:12:25 +0100 Subject: [PATCH 08/24] remove leonardo --- yarn.lock | 1 - 1 file changed, 1 deletion(-) diff --git a/yarn.lock b/yarn.lock index 86dcbb8c58..d40985ebf1 100644 --- a/yarn.lock +++ b/yarn.lock @@ -16931,7 +16931,6 @@ __metadata: version: 0.0.0-use.local resolution: "theme@workspace:apps/theme" dependencies: - "@adobe/leonardo-contrast-colors": "npm:^1.0.0" "@digdir/designsystemet": "workspace:^" "@digdir/designsystemet-css": "workspace:^" "@digdir/designsystemet-react": "workspace:^" From 8ca6eec86715dd4eb2d0ff740b7f7606823e06a6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=98yvind=20Thune?= Date: Thu, 5 Dec 2024 15:13:57 +0100 Subject: [PATCH 09/24] Update ContrastBoxes.tsx --- .../ColorModal/components/ContrastBoxes.tsx | 25 ++----------------- 1 file changed, 2 insertions(+), 23 deletions(-) diff --git a/apps/_components/src/ColorModal/components/ContrastBoxes.tsx b/apps/_components/src/ColorModal/components/ContrastBoxes.tsx index e3097d65f3..a4f52f2570 100644 --- a/apps/_components/src/ColorModal/components/ContrastBoxes.tsx +++ b/apps/_components/src/ColorModal/components/ContrastBoxes.tsx @@ -1,10 +1,7 @@ -import type { CssColor } from '@adobe/leonardo-contrast-colors'; import { Heading } from '@digdir/designsystemet-react'; +import type { CssColor } from '@digdir/designsystemet/color'; import type { ColorNumber } from '@digdir/designsystemet/color'; -import { - areColorsContrasting, - getApcaContrastLc, -} from '@digdir/designsystemet/color'; +import { areColorsContrasting } from '@digdir/designsystemet/color'; import { CheckmarkCircleFillIcon, ExclamationmarkTriangleFillIcon, @@ -95,24 +92,6 @@ const ContrastBox = ({ } />
- - {(colorNumber === 12 || colorNumber === 13) && ( - <> -

APCA

-
- -
- - )}
); }; From f5e93f9545e932ecc091d0b4772808ae30b6d8af Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=98yvind=20Thune?= Date: Thu, 5 Dec 2024 15:35:41 +0100 Subject: [PATCH 10/24] Update page.tsx --- apps/theme/app/testside/page.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/theme/app/testside/page.tsx b/apps/theme/app/testside/page.tsx index 5ebfaef6bc..4c69526824 100644 --- a/apps/theme/app/testside/page.tsx +++ b/apps/theme/app/testside/page.tsx @@ -1,7 +1,7 @@ 'use client'; import { Heading } from '@digdir/designsystemet-react'; -import type { ColorInfo } from '@digdir/designsystemet/color'; +import type { ColorInfo, CssColor } from '@digdir/designsystemet/color'; import { generateThemeForColor } from '@digdir/designsystemet/color'; import { Container } from '@repo/components'; import cl from 'clsx/lite'; @@ -16,7 +16,7 @@ import { FullBaseTest } from './FullBaseTest/FullBaseTest'; import { Interaction } from './Interaction/Interaction'; import classes from './page.module.css'; -const Box = (name: string, color1: string, color2: string) => { +const Box = (name: string, color1: CssColor, color2: CssColor) => { return (
From 93162f938ac31fae4ea4e290d740b351aff6b0f3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=98yvind=20Thune?= Date: Fri, 6 Dec 2024 08:39:52 +0100 Subject: [PATCH 11/24] Update apps/theme/app/test/page.tsx Co-authored-by: Tobias Barsnes --- apps/theme/app/test/page.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/theme/app/test/page.tsx b/apps/theme/app/test/page.tsx index 8562efcc65..846e8e421b 100644 --- a/apps/theme/app/test/page.tsx +++ b/apps/theme/app/test/page.tsx @@ -1,7 +1,7 @@ 'use client'; import { Container } from '@repo/components'; -import { type ThemeInfo, generateThemeForColor } from '@/packages/cli/dist/src'; +import { type ThemeInfo, generateThemeForColor } from '@digdir/designsystemet/color'; import classes from './page.module.css'; export default function Home() { From abe8356eb1dd89a29387457e50207e32ffb1c975 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=98yvind=20Thune?= Date: Fri, 6 Dec 2024 08:39:57 +0100 Subject: [PATCH 12/24] Update apps/theme/types.ts Co-authored-by: Tobias Barsnes --- apps/theme/types.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/theme/types.ts b/apps/theme/types.ts index 903eb0a590..e7be941aa1 100644 --- a/apps/theme/types.ts +++ b/apps/theme/types.ts @@ -1,4 +1,4 @@ -import type { CssColor } from '@/packages/cli/dist/src'; +import type { CssColor } from '@digdir/designsystemet/color'; export type modeType = 'light' | 'dark' | 'contrast'; export type ThemeColors = 'accent' | 'neutral' | 'brand1' | 'brand2' | 'brand3'; From 916de12898f1614c7b030026e222ea5d3843cfb8 Mon Sep 17 00:00:00 2001 From: Barsnes Date: Fri, 6 Dec 2024 08:43:01 +0100 Subject: [PATCH 13/24] lint --- apps/theme/app/test/page.tsx | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/apps/theme/app/test/page.tsx b/apps/theme/app/test/page.tsx index 846e8e421b..c60fd1b29c 100644 --- a/apps/theme/app/test/page.tsx +++ b/apps/theme/app/test/page.tsx @@ -1,7 +1,10 @@ 'use client'; import { Container } from '@repo/components'; -import { type ThemeInfo, generateThemeForColor } from '@digdir/designsystemet/color'; +import { + type ThemeInfo, + generateThemeForColor, +} from '@digdir/designsystemet/color'; import classes from './page.module.css'; export default function Home() { From 766936fca78e838e255cadb2b55ba2b55f89b8d5 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Fri, 6 Dec 2024 14:10:26 +0100 Subject: [PATCH 14/24] added script for making internal themes --- .gitignore | 1 + packages/cli/package.json | 8 ++++++-- 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/.gitignore b/.gitignore index f387726a6e..fe54570bc2 100644 --- a/.gitignore +++ b/.gitignore @@ -42,3 +42,4 @@ test-report.xml packages/cli/test-tokens-create packages/cli/test-tokens-build +packages/cli/internal diff --git a/packages/cli/package.json b/packages/cli/package.json index 31db79df17..98684ba375 100644 --- a/packages/cli/package.json +++ b/packages/cli/package.json @@ -34,7 +34,6 @@ "build:tokens": "yarn clean:theme && yarn designsystemet tokens build -p -t ../../design-tokens -o ../../packages/theme/brand", "build:tokens:debug": "yarn clean:theme && tsx --inspect-brk ./bin/designsystemet.ts tokens build -p -t ../../design-tokens -o ../../packages/theme/brand", "build": "tsup && yarn build:types", - "build:swc": "yarn clean && swc src bin --copy-files -d dist && yarn build:types", "build:types": "tsc --emitDeclarationOnly --declaration", "test:tokens-create": "yarn designsystemet tokens create -m dominant:#007682 secondary:#ff0000 -n #003333 -s support1:#12404f support2:#0054a6 support3:#942977 -w ./test-tokens-create", "test:tokens-build": "yarn designsystemet tokens build -t ./test-tokens-create -o ./test-tokens-build", @@ -42,7 +41,12 @@ "test": "yarn test:tokens-create-and-build", "clean": "rimraf dist", "clean:theme": "yarn workspace @digdir/designsystemet-theme clean", - "update:template": "tsx ./src/tokens/template.ts" + "update:template": "tsx ./src/tokens/template.ts", + "internal:tokens-create-digdir": "yarn designsystemet tokens create --theme theme -m accent:#0062BA -s brand1:#F45F63 brand2:#E5AA20 brand3:#1E98F5 -n #1E2B3C -w ./internal/design-tokens", + "internal:tokens-create-altinn": "yarn designsystemet tokens create --theme theme2 -m accent:#007682 -n #003333 -s brand1:#12404f brand2:#0054a6 brand3:#942977 -w ../../design-tokens", + "internal:tokens-create-uutilsynet": "yarn designsystemet tokens create --theme theme3 -m accent:#007682 -n #003333 -s brand1:#12404f brand2:#0054a6 brand3:#942977 -w ../../design-tokens", + "internal:tokens-create-portal": "yarn designsystemet tokens create --theme theme4 -m accent:#007682 -n #003333 -s brand1:#12404f brand2:#0054a6 brand3:#942977 -w ../../design-tokens", + "internal:tokens-create-all": "yarn internal:tokens-create-digdir && yarn internal:tokens-create-altinn && yarn internal:tokens-create-uutilsynet && yarn internal:tokens-create-portal" }, "dependencies": { "@commander-js/extra-typings": "^12.1.0", From 15a5352e9499b6403f6384c79b9665e531246d24 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Fri, 6 Dec 2024 14:14:12 +0100 Subject: [PATCH 15/24] updated colors for digdir theme --- .../modes/color-scheme/dark/global.json | 148 ++++++++--------- .../modes/color-scheme/dark/theme.json | 154 +++++++++--------- .../modes/color-scheme/light/global.json | 130 +++++++-------- .../modes/color-scheme/light/theme.json | 148 ++++++++--------- 4 files changed, 290 insertions(+), 290 deletions(-) diff --git a/design-tokens/primitives/modes/color-scheme/dark/global.json b/design-tokens/primitives/modes/color-scheme/dark/global.json index caecd9498a..fce90150ae 100644 --- a/design-tokens/primitives/modes/color-scheme/dark/global.json +++ b/design-tokens/primitives/modes/color-scheme/dark/global.json @@ -3,55 +3,55 @@ "blue": { "1": { "$type": "color", - "$value": "#031d30" + "$value": "#031e33" }, "2": { "$type": "color", - "$value": "#032540" + "$value": "#032641" }, "3": { "$type": "color", - "$value": "#043256" + "$value": "#043154" }, "4": { "$type": "color", - "$value": "#063f6c" + "$value": "#063f6a" }, "5": { "$type": "color", - "$value": "#074d84" + "$value": "#074d82" }, "6": { "$type": "color", - "$value": "#075490" + "$value": "#07538d" }, "7": { "$type": "color", - "$value": "#0c72c1" + "$value": "#2480c7" }, "8": { "$type": "color", - "$value": "#98c3e5" + "$value": "#69a8d8" }, "9": { "$type": "color", - "$value": "#2c85c9" + "$value": "#2d85c9" }, "10": { "$type": "color", - "$value": "#529bd2" + "$value": "#519ad2" }, "11": { "$type": "color", - "$value": "#75afdc" + "$value": "#77b0dc" }, "12": { "$type": "color", - "$value": "#6ba9d9" + "$value": "#69a8d8" }, "13": { "$type": "color", - "$value": "#d3e5f4" + "$value": "#d6e7f4" }, "contrast-1": { "$type": "color", @@ -59,17 +59,17 @@ }, "contrast-2": { "$type": "color", - "$value": "#040e15" + "$value": "#050e15" } }, "green": { "1": { "$type": "color", - "$value": "#012106" + "$value": "#022306" }, "2": { "$type": "color", - "$value": "#022b08" + "$value": "#022c08" }, "3": { "$type": "color", @@ -77,11 +77,11 @@ }, "4": { "$type": "color", - "$value": "#03490d" + "$value": "#03470d" }, "5": { "$type": "color", - "$value": "#045810" + "$value": "#04570f" }, "6": { "$type": "color", @@ -89,11 +89,11 @@ }, "7": { "$type": "color", - "$value": "#068217" + "$value": "#178f28" }, "8": { "$type": "color", - "$value": "#93cb9b" + "$value": "#62b36d" }, "9": { "$type": "color", @@ -101,19 +101,19 @@ }, "10": { "$type": "color", - "$value": "#3da14b" + "$value": "#3ca14b" }, "11": { "$type": "color", - "$value": "#65b570" + "$value": "#66b571" }, "12": { "$type": "color", - "$value": "#63b46f" + "$value": "#62b36d" }, "13": { "$type": "color", - "$value": "#d1e9d4" + "$value": "#d4ead7" }, "contrast-1": { "$type": "color", @@ -127,39 +127,39 @@ "orange": { "1": { "$type": "color", - "$value": "#2d1507" + "$value": "#2f1607" }, "2": { "$type": "color", - "$value": "#391b09" + "$value": "#3b1c09" }, "3": { "$type": "color", - "$value": "#4e250c" + "$value": "#4d250c" }, "4": { "$type": "color", - "$value": "#633010" + "$value": "#612f0f" }, "5": { "$type": "color", - "$value": "#783a13" + "$value": "#773913" }, "6": { "$type": "color", - "$value": "#833f15" + "$value": "#823e14" }, "7": { "$type": "color", - "$value": "#b2551c" + "$value": "#bd632d" }, "8": { "$type": "color", - "$value": "#e0b69c" + "$value": "#d2946e" }, "9": { "$type": "color", - "$value": "#bc622b" + "$value": "#bc612a" }, "10": { "$type": "color", @@ -167,15 +167,15 @@ }, "11": { "$type": "color", - "$value": "#d39773" + "$value": "#d39772" }, "12": { "$type": "color", - "$value": "#d29671" + "$value": "#d2946e" }, "13": { "$type": "color", - "$value": "#f1ded3" + "$value": "#f2e2d7" }, "contrast-1": { "$type": "color", @@ -183,45 +183,45 @@ }, "contrast-2": { "$type": "color", - "$value": "#090402" + "$value": "#070301" } }, "purple": { "1": { "$type": "color", - "$value": "#251238" + "$value": "#27133a" }, "2": { "$type": "color", - "$value": "#301748" + "$value": "#31184a" }, "3": { "$type": "color", - "$value": "#402060" + "$value": "#401f5f" }, "4": { "$type": "color", - "$value": "#52287a" + "$value": "#512879" }, "5": { "$type": "color", - "$value": "#643196" + "$value": "#633094" }, "6": { "$type": "color", - "$value": "#6b399d" + "$value": "#6a379c" }, "7": { "$type": "color", - "$value": "#865daf" + "$value": "#916cb6" }, "8": { "$type": "color", - "$value": "#c9b7db" + "$value": "#b297cb" }, "9": { "$type": "color", - "$value": "#b39acd" + "$value": "#b49acd" }, "10": { "$type": "color", @@ -233,11 +233,11 @@ }, "12": { "$type": "color", - "$value": "#b298cc" + "$value": "#b297cb" }, "13": { "$type": "color", - "$value": "#e7dfef" + "$value": "#e9e2f0" }, "contrast-1": { "$type": "color", @@ -245,45 +245,45 @@ }, "contrast-2": { "$type": "color", - "$value": "#18141b" + "$value": "#18151c" } }, "red": { "1": { "$type": "color", - "$value": "#3b0808" + "$value": "#3d0909" }, "2": { "$type": "color", - "$value": "#4b0a0a" + "$value": "#4c0b0b" }, "3": { "$type": "color", - "$value": "#620e0e" + "$value": "#610e0e" }, "4": { "$type": "color", - "$value": "#7c1212" + "$value": "#7a1111" }, "5": { "$type": "color", - "$value": "#961515" + "$value": "#941515" }, "6": { "$type": "color", - "$value": "#a31717" + "$value": "#a11717" }, "7": { "$type": "color", - "$value": "#c93c3c" + "$value": "#cf5252" }, "8": { "$type": "color", - "$value": "#e9b0b0" + "$value": "#df8b8b" }, "9": { "$type": "color", - "$value": "#d76d6d" + "$value": "#d76e6e" }, "10": { "$type": "color", @@ -295,11 +295,11 @@ }, "12": { "$type": "color", - "$value": "#df8d8d" + "$value": "#df8b8b" }, "13": { "$type": "color", - "$value": "#f5dcdc" + "$value": "#f6dfdf" }, "contrast-1": { "$type": "color", @@ -307,21 +307,21 @@ }, "contrast-2": { "$type": "color", - "$value": "#261313" + "$value": "#271414" } }, "yellow": { "1": { "$type": "color", - "$value": "#211b07" + "$value": "#221c08" }, "2": { "$type": "color", - "$value": "#2b2309" + "$value": "#2b240a" }, "3": { "$type": "color", - "$value": "#392f0d" + "$value": "#382f0c" }, "4": { "$type": "color", @@ -329,39 +329,39 @@ }, "5": { "$type": "color", - "$value": "#594a14" + "$value": "#584913" }, "6": { "$type": "color", - "$value": "#625116" + "$value": "#5f5015" }, "7": { "$type": "color", - "$value": "#836d1d" + "$value": "#927a20" }, "8": { "$type": "color", - "$value": "#dabc4c" + "$value": "#bf9f2a" }, "9": { "$type": "color", - "$value": "#4b3e11" + "$value": "#4a3e10" }, "10": { "$type": "color", - "$value": "#605115" + "$value": "#615115" }, "11": { "$type": "color", - "$value": "#77641a" + "$value": "#77631a" }, "12": { "$type": "color", - "$value": "#bfa02a" + "$value": "#bf9f2a" }, "13": { "$type": "color", - "$value": "#efe2b3" + "$value": "#f1e5b9" }, "contrast-1": { "$type": "color", @@ -373,4 +373,4 @@ } } } -} \ No newline at end of file +} diff --git a/design-tokens/primitives/modes/color-scheme/dark/theme.json b/design-tokens/primitives/modes/color-scheme/dark/theme.json index a4cc9bdbbc..4870bad88c 100644 --- a/design-tokens/primitives/modes/color-scheme/dark/theme.json +++ b/design-tokens/primitives/modes/color-scheme/dark/theme.json @@ -3,55 +3,55 @@ "accent": { "1": { "$type": "color", - "$value": "#001c36" + "$value": "#001e38" }, "2": { "$type": "color", - "$value": "#002545" + "$value": "#002547" }, "3": { "$type": "color", - "$value": "#00315b" + "$value": "#00305c" }, "4": { "$type": "color", - "$value": "#013f75" + "$value": "#003d74" }, "5": { "$type": "color", - "$value": "#014b8e" + "$value": "#004b8d" }, "6": { "$type": "color", - "$value": "#01539b" + "$value": "#00519a" }, "7": { "$type": "color", - "$value": "#1971c0" + "$value": "#307fc7" }, "8": { "$type": "color", - "$value": "#9bc2e4" + "$value": "#70a7d8" }, "9": { "$type": "color", - "$value": "#4b90ce" + "$value": "#4c91cf" }, "10": { "$type": "color", - "$value": "#277ac4" + "$value": "#6fa6d8" }, "11": { "$type": "color", - "$value": "#0163ba" + "$value": "#92bce1" }, "12": { "$type": "color", - "$value": "#72a8d9" + "$value": "#70a7d8" }, "13": { "$type": "color", - "$value": "#d1e3f3" + "$value": "#d7e7f4" }, "contrast-1": { "$type": "color", @@ -59,123 +59,123 @@ }, "contrast-2": { "$type": "color", - "$value": "#0d1823" + "$value": "#0d1924" } }, - "neutral": { + "brand1": { "1": { "$type": "color", - "$value": "#131c27" + "$value": "#321314" }, "2": { "$type": "color", - "$value": "#192433" + "$value": "#3f181a" }, "3": { "$type": "color", - "$value": "#243142" + "$value": "#512021" }, "4": { "$type": "color", - "$value": "#333e4e" + "$value": "#67282a" }, "5": { "$type": "color", - "$value": "#424d5b" + "$value": "#7e3133" }, "6": { "$type": "color", - "$value": "#495361" + "$value": "#893538" }, "7": { "$type": "color", - "$value": "#67707c" + "$value": "#d05155" }, "8": { "$type": "color", - "$value": "#bbbfc4" + "$value": "#f67e81" }, "9": { "$type": "color", - "$value": "#a6abb2" + "$value": "#9f3e41" }, "10": { "$type": "color", - "$value": "#90969e" + "$value": "#7f3234" }, "11": { "$type": "color", - "$value": "#7a818c" + "$value": "#612628" }, "12": { "$type": "color", - "$value": "#9ea3ab" + "$value": "#f67e81" }, "13": { "$type": "color", - "$value": "#e1e3e5" + "$value": "#fdddde" }, "contrast-1": { "$type": "color", - "$value": "#000000" + "$value": "#ffffff" }, "contrast-2": { "$type": "color", - "$value": "#1b1b1d" + "$value": "#ffffff" } }, - "brand1": { + "brand2": { "1": { "$type": "color", - "$value": "#2f1213" + "$value": "#251b05" }, "2": { "$type": "color", - "$value": "#3e1819" + "$value": "#2f2307" }, "3": { "$type": "color", - "$value": "#522022" + "$value": "#3d2d09" }, "4": { "$type": "color", - "$value": "#68292b" + "$value": "#4d3a0b" }, "5": { "$type": "color", - "$value": "#7f3234" + "$value": "#5f460d" }, "6": { "$type": "color", - "$value": "#8b3639" + "$value": "#674d0e" }, "7": { "$type": "color", - "$value": "#bc494c" + "$value": "#9e7516" }, "8": { "$type": "color", - "$value": "#f9a9ab" + "$value": "#ce991d" }, "9": { "$type": "color", - "$value": "#9f3e41" + "$value": "#513c0b" }, "10": { "$type": "color", - "$value": "#7f3234" + "$value": "#694e0f" }, "11": { "$type": "color", - "$value": "#612628" + "$value": "#816012" }, "12": { "$type": "color", - "$value": "#f58083" + "$value": "#ce991d" }, "13": { "$type": "color", - "$value": "#fcdbdc" + "$value": "#f6e3b6" }, "contrast-1": { "$type": "color", @@ -183,61 +183,61 @@ }, "contrast-2": { "$type": "color", - "$value": "#fefefe" + "$value": "#ddd9cf" } }, - "brand2": { + "brand3": { "1": { "$type": "color", - "$value": "#231a05" + "$value": "#061e31" }, "2": { "$type": "color", - "$value": "#2d2206" + "$value": "#08263e" }, "3": { "$type": "color", - "$value": "#3d2e09" + "$value": "#0a3250" }, "4": { "$type": "color", - "$value": "#4f3a0b" + "$value": "#0c3f66" }, "5": { "$type": "color", - "$value": "#60470e" + "$value": "#0f4d7c" }, "6": { "$type": "color", - "$value": "#694d0f" + "$value": "#115487" }, "7": { "$type": "color", - "$value": "#8e6914" + "$value": "#1980ce" }, "8": { "$type": "color", - "$value": "#e8b744" + "$value": "#42a8f7" }, "9": { "$type": "color", - "$value": "#523c0b" + "$value": "#135f9a" }, "10": { "$type": "color", - "$value": "#694d0f" + "$value": "#0f4c7a" }, "11": { "$type": "color", - "$value": "#826112" + "$value": "#0b395d" }, "12": { "$type": "color", - "$value": "#d09a1d" + "$value": "#42a8f7" }, "13": { "$type": "color", - "$value": "#f5dfad" + "$value": "#cde8fd" }, "contrast-1": { "$type": "color", @@ -245,70 +245,70 @@ }, "contrast-2": { "$type": "color", - "$value": "#ddd9cf" + "$value": "#fbfcfd" } }, - "brand3": { + "neutral": { "1": { "$type": "color", - "$value": "#061d30" + "$value": "#141d29" }, "2": { "$type": "color", - "$value": "#07253c" + "$value": "#1a2534" }, "3": { "$type": "color", - "$value": "#0a3251" + "$value": "#243041" }, "4": { "$type": "color", - "$value": "#0d4068" + "$value": "#323e4d" }, "5": { "$type": "color", - "$value": "#0f4e7f" + "$value": "#404b5a" }, "6": { "$type": "color", - "$value": "#11558a" + "$value": "#475260" }, "7": { "$type": "color", - "$value": "#1773b9" + "$value": "#747c87" }, "8": { "$type": "color", - "$value": "#81c5f9" + "$value": "#9da2aa" }, "9": { "$type": "color", - "$value": "#13609a" + "$value": "#a6acb2" }, "10": { "$type": "color", - "$value": "#0f4c7a" + "$value": "#90979f" }, "11": { "$type": "color", - "$value": "#0b3a5d" + "$value": "#7a828c" }, "12": { "$type": "color", - "$value": "#44aaf7" + "$value": "#9da2aa" }, "13": { "$type": "color", - "$value": "#c8e6fd" + "$value": "#e3e5e7" }, "contrast-1": { "$type": "color", - "$value": "#ffffff" + "$value": "#000000" }, "contrast-2": { "$type": "color", - "$value": "#fafcfd" + "$value": "#1b1c1d" } } } -} \ No newline at end of file +} diff --git a/design-tokens/primitives/modes/color-scheme/light/global.json b/design-tokens/primitives/modes/color-scheme/light/global.json index 6305ccf8d2..81545bc9e6 100644 --- a/design-tokens/primitives/modes/color-scheme/light/global.json +++ b/design-tokens/primitives/modes/color-scheme/light/global.json @@ -3,7 +3,7 @@ "blue": { "1": { "$type": "color", - "$value": "#fefeff" + "$value": "#ffffff" }, "2": { "$type": "color", @@ -11,7 +11,7 @@ }, "3": { "$type": "color", - "$value": "#d3e5f4" + "$value": "#d2e5f3" }, "4": { "$type": "color", @@ -19,7 +19,7 @@ }, "5": { "$type": "color", - "$value": "#9bc5e5" + "$value": "#9fc7e6" }, "6": { "$type": "color", @@ -27,27 +27,27 @@ }, "7": { "$type": "color", - "$value": "#2f86c9" + "$value": "#2a83c8" }, "8": { "$type": "color", - "$value": "#075089" + "$value": "#0964a9" }, "9": { "$type": "color", - "$value": "#0A71C0" + "$value": "#0a71bf" }, "10": { "$type": "color", - "$value": "#085e9f" + "$value": "#085d9f" }, "11": { "$type": "color", - "$value": "#074a7f" + "$value": "#074a7e" }, "12": { "$type": "color", - "$value": "#0966ac" + "$value": "#0964a9" }, "13": { "$type": "color", @@ -59,29 +59,29 @@ }, "contrast-2": { "$type": "color", - "$value": "#edf5fa" + "$value": "#eff6fb" } }, "green": { "1": { "$type": "color", - "$value": "#fcfefc" + "$value": "#ffffff" }, "2": { "$type": "color", - "$value": "#edf6ee" + "$value": "#ecf6ee" }, "3": { "$type": "color", - "$value": "#d1e9d4" + "$value": "#d0e8d3" }, "4": { "$type": "color", - "$value": "#b5dbba" + "$value": "#b4dbba" }, "5": { "$type": "color", - "$value": "#96cd9e" + "$value": "#9bcfa2" }, "6": { "$type": "color", @@ -89,11 +89,11 @@ }, "7": { "$type": "color", - "$value": "#229532" + "$value": "#1d922d" }, "8": { "$type": "color", - "$value": "#045a10" + "$value": "#057114" }, "9": { "$type": "color", @@ -109,7 +109,7 @@ }, "12": { "$type": "color", - "$value": "#057315" + "$value": "#057114" }, "13": { "$type": "color", @@ -121,61 +121,61 @@ }, "contrast-2": { "$type": "color", - "$value": "#f9fcf9" + "$value": "#fafdfb" } }, "orange": { "1": { "$type": "color", - "$value": "#fffefe" + "$value": "#ffffff" }, "2": { "$type": "color", - "$value": "#f9f2ed" + "$value": "#faf2ee" }, "3": { "$type": "color", - "$value": "#f1ded3" + "$value": "#f1dfd3" }, "4": { "$type": "color", - "$value": "#e9cbb8" + "$value": "#e9ccba" }, "5": { "$type": "color", - "$value": "#e1b9a0" + "$value": "#e2baa2" }, "6": { "$type": "color", - "$value": "#deb296" + "$value": "#dfb398" }, "7": { "$type": "color", - "$value": "#c06b36" + "$value": "#bf6732" }, "8": { "$type": "color", - "$value": "#7c3b14" + "$value": "#9b4a18" }, "9": { "$type": "color", - "$value": "#B8581D" + "$value": "#b7581d" }, "10": { "$type": "color", - "$value": "#984918" + "$value": "#994918" }, "11": { "$type": "color", - "$value": "#7a3b13" + "$value": "#7b3b13" }, "12": { "$type": "color", - "$value": "#9e4b19" + "$value": "#9b4a18" }, "13": { "$type": "color", - "$value": "#47220b" + "$value": "#46220b" }, "contrast-1": { "$type": "color", @@ -183,17 +183,17 @@ }, "contrast-2": { "$type": "color", - "$value": "#fdfbf9" + "$value": "#fdf9f8" } }, "purple": { "1": { "$type": "color", - "$value": "#fefefe" + "$value": "#ffffff" }, "2": { "$type": "color", - "$value": "#f5f2f9" + "$value": "#f6f2f9" }, "3": { "$type": "color", @@ -201,11 +201,11 @@ }, "4": { "$type": "color", - "$value": "#d9cce6" + "$value": "#d9cde6" }, "5": { "$type": "color", - "$value": "#ccbadd" + "$value": "#cdbcdd" }, "6": { "$type": "color", @@ -213,11 +213,11 @@ }, "7": { "$type": "color", - "$value": "#9572b9" + "$value": "#936fb7" }, "8": { "$type": "color", - "$value": "#663399" + "$value": "#794ca6" }, "9": { "$type": "color", @@ -225,7 +225,7 @@ }, "10": { "$type": "color", - "$value": "#4e2676" + "$value": "#4f2776" }, "11": { "$type": "color", @@ -233,11 +233,11 @@ }, "12": { "$type": "color", - "$value": "#7b4ea7" + "$value": "#794ca6" }, "13": { "$type": "color", - "$value": "#3b1d59" + "$value": "#3a1d57" }, "contrast-1": { "$type": "color", @@ -251,7 +251,7 @@ "red": { "1": { "$type": "color", - "$value": "#fffefe" + "$value": "#ffffff" }, "2": { "$type": "color", @@ -263,31 +263,31 @@ }, "4": { "$type": "color", - "$value": "#f0c7c7" + "$value": "#f0c8c8" }, "5": { "$type": "color", - "$value": "#eab3b3" + "$value": "#ebb5b5" }, "6": { "$type": "color", - "$value": "#e8acac" + "$value": "#e8adad" }, "7": { "$type": "color", - "$value": "#d25b5b" + "$value": "#d15757" }, "8": { "$type": "color", - "$value": "#9a1616" + "$value": "#bf1b1b" }, "9": { "$type": "color", - "$value": "#C01B1B" + "$value": "#bf1b1b" }, "10": { "$type": "color", - "$value": "#9c1616" + "$value": "#9b1616" }, "11": { "$type": "color", @@ -295,11 +295,11 @@ }, "12": { "$type": "color", - "$value": "#c22020" + "$value": "#bf1b1b" }, "13": { "$type": "color", - "$value": "#5a0d0d" + "$value": "#590d0d" }, "contrast-1": { "$type": "color", @@ -313,23 +313,23 @@ "yellow": { "1": { "$type": "color", - "$value": "#fffefd" + "$value": "#ffffff" }, "2": { "$type": "color", - "$value": "#f9f4e2" + "$value": "#f9f4e1" }, "3": { "$type": "color", - "$value": "#efe2b3" + "$value": "#efe2b2" }, "4": { "$type": "color", - "$value": "#e5d183" + "$value": "#e6d184" }, "5": { "$type": "color", - "$value": "#dcbf53" + "$value": "#ddc159" }, "6": { "$type": "color", @@ -337,15 +337,15 @@ }, "7": { "$type": "color", - "$value": "#987f22" + "$value": "#957c21" }, "8": { "$type": "color", - "$value": "#5c4c14" + "$value": "#736019" }, "9": { "$type": "color", - "$value": "#D4B12F" + "$value": "#d4b12f" }, "10": { "$type": "color", @@ -353,15 +353,15 @@ }, "11": { "$type": "color", - "$value": "#a28724" + "$value": "#a38824" }, "12": { "$type": "color", - "$value": "#75611a" + "$value": "#736019" }, "13": { "$type": "color", - "$value": "#342b0c" + "$value": "#332b0b" }, "contrast-1": { "$type": "color", @@ -369,8 +369,8 @@ }, "contrast-2": { "$type": "color", - "$value": "#282109" + "$value": "#282209" } } } -} \ No newline at end of file +} diff --git a/design-tokens/primitives/modes/color-scheme/light/theme.json b/design-tokens/primitives/modes/color-scheme/light/theme.json index 33452fbda2..bf862a8dd8 100644 --- a/design-tokens/primitives/modes/color-scheme/light/theme.json +++ b/design-tokens/primitives/modes/color-scheme/light/theme.json @@ -3,7 +3,7 @@ "accent": { "1": { "$type": "color", - "$value": "#fefeff" + "$value": "#ffffff" }, "2": { "$type": "color", @@ -11,7 +11,7 @@ }, "3": { "$type": "color", - "$value": "#d1e3f3" + "$value": "#d3e4f3" }, "4": { "$type": "color", @@ -19,39 +19,39 @@ }, "5": { "$type": "color", - "$value": "#a1c5e5" + "$value": "#a3c6e6" }, "6": { "$type": "color", - "$value": "#97bfe3" + "$value": "#99c0e3" }, "7": { "$type": "color", - "$value": "#3885c9" + "$value": "#3582c8" }, "8": { "$type": "color", - "$value": "#014e93" + "$value": "#0061b8" }, "9": { "$type": "color", - "$value": "#0163ba" + "$value": "#0062ba" }, "10": { "$type": "color", - "$value": "#015097" + "$value": "#004f96" }, "11": { "$type": "color", - "$value": "#013f75" + "$value": "#003d75" }, "12": { "$type": "color", - "$value": "#0163ba" + "$value": "#0061b8" }, "13": { "$type": "color", - "$value": "#002d54" + "$value": "#002c54" }, "contrast-1": { "$type": "color", @@ -62,120 +62,120 @@ "$value": "#dbe9f5" } }, - "neutral": { + "brand1": { "1": { "$type": "color", - "$value": "#fefefe" + "$value": "#ffffff" }, "2": { "$type": "color", - "$value": "#f3f4f5" + "$value": "#fef0f1" }, "3": { "$type": "color", - "$value": "#e1e3e5" + "$value": "#fcdadb" }, "4": { "$type": "color", - "$value": "#ced1d4" + "$value": "#fbc4c5" }, "5": { "$type": "color", - "$value": "#bdc1c6" + "$value": "#f9afb1" }, "6": { "$type": "color", - "$value": "#b8bcc1" + "$value": "#f9a5a8" }, "7": { "$type": "color", - "$value": "#7a818c" + "$value": "#d55356" }, "8": { "$type": "color", - "$value": "#444e5d" + "$value": "#a44043" }, "9": { "$type": "color", - "$value": "#1e2b3c" + "$value": "#f45f63" }, "10": { "$type": "color", - "$value": "#303c4b" + "$value": "#f78588" }, "11": { "$type": "color", - "$value": "#444e5d" + "$value": "#f9a6a8" }, "12": { "$type": "color", - "$value": "#5b6471" + "$value": "#a44043" }, "13": { "$type": "color", - "$value": "#202c3d" + "$value": "#4b1d1e" }, "contrast-1": { "$type": "color", - "$value": "#ffffff" + "$value": "#000000" }, "contrast-2": { "$type": "color", - "$value": "#bbbfc4" + "$value": "#020101" } }, - "brand1": { + "brand2": { "1": { "$type": "color", - "$value": "#fffefe" + "$value": "#ffffff" }, "2": { "$type": "color", - "$value": "#fef0f1" + "$value": "#fbf3df" }, "3": { "$type": "color", - "$value": "#fcdbdc" + "$value": "#f6e0ae" }, "4": { "$type": "color", - "$value": "#fbc4c5" + "$value": "#f0ce7e" }, "5": { "$type": "color", - "$value": "#f9acae" + "$value": "#eabc4f" }, "6": { "$type": "color", - "$value": "#f8a5a7" + "$value": "#e8b43a" }, "7": { "$type": "color", - "$value": "#d95558" + "$value": "#a17817" }, "8": { "$type": "color", - "$value": "#833336" + "$value": "#7c5c11" }, "9": { "$type": "color", - "$value": "#f35f63" + "$value": "#e5aa21" }, "10": { "$type": "color", - "$value": "#d05255" + "$value": "#c9951c" }, "11": { "$type": "color", - "$value": "#af4547" + "$value": "#af8218" }, "12": { "$type": "color", - "$value": "#a74144" + "$value": "#7c5c11" }, "13": { "$type": "color", - "$value": "#4b1e1f" + "$value": "#382908" }, "contrast-1": { "$type": "color", @@ -183,61 +183,61 @@ }, "contrast-2": { "$type": "color", - "$value": "#000000" + "$value": "#2c2006" } }, - "brand2": { + "brand3": { "1": { "$type": "color", - "$value": "#fffefc" + "$value": "#ffffff" }, "2": { "$type": "color", - "$value": "#fbf3e0" + "$value": "#eaf5fe" }, "3": { "$type": "color", - "$value": "#f5dfad" + "$value": "#c8e6fd" }, "4": { "$type": "color", - "$value": "#f0ce7f" + "$value": "#a8d7fb" }, "5": { "$type": "color", - "$value": "#e9ba4c" + "$value": "#89c9fa" }, "6": { "$type": "color", - "$value": "#e7b43d" + "$value": "#7bc3f9" }, "7": { "$type": "color", - "$value": "#a57a17" + "$value": "#1a83d2" }, "8": { "$type": "color", - "$value": "#63490e" + "$value": "#1465a2" }, "9": { "$type": "color", - "$value": "#e4a920" + "$value": "#1e98f4" }, "10": { "$type": "color", - "$value": "#c9951c" + "$value": "#53b0f7" }, "11": { "$type": "color", - "$value": "#af8119" + "$value": "#81c5f9" }, "12": { "$type": "color", - "$value": "#7e5d12" + "$value": "#1465a2" }, "13": { "$type": "color", - "$value": "#382a08" + "$value": "#092d49" }, "contrast-1": { "$type": "color", @@ -245,70 +245,70 @@ }, "contrast-2": { "$type": "color", - "$value": "#2b2006" + "$value": "#010507" } }, - "brand3": { + "neutral": { "1": { "$type": "color", - "$value": "#fdfeff" + "$value": "#ffffff" }, "2": { "$type": "color", - "$value": "#eaf6fe" + "$value": "#f3f4f4" }, "3": { "$type": "color", - "$value": "#c8e6fd" + "$value": "#e0e2e4" }, "4": { "$type": "color", - "$value": "#a9d7fb" + "$value": "#cfd2d5" }, "5": { "$type": "color", - "$value": "#84c7fa" + "$value": "#bfc3c7" }, "6": { "$type": "color", - "$value": "#7ac2f9" + "$value": "#b8bcc1" }, "7": { "$type": "color", - "$value": "#1a85d6" + "$value": "#777f89" }, "8": { "$type": "color", - "$value": "#105082" + "$value": "#59626f" }, "9": { "$type": "color", - "$value": "#1e98f5" + "$value": "#1e2b3c" }, "10": { "$type": "color", - "$value": "#1a83d3" + "$value": "#313d4d" }, "11": { "$type": "color", - "$value": "#166eb2" + "$value": "#444f5d" }, "12": { "$type": "color", - "$value": "#1466a5" + "$value": "#59626f" }, "13": { "$type": "color", - "$value": "#092e4b" + "$value": "#1f2c3d" }, "contrast-1": { "$type": "color", - "$value": "#000000" + "$value": "#ffffff" }, "contrast-2": { "$type": "color", - "$value": "#010407" + "$value": "#babec4" } } } -} \ No newline at end of file +} From 648623e5d64bda86d2bddd5b22ae492361e2d3b2 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Fri, 6 Dec 2024 14:17:22 +0100 Subject: [PATCH 16/24] fix path for other internal --- packages/cli/package.json | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/cli/package.json b/packages/cli/package.json index 98684ba375..160e326b08 100644 --- a/packages/cli/package.json +++ b/packages/cli/package.json @@ -43,9 +43,9 @@ "clean:theme": "yarn workspace @digdir/designsystemet-theme clean", "update:template": "tsx ./src/tokens/template.ts", "internal:tokens-create-digdir": "yarn designsystemet tokens create --theme theme -m accent:#0062BA -s brand1:#F45F63 brand2:#E5AA20 brand3:#1E98F5 -n #1E2B3C -w ./internal/design-tokens", - "internal:tokens-create-altinn": "yarn designsystemet tokens create --theme theme2 -m accent:#007682 -n #003333 -s brand1:#12404f brand2:#0054a6 brand3:#942977 -w ../../design-tokens", - "internal:tokens-create-uutilsynet": "yarn designsystemet tokens create --theme theme3 -m accent:#007682 -n #003333 -s brand1:#12404f brand2:#0054a6 brand3:#942977 -w ../../design-tokens", - "internal:tokens-create-portal": "yarn designsystemet tokens create --theme theme4 -m accent:#007682 -n #003333 -s brand1:#12404f brand2:#0054a6 brand3:#942977 -w ../../design-tokens", + "internal:tokens-create-altinn": "yarn designsystemet tokens create --theme theme2 -m accent:#007682 -n #003333 -s brand1:#12404f brand2:#0054a6 brand3:#942977 -w ./internal/design-tokens", + "internal:tokens-create-uutilsynet": "yarn designsystemet tokens create --theme theme3 -m accent:#007682 -n #003333 -s brand1:#12404f brand2:#0054a6 brand3:#942977 -w ./internal/design-tokens", + "internal:tokens-create-portal": "yarn designsystemet tokens create --theme theme4 -m accent:#007682 -n #003333 -s brand1:#12404f brand2:#0054a6 brand3:#942977 -w ./internal/design-tokens", "internal:tokens-create-all": "yarn internal:tokens-create-digdir && yarn internal:tokens-create-altinn && yarn internal:tokens-create-uutilsynet && yarn internal:tokens-create-portal" }, "dependencies": { From 2d885c5dab679bd839760695318dba8c3e4dd7a3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=98yvind=20Thune?= Date: Mon, 9 Dec 2024 09:44:33 +0100 Subject: [PATCH 17/24] Added theme colors --- packages/cli/package.json | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/cli/package.json b/packages/cli/package.json index 160e326b08..b9421e7478 100644 --- a/packages/cli/package.json +++ b/packages/cli/package.json @@ -42,10 +42,10 @@ "clean": "rimraf dist", "clean:theme": "yarn workspace @digdir/designsystemet-theme clean", "update:template": "tsx ./src/tokens/template.ts", - "internal:tokens-create-digdir": "yarn designsystemet tokens create --theme theme -m accent:#0062BA -s brand1:#F45F63 brand2:#E5AA20 brand3:#1E98F5 -n #1E2B3C -w ./internal/design-tokens", - "internal:tokens-create-altinn": "yarn designsystemet tokens create --theme theme2 -m accent:#007682 -n #003333 -s brand1:#12404f brand2:#0054a6 brand3:#942977 -w ./internal/design-tokens", - "internal:tokens-create-uutilsynet": "yarn designsystemet tokens create --theme theme3 -m accent:#007682 -n #003333 -s brand1:#12404f brand2:#0054a6 brand3:#942977 -w ./internal/design-tokens", - "internal:tokens-create-portal": "yarn designsystemet tokens create --theme theme4 -m accent:#007682 -n #003333 -s brand1:#12404f brand2:#0054a6 brand3:#942977 -w ./internal/design-tokens", + "internal:tokens-create-digdir": "yarn designsystemet tokens create --theme theme -m accent:#0062BA -n #1E2B3C -s brand1:#F45F63 brand2:#E5AA20 brand3:#1E98F5 -w ./internal/design-tokens", + "internal:tokens-create-altinn": "yarn designsystemet tokens create --theme theme2 -m accent:#0162BA -n #1E2B3C -s brand1:#0162BA brand2:#3F3161 brand3:#E02F4A -w ./internal/design-tokens", + "internal:tokens-create-uutilsynet": "yarn designsystemet tokens create --theme theme3 -m accent:#0162BA -n #1E2B3C -s brand1:#5B60D1 brand2:#FEA769 brand3:#5DA290 -w ./internal/design-tokens", + "internal:tokens-create-portal": "yarn designsystemet tokens create --theme theme4 -m accent:#4D107D -n #1E2B3C -s brand1:#A259DC brand2:#DF73E4 brand3:#E86ABF -w ./internal/design-tokens", "internal:tokens-create-all": "yarn internal:tokens-create-digdir && yarn internal:tokens-create-altinn && yarn internal:tokens-create-uutilsynet && yarn internal:tokens-create-portal" }, "dependencies": { From bf10afa5bc3b180f5e0b099519e40c8b3160707c Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Mon, 9 Dec 2024 16:30:23 +0100 Subject: [PATCH 18/24] updated theme2 tokens --- .../modes/color-scheme/dark/theme2.json | 150 +++++++++--------- .../modes/color-scheme/light/theme2.json | 150 +++++++++--------- 2 files changed, 150 insertions(+), 150 deletions(-) diff --git a/design-tokens/primitives/modes/color-scheme/dark/theme2.json b/design-tokens/primitives/modes/color-scheme/dark/theme2.json index 4567ceab3d..c458bd8667 100644 --- a/design-tokens/primitives/modes/color-scheme/dark/theme2.json +++ b/design-tokens/primitives/modes/color-scheme/dark/theme2.json @@ -3,55 +3,55 @@ "accent": { "1": { "$type": "color", - "$value": "#001c36" + "$value": "#001e38" }, "2": { "$type": "color", - "$value": "#002545" + "$value": "#002547" }, "3": { "$type": "color", - "$value": "#00315b" + "$value": "#00305c" }, "4": { "$type": "color", - "$value": "#013f75" + "$value": "#013d74" }, "5": { "$type": "color", - "$value": "#014b8e" + "$value": "#014a8d" }, "6": { "$type": "color", - "$value": "#01539b" + "$value": "#01519a" }, "7": { "$type": "color", - "$value": "#1971c0" + "$value": "#307fc7" }, "8": { "$type": "color", - "$value": "#9bc2e4" + "$value": "#70a7d8" }, "9": { "$type": "color", - "$value": "#4b90ce" + "$value": "#4d91cf" }, "10": { "$type": "color", - "$value": "#277ac4" + "$value": "#6fa6d8" }, "11": { "$type": "color", - "$value": "#0163ba" + "$value": "#92bce1" }, "12": { "$type": "color", - "$value": "#72a8d9" + "$value": "#70a7d8" }, "13": { "$type": "color", - "$value": "#d1e3f3" + "$value": "#d8e7f4" }, "contrast-1": { "$type": "color", @@ -59,61 +59,61 @@ }, "contrast-2": { "$type": "color", - "$value": "#0d1823" + "$value": "#0d1924" } }, - "neutral": { + "brand1": { "1": { "$type": "color", - "$value": "#131c27" + "$value": "#001e38" }, "2": { "$type": "color", - "$value": "#192433" + "$value": "#002547" }, "3": { "$type": "color", - "$value": "#243142" + "$value": "#00305c" }, "4": { "$type": "color", - "$value": "#333e4e" + "$value": "#013d74" }, "5": { "$type": "color", - "$value": "#424d5b" + "$value": "#014a8d" }, "6": { "$type": "color", - "$value": "#495361" + "$value": "#01519a" }, "7": { "$type": "color", - "$value": "#67707c" + "$value": "#307fc7" }, "8": { "$type": "color", - "$value": "#bbbfc4" + "$value": "#70a7d8" }, "9": { "$type": "color", - "$value": "#a6abb2" + "$value": "#4d91cf" }, "10": { "$type": "color", - "$value": "#90969e" + "$value": "#6fa6d8" }, "11": { "$type": "color", - "$value": "#7a818c" + "$value": "#92bce1" }, "12": { "$type": "color", - "$value": "#9ea3ab" + "$value": "#70a7d8" }, "13": { "$type": "color", - "$value": "#e1e3e5" + "$value": "#d8e7f4" }, "contrast-1": { "$type": "color", @@ -121,61 +121,61 @@ }, "contrast-2": { "$type": "color", - "$value": "#1b1b1d" + "$value": "#0d1924" } }, - "brand1": { + "brand2": { "1": { "$type": "color", - "$value": "#001c36" + "$value": "#201931" }, "2": { "$type": "color", - "$value": "#002545" + "$value": "#281f3e" }, "3": { "$type": "color", - "$value": "#00315b" + "$value": "#342951" }, "4": { "$type": "color", - "$value": "#013f75" + "$value": "#423564" }, "5": { "$type": "color", - "$value": "#014b8e" + "$value": "#50436f" }, "6": { "$type": "color", - "$value": "#01539b" + "$value": "#574a74" }, "7": { "$type": "color", - "$value": "#1971c0" + "$value": "#807797" }, "8": { "$type": "color", - "$value": "#9bc2e4" + "$value": "#a59fb5" }, "9": { "$type": "color", - "$value": "#4b90ce" + "$value": "#aea8bc" }, "10": { "$type": "color", - "$value": "#277ac4" + "$value": "#9a92ac" }, "11": { "$type": "color", - "$value": "#0163ba" + "$value": "#857d9b" }, "12": { "$type": "color", - "$value": "#72a8d9" + "$value": "#a59fb5" }, "13": { "$type": "color", - "$value": "#d1e3f3" + "$value": "#e6e4ea" }, "contrast-1": { "$type": "color", @@ -183,61 +183,61 @@ }, "contrast-2": { "$type": "color", - "$value": "#0d1823" + "$value": "#1c1b1e" } }, - "brand2": { + "brand3": { "1": { "$type": "color", - "$value": "#1e182f" + "$value": "#3a0c13" }, "2": { "$type": "color", - "$value": "#271f3c" + "$value": "#480f18" }, "3": { "$type": "color", - "$value": "#352952" + "$value": "#5d131f" }, "4": { "$type": "color", - "$value": "#433665" + "$value": "#751927" }, "5": { "$type": "color", - "$value": "#514570" + "$value": "#8e1e2f" }, "6": { "$type": "color", - "$value": "#584b75" + "$value": "#9a2033" }, "7": { "$type": "color", - "$value": "#746a8d" + "$value": "#e23c55" }, "8": { "$type": "color", - "$value": "#c0bccb" + "$value": "#ec8292" }, "9": { "$type": "color", - "$value": "#aea8bc" + "$value": "#e0304b" }, "10": { "$type": "color", - "$value": "#9992ab" + "$value": "#e75c71" }, "11": { "$type": "color", - "$value": "#857d9b" + "$value": "#ec7f90" }, "12": { "$type": "color", - "$value": "#a6a0b6" + "$value": "#ec8292" }, "13": { "$type": "color", - "$value": "#e3e1e8" + "$value": "#fadee2" }, "contrast-1": { "$type": "color", @@ -245,61 +245,61 @@ }, "contrast-2": { "$type": "color", - "$value": "#1c1b1f" + "$value": "#000000" } }, - "brand3": { + "neutral": { "1": { "$type": "color", - "$value": "#370c12" + "$value": "#141d29" }, "2": { "$type": "color", - "$value": "#460f17" + "$value": "#1a2534" }, "3": { "$type": "color", - "$value": "#5f141f" + "$value": "#243041" }, "4": { "$type": "color", - "$value": "#761927" + "$value": "#323e4d" }, "5": { "$type": "color", - "$value": "#901e30" + "$value": "#404b5a" }, "6": { "$type": "color", - "$value": "#9d2134" + "$value": "#475260" }, "7": { "$type": "color", - "$value": "#d32c46" + "$value": "#747c87" }, "8": { "$type": "color", - "$value": "#f2abb6" + "$value": "#9da2aa" }, "9": { "$type": "color", - "$value": "#e02f4a" + "$value": "#a6acb2" }, "10": { "$type": "color", - "$value": "#bc273e" + "$value": "#90979f" }, "11": { "$type": "color", - "$value": "#982032" + "$value": "#7a828c" }, "12": { "$type": "color", - "$value": "#ed8494" + "$value": "#9da2aa" }, "13": { "$type": "color", - "$value": "#f9dadf" + "$value": "#e3e5e7" }, "contrast-1": { "$type": "color", @@ -307,8 +307,8 @@ }, "contrast-2": { "$type": "color", - "$value": "#000000" + "$value": "#1b1c1d" } } } -} \ No newline at end of file +} diff --git a/design-tokens/primitives/modes/color-scheme/light/theme2.json b/design-tokens/primitives/modes/color-scheme/light/theme2.json index 750f7f96e3..242a0da062 100644 --- a/design-tokens/primitives/modes/color-scheme/light/theme2.json +++ b/design-tokens/primitives/modes/color-scheme/light/theme2.json @@ -3,7 +3,7 @@ "accent": { "1": { "$type": "color", - "$value": "#fefeff" + "$value": "#ffffff" }, "2": { "$type": "color", @@ -11,47 +11,47 @@ }, "3": { "$type": "color", - "$value": "#d1e3f3" + "$value": "#d4e4f3" }, "4": { "$type": "color", - "$value": "#bad5ec" + "$value": "#bbd5ec" }, "5": { "$type": "color", - "$value": "#a1c5e5" + "$value": "#a3c6e6" }, "6": { "$type": "color", - "$value": "#97bfe3" + "$value": "#99c0e3" }, "7": { "$type": "color", - "$value": "#3885c9" + "$value": "#3582c8" }, "8": { "$type": "color", - "$value": "#014e93" + "$value": "#0161b8" }, "9": { "$type": "color", - "$value": "#0163ba" + "$value": "#0162b9" }, "10": { "$type": "color", - "$value": "#015097" + "$value": "#014f96" }, "11": { "$type": "color", - "$value": "#013f75" + "$value": "#013d75" }, "12": { "$type": "color", - "$value": "#0163ba" + "$value": "#0161b8" }, "13": { "$type": "color", - "$value": "#002d54" + "$value": "#002c54" }, "contrast-1": { "$type": "color", @@ -62,58 +62,58 @@ "$value": "#dbe9f5" } }, - "neutral": { + "brand1": { "1": { "$type": "color", - "$value": "#fefefe" + "$value": "#ffffff" }, "2": { "$type": "color", - "$value": "#f3f4f5" + "$value": "#eef4fa" }, "3": { "$type": "color", - "$value": "#e1e3e5" + "$value": "#d4e4f3" }, "4": { "$type": "color", - "$value": "#ced1d4" + "$value": "#bbd5ec" }, "5": { "$type": "color", - "$value": "#bdc1c6" + "$value": "#a3c6e6" }, "6": { "$type": "color", - "$value": "#b8bcc1" + "$value": "#99c0e3" }, "7": { "$type": "color", - "$value": "#7a818c" + "$value": "#3582c8" }, "8": { "$type": "color", - "$value": "#444e5d" + "$value": "#0161b8" }, "9": { "$type": "color", - "$value": "#1e2b3c" + "$value": "#0162b9" }, "10": { "$type": "color", - "$value": "#303c4b" + "$value": "#014f96" }, "11": { "$type": "color", - "$value": "#444e5d" + "$value": "#013d75" }, "12": { "$type": "color", - "$value": "#5b6471" + "$value": "#0161b8" }, "13": { "$type": "color", - "$value": "#202c3d" + "$value": "#002c54" }, "contrast-1": { "$type": "color", @@ -121,61 +121,61 @@ }, "contrast-2": { "$type": "color", - "$value": "#bbbfc4" + "$value": "#dbe9f5" } }, - "brand1": { + "brand2": { "1": { "$type": "color", - "$value": "#fefeff" + "$value": "#ffffff" }, "2": { "$type": "color", - "$value": "#eef4fa" + "$value": "#f4f3f6" }, "3": { "$type": "color", - "$value": "#d1e3f3" + "$value": "#e3e1e8" }, "4": { "$type": "color", - "$value": "#bad5ec" + "$value": "#d3d0db" }, "5": { "$type": "color", - "$value": "#a1c5e5" + "$value": "#c4c0cf" }, "6": { "$type": "color", - "$value": "#97bfe3" + "$value": "#beb9ca" }, "7": { "$type": "color", - "$value": "#3885c9" + "$value": "#837a99" }, "8": { "$type": "color", - "$value": "#014e93" + "$value": "#675b82" }, "9": { "$type": "color", - "$value": "#0163ba" + "$value": "#3f3161" }, "10": { "$type": "color", - "$value": "#015097" + "$value": "#514470" }, "11": { "$type": "color", - "$value": "#013f75" + "$value": "#63587f" }, "12": { "$type": "color", - "$value": "#0163ba" + "$value": "#675b82" }, "13": { "$type": "color", - "$value": "#002d54" + "$value": "#30254a" }, "contrast-1": { "$type": "color", @@ -183,132 +183,132 @@ }, "contrast-2": { "$type": "color", - "$value": "#dbe9f5" + "$value": "#d4d1db" } }, - "brand2": { + "brand3": { "1": { "$type": "color", - "$value": "#fefefe" + "$value": "#ffffff" }, "2": { "$type": "color", - "$value": "#f4f3f6" + "$value": "#fdf1f3" }, "3": { "$type": "color", - "$value": "#e3e1e8" + "$value": "#fadbdf" }, "4": { "$type": "color", - "$value": "#d3d0db" + "$value": "#f6c5cd" }, "5": { "$type": "color", - "$value": "#c3bfce" + "$value": "#f3b1bb" }, "6": { "$type": "color", - "$value": "#beb9c9" + "$value": "#f2a8b3" }, "7": { "$type": "color", - "$value": "#857d9b" + "$value": "#e3425b" }, "8": { "$type": "color", - "$value": "#534671" + "$value": "#b8273d" }, "9": { "$type": "color", - "$value": "#3f3161" + "$value": "#e0304b" }, "10": { "$type": "color", - "$value": "#514570" + "$value": "#e75c71" }, "11": { "$type": "color", - "$value": "#64587f" + "$value": "#ec7f90" }, "12": { "$type": "color", - "$value": "#685d83" + "$value": "#b8273d" }, "13": { "$type": "color", - "$value": "#30254a" + "$value": "#55121c" }, "contrast-1": { "$type": "color", - "$value": "#ffffff" + "$value": "#000000" }, "contrast-2": { "$type": "color", - "$value": "#d3d0db" + "$value": "#000000" } }, - "brand3": { + "neutral": { "1": { "$type": "color", - "$value": "#fffefe" + "$value": "#ffffff" }, "2": { "$type": "color", - "$value": "#fdf1f3" + "$value": "#f3f4f4" }, "3": { "$type": "color", - "$value": "#f9dadf" + "$value": "#e0e2e4" }, "4": { "$type": "color", - "$value": "#f6c4cc" + "$value": "#cfd2d5" }, "5": { "$type": "color", - "$value": "#f3aeb8" + "$value": "#bfc3c7" }, "6": { "$type": "color", - "$value": "#f2a7b3" + "$value": "#b8bcc1" }, "7": { "$type": "color", - "$value": "#e4475f" + "$value": "#777f89" }, "8": { "$type": "color", - "$value": "#941f31" + "$value": "#59626f" }, "9": { "$type": "color", - "$value": "#e02f4a" + "$value": "#1e2b3c" }, "10": { "$type": "color", - "$value": "#bc273e" + "$value": "#313d4d" }, "11": { "$type": "color", - "$value": "#982032" + "$value": "#444f5d" }, "12": { "$type": "color", - "$value": "#bc273e" + "$value": "#59626f" }, "13": { "$type": "color", - "$value": "#56121d" + "$value": "#1f2c3d" }, "contrast-1": { "$type": "color", - "$value": "#000000" + "$value": "#ffffff" }, "contrast-2": { "$type": "color", - "$value": "#000000" + "$value": "#babec4" } } } -} \ No newline at end of file +} From d0c96895748b3f5601f7df86efacfcd7f6dfb69b Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Mon, 9 Dec 2024 16:30:52 +0100 Subject: [PATCH 19/24] updated theme3 color tokens --- .../modes/color-scheme/dark/theme3.json | 154 +++++++++--------- .../modes/color-scheme/light/theme3.json | 150 ++++++++--------- 2 files changed, 152 insertions(+), 152 deletions(-) diff --git a/design-tokens/primitives/modes/color-scheme/dark/theme3.json b/design-tokens/primitives/modes/color-scheme/dark/theme3.json index 29e3914476..ac41866ed4 100644 --- a/design-tokens/primitives/modes/color-scheme/dark/theme3.json +++ b/design-tokens/primitives/modes/color-scheme/dark/theme3.json @@ -3,55 +3,55 @@ "accent": { "1": { "$type": "color", - "$value": "#001c36" + "$value": "#001e38" }, "2": { "$type": "color", - "$value": "#002545" + "$value": "#002547" }, "3": { "$type": "color", - "$value": "#00315b" + "$value": "#00305c" }, "4": { "$type": "color", - "$value": "#013f75" + "$value": "#013d74" }, "5": { "$type": "color", - "$value": "#014b8e" + "$value": "#014a8d" }, "6": { "$type": "color", - "$value": "#01539b" + "$value": "#01519a" }, "7": { "$type": "color", - "$value": "#1971c0" + "$value": "#307fc7" }, "8": { "$type": "color", - "$value": "#9bc2e4" + "$value": "#70a7d8" }, "9": { "$type": "color", - "$value": "#4b90ce" + "$value": "#4d91cf" }, "10": { "$type": "color", - "$value": "#277ac4" + "$value": "#6fa6d8" }, "11": { "$type": "color", - "$value": "#0163ba" + "$value": "#92bce1" }, "12": { "$type": "color", - "$value": "#72a8d9" + "$value": "#70a7d8" }, "13": { "$type": "color", - "$value": "#d1e3f3" + "$value": "#d8e7f4" }, "contrast-1": { "$type": "color", @@ -59,61 +59,61 @@ }, "contrast-2": { "$type": "color", - "$value": "#0d1823" + "$value": "#0d1924" } }, - "neutral": { + "brand1": { "1": { "$type": "color", - "$value": "#131c27" + "$value": "#181a38" }, "2": { "$type": "color", - "$value": "#192433" + "$value": "#1f2047" }, "3": { "$type": "color", - "$value": "#243142" + "$value": "#282a5c" }, "4": { "$type": "color", - "$value": "#333e4e" + "$value": "#333675" }, "5": { "$type": "color", - "$value": "#424d5b" + "$value": "#3e428f" }, "6": { "$type": "color", - "$value": "#495361" + "$value": "#44489c" }, "7": { "$type": "color", - "$value": "#67707c" + "$value": "#6d71d6" }, "8": { "$type": "color", - "$value": "#bbbfc4" + "$value": "#999ce2" }, "9": { "$type": "color", - "$value": "#a6abb2" + "$value": "#7378d8" }, "10": { "$type": "color", - "$value": "#90969e" + "$value": "#8c8fdf" }, "11": { "$type": "color", - "$value": "#7a818c" + "$value": "#a3a6e5" }, "12": { "$type": "color", - "$value": "#9ea3ab" + "$value": "#999ce2" }, "13": { "$type": "color", - "$value": "#e1e3e5" + "$value": "#e2e3f7" }, "contrast-1": { "$type": "color", @@ -121,123 +121,123 @@ }, "contrast-2": { "$type": "color", - "$value": "#1b1b1d" + "$value": "#0d0d18" } }, - "brand1": { + "brand2": { "1": { "$type": "color", - "$value": "#171835" + "$value": "#271a10" }, "2": { "$type": "color", - "$value": "#1e1f45" + "$value": "#322115" }, "3": { "$type": "color", - "$value": "#292b5e" + "$value": "#412b1b" }, "4": { "$type": "color", - "$value": "#343677" + "$value": "#533622" }, "5": { "$type": "color", - "$value": "#3f4391" + "$value": "#65432a" }, "6": { "$type": "color", - "$value": "#45499f" + "$value": "#6e482e" }, "7": { "$type": "color", - "$value": "#5e63d2" + "$value": "#a86e45" }, "8": { "$type": "color", - "$value": "#b8baeb" + "$value": "#dc905b" }, "9": { "$type": "color", - "$value": "#7377d8" + "$value": "#4e3320" }, "10": { "$type": "color", - "$value": "#5b60d1" + "$value": "#66432a" }, "11": { "$type": "color", - "$value": "#4b4fad" + "$value": "#805435" }, "12": { "$type": "color", - "$value": "#999de3" + "$value": "#dc905b" }, "13": { "$type": "color", - "$value": "#dfe0f6" + "$value": "#ffdfc8" }, "contrast-1": { "$type": "color", - "$value": "#000000" + "$value": "#ffffff" }, "contrast-2": { "$type": "color", - "$value": "#0d0d18" + "$value": "#d6d0cc" } }, - "brand2": { + "brand3": { "1": { "$type": "color", - "$value": "#25190f" + "$value": "#121f1c" }, "2": { "$type": "color", - "$value": "#312014" + "$value": "#172823" }, "3": { "$type": "color", - "$value": "#422b1b" + "$value": "#1e342e" }, "4": { "$type": "color", - "$value": "#543823" + "$value": "#26423b" }, "5": { "$type": "color", - "$value": "#67442a" + "$value": "#2e5148" }, "6": { "$type": "color", - "$value": "#704a2e" + "$value": "#32584e" }, "7": { "$type": "color", - "$value": "#97643f" + "$value": "#4d8677" }, "8": { "$type": "color", - "$value": "#feab70" + "$value": "#71ad9e" }, "9": { "$type": "color", - "$value": "#4e3420" + "$value": "#386257" }, "10": { "$type": "color", - "$value": "#67442a" + "$value": "#2c4d45" }, "11": { "$type": "color", - "$value": "#815535" + "$value": "#213a33" }, "12": { "$type": "color", - "$value": "#dd915b" + "$value": "#71ad9e" }, "13": { "$type": "color", - "$value": "#ffdac0" + "$value": "#d7e8e4" }, "contrast-1": { "$type": "color", @@ -245,70 +245,70 @@ }, "contrast-2": { "$type": "color", - "$value": "#d6d0cb" + "$value": "#f9fafa" } }, - "brand3": { + "neutral": { "1": { "$type": "color", - "$value": "#121e1b" + "$value": "#141d29" }, "2": { "$type": "color", - "$value": "#162622" + "$value": "#1a2534" }, "3": { "$type": "color", - "$value": "#1e342f" + "$value": "#243041" }, "4": { "$type": "color", - "$value": "#26423b" + "$value": "#323e4d" }, "5": { "$type": "color", - "$value": "#2f5148" + "$value": "#404b5a" }, "6": { "$type": "color", - "$value": "#335a50" + "$value": "#475260" }, "7": { "$type": "color", - "$value": "#45786b" + "$value": "#747c87" }, "8": { "$type": "color", - "$value": "#9cc6bb" + "$value": "#9da2aa" }, "9": { "$type": "color", - "$value": "#376056" + "$value": "#a6acb2" }, "10": { "$type": "color", - "$value": "#2c4c44" + "$value": "#90979f" }, "11": { "$type": "color", - "$value": "#213933" + "$value": "#7a828c" }, "12": { "$type": "color", - "$value": "#73ae9f" + "$value": "#9da2aa" }, "13": { "$type": "color", - "$value": "#d3e6e1" + "$value": "#e3e5e7" }, "contrast-1": { "$type": "color", - "$value": "#ffffff" + "$value": "#000000" }, "contrast-2": { "$type": "color", - "$value": "#f9fafa" + "$value": "#1b1c1d" } } } -} \ No newline at end of file +} diff --git a/design-tokens/primitives/modes/color-scheme/light/theme3.json b/design-tokens/primitives/modes/color-scheme/light/theme3.json index 608aea1881..a0fc51f235 100644 --- a/design-tokens/primitives/modes/color-scheme/light/theme3.json +++ b/design-tokens/primitives/modes/color-scheme/light/theme3.json @@ -3,7 +3,7 @@ "accent": { "1": { "$type": "color", - "$value": "#fefeff" + "$value": "#ffffff" }, "2": { "$type": "color", @@ -11,47 +11,47 @@ }, "3": { "$type": "color", - "$value": "#d1e3f3" + "$value": "#d4e4f3" }, "4": { "$type": "color", - "$value": "#bad5ec" + "$value": "#bbd5ec" }, "5": { "$type": "color", - "$value": "#a1c5e5" + "$value": "#a3c6e6" }, "6": { "$type": "color", - "$value": "#97bfe3" + "$value": "#99c0e3" }, "7": { "$type": "color", - "$value": "#3885c9" + "$value": "#3582c8" }, "8": { "$type": "color", - "$value": "#014e93" + "$value": "#0161b8" }, "9": { "$type": "color", - "$value": "#0163ba" + "$value": "#0162b9" }, "10": { "$type": "color", - "$value": "#015097" + "$value": "#014f96" }, "11": { "$type": "color", - "$value": "#013f75" + "$value": "#013d75" }, "12": { "$type": "color", - "$value": "#0163ba" + "$value": "#0161b8" }, "13": { "$type": "color", - "$value": "#002d54" + "$value": "#002c54" }, "contrast-1": { "$type": "color", @@ -62,58 +62,58 @@ "$value": "#dbe9f5" } }, - "neutral": { + "brand1": { "1": { "$type": "color", - "$value": "#fefefe" + "$value": "#ffffff" }, "2": { "$type": "color", - "$value": "#f3f4f5" + "$value": "#f3f3fb" }, "3": { "$type": "color", - "$value": "#e1e3e5" + "$value": "#e0e0f6" }, "4": { "$type": "color", - "$value": "#ced1d4" + "$value": "#cdcff1" }, "5": { "$type": "color", - "$value": "#bdc1c6" + "$value": "#bdbfec" }, "6": { "$type": "color", - "$value": "#b8bcc1" + "$value": "#b5b8ea" }, "7": { "$type": "color", - "$value": "#7a818c" + "$value": "#7075d7" }, "8": { "$type": "color", - "$value": "#444e5d" + "$value": "#5156bb" }, "9": { "$type": "color", - "$value": "#1e2b3c" + "$value": "#5b60d1" }, "10": { "$type": "color", - "$value": "#303c4b" + "$value": "#4b4fab" }, "11": { "$type": "color", - "$value": "#444e5d" + "$value": "#3b3e87" }, "12": { "$type": "color", - "$value": "#5b6471" + "$value": "#5156bb" }, "13": { "$type": "color", - "$value": "#202c3d" + "$value": "#252754" }, "contrast-1": { "$type": "color", @@ -121,123 +121,123 @@ }, "contrast-2": { "$type": "color", - "$value": "#bbbfc4" + "$value": "#f2f2fb" } }, - "brand1": { + "brand2": { "1": { "$type": "color", - "$value": "#fefeff" + "$value": "#ffffff" }, "2": { "$type": "color", - "$value": "#f3f4fc" + "$value": "#fff1e7" }, "3": { "$type": "color", - "$value": "#dfe0f6" + "$value": "#ffdbc2" }, "4": { "$type": "color", - "$value": "#cecff1" + "$value": "#fec69e" }, "5": { "$type": "color", - "$value": "#bbbdec" + "$value": "#feb17a" }, "6": { "$type": "color", - "$value": "#b5b7ea" + "$value": "#fea86a" }, "7": { "$type": "color", - "$value": "#7377d8" + "$value": "#ac7147" }, "8": { "$type": "color", - "$value": "#414595" + "$value": "#845737" }, "9": { "$type": "color", - "$value": "#5b60d1" + "$value": "#fea769" }, "10": { "$type": "color", - "$value": "#4b4fad" + "$value": "#e0935d" }, "11": { "$type": "color", - "$value": "#3b3e88" + "$value": "#c48151" }, "12": { "$type": "color", - "$value": "#5357be" + "$value": "#845737" }, "13": { "$type": "color", - "$value": "#252756" + "$value": "#3b2718" }, "contrast-1": { "$type": "color", - "$value": "#ffffff" + "$value": "#000000" }, "contrast-2": { "$type": "color", - "$value": "#f3f4fc" + "$value": "#372417" } }, - "brand2": { + "brand3": { "1": { "$type": "color", - "$value": "#fffdfb" + "$value": "#ffffff" }, "2": { "$type": "color", - "$value": "#fff1e7" + "$value": "#eef5f3" }, "3": { "$type": "color", - "$value": "#ffdac0" + "$value": "#d4e6e1" }, "4": { "$type": "color", - "$value": "#fec59c" + "$value": "#bad8d0" }, "5": { "$type": "color", - "$value": "#feb078" + "$value": "#a3cac0" }, "6": { "$type": "color", - "$value": "#fea769" + "$value": "#99c5b9" }, "7": { "$type": "color", - "$value": "#b07349" + "$value": "#4f897a" }, "8": { "$type": "color", - "$value": "#6a452c" + "$value": "#3d6a5e" }, "9": { "$type": "color", - "$value": "#fea769" + "$value": "#5da290" }, "10": { "$type": "color", - "$value": "#e0945d" + "$value": "#7fb6a8" }, "11": { "$type": "color", - "$value": "#c48151" + "$value": "#a0c8be" }, "12": { "$type": "color", - "$value": "#875838" + "$value": "#3d6a5e" }, "13": { "$type": "color", - "$value": "#3c2719" + "$value": "#1b2f2a" }, "contrast-1": { "$type": "color", @@ -245,70 +245,70 @@ }, "contrast-2": { "$type": "color", - "$value": "#362316" + "$value": "#040807" } }, - "brand3": { + "neutral": { "1": { "$type": "color", - "$value": "#fcfefd" + "$value": "#ffffff" }, "2": { "$type": "color", - "$value": "#edf5f3" + "$value": "#f3f4f4" }, "3": { "$type": "color", - "$value": "#d3e6e1" + "$value": "#e0e2e4" }, "4": { "$type": "color", - "$value": "#bad7cf" + "$value": "#cfd2d5" }, "5": { "$type": "color", - "$value": "#a1c9bf" + "$value": "#bfc3c7" }, "6": { "$type": "color", - "$value": "#98c4b9" + "$value": "#b8bcc1" }, "7": { "$type": "color", - "$value": "#508c7c" + "$value": "#777f89" }, "8": { "$type": "color", - "$value": "#31544b" + "$value": "#59626f" }, "9": { "$type": "color", - "$value": "#5da290" + "$value": "#1e2b3c" }, "10": { "$type": "color", - "$value": "#508c7c" + "$value": "#313d4d" }, "11": { "$type": "color", - "$value": "#437668" + "$value": "#444f5d" }, "12": { "$type": "color", - "$value": "#3e6b60" + "$value": "#59626f" }, "13": { "$type": "color", - "$value": "#1c302b" + "$value": "#1f2c3d" }, "contrast-1": { "$type": "color", - "$value": "#000000" + "$value": "#ffffff" }, "contrast-2": { "$type": "color", - "$value": "#050808" + "$value": "#babec4" } } } -} \ No newline at end of file +} From 6fe2a8aeb21fe3efc08c88146668503008b9f884 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Mon, 9 Dec 2024 16:31:24 +0100 Subject: [PATCH 20/24] update theme4 color tokens --- .../modes/color-scheme/dark/theme4.json | 152 +++++++++--------- .../modes/color-scheme/light/theme4.json | 152 +++++++++--------- 2 files changed, 152 insertions(+), 152 deletions(-) diff --git a/design-tokens/primitives/modes/color-scheme/dark/theme4.json b/design-tokens/primitives/modes/color-scheme/dark/theme4.json index 34b1ec102e..e995d85a6c 100644 --- a/design-tokens/primitives/modes/color-scheme/dark/theme4.json +++ b/design-tokens/primitives/modes/color-scheme/dark/theme4.json @@ -3,55 +3,55 @@ "accent": { "1": { "$type": "color", - "$value": "#2a0945" + "$value": "#2c0948" }, "2": { "$type": "color", - "$value": "#360b58" + "$value": "#370b5a" }, "3": { "$type": "color", - "$value": "#480f74" + "$value": "#470f73" }, "4": { "$type": "color", - "$value": "#581f85" + "$value": "#571d84" }, "5": { "$type": "color", - "$value": "#66328f" + "$value": "#65308f" }, "6": { "$type": "color", - "$value": "#6d3b94" + "$value": "#6c3993" }, "7": { "$type": "color", - "$value": "#875ea8" + "$value": "#926caf" }, "8": { "$type": "color", - "$value": "#c9b7d8" + "$value": "#b298c7" }, "9": { "$type": "color", - "$value": "#baa2cc" + "$value": "#baa2cd" }, "10": { "$type": "color", - "$value": "#a88abf" + "$value": "#a88bc0" }, "11": { "$type": "color", - "$value": "#9773b3" + "$value": "#9673b3" }, "12": { "$type": "color", - "$value": "#b399c7" + "$value": "#b298c7" }, "13": { "$type": "color", - "$value": "#e8e0ee" + "$value": "#e9e2ef" }, "contrast-1": { "$type": "color", @@ -62,120 +62,120 @@ "$value": "#1d1a20" } }, - "neutral": { + "brand1": { "1": { "$type": "color", - "$value": "#131c27" + "$value": "#261534" }, "2": { "$type": "color", - "$value": "#192433" + "$value": "#301b42" }, "3": { "$type": "color", - "$value": "#243142" + "$value": "#3f2356" }, "4": { "$type": "color", - "$value": "#333e4e" + "$value": "#502c6d" }, "5": { "$type": "color", - "$value": "#424d5b" + "$value": "#623685" }, "6": { "$type": "color", - "$value": "#495361" + "$value": "#6a3a91" }, "7": { "$type": "color", - "$value": "#67707c" + "$value": "#a259dc" }, "8": { "$type": "color", - "$value": "#bbbfc4" + "$value": "#bf8de7" }, "9": { "$type": "color", - "$value": "#a6abb2" + "$value": "#9652cb" }, "10": { "$type": "color", - "$value": "#90969e" + "$value": "#7d45aa" }, "11": { "$type": "color", - "$value": "#7a818c" + "$value": "#643788" }, "12": { "$type": "color", - "$value": "#9ea3ab" + "$value": "#bf8de7" }, "13": { "$type": "color", - "$value": "#e1e3e5" + "$value": "#ede0f8" }, "contrast-1": { "$type": "color", - "$value": "#000000" + "$value": "#ffffff" }, "contrast-2": { "$type": "color", - "$value": "#1b1b1d" + "$value": "#fbf8fd" } }, - "brand1": { + "brand2": { "1": { "$type": "color", - "$value": "#251432" + "$value": "#29152a" }, "2": { "$type": "color", - "$value": "#2f1a40" + "$value": "#351b36" }, "3": { "$type": "color", - "$value": "#402358" + "$value": "#442346" }, "4": { "$type": "color", - "$value": "#512c6e" + "$value": "#572d59" }, "5": { "$type": "color", - "$value": "#633687" + "$value": "#6a376d" }, "6": { "$type": "color", - "$value": "#6c3b93" + "$value": "#743c76" }, "7": { "$type": "color", - "$value": "#9250c7" + "$value": "#b05bb4" }, "8": { "$type": "color", - "$value": "#d3b0ee" + "$value": "#e17ce6" }, "9": { "$type": "color", - "$value": "#9552cb" + "$value": "#773d79" }, "10": { "$type": "color", - "$value": "#7b44a8" + "$value": "#5d305f" }, "11": { "$type": "color", - "$value": "#633687" + "$value": "#442345" }, "12": { "$type": "color", - "$value": "#c08ee7" + "$value": "#e17ce6" }, "13": { "$type": "color", - "$value": "#ecddf8" + "$value": "#f7dcf8" }, "contrast-1": { "$type": "color", @@ -183,61 +183,61 @@ }, "contrast-2": { "$type": "color", - "$value": "#fbf8fd" + "$value": "#f4f0f4" } }, - "brand2": { + "brand3": { "1": { "$type": "color", - "$value": "#281429" + "$value": "#2d1425" }, "2": { "$type": "color", - "$value": "#331a35" + "$value": "#391a2f" }, "3": { "$type": "color", - "$value": "#462447" + "$value": "#4a223d" }, "4": { "$type": "color", - "$value": "#582d5a" + "$value": "#5e2b4d" }, "5": { "$type": "color", - "$value": "#6c376e" + "$value": "#72345e" }, "6": { "$type": "color", - "$value": "#753d78" + "$value": "#7c3966" }, "7": { "$type": "color", - "$value": "#9f52a2" + "$value": "#bd579c" }, "8": { "$type": "color", - "$value": "#eba8ee" + "$value": "#eb7bc7" }, "9": { "$type": "color", - "$value": "#753d78" + "$value": "#873e6f" }, "10": { "$type": "color", - "$value": "#5b2f5e" + "$value": "#6a3158" }, "11": { "$type": "color", - "$value": "#422244" + "$value": "#4f2441" }, "12": { "$type": "color", - "$value": "#e17ee6" + "$value": "#eb7bc7" }, "13": { "$type": "color", - "$value": "#f6d9f8" + "$value": "#fadcf0" }, "contrast-1": { "$type": "color", @@ -245,70 +245,70 @@ }, "contrast-2": { "$type": "color", - "$value": "#f4eff4" + "$value": "#f9f6f8" } }, - "brand3": { + "neutral": { "1": { "$type": "color", - "$value": "#2b1323" + "$value": "#141d29" }, "2": { "$type": "color", - "$value": "#38192e" + "$value": "#1a2534" }, "3": { "$type": "color", - "$value": "#4b223e" + "$value": "#243041" }, "4": { "$type": "color", - "$value": "#5f2b4e" + "$value": "#323e4d" }, "5": { "$type": "color", - "$value": "#74355f" + "$value": "#404b5a" }, "6": { "$type": "color", - "$value": "#7f3a68" + "$value": "#475260" }, "7": { "$type": "color", - "$value": "#ab4e8d" + "$value": "#747c87" }, "8": { "$type": "color", - "$value": "#f1a7d9" + "$value": "#9da2aa" }, "9": { "$type": "color", - "$value": "#863d6e" + "$value": "#a6acb2" }, "10": { "$type": "color", - "$value": "#693057" + "$value": "#90979f" }, "11": { "$type": "color", - "$value": "#4e2440" + "$value": "#7a828c" }, "12": { "$type": "color", - "$value": "#eb7dc7" + "$value": "#9da2aa" }, "13": { "$type": "color", - "$value": "#f9daef" + "$value": "#e3e5e7" }, "contrast-1": { "$type": "color", - "$value": "#ffffff" + "$value": "#000000" }, "contrast-2": { "$type": "color", - "$value": "#f8f4f7" + "$value": "#1b1c1d" } } } -} \ No newline at end of file +} diff --git a/design-tokens/primitives/modes/color-scheme/light/theme4.json b/design-tokens/primitives/modes/color-scheme/light/theme4.json index 0fbc1a2b36..ef7954f253 100644 --- a/design-tokens/primitives/modes/color-scheme/light/theme4.json +++ b/design-tokens/primitives/modes/color-scheme/light/theme4.json @@ -3,35 +3,35 @@ "accent": { "1": { "$type": "color", - "$value": "#fefefe" + "$value": "#ffffff" }, "2": { "$type": "color", - "$value": "#f5f2f8" + "$value": "#f6f2f8" }, "3": { "$type": "color", - "$value": "#e8e0ee" + "$value": "#e7dfee" }, "4": { "$type": "color", - "$value": "#d9cce3" + "$value": "#dacde4" }, "5": { "$type": "color", - "$value": "#ccbad9" + "$value": "#cdbcdb" }, "6": { "$type": "color", - "$value": "#c7b4d6" + "$value": "#c8b5d7" }, "7": { "$type": "color", - "$value": "#9773b3" + "$value": "#9470b1" }, "8": { "$type": "color", - "$value": "#683591" + "$value": "#7b4d9e" }, "9": { "$type": "color", @@ -39,19 +39,19 @@ }, "10": { "$type": "color", - "$value": "#612c8c" + "$value": "#612b8c" }, "11": { "$type": "color", - "$value": "#734499" + "$value": "#734399" }, "12": { "$type": "color", - "$value": "#7c4fa0" + "$value": "#7b4d9e" }, "13": { "$type": "color", - "$value": "#420e6a" + "$value": "#410d69" }, "contrast-1": { "$type": "color", @@ -59,123 +59,123 @@ }, "contrast-2": { "$type": "color", - "$value": "#d5c6e0" + "$value": "#d4c6e0" } }, - "neutral": { + "brand1": { "1": { "$type": "color", - "$value": "#fefefe" + "$value": "#ffffff" }, "2": { "$type": "color", - "$value": "#f3f4f5" + "$value": "#f7f1fc" }, "3": { "$type": "color", - "$value": "#e1e3e5" + "$value": "#ecddf8" }, "4": { "$type": "color", - "$value": "#ced1d4" + "$value": "#e1c9f4" }, "5": { "$type": "color", - "$value": "#bdc1c6" + "$value": "#d6b6f0" }, "6": { "$type": "color", - "$value": "#b8bcc1" + "$value": "#d2aeee" }, "7": { "$type": "color", - "$value": "#7a818c" + "$value": "#a45ddd" }, "8": { "$type": "color", - "$value": "#444e5d" + "$value": "#8046ad" }, "9": { "$type": "color", - "$value": "#1E2B3C" + "$value": "#a25adc" }, "10": { "$type": "color", - "$value": "#303c4b" + "$value": "#b276e2" }, "11": { "$type": "color", - "$value": "#444e5d" + "$value": "#c291e8" }, "12": { "$type": "color", - "$value": "#5b6471" + "$value": "#8046ad" }, "13": { "$type": "color", - "$value": "#202c3d" + "$value": "#3a204e" }, "contrast-1": { "$type": "color", - "$value": "#ffffff" + "$value": "#000000" }, "contrast-2": { "$type": "color", - "$value": "#bbbfc4" + "$value": "#0a050d" } }, - "brand1": { + "brand2": { "1": { "$type": "color", - "$value": "#fefdff" + "$value": "#ffffff" }, "2": { "$type": "color", - "$value": "#f7f1fc" + "$value": "#fcf0fc" }, "3": { "$type": "color", - "$value": "#ecddf8" + "$value": "#f6d9f8" }, "4": { "$type": "color", - "$value": "#e0c8f3" + "$value": "#f1c2f3" }, "5": { "$type": "color", - "$value": "#d5b5ef" + "$value": "#ecadef" }, "6": { "$type": "color", - "$value": "#d1adee" + "$value": "#eaa3ed" }, "7": { "$type": "color", - "$value": "#a661de" + "$value": "#b45db8" }, "8": { "$type": "color", - "$value": "#66388b" + "$value": "#8b488e" }, "9": { "$type": "color", - "$value": "#a259dc" + "$value": "#df74e4" }, "10": { "$type": "color", - "$value": "#884bb9" + "$value": "#e795eb" }, "11": { "$type": "color", - "$value": "#703d97" + "$value": "#eeb5f1" }, "12": { "$type": "color", - "$value": "#8248b1" + "$value": "#8b488e" }, "13": { "$type": "color", - "$value": "#3a204f" + "$value": "#3e2040" }, "contrast-1": { "$type": "color", @@ -183,61 +183,61 @@ }, "contrast-2": { "$type": "color", - "$value": "#0a060d" + "$value": "#170c18" } }, - "brand2": { + "brand3": { "1": { "$type": "color", - "$value": "#fffeff" + "$value": "#ffffff" }, "2": { "$type": "color", - "$value": "#fbf0fc" + "$value": "#fdf0f9" }, "3": { "$type": "color", - "$value": "#f6d9f8" + "$value": "#f9d9ef" }, "4": { "$type": "color", - "$value": "#f1c2f3" + "$value": "#f6c3e5" }, "5": { "$type": "color", - "$value": "#ecabef" + "$value": "#f2addc" }, "6": { "$type": "color", - "$value": "#eaa3ed" + "$value": "#f1a4d8" }, "7": { "$type": "color", - "$value": "#b75fbb" + "$value": "#c2589f" }, "8": { "$type": "color", - "$value": "#6f3972" + "$value": "#95447b" }, "9": { "$type": "color", - "$value": "#df73e4" + "$value": "#e86bbf" }, "10": { "$type": "color", - "$value": "#c364c7" + "$value": "#ed8ece" }, "11": { "$type": "color", - "$value": "#a656aa" + "$value": "#f3aedc" }, "12": { "$type": "color", - "$value": "#8e4991" + "$value": "#95447b" }, "13": { "$type": "color", - "$value": "#3f2141" + "$value": "#431f37" }, "contrast-1": { "$type": "color", @@ -245,70 +245,70 @@ }, "contrast-2": { "$type": "color", - "$value": "#190d1a" + "$value": "#10070d" } }, - "brand3": { + "neutral": { "1": { "$type": "color", - "$value": "#fffefe" + "$value": "#ffffff" }, "2": { "$type": "color", - "$value": "#fdeff8" + "$value": "#f3f4f4" }, "3": { "$type": "color", - "$value": "#f9daef" + "$value": "#e0e2e4" }, "4": { "$type": "color", - "$value": "#f6c3e5" + "$value": "#cfd2d5" }, "5": { "$type": "color", - "$value": "#f2abdb" + "$value": "#bfc3c7" }, "6": { "$type": "color", - "$value": "#f1a3d7" + "$value": "#b8bcc1" }, "7": { "$type": "color", - "$value": "#c55aa3" + "$value": "#777f89" }, "8": { "$type": "color", - "$value": "#773762" + "$value": "#59626f" }, "9": { "$type": "color", - "$value": "#e86abf" + "$value": "#1e2b3c" }, "10": { "$type": "color", - "$value": "#c95ca6" + "$value": "#313d4d" }, "11": { "$type": "color", - "$value": "#ab4e8d" + "$value": "#444f5d" }, "12": { "$type": "color", - "$value": "#98467d" + "$value": "#59626f" }, "13": { "$type": "color", - "$value": "#451f38" + "$value": "#1f2c3d" }, "contrast-1": { "$type": "color", - "$value": "#000000" + "$value": "#ffffff" }, "contrast-2": { "$type": "color", - "$value": "#11080e" + "$value": "#babec4" } } } -} \ No newline at end of file +} From a2a8fffab784406ffbce6c88699c4911fdb2745e Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Tue, 10 Dec 2024 07:43:01 +0100 Subject: [PATCH 21/24] built new css --- apps/storefront/tokens/altinn/dark.ts | 234 +-- apps/storefront/tokens/altinn/light.ts | 202 +-- apps/storefront/tokens/digdir/dark.ts | 230 +-- apps/storefront/tokens/digdir/light.ts | 210 +-- apps/storefront/tokens/portal/dark.ts | 236 +-- apps/storefront/tokens/portal/light.ts | 212 +-- apps/storefront/tokens/uutilsynet/dark.ts | 234 +-- apps/storefront/tokens/uutilsynet/light.ts | 210 +-- packages/theme/brand/altinn.css | 1420 ++++++++-------- .../theme/brand/altinn/color-scheme/dark.css | 760 ++++----- .../theme/brand/altinn/color-scheme/light.css | 660 ++++---- packages/theme/brand/digdir.css | 1428 ++++++++-------- .../theme/brand/digdir/color-scheme/dark.css | 752 ++++----- .../theme/brand/digdir/color-scheme/light.css | 676 ++++---- packages/theme/brand/portal.css | 1444 ++++++++--------- .../theme/brand/portal/color-scheme/dark.css | 764 ++++----- .../theme/brand/portal/color-scheme/light.css | 680 ++++---- packages/theme/brand/uutilsynet.css | 1436 ++++++++-------- .../brand/uutilsynet/color-scheme/dark.css | 760 ++++----- .../brand/uutilsynet/color-scheme/light.css | 676 ++++---- 20 files changed, 6612 insertions(+), 6612 deletions(-) diff --git a/apps/storefront/tokens/altinn/dark.ts b/apps/storefront/tokens/altinn/dark.ts index d42ec15456..7c66bfd7cf 100644 --- a/apps/storefront/tokens/altinn/dark.ts +++ b/apps/storefront/tokens/altinn/dark.ts @@ -5,7 +5,7 @@ export const color = [ { $type: "color", - $value: "#001c36", + $value: "#001e38", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -22,7 +22,7 @@ export const color = [ }, { $type: "color", - $value: "#002545", + $value: "#002547", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -39,7 +39,7 @@ export const color = [ }, { $type: "color", - $value: "#00315b", + $value: "#00305c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -56,7 +56,7 @@ export const color = [ }, { $type: "color", - $value: "#013f75", + $value: "#013d74", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -73,7 +73,7 @@ export const color = [ }, { $type: "color", - $value: "#014b8e", + $value: "#014a8d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -90,7 +90,7 @@ export const color = [ }, { $type: "color", - $value: "#01539b", + $value: "#01519a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -107,7 +107,7 @@ export const color = [ }, { $type: "color", - $value: "#1971c0", + $value: "#307fc7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -124,7 +124,7 @@ export const color = [ }, { $type: "color", - $value: "#9bc2e4", + $value: "#70a7d8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -141,7 +141,7 @@ export const color = [ }, { $type: "color", - $value: "#4b90ce", + $value: "#4d91cf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -158,7 +158,7 @@ export const color = [ }, { $type: "color", - $value: "#277ac4", + $value: "#6fa6d8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -175,7 +175,7 @@ export const color = [ }, { $type: "color", - $value: "#0163ba", + $value: "#92bce1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -192,7 +192,7 @@ export const color = [ }, { $type: "color", - $value: "#72a8d9", + $value: "#70a7d8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -209,7 +209,7 @@ export const color = [ }, { $type: "color", - $value: "#d1e3f3", + $value: "#d8e7f4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -243,7 +243,7 @@ export const color = [ }, { $type: "color", - $value: "#0d1823", + $value: "#0d1924", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -260,7 +260,7 @@ export const color = [ }, { $type: "color", - $value: "#131c27", + $value: "#141d29", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -277,7 +277,7 @@ export const color = [ }, { $type: "color", - $value: "#192433", + $value: "#1a2534", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -294,7 +294,7 @@ export const color = [ }, { $type: "color", - $value: "#243142", + $value: "#243041", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -311,7 +311,7 @@ export const color = [ }, { $type: "color", - $value: "#333e4e", + $value: "#323e4d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -328,7 +328,7 @@ export const color = [ }, { $type: "color", - $value: "#424d5b", + $value: "#404b5a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -345,7 +345,7 @@ export const color = [ }, { $type: "color", - $value: "#495361", + $value: "#475260", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -362,7 +362,7 @@ export const color = [ }, { $type: "color", - $value: "#67707c", + $value: "#747c87", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -379,7 +379,7 @@ export const color = [ }, { $type: "color", - $value: "#bbbfc4", + $value: "#9da2aa", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -396,7 +396,7 @@ export const color = [ }, { $type: "color", - $value: "#a6abb2", + $value: "#a6acb2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -413,7 +413,7 @@ export const color = [ }, { $type: "color", - $value: "#90969e", + $value: "#90979f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -430,7 +430,7 @@ export const color = [ }, { $type: "color", - $value: "#7a818c", + $value: "#7a828c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -447,7 +447,7 @@ export const color = [ }, { $type: "color", - $value: "#9ea3ab", + $value: "#9da2aa", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -464,7 +464,7 @@ export const color = [ }, { $type: "color", - $value: "#e1e3e5", + $value: "#e3e5e7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -498,7 +498,7 @@ export const color = [ }, { $type: "color", - $value: "#1b1b1d", + $value: "#1b1c1d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -515,7 +515,7 @@ export const color = [ }, { $type: "color", - $value: "#001c36", + $value: "#001e38", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -532,7 +532,7 @@ export const color = [ }, { $type: "color", - $value: "#002545", + $value: "#002547", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -549,7 +549,7 @@ export const color = [ }, { $type: "color", - $value: "#00315b", + $value: "#00305c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -566,7 +566,7 @@ export const color = [ }, { $type: "color", - $value: "#013f75", + $value: "#013d74", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -583,7 +583,7 @@ export const color = [ }, { $type: "color", - $value: "#014b8e", + $value: "#014a8d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -600,7 +600,7 @@ export const color = [ }, { $type: "color", - $value: "#01539b", + $value: "#01519a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -617,7 +617,7 @@ export const color = [ }, { $type: "color", - $value: "#1971c0", + $value: "#307fc7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -634,7 +634,7 @@ export const color = [ }, { $type: "color", - $value: "#9bc2e4", + $value: "#70a7d8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -651,7 +651,7 @@ export const color = [ }, { $type: "color", - $value: "#4b90ce", + $value: "#4d91cf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -668,7 +668,7 @@ export const color = [ }, { $type: "color", - $value: "#277ac4", + $value: "#6fa6d8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -685,7 +685,7 @@ export const color = [ }, { $type: "color", - $value: "#0163ba", + $value: "#92bce1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -702,7 +702,7 @@ export const color = [ }, { $type: "color", - $value: "#72a8d9", + $value: "#70a7d8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -719,7 +719,7 @@ export const color = [ }, { $type: "color", - $value: "#d1e3f3", + $value: "#d8e7f4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -753,7 +753,7 @@ export const color = [ }, { $type: "color", - $value: "#0d1823", + $value: "#0d1924", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -770,7 +770,7 @@ export const color = [ }, { $type: "color", - $value: "#1e182f", + $value: "#201931", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -787,7 +787,7 @@ export const color = [ }, { $type: "color", - $value: "#271f3c", + $value: "#281f3e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -804,7 +804,7 @@ export const color = [ }, { $type: "color", - $value: "#352952", + $value: "#342951", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -821,7 +821,7 @@ export const color = [ }, { $type: "color", - $value: "#433665", + $value: "#423564", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -838,7 +838,7 @@ export const color = [ }, { $type: "color", - $value: "#514570", + $value: "#50436f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -855,7 +855,7 @@ export const color = [ }, { $type: "color", - $value: "#584b75", + $value: "#574a74", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -872,7 +872,7 @@ export const color = [ }, { $type: "color", - $value: "#746a8d", + $value: "#807797", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -889,7 +889,7 @@ export const color = [ }, { $type: "color", - $value: "#c0bccb", + $value: "#a59fb5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -923,7 +923,7 @@ export const color = [ }, { $type: "color", - $value: "#9992ab", + $value: "#9a92ac", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -957,7 +957,7 @@ export const color = [ }, { $type: "color", - $value: "#a6a0b6", + $value: "#a59fb5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -974,7 +974,7 @@ export const color = [ }, { $type: "color", - $value: "#e3e1e8", + $value: "#e6e4ea", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1008,7 +1008,7 @@ export const color = [ }, { $type: "color", - $value: "#1c1b1f", + $value: "#1c1b1e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1025,7 +1025,7 @@ export const color = [ }, { $type: "color", - $value: "#370c12", + $value: "#3a0c13", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1042,7 +1042,7 @@ export const color = [ }, { $type: "color", - $value: "#460f17", + $value: "#480f18", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1059,7 +1059,7 @@ export const color = [ }, { $type: "color", - $value: "#5f141f", + $value: "#5d131f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1076,7 +1076,7 @@ export const color = [ }, { $type: "color", - $value: "#761927", + $value: "#751927", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1093,7 +1093,7 @@ export const color = [ }, { $type: "color", - $value: "#901e30", + $value: "#8e1e2f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1110,7 +1110,7 @@ export const color = [ }, { $type: "color", - $value: "#9d2134", + $value: "#9a2033", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1127,7 +1127,7 @@ export const color = [ }, { $type: "color", - $value: "#d32c46", + $value: "#e23c55", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1144,7 +1144,7 @@ export const color = [ }, { $type: "color", - $value: "#f2abb6", + $value: "#ec8292", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1161,7 +1161,7 @@ export const color = [ }, { $type: "color", - $value: "#e02f4a", + $value: "#e0304b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1178,7 +1178,7 @@ export const color = [ }, { $type: "color", - $value: "#bc273e", + $value: "#e75c71", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1195,7 +1195,7 @@ export const color = [ }, { $type: "color", - $value: "#982032", + $value: "#ec7f90", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1212,7 +1212,7 @@ export const color = [ }, { $type: "color", - $value: "#ed8494", + $value: "#ec8292", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1229,7 +1229,7 @@ export const color = [ }, { $type: "color", - $value: "#f9dadf", + $value: "#fadee2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1280,7 +1280,7 @@ export const color = [ }, { $type: "color", - $value: "#012106", + $value: "#022306", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1297,7 +1297,7 @@ export const color = [ }, { $type: "color", - $value: "#022b08", + $value: "#022c08", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1331,7 +1331,7 @@ export const color = [ }, { $type: "color", - $value: "#03490d", + $value: "#03470d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1348,7 +1348,7 @@ export const color = [ }, { $type: "color", - $value: "#045810", + $value: "#04570f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1382,7 +1382,7 @@ export const color = [ }, { $type: "color", - $value: "#068217", + $value: "#178f28", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1399,7 +1399,7 @@ export const color = [ }, { $type: "color", - $value: "#93cb9b", + $value: "#62b36d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1433,7 +1433,7 @@ export const color = [ }, { $type: "color", - $value: "#3da14b", + $value: "#3ca14b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1450,7 +1450,7 @@ export const color = [ }, { $type: "color", - $value: "#65b570", + $value: "#66b571", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1467,7 +1467,7 @@ export const color = [ }, { $type: "color", - $value: "#63b46f", + $value: "#62b36d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1484,7 +1484,7 @@ export const color = [ }, { $type: "color", - $value: "#d1e9d4", + $value: "#d4ead7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1535,7 +1535,7 @@ export const color = [ }, { $type: "color", - $value: "#3b0808", + $value: "#3d0909", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1552,7 +1552,7 @@ export const color = [ }, { $type: "color", - $value: "#4b0a0a", + $value: "#4c0b0b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1569,7 +1569,7 @@ export const color = [ }, { $type: "color", - $value: "#620e0e", + $value: "#610e0e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1586,7 +1586,7 @@ export const color = [ }, { $type: "color", - $value: "#7c1212", + $value: "#7a1111", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1603,7 +1603,7 @@ export const color = [ }, { $type: "color", - $value: "#961515", + $value: "#941515", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1620,7 +1620,7 @@ export const color = [ }, { $type: "color", - $value: "#a31717", + $value: "#a11717", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1637,7 +1637,7 @@ export const color = [ }, { $type: "color", - $value: "#c93c3c", + $value: "#cf5252", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1654,7 +1654,7 @@ export const color = [ }, { $type: "color", - $value: "#e9b0b0", + $value: "#df8b8b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1671,7 +1671,7 @@ export const color = [ }, { $type: "color", - $value: "#d76d6d", + $value: "#d76e6e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1722,7 +1722,7 @@ export const color = [ }, { $type: "color", - $value: "#df8d8d", + $value: "#df8b8b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1739,7 +1739,7 @@ export const color = [ }, { $type: "color", - $value: "#f5dcdc", + $value: "#f6dfdf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1773,7 +1773,7 @@ export const color = [ }, { $type: "color", - $value: "#261313", + $value: "#271414", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1790,7 +1790,7 @@ export const color = [ }, { $type: "color", - $value: "#031d30", + $value: "#031e33", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1807,7 +1807,7 @@ export const color = [ }, { $type: "color", - $value: "#032540", + $value: "#032641", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1824,7 +1824,7 @@ export const color = [ }, { $type: "color", - $value: "#043256", + $value: "#043154", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1841,7 +1841,7 @@ export const color = [ }, { $type: "color", - $value: "#063f6c", + $value: "#063f6a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1858,7 +1858,7 @@ export const color = [ }, { $type: "color", - $value: "#074d84", + $value: "#074d82", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1875,7 +1875,7 @@ export const color = [ }, { $type: "color", - $value: "#075490", + $value: "#07538d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1892,7 +1892,7 @@ export const color = [ }, { $type: "color", - $value: "#0c72c1", + $value: "#2480c7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1909,7 +1909,7 @@ export const color = [ }, { $type: "color", - $value: "#98c3e5", + $value: "#69a8d8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1926,7 +1926,7 @@ export const color = [ }, { $type: "color", - $value: "#2c85c9", + $value: "#2d85c9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1943,7 +1943,7 @@ export const color = [ }, { $type: "color", - $value: "#529bd2", + $value: "#519ad2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1960,7 +1960,7 @@ export const color = [ }, { $type: "color", - $value: "#75afdc", + $value: "#77b0dc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1977,7 +1977,7 @@ export const color = [ }, { $type: "color", - $value: "#6ba9d9", + $value: "#69a8d8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1994,7 +1994,7 @@ export const color = [ }, { $type: "color", - $value: "#d3e5f4", + $value: "#d6e7f4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2028,7 +2028,7 @@ export const color = [ }, { $type: "color", - $value: "#040e15", + $value: "#050e15", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2045,7 +2045,7 @@ export const color = [ }, { $type: "color", - $value: "#211b07", + $value: "#221c08", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2062,7 +2062,7 @@ export const color = [ }, { $type: "color", - $value: "#2b2309", + $value: "#2b240a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2079,7 +2079,7 @@ export const color = [ }, { $type: "color", - $value: "#392f0d", + $value: "#382f0c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2113,7 +2113,7 @@ export const color = [ }, { $type: "color", - $value: "#594a14", + $value: "#584913", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2130,7 +2130,7 @@ export const color = [ }, { $type: "color", - $value: "#625116", + $value: "#5f5015", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2147,7 +2147,7 @@ export const color = [ }, { $type: "color", - $value: "#836d1d", + $value: "#927a20", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2164,7 +2164,7 @@ export const color = [ }, { $type: "color", - $value: "#dabc4c", + $value: "#bf9f2a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2181,7 +2181,7 @@ export const color = [ }, { $type: "color", - $value: "#bc622b", + $value: "#bc612a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2215,7 +2215,7 @@ export const color = [ }, { $type: "color", - $value: "#d39773", + $value: "#d39772", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2232,7 +2232,7 @@ export const color = [ }, { $type: "color", - $value: "#d29671", + $value: "#d2946e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2249,7 +2249,7 @@ export const color = [ }, { $type: "color", - $value: "#f1ded3", + $value: "#f2e2d7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2283,7 +2283,7 @@ export const color = [ }, { $type: "color", - $value: "#090402", + $value: "#070301", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2300,7 +2300,7 @@ export const color = [ }, { $type: "color", - $value: "#131c27", + $value: "#141d29", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2317,7 +2317,7 @@ export const color = [ }, { $type: "color", - $value: "#d1e3f3", + $value: "#d8e7f4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { diff --git a/apps/storefront/tokens/altinn/light.ts b/apps/storefront/tokens/altinn/light.ts index cb92d5e531..993a9c5295 100644 --- a/apps/storefront/tokens/altinn/light.ts +++ b/apps/storefront/tokens/altinn/light.ts @@ -5,7 +5,7 @@ export const color = [ { $type: "color", - $value: "#fefeff", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -39,7 +39,7 @@ export const color = [ }, { $type: "color", - $value: "#d1e3f3", + $value: "#d4e4f3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -56,7 +56,7 @@ export const color = [ }, { $type: "color", - $value: "#bad5ec", + $value: "#bbd5ec", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -73,7 +73,7 @@ export const color = [ }, { $type: "color", - $value: "#a1c5e5", + $value: "#a3c6e6", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -90,7 +90,7 @@ export const color = [ }, { $type: "color", - $value: "#97bfe3", + $value: "#99c0e3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -107,7 +107,7 @@ export const color = [ }, { $type: "color", - $value: "#3885c9", + $value: "#3582c8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -124,7 +124,7 @@ export const color = [ }, { $type: "color", - $value: "#014e93", + $value: "#0161b8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -141,7 +141,7 @@ export const color = [ }, { $type: "color", - $value: "#0163ba", + $value: "#0162b9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -158,7 +158,7 @@ export const color = [ }, { $type: "color", - $value: "#015097", + $value: "#014f96", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -175,7 +175,7 @@ export const color = [ }, { $type: "color", - $value: "#013f75", + $value: "#013d75", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -192,7 +192,7 @@ export const color = [ }, { $type: "color", - $value: "#0163ba", + $value: "#0161b8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -209,7 +209,7 @@ export const color = [ }, { $type: "color", - $value: "#002d54", + $value: "#002c54", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -260,7 +260,7 @@ export const color = [ }, { $type: "color", - $value: "#fefefe", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -277,7 +277,7 @@ export const color = [ }, { $type: "color", - $value: "#f3f4f5", + $value: "#f3f4f4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -294,7 +294,7 @@ export const color = [ }, { $type: "color", - $value: "#e1e3e5", + $value: "#e0e2e4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -311,7 +311,7 @@ export const color = [ }, { $type: "color", - $value: "#ced1d4", + $value: "#cfd2d5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -328,7 +328,7 @@ export const color = [ }, { $type: "color", - $value: "#bdc1c6", + $value: "#bfc3c7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -362,7 +362,7 @@ export const color = [ }, { $type: "color", - $value: "#7a818c", + $value: "#777f89", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -379,7 +379,7 @@ export const color = [ }, { $type: "color", - $value: "#444e5d", + $value: "#59626f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -413,7 +413,7 @@ export const color = [ }, { $type: "color", - $value: "#303c4b", + $value: "#313d4d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -430,7 +430,7 @@ export const color = [ }, { $type: "color", - $value: "#444e5d", + $value: "#444f5d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -447,7 +447,7 @@ export const color = [ }, { $type: "color", - $value: "#5b6471", + $value: "#59626f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -464,7 +464,7 @@ export const color = [ }, { $type: "color", - $value: "#202c3d", + $value: "#1f2c3d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -498,7 +498,7 @@ export const color = [ }, { $type: "color", - $value: "#bbbfc4", + $value: "#babec4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -515,7 +515,7 @@ export const color = [ }, { $type: "color", - $value: "#fefeff", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -549,7 +549,7 @@ export const color = [ }, { $type: "color", - $value: "#d1e3f3", + $value: "#d4e4f3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -566,7 +566,7 @@ export const color = [ }, { $type: "color", - $value: "#bad5ec", + $value: "#bbd5ec", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -583,7 +583,7 @@ export const color = [ }, { $type: "color", - $value: "#a1c5e5", + $value: "#a3c6e6", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -600,7 +600,7 @@ export const color = [ }, { $type: "color", - $value: "#97bfe3", + $value: "#99c0e3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -617,7 +617,7 @@ export const color = [ }, { $type: "color", - $value: "#3885c9", + $value: "#3582c8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -634,7 +634,7 @@ export const color = [ }, { $type: "color", - $value: "#014e93", + $value: "#0161b8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -651,7 +651,7 @@ export const color = [ }, { $type: "color", - $value: "#0163ba", + $value: "#0162b9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -668,7 +668,7 @@ export const color = [ }, { $type: "color", - $value: "#015097", + $value: "#014f96", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -685,7 +685,7 @@ export const color = [ }, { $type: "color", - $value: "#013f75", + $value: "#013d75", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -702,7 +702,7 @@ export const color = [ }, { $type: "color", - $value: "#0163ba", + $value: "#0161b8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -719,7 +719,7 @@ export const color = [ }, { $type: "color", - $value: "#002d54", + $value: "#002c54", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -770,7 +770,7 @@ export const color = [ }, { $type: "color", - $value: "#fefefe", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -838,7 +838,7 @@ export const color = [ }, { $type: "color", - $value: "#c3bfce", + $value: "#c4c0cf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -855,7 +855,7 @@ export const color = [ }, { $type: "color", - $value: "#beb9c9", + $value: "#beb9ca", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -872,7 +872,7 @@ export const color = [ }, { $type: "color", - $value: "#857d9b", + $value: "#837a99", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -889,7 +889,7 @@ export const color = [ }, { $type: "color", - $value: "#534671", + $value: "#675b82", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -923,7 +923,7 @@ export const color = [ }, { $type: "color", - $value: "#514570", + $value: "#514470", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -940,7 +940,7 @@ export const color = [ }, { $type: "color", - $value: "#64587f", + $value: "#63587f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -957,7 +957,7 @@ export const color = [ }, { $type: "color", - $value: "#685d83", + $value: "#675b82", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1008,7 +1008,7 @@ export const color = [ }, { $type: "color", - $value: "#d3d0db", + $value: "#d4d1db", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1025,7 +1025,7 @@ export const color = [ }, { $type: "color", - $value: "#fffefe", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1059,7 +1059,7 @@ export const color = [ }, { $type: "color", - $value: "#f9dadf", + $value: "#fadbdf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1076,7 +1076,7 @@ export const color = [ }, { $type: "color", - $value: "#f6c4cc", + $value: "#f6c5cd", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1093,7 +1093,7 @@ export const color = [ }, { $type: "color", - $value: "#f3aeb8", + $value: "#f3b1bb", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1110,7 +1110,7 @@ export const color = [ }, { $type: "color", - $value: "#f2a7b3", + $value: "#f2a8b3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1127,7 +1127,7 @@ export const color = [ }, { $type: "color", - $value: "#e4475f", + $value: "#e3425b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1144,7 +1144,7 @@ export const color = [ }, { $type: "color", - $value: "#941f31", + $value: "#b8273d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1161,7 +1161,7 @@ export const color = [ }, { $type: "color", - $value: "#e02f4a", + $value: "#e0304b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1178,7 +1178,7 @@ export const color = [ }, { $type: "color", - $value: "#bc273e", + $value: "#e75c71", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1195,7 +1195,7 @@ export const color = [ }, { $type: "color", - $value: "#982032", + $value: "#ec7f90", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1212,7 +1212,7 @@ export const color = [ }, { $type: "color", - $value: "#bc273e", + $value: "#b8273d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1229,7 +1229,7 @@ export const color = [ }, { $type: "color", - $value: "#56121d", + $value: "#55121c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1280,7 +1280,7 @@ export const color = [ }, { $type: "color", - $value: "#fcfefc", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1297,7 +1297,7 @@ export const color = [ }, { $type: "color", - $value: "#edf6ee", + $value: "#ecf6ee", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1314,7 +1314,7 @@ export const color = [ }, { $type: "color", - $value: "#d1e9d4", + $value: "#d0e8d3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1331,7 +1331,7 @@ export const color = [ }, { $type: "color", - $value: "#b5dbba", + $value: "#b4dbba", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1348,7 +1348,7 @@ export const color = [ }, { $type: "color", - $value: "#96cd9e", + $value: "#9bcfa2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1382,7 +1382,7 @@ export const color = [ }, { $type: "color", - $value: "#229532", + $value: "#1d922d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1399,7 +1399,7 @@ export const color = [ }, { $type: "color", - $value: "#045a10", + $value: "#057114", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1467,7 +1467,7 @@ export const color = [ }, { $type: "color", - $value: "#057315", + $value: "#057114", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1518,7 +1518,7 @@ export const color = [ }, { $type: "color", - $value: "#f9fcf9", + $value: "#fafdfb", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1535,7 +1535,7 @@ export const color = [ }, { $type: "color", - $value: "#fffefe", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1586,7 +1586,7 @@ export const color = [ }, { $type: "color", - $value: "#f0c7c7", + $value: "#f0c8c8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1603,7 +1603,7 @@ export const color = [ }, { $type: "color", - $value: "#eab3b3", + $value: "#ebb5b5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1620,7 +1620,7 @@ export const color = [ }, { $type: "color", - $value: "#e8acac", + $value: "#e8adad", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1637,7 +1637,7 @@ export const color = [ }, { $type: "color", - $value: "#d25b5b", + $value: "#d15757", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1654,7 +1654,7 @@ export const color = [ }, { $type: "color", - $value: "#9a1616", + $value: "#bf1b1b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1671,7 +1671,7 @@ export const color = [ }, { $type: "color", - $value: "#C01B1B", + $value: "#bf1b1b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1688,7 +1688,7 @@ export const color = [ }, { $type: "color", - $value: "#9c1616", + $value: "#9b1616", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1722,7 +1722,7 @@ export const color = [ }, { $type: "color", - $value: "#c22020", + $value: "#bf1b1b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1739,7 +1739,7 @@ export const color = [ }, { $type: "color", - $value: "#5a0d0d", + $value: "#590d0d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1790,7 +1790,7 @@ export const color = [ }, { $type: "color", - $value: "#fefeff", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1824,7 +1824,7 @@ export const color = [ }, { $type: "color", - $value: "#d3e5f4", + $value: "#d2e5f3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1858,7 +1858,7 @@ export const color = [ }, { $type: "color", - $value: "#9bc5e5", + $value: "#9fc7e6", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1892,7 +1892,7 @@ export const color = [ }, { $type: "color", - $value: "#2f86c9", + $value: "#2a83c8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1909,7 +1909,7 @@ export const color = [ }, { $type: "color", - $value: "#075089", + $value: "#0964a9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1926,7 +1926,7 @@ export const color = [ }, { $type: "color", - $value: "#0A71C0", + $value: "#0a71bf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1943,7 +1943,7 @@ export const color = [ }, { $type: "color", - $value: "#085e9f", + $value: "#085d9f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1960,7 +1960,7 @@ export const color = [ }, { $type: "color", - $value: "#074a7f", + $value: "#074a7e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1977,7 +1977,7 @@ export const color = [ }, { $type: "color", - $value: "#0966ac", + $value: "#0964a9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2028,7 +2028,7 @@ export const color = [ }, { $type: "color", - $value: "#edf5fa", + $value: "#eff6fb", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2045,7 +2045,7 @@ export const color = [ }, { $type: "color", - $value: "#fffefd", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2062,7 +2062,7 @@ export const color = [ }, { $type: "color", - $value: "#f9f4e2", + $value: "#f9f4e1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2079,7 +2079,7 @@ export const color = [ }, { $type: "color", - $value: "#efe2b3", + $value: "#efe2b2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2096,7 +2096,7 @@ export const color = [ }, { $type: "color", - $value: "#e5d183", + $value: "#e6d184", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2113,7 +2113,7 @@ export const color = [ }, { $type: "color", - $value: "#dcbf53", + $value: "#ddc159", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2147,7 +2147,7 @@ export const color = [ }, { $type: "color", - $value: "#987f22", + $value: "#957c21", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2164,7 +2164,7 @@ export const color = [ }, { $type: "color", - $value: "#5c4c14", + $value: "#736019", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2181,7 +2181,7 @@ export const color = [ }, { $type: "color", - $value: "#B8581D", + $value: "#b7581d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2198,7 +2198,7 @@ export const color = [ }, { $type: "color", - $value: "#984918", + $value: "#994918", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2215,7 +2215,7 @@ export const color = [ }, { $type: "color", - $value: "#7a3b13", + $value: "#7b3b13", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2232,7 +2232,7 @@ export const color = [ }, { $type: "color", - $value: "#9e4b19", + $value: "#9b4a18", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2249,7 +2249,7 @@ export const color = [ }, { $type: "color", - $value: "#47220b", + $value: "#46220b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2283,7 +2283,7 @@ export const color = [ }, { $type: "color", - $value: "#fdfbf9", + $value: "#fdf9f8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2300,7 +2300,7 @@ export const color = [ }, { $type: "color", - $value: "#fefefe", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2317,7 +2317,7 @@ export const color = [ }, { $type: "color", - $value: "#002d54", + $value: "#002c54", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { diff --git a/apps/storefront/tokens/digdir/dark.ts b/apps/storefront/tokens/digdir/dark.ts index 1e1181ef1c..2ae0e9df83 100644 --- a/apps/storefront/tokens/digdir/dark.ts +++ b/apps/storefront/tokens/digdir/dark.ts @@ -5,7 +5,7 @@ export const color = [ { $type: "color", - $value: "#001c36", + $value: "#001e38", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -22,7 +22,7 @@ export const color = [ }, { $type: "color", - $value: "#002545", + $value: "#002547", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -39,7 +39,7 @@ export const color = [ }, { $type: "color", - $value: "#00315b", + $value: "#00305c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -56,7 +56,7 @@ export const color = [ }, { $type: "color", - $value: "#013f75", + $value: "#003d74", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -73,7 +73,7 @@ export const color = [ }, { $type: "color", - $value: "#014b8e", + $value: "#004b8d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -90,7 +90,7 @@ export const color = [ }, { $type: "color", - $value: "#01539b", + $value: "#00519a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -107,7 +107,7 @@ export const color = [ }, { $type: "color", - $value: "#1971c0", + $value: "#307fc7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -124,7 +124,7 @@ export const color = [ }, { $type: "color", - $value: "#9bc2e4", + $value: "#70a7d8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -141,7 +141,7 @@ export const color = [ }, { $type: "color", - $value: "#4b90ce", + $value: "#4c91cf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -158,7 +158,7 @@ export const color = [ }, { $type: "color", - $value: "#277ac4", + $value: "#6fa6d8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -175,7 +175,7 @@ export const color = [ }, { $type: "color", - $value: "#0163ba", + $value: "#92bce1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -192,7 +192,7 @@ export const color = [ }, { $type: "color", - $value: "#72a8d9", + $value: "#70a7d8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -209,7 +209,7 @@ export const color = [ }, { $type: "color", - $value: "#d1e3f3", + $value: "#d7e7f4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -243,7 +243,7 @@ export const color = [ }, { $type: "color", - $value: "#0d1823", + $value: "#0d1924", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -260,7 +260,7 @@ export const color = [ }, { $type: "color", - $value: "#131c27", + $value: "#141d29", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -277,7 +277,7 @@ export const color = [ }, { $type: "color", - $value: "#192433", + $value: "#1a2534", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -294,7 +294,7 @@ export const color = [ }, { $type: "color", - $value: "#243142", + $value: "#243041", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -311,7 +311,7 @@ export const color = [ }, { $type: "color", - $value: "#333e4e", + $value: "#323e4d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -328,7 +328,7 @@ export const color = [ }, { $type: "color", - $value: "#424d5b", + $value: "#404b5a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -345,7 +345,7 @@ export const color = [ }, { $type: "color", - $value: "#495361", + $value: "#475260", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -362,7 +362,7 @@ export const color = [ }, { $type: "color", - $value: "#67707c", + $value: "#747c87", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -379,7 +379,7 @@ export const color = [ }, { $type: "color", - $value: "#bbbfc4", + $value: "#9da2aa", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -396,7 +396,7 @@ export const color = [ }, { $type: "color", - $value: "#a6abb2", + $value: "#a6acb2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -413,7 +413,7 @@ export const color = [ }, { $type: "color", - $value: "#90969e", + $value: "#90979f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -430,7 +430,7 @@ export const color = [ }, { $type: "color", - $value: "#7a818c", + $value: "#7a828c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -447,7 +447,7 @@ export const color = [ }, { $type: "color", - $value: "#9ea3ab", + $value: "#9da2aa", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -464,7 +464,7 @@ export const color = [ }, { $type: "color", - $value: "#e1e3e5", + $value: "#e3e5e7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -498,7 +498,7 @@ export const color = [ }, { $type: "color", - $value: "#1b1b1d", + $value: "#1b1c1d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -515,7 +515,7 @@ export const color = [ }, { $type: "color", - $value: "#2f1213", + $value: "#321314", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -532,7 +532,7 @@ export const color = [ }, { $type: "color", - $value: "#3e1819", + $value: "#3f181a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -549,7 +549,7 @@ export const color = [ }, { $type: "color", - $value: "#522022", + $value: "#512021", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -566,7 +566,7 @@ export const color = [ }, { $type: "color", - $value: "#68292b", + $value: "#67282a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -583,7 +583,7 @@ export const color = [ }, { $type: "color", - $value: "#7f3234", + $value: "#7e3133", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -600,7 +600,7 @@ export const color = [ }, { $type: "color", - $value: "#8b3639", + $value: "#893538", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -617,7 +617,7 @@ export const color = [ }, { $type: "color", - $value: "#bc494c", + $value: "#d05155", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -634,7 +634,7 @@ export const color = [ }, { $type: "color", - $value: "#f9a9ab", + $value: "#f67e81", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -702,7 +702,7 @@ export const color = [ }, { $type: "color", - $value: "#f58083", + $value: "#f67e81", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -719,7 +719,7 @@ export const color = [ }, { $type: "color", - $value: "#fcdbdc", + $value: "#fdddde", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -753,7 +753,7 @@ export const color = [ }, { $type: "color", - $value: "#fefefe", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -770,7 +770,7 @@ export const color = [ }, { $type: "color", - $value: "#231a05", + $value: "#251b05", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -787,7 +787,7 @@ export const color = [ }, { $type: "color", - $value: "#2d2206", + $value: "#2f2307", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -804,7 +804,7 @@ export const color = [ }, { $type: "color", - $value: "#3d2e09", + $value: "#3d2d09", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -821,7 +821,7 @@ export const color = [ }, { $type: "color", - $value: "#4f3a0b", + $value: "#4d3a0b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -838,7 +838,7 @@ export const color = [ }, { $type: "color", - $value: "#60470e", + $value: "#5f460d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -855,7 +855,7 @@ export const color = [ }, { $type: "color", - $value: "#694d0f", + $value: "#674d0e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -872,7 +872,7 @@ export const color = [ }, { $type: "color", - $value: "#8e6914", + $value: "#9e7516", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -889,7 +889,7 @@ export const color = [ }, { $type: "color", - $value: "#e8b744", + $value: "#ce991d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -906,7 +906,7 @@ export const color = [ }, { $type: "color", - $value: "#523c0b", + $value: "#513c0b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -923,7 +923,7 @@ export const color = [ }, { $type: "color", - $value: "#694d0f", + $value: "#694e0f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -940,7 +940,7 @@ export const color = [ }, { $type: "color", - $value: "#826112", + $value: "#816012", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -957,7 +957,7 @@ export const color = [ }, { $type: "color", - $value: "#d09a1d", + $value: "#ce991d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -974,7 +974,7 @@ export const color = [ }, { $type: "color", - $value: "#f5dfad", + $value: "#f6e3b6", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1025,7 +1025,7 @@ export const color = [ }, { $type: "color", - $value: "#061d30", + $value: "#061e31", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1042,7 +1042,7 @@ export const color = [ }, { $type: "color", - $value: "#07253c", + $value: "#08263e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1059,7 +1059,7 @@ export const color = [ }, { $type: "color", - $value: "#0a3251", + $value: "#0a3250", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1076,7 +1076,7 @@ export const color = [ }, { $type: "color", - $value: "#0d4068", + $value: "#0c3f66", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1093,7 +1093,7 @@ export const color = [ }, { $type: "color", - $value: "#0f4e7f", + $value: "#0f4d7c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1110,7 +1110,7 @@ export const color = [ }, { $type: "color", - $value: "#11558a", + $value: "#115487", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1127,7 +1127,7 @@ export const color = [ }, { $type: "color", - $value: "#1773b9", + $value: "#1980ce", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1144,7 +1144,7 @@ export const color = [ }, { $type: "color", - $value: "#81c5f9", + $value: "#42a8f7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1161,7 +1161,7 @@ export const color = [ }, { $type: "color", - $value: "#13609a", + $value: "#135f9a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1195,7 +1195,7 @@ export const color = [ }, { $type: "color", - $value: "#0b3a5d", + $value: "#0b395d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1212,7 +1212,7 @@ export const color = [ }, { $type: "color", - $value: "#44aaf7", + $value: "#42a8f7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1229,7 +1229,7 @@ export const color = [ }, { $type: "color", - $value: "#c8e6fd", + $value: "#cde8fd", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1263,7 +1263,7 @@ export const color = [ }, { $type: "color", - $value: "#fafcfd", + $value: "#fbfcfd", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1280,7 +1280,7 @@ export const color = [ }, { $type: "color", - $value: "#012106", + $value: "#022306", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1297,7 +1297,7 @@ export const color = [ }, { $type: "color", - $value: "#022b08", + $value: "#022c08", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1331,7 +1331,7 @@ export const color = [ }, { $type: "color", - $value: "#03490d", + $value: "#03470d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1348,7 +1348,7 @@ export const color = [ }, { $type: "color", - $value: "#045810", + $value: "#04570f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1382,7 +1382,7 @@ export const color = [ }, { $type: "color", - $value: "#068217", + $value: "#178f28", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1399,7 +1399,7 @@ export const color = [ }, { $type: "color", - $value: "#93cb9b", + $value: "#62b36d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1433,7 +1433,7 @@ export const color = [ }, { $type: "color", - $value: "#3da14b", + $value: "#3ca14b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1450,7 +1450,7 @@ export const color = [ }, { $type: "color", - $value: "#65b570", + $value: "#66b571", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1467,7 +1467,7 @@ export const color = [ }, { $type: "color", - $value: "#63b46f", + $value: "#62b36d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1484,7 +1484,7 @@ export const color = [ }, { $type: "color", - $value: "#d1e9d4", + $value: "#d4ead7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1535,7 +1535,7 @@ export const color = [ }, { $type: "color", - $value: "#3b0808", + $value: "#3d0909", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1552,7 +1552,7 @@ export const color = [ }, { $type: "color", - $value: "#4b0a0a", + $value: "#4c0b0b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1569,7 +1569,7 @@ export const color = [ }, { $type: "color", - $value: "#620e0e", + $value: "#610e0e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1586,7 +1586,7 @@ export const color = [ }, { $type: "color", - $value: "#7c1212", + $value: "#7a1111", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1603,7 +1603,7 @@ export const color = [ }, { $type: "color", - $value: "#961515", + $value: "#941515", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1620,7 +1620,7 @@ export const color = [ }, { $type: "color", - $value: "#a31717", + $value: "#a11717", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1637,7 +1637,7 @@ export const color = [ }, { $type: "color", - $value: "#c93c3c", + $value: "#cf5252", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1654,7 +1654,7 @@ export const color = [ }, { $type: "color", - $value: "#e9b0b0", + $value: "#df8b8b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1671,7 +1671,7 @@ export const color = [ }, { $type: "color", - $value: "#d76d6d", + $value: "#d76e6e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1722,7 +1722,7 @@ export const color = [ }, { $type: "color", - $value: "#df8d8d", + $value: "#df8b8b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1739,7 +1739,7 @@ export const color = [ }, { $type: "color", - $value: "#f5dcdc", + $value: "#f6dfdf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1773,7 +1773,7 @@ export const color = [ }, { $type: "color", - $value: "#261313", + $value: "#271414", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1790,7 +1790,7 @@ export const color = [ }, { $type: "color", - $value: "#031d30", + $value: "#031e33", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1807,7 +1807,7 @@ export const color = [ }, { $type: "color", - $value: "#032540", + $value: "#032641", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1824,7 +1824,7 @@ export const color = [ }, { $type: "color", - $value: "#043256", + $value: "#043154", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1841,7 +1841,7 @@ export const color = [ }, { $type: "color", - $value: "#063f6c", + $value: "#063f6a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1858,7 +1858,7 @@ export const color = [ }, { $type: "color", - $value: "#074d84", + $value: "#074d82", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1875,7 +1875,7 @@ export const color = [ }, { $type: "color", - $value: "#075490", + $value: "#07538d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1892,7 +1892,7 @@ export const color = [ }, { $type: "color", - $value: "#0c72c1", + $value: "#2480c7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1909,7 +1909,7 @@ export const color = [ }, { $type: "color", - $value: "#98c3e5", + $value: "#69a8d8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1926,7 +1926,7 @@ export const color = [ }, { $type: "color", - $value: "#2c85c9", + $value: "#2d85c9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1943,7 +1943,7 @@ export const color = [ }, { $type: "color", - $value: "#529bd2", + $value: "#519ad2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1960,7 +1960,7 @@ export const color = [ }, { $type: "color", - $value: "#75afdc", + $value: "#77b0dc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1977,7 +1977,7 @@ export const color = [ }, { $type: "color", - $value: "#6ba9d9", + $value: "#69a8d8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1994,7 +1994,7 @@ export const color = [ }, { $type: "color", - $value: "#d3e5f4", + $value: "#d6e7f4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2028,7 +2028,7 @@ export const color = [ }, { $type: "color", - $value: "#040e15", + $value: "#050e15", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2045,7 +2045,7 @@ export const color = [ }, { $type: "color", - $value: "#211b07", + $value: "#221c08", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2062,7 +2062,7 @@ export const color = [ }, { $type: "color", - $value: "#2b2309", + $value: "#2b240a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2079,7 +2079,7 @@ export const color = [ }, { $type: "color", - $value: "#392f0d", + $value: "#382f0c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2113,7 +2113,7 @@ export const color = [ }, { $type: "color", - $value: "#594a14", + $value: "#584913", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2130,7 +2130,7 @@ export const color = [ }, { $type: "color", - $value: "#625116", + $value: "#5f5015", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2147,7 +2147,7 @@ export const color = [ }, { $type: "color", - $value: "#836d1d", + $value: "#927a20", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2164,7 +2164,7 @@ export const color = [ }, { $type: "color", - $value: "#dabc4c", + $value: "#bf9f2a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2181,7 +2181,7 @@ export const color = [ }, { $type: "color", - $value: "#bc622b", + $value: "#bc612a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2215,7 +2215,7 @@ export const color = [ }, { $type: "color", - $value: "#d39773", + $value: "#d39772", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2232,7 +2232,7 @@ export const color = [ }, { $type: "color", - $value: "#d29671", + $value: "#d2946e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2249,7 +2249,7 @@ export const color = [ }, { $type: "color", - $value: "#f1ded3", + $value: "#f2e2d7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2283,7 +2283,7 @@ export const color = [ }, { $type: "color", - $value: "#090402", + $value: "#070301", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2300,7 +2300,7 @@ export const color = [ }, { $type: "color", - $value: "#131c27", + $value: "#141d29", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2317,7 +2317,7 @@ export const color = [ }, { $type: "color", - $value: "#d1e3f3", + $value: "#d7e7f4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { diff --git a/apps/storefront/tokens/digdir/light.ts b/apps/storefront/tokens/digdir/light.ts index bf0c5545c1..111f936029 100644 --- a/apps/storefront/tokens/digdir/light.ts +++ b/apps/storefront/tokens/digdir/light.ts @@ -5,7 +5,7 @@ export const color = [ { $type: "color", - $value: "#fefeff", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -39,7 +39,7 @@ export const color = [ }, { $type: "color", - $value: "#d1e3f3", + $value: "#d3e4f3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -73,7 +73,7 @@ export const color = [ }, { $type: "color", - $value: "#a1c5e5", + $value: "#a3c6e6", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -90,7 +90,7 @@ export const color = [ }, { $type: "color", - $value: "#97bfe3", + $value: "#99c0e3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -107,7 +107,7 @@ export const color = [ }, { $type: "color", - $value: "#3885c9", + $value: "#3582c8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -124,7 +124,7 @@ export const color = [ }, { $type: "color", - $value: "#014e93", + $value: "#0061b8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -141,7 +141,7 @@ export const color = [ }, { $type: "color", - $value: "#0163ba", + $value: "#0062ba", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -158,7 +158,7 @@ export const color = [ }, { $type: "color", - $value: "#015097", + $value: "#004f96", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -175,7 +175,7 @@ export const color = [ }, { $type: "color", - $value: "#013f75", + $value: "#003d75", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -192,7 +192,7 @@ export const color = [ }, { $type: "color", - $value: "#0163ba", + $value: "#0061b8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -209,7 +209,7 @@ export const color = [ }, { $type: "color", - $value: "#002d54", + $value: "#002c54", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -260,7 +260,7 @@ export const color = [ }, { $type: "color", - $value: "#fefefe", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -277,7 +277,7 @@ export const color = [ }, { $type: "color", - $value: "#f3f4f5", + $value: "#f3f4f4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -294,7 +294,7 @@ export const color = [ }, { $type: "color", - $value: "#e1e3e5", + $value: "#e0e2e4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -311,7 +311,7 @@ export const color = [ }, { $type: "color", - $value: "#ced1d4", + $value: "#cfd2d5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -328,7 +328,7 @@ export const color = [ }, { $type: "color", - $value: "#bdc1c6", + $value: "#bfc3c7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -362,7 +362,7 @@ export const color = [ }, { $type: "color", - $value: "#7a818c", + $value: "#777f89", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -379,7 +379,7 @@ export const color = [ }, { $type: "color", - $value: "#444e5d", + $value: "#59626f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -413,7 +413,7 @@ export const color = [ }, { $type: "color", - $value: "#303c4b", + $value: "#313d4d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -430,7 +430,7 @@ export const color = [ }, { $type: "color", - $value: "#444e5d", + $value: "#444f5d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -447,7 +447,7 @@ export const color = [ }, { $type: "color", - $value: "#5b6471", + $value: "#59626f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -464,7 +464,7 @@ export const color = [ }, { $type: "color", - $value: "#202c3d", + $value: "#1f2c3d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -498,7 +498,7 @@ export const color = [ }, { $type: "color", - $value: "#bbbfc4", + $value: "#babec4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -515,7 +515,7 @@ export const color = [ }, { $type: "color", - $value: "#fffefe", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -549,7 +549,7 @@ export const color = [ }, { $type: "color", - $value: "#fcdbdc", + $value: "#fcdadb", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -583,7 +583,7 @@ export const color = [ }, { $type: "color", - $value: "#f9acae", + $value: "#f9afb1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -600,7 +600,7 @@ export const color = [ }, { $type: "color", - $value: "#f8a5a7", + $value: "#f9a5a8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -617,7 +617,7 @@ export const color = [ }, { $type: "color", - $value: "#d95558", + $value: "#d55356", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -634,7 +634,7 @@ export const color = [ }, { $type: "color", - $value: "#833336", + $value: "#a44043", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -651,7 +651,7 @@ export const color = [ }, { $type: "color", - $value: "#f35f63", + $value: "#f45f63", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -668,7 +668,7 @@ export const color = [ }, { $type: "color", - $value: "#d05255", + $value: "#f78588", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -685,7 +685,7 @@ export const color = [ }, { $type: "color", - $value: "#af4547", + $value: "#f9a6a8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -702,7 +702,7 @@ export const color = [ }, { $type: "color", - $value: "#a74144", + $value: "#a44043", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -719,7 +719,7 @@ export const color = [ }, { $type: "color", - $value: "#4b1e1f", + $value: "#4b1d1e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -753,7 +753,7 @@ export const color = [ }, { $type: "color", - $value: "#000000", + $value: "#020101", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -770,7 +770,7 @@ export const color = [ }, { $type: "color", - $value: "#fffefc", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -787,7 +787,7 @@ export const color = [ }, { $type: "color", - $value: "#fbf3e0", + $value: "#fbf3df", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -804,7 +804,7 @@ export const color = [ }, { $type: "color", - $value: "#f5dfad", + $value: "#f6e0ae", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -821,7 +821,7 @@ export const color = [ }, { $type: "color", - $value: "#f0ce7f", + $value: "#f0ce7e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -838,7 +838,7 @@ export const color = [ }, { $type: "color", - $value: "#e9ba4c", + $value: "#eabc4f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -855,7 +855,7 @@ export const color = [ }, { $type: "color", - $value: "#e7b43d", + $value: "#e8b43a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -872,7 +872,7 @@ export const color = [ }, { $type: "color", - $value: "#a57a17", + $value: "#a17817", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -889,7 +889,7 @@ export const color = [ }, { $type: "color", - $value: "#63490e", + $value: "#7c5c11", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -906,7 +906,7 @@ export const color = [ }, { $type: "color", - $value: "#e4a920", + $value: "#e5aa21", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -940,7 +940,7 @@ export const color = [ }, { $type: "color", - $value: "#af8119", + $value: "#af8218", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -957,7 +957,7 @@ export const color = [ }, { $type: "color", - $value: "#7e5d12", + $value: "#7c5c11", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -974,7 +974,7 @@ export const color = [ }, { $type: "color", - $value: "#382a08", + $value: "#382908", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1008,7 +1008,7 @@ export const color = [ }, { $type: "color", - $value: "#2b2006", + $value: "#2c2006", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1025,7 +1025,7 @@ export const color = [ }, { $type: "color", - $value: "#fdfeff", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1042,7 +1042,7 @@ export const color = [ }, { $type: "color", - $value: "#eaf6fe", + $value: "#eaf5fe", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1076,7 +1076,7 @@ export const color = [ }, { $type: "color", - $value: "#a9d7fb", + $value: "#a8d7fb", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1093,7 +1093,7 @@ export const color = [ }, { $type: "color", - $value: "#84c7fa", + $value: "#89c9fa", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1110,7 +1110,7 @@ export const color = [ }, { $type: "color", - $value: "#7ac2f9", + $value: "#7bc3f9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1127,7 +1127,7 @@ export const color = [ }, { $type: "color", - $value: "#1a85d6", + $value: "#1a83d2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1144,7 +1144,7 @@ export const color = [ }, { $type: "color", - $value: "#105082", + $value: "#1465a2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1161,7 +1161,7 @@ export const color = [ }, { $type: "color", - $value: "#1e98f5", + $value: "#1e98f4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1178,7 +1178,7 @@ export const color = [ }, { $type: "color", - $value: "#1a83d3", + $value: "#53b0f7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1195,7 +1195,7 @@ export const color = [ }, { $type: "color", - $value: "#166eb2", + $value: "#81c5f9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1212,7 +1212,7 @@ export const color = [ }, { $type: "color", - $value: "#1466a5", + $value: "#1465a2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1229,7 +1229,7 @@ export const color = [ }, { $type: "color", - $value: "#092e4b", + $value: "#092d49", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1263,7 +1263,7 @@ export const color = [ }, { $type: "color", - $value: "#010407", + $value: "#010507", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1280,7 +1280,7 @@ export const color = [ }, { $type: "color", - $value: "#fcfefc", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1297,7 +1297,7 @@ export const color = [ }, { $type: "color", - $value: "#edf6ee", + $value: "#ecf6ee", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1314,7 +1314,7 @@ export const color = [ }, { $type: "color", - $value: "#d1e9d4", + $value: "#d0e8d3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1331,7 +1331,7 @@ export const color = [ }, { $type: "color", - $value: "#b5dbba", + $value: "#b4dbba", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1348,7 +1348,7 @@ export const color = [ }, { $type: "color", - $value: "#96cd9e", + $value: "#9bcfa2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1382,7 +1382,7 @@ export const color = [ }, { $type: "color", - $value: "#229532", + $value: "#1d922d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1399,7 +1399,7 @@ export const color = [ }, { $type: "color", - $value: "#045a10", + $value: "#057114", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1467,7 +1467,7 @@ export const color = [ }, { $type: "color", - $value: "#057315", + $value: "#057114", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1518,7 +1518,7 @@ export const color = [ }, { $type: "color", - $value: "#f9fcf9", + $value: "#fafdfb", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1535,7 +1535,7 @@ export const color = [ }, { $type: "color", - $value: "#fffefe", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1586,7 +1586,7 @@ export const color = [ }, { $type: "color", - $value: "#f0c7c7", + $value: "#f0c8c8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1603,7 +1603,7 @@ export const color = [ }, { $type: "color", - $value: "#eab3b3", + $value: "#ebb5b5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1620,7 +1620,7 @@ export const color = [ }, { $type: "color", - $value: "#e8acac", + $value: "#e8adad", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1637,7 +1637,7 @@ export const color = [ }, { $type: "color", - $value: "#d25b5b", + $value: "#d15757", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1654,7 +1654,7 @@ export const color = [ }, { $type: "color", - $value: "#9a1616", + $value: "#bf1b1b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1671,7 +1671,7 @@ export const color = [ }, { $type: "color", - $value: "#C01B1B", + $value: "#bf1b1b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1688,7 +1688,7 @@ export const color = [ }, { $type: "color", - $value: "#9c1616", + $value: "#9b1616", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1722,7 +1722,7 @@ export const color = [ }, { $type: "color", - $value: "#c22020", + $value: "#bf1b1b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1739,7 +1739,7 @@ export const color = [ }, { $type: "color", - $value: "#5a0d0d", + $value: "#590d0d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1790,7 +1790,7 @@ export const color = [ }, { $type: "color", - $value: "#fefeff", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1824,7 +1824,7 @@ export const color = [ }, { $type: "color", - $value: "#d3e5f4", + $value: "#d2e5f3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1858,7 +1858,7 @@ export const color = [ }, { $type: "color", - $value: "#9bc5e5", + $value: "#9fc7e6", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1892,7 +1892,7 @@ export const color = [ }, { $type: "color", - $value: "#2f86c9", + $value: "#2a83c8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1909,7 +1909,7 @@ export const color = [ }, { $type: "color", - $value: "#075089", + $value: "#0964a9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1926,7 +1926,7 @@ export const color = [ }, { $type: "color", - $value: "#0A71C0", + $value: "#0a71bf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1943,7 +1943,7 @@ export const color = [ }, { $type: "color", - $value: "#085e9f", + $value: "#085d9f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1960,7 +1960,7 @@ export const color = [ }, { $type: "color", - $value: "#074a7f", + $value: "#074a7e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1977,7 +1977,7 @@ export const color = [ }, { $type: "color", - $value: "#0966ac", + $value: "#0964a9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2028,7 +2028,7 @@ export const color = [ }, { $type: "color", - $value: "#edf5fa", + $value: "#eff6fb", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2045,7 +2045,7 @@ export const color = [ }, { $type: "color", - $value: "#fffefd", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2062,7 +2062,7 @@ export const color = [ }, { $type: "color", - $value: "#f9f4e2", + $value: "#f9f4e1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2079,7 +2079,7 @@ export const color = [ }, { $type: "color", - $value: "#efe2b3", + $value: "#efe2b2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2096,7 +2096,7 @@ export const color = [ }, { $type: "color", - $value: "#e5d183", + $value: "#e6d184", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2113,7 +2113,7 @@ export const color = [ }, { $type: "color", - $value: "#dcbf53", + $value: "#ddc159", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2147,7 +2147,7 @@ export const color = [ }, { $type: "color", - $value: "#987f22", + $value: "#957c21", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2164,7 +2164,7 @@ export const color = [ }, { $type: "color", - $value: "#5c4c14", + $value: "#736019", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2181,7 +2181,7 @@ export const color = [ }, { $type: "color", - $value: "#B8581D", + $value: "#b7581d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2198,7 +2198,7 @@ export const color = [ }, { $type: "color", - $value: "#984918", + $value: "#994918", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2215,7 +2215,7 @@ export const color = [ }, { $type: "color", - $value: "#7a3b13", + $value: "#7b3b13", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2232,7 +2232,7 @@ export const color = [ }, { $type: "color", - $value: "#9e4b19", + $value: "#9b4a18", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2249,7 +2249,7 @@ export const color = [ }, { $type: "color", - $value: "#47220b", + $value: "#46220b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2283,7 +2283,7 @@ export const color = [ }, { $type: "color", - $value: "#fdfbf9", + $value: "#fdf9f8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2300,7 +2300,7 @@ export const color = [ }, { $type: "color", - $value: "#fefefe", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2317,7 +2317,7 @@ export const color = [ }, { $type: "color", - $value: "#002d54", + $value: "#002c54", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { diff --git a/apps/storefront/tokens/portal/dark.ts b/apps/storefront/tokens/portal/dark.ts index 3656ffd572..9f4021c689 100644 --- a/apps/storefront/tokens/portal/dark.ts +++ b/apps/storefront/tokens/portal/dark.ts @@ -5,7 +5,7 @@ export const color = [ { $type: "color", - $value: "#2a0945", + $value: "#2c0948", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -22,7 +22,7 @@ export const color = [ }, { $type: "color", - $value: "#360b58", + $value: "#370b5a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -39,7 +39,7 @@ export const color = [ }, { $type: "color", - $value: "#480f74", + $value: "#470f73", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -56,7 +56,7 @@ export const color = [ }, { $type: "color", - $value: "#581f85", + $value: "#571d84", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -73,7 +73,7 @@ export const color = [ }, { $type: "color", - $value: "#66328f", + $value: "#65308f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -90,7 +90,7 @@ export const color = [ }, { $type: "color", - $value: "#6d3b94", + $value: "#6c3993", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -107,7 +107,7 @@ export const color = [ }, { $type: "color", - $value: "#875ea8", + $value: "#926caf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -124,7 +124,7 @@ export const color = [ }, { $type: "color", - $value: "#c9b7d8", + $value: "#b298c7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -141,7 +141,7 @@ export const color = [ }, { $type: "color", - $value: "#baa2cc", + $value: "#baa2cd", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -158,7 +158,7 @@ export const color = [ }, { $type: "color", - $value: "#a88abf", + $value: "#a88bc0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -175,7 +175,7 @@ export const color = [ }, { $type: "color", - $value: "#9773b3", + $value: "#9673b3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -192,7 +192,7 @@ export const color = [ }, { $type: "color", - $value: "#b399c7", + $value: "#b298c7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -209,7 +209,7 @@ export const color = [ }, { $type: "color", - $value: "#e8e0ee", + $value: "#e9e2ef", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -260,7 +260,7 @@ export const color = [ }, { $type: "color", - $value: "#131c27", + $value: "#141d29", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -277,7 +277,7 @@ export const color = [ }, { $type: "color", - $value: "#192433", + $value: "#1a2534", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -294,7 +294,7 @@ export const color = [ }, { $type: "color", - $value: "#243142", + $value: "#243041", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -311,7 +311,7 @@ export const color = [ }, { $type: "color", - $value: "#333e4e", + $value: "#323e4d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -328,7 +328,7 @@ export const color = [ }, { $type: "color", - $value: "#424d5b", + $value: "#404b5a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -345,7 +345,7 @@ export const color = [ }, { $type: "color", - $value: "#495361", + $value: "#475260", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -362,7 +362,7 @@ export const color = [ }, { $type: "color", - $value: "#67707c", + $value: "#747c87", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -379,7 +379,7 @@ export const color = [ }, { $type: "color", - $value: "#bbbfc4", + $value: "#9da2aa", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -396,7 +396,7 @@ export const color = [ }, { $type: "color", - $value: "#a6abb2", + $value: "#a6acb2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -413,7 +413,7 @@ export const color = [ }, { $type: "color", - $value: "#90969e", + $value: "#90979f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -430,7 +430,7 @@ export const color = [ }, { $type: "color", - $value: "#7a818c", + $value: "#7a828c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -447,7 +447,7 @@ export const color = [ }, { $type: "color", - $value: "#9ea3ab", + $value: "#9da2aa", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -464,7 +464,7 @@ export const color = [ }, { $type: "color", - $value: "#e1e3e5", + $value: "#e3e5e7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -498,7 +498,7 @@ export const color = [ }, { $type: "color", - $value: "#1b1b1d", + $value: "#1b1c1d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -515,7 +515,7 @@ export const color = [ }, { $type: "color", - $value: "#251432", + $value: "#261534", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -532,7 +532,7 @@ export const color = [ }, { $type: "color", - $value: "#2f1a40", + $value: "#301b42", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -549,7 +549,7 @@ export const color = [ }, { $type: "color", - $value: "#402358", + $value: "#3f2356", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -566,7 +566,7 @@ export const color = [ }, { $type: "color", - $value: "#512c6e", + $value: "#502c6d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -583,7 +583,7 @@ export const color = [ }, { $type: "color", - $value: "#633687", + $value: "#623685", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -600,7 +600,7 @@ export const color = [ }, { $type: "color", - $value: "#6c3b93", + $value: "#6a3a91", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -617,7 +617,7 @@ export const color = [ }, { $type: "color", - $value: "#9250c7", + $value: "#a259dc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -634,7 +634,7 @@ export const color = [ }, { $type: "color", - $value: "#d3b0ee", + $value: "#bf8de7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -651,7 +651,7 @@ export const color = [ }, { $type: "color", - $value: "#9552cb", + $value: "#9652cb", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -668,7 +668,7 @@ export const color = [ }, { $type: "color", - $value: "#7b44a8", + $value: "#7d45aa", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -685,7 +685,7 @@ export const color = [ }, { $type: "color", - $value: "#633687", + $value: "#643788", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -702,7 +702,7 @@ export const color = [ }, { $type: "color", - $value: "#c08ee7", + $value: "#bf8de7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -719,7 +719,7 @@ export const color = [ }, { $type: "color", - $value: "#ecddf8", + $value: "#ede0f8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -770,7 +770,7 @@ export const color = [ }, { $type: "color", - $value: "#281429", + $value: "#29152a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -787,7 +787,7 @@ export const color = [ }, { $type: "color", - $value: "#331a35", + $value: "#351b36", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -804,7 +804,7 @@ export const color = [ }, { $type: "color", - $value: "#462447", + $value: "#442346", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -821,7 +821,7 @@ export const color = [ }, { $type: "color", - $value: "#582d5a", + $value: "#572d59", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -838,7 +838,7 @@ export const color = [ }, { $type: "color", - $value: "#6c376e", + $value: "#6a376d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -855,7 +855,7 @@ export const color = [ }, { $type: "color", - $value: "#753d78", + $value: "#743c76", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -872,7 +872,7 @@ export const color = [ }, { $type: "color", - $value: "#9f52a2", + $value: "#b05bb4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -889,7 +889,7 @@ export const color = [ }, { $type: "color", - $value: "#eba8ee", + $value: "#e17ce6", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -906,7 +906,7 @@ export const color = [ }, { $type: "color", - $value: "#753d78", + $value: "#773d79", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -923,7 +923,7 @@ export const color = [ }, { $type: "color", - $value: "#5b2f5e", + $value: "#5d305f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -940,7 +940,7 @@ export const color = [ }, { $type: "color", - $value: "#422244", + $value: "#442345", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -957,7 +957,7 @@ export const color = [ }, { $type: "color", - $value: "#e17ee6", + $value: "#e17ce6", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -974,7 +974,7 @@ export const color = [ }, { $type: "color", - $value: "#f6d9f8", + $value: "#f7dcf8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1008,7 +1008,7 @@ export const color = [ }, { $type: "color", - $value: "#f4eff4", + $value: "#f4f0f4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1025,7 +1025,7 @@ export const color = [ }, { $type: "color", - $value: "#2b1323", + $value: "#2d1425", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1042,7 +1042,7 @@ export const color = [ }, { $type: "color", - $value: "#38192e", + $value: "#391a2f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1059,7 +1059,7 @@ export const color = [ }, { $type: "color", - $value: "#4b223e", + $value: "#4a223d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1076,7 +1076,7 @@ export const color = [ }, { $type: "color", - $value: "#5f2b4e", + $value: "#5e2b4d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1093,7 +1093,7 @@ export const color = [ }, { $type: "color", - $value: "#74355f", + $value: "#72345e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1110,7 +1110,7 @@ export const color = [ }, { $type: "color", - $value: "#7f3a68", + $value: "#7c3966", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1127,7 +1127,7 @@ export const color = [ }, { $type: "color", - $value: "#ab4e8d", + $value: "#bd579c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1144,7 +1144,7 @@ export const color = [ }, { $type: "color", - $value: "#f1a7d9", + $value: "#eb7bc7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1161,7 +1161,7 @@ export const color = [ }, { $type: "color", - $value: "#863d6e", + $value: "#873e6f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1178,7 +1178,7 @@ export const color = [ }, { $type: "color", - $value: "#693057", + $value: "#6a3158", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1195,7 +1195,7 @@ export const color = [ }, { $type: "color", - $value: "#4e2440", + $value: "#4f2441", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1212,7 +1212,7 @@ export const color = [ }, { $type: "color", - $value: "#eb7dc7", + $value: "#eb7bc7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1229,7 +1229,7 @@ export const color = [ }, { $type: "color", - $value: "#f9daef", + $value: "#fadcf0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1263,7 +1263,7 @@ export const color = [ }, { $type: "color", - $value: "#f8f4f7", + $value: "#f9f6f8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1280,7 +1280,7 @@ export const color = [ }, { $type: "color", - $value: "#012106", + $value: "#022306", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1297,7 +1297,7 @@ export const color = [ }, { $type: "color", - $value: "#022b08", + $value: "#022c08", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1331,7 +1331,7 @@ export const color = [ }, { $type: "color", - $value: "#03490d", + $value: "#03470d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1348,7 +1348,7 @@ export const color = [ }, { $type: "color", - $value: "#045810", + $value: "#04570f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1382,7 +1382,7 @@ export const color = [ }, { $type: "color", - $value: "#068217", + $value: "#178f28", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1399,7 +1399,7 @@ export const color = [ }, { $type: "color", - $value: "#93cb9b", + $value: "#62b36d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1433,7 +1433,7 @@ export const color = [ }, { $type: "color", - $value: "#3da14b", + $value: "#3ca14b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1450,7 +1450,7 @@ export const color = [ }, { $type: "color", - $value: "#65b570", + $value: "#66b571", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1467,7 +1467,7 @@ export const color = [ }, { $type: "color", - $value: "#63b46f", + $value: "#62b36d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1484,7 +1484,7 @@ export const color = [ }, { $type: "color", - $value: "#d1e9d4", + $value: "#d4ead7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1535,7 +1535,7 @@ export const color = [ }, { $type: "color", - $value: "#3b0808", + $value: "#3d0909", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1552,7 +1552,7 @@ export const color = [ }, { $type: "color", - $value: "#4b0a0a", + $value: "#4c0b0b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1569,7 +1569,7 @@ export const color = [ }, { $type: "color", - $value: "#620e0e", + $value: "#610e0e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1586,7 +1586,7 @@ export const color = [ }, { $type: "color", - $value: "#7c1212", + $value: "#7a1111", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1603,7 +1603,7 @@ export const color = [ }, { $type: "color", - $value: "#961515", + $value: "#941515", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1620,7 +1620,7 @@ export const color = [ }, { $type: "color", - $value: "#a31717", + $value: "#a11717", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1637,7 +1637,7 @@ export const color = [ }, { $type: "color", - $value: "#c93c3c", + $value: "#cf5252", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1654,7 +1654,7 @@ export const color = [ }, { $type: "color", - $value: "#e9b0b0", + $value: "#df8b8b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1671,7 +1671,7 @@ export const color = [ }, { $type: "color", - $value: "#d76d6d", + $value: "#d76e6e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1722,7 +1722,7 @@ export const color = [ }, { $type: "color", - $value: "#df8d8d", + $value: "#df8b8b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1739,7 +1739,7 @@ export const color = [ }, { $type: "color", - $value: "#f5dcdc", + $value: "#f6dfdf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1773,7 +1773,7 @@ export const color = [ }, { $type: "color", - $value: "#261313", + $value: "#271414", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1790,7 +1790,7 @@ export const color = [ }, { $type: "color", - $value: "#031d30", + $value: "#031e33", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1807,7 +1807,7 @@ export const color = [ }, { $type: "color", - $value: "#032540", + $value: "#032641", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1824,7 +1824,7 @@ export const color = [ }, { $type: "color", - $value: "#043256", + $value: "#043154", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1841,7 +1841,7 @@ export const color = [ }, { $type: "color", - $value: "#063f6c", + $value: "#063f6a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1858,7 +1858,7 @@ export const color = [ }, { $type: "color", - $value: "#074d84", + $value: "#074d82", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1875,7 +1875,7 @@ export const color = [ }, { $type: "color", - $value: "#075490", + $value: "#07538d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1892,7 +1892,7 @@ export const color = [ }, { $type: "color", - $value: "#0c72c1", + $value: "#2480c7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1909,7 +1909,7 @@ export const color = [ }, { $type: "color", - $value: "#98c3e5", + $value: "#69a8d8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1926,7 +1926,7 @@ export const color = [ }, { $type: "color", - $value: "#2c85c9", + $value: "#2d85c9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1943,7 +1943,7 @@ export const color = [ }, { $type: "color", - $value: "#529bd2", + $value: "#519ad2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1960,7 +1960,7 @@ export const color = [ }, { $type: "color", - $value: "#75afdc", + $value: "#77b0dc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1977,7 +1977,7 @@ export const color = [ }, { $type: "color", - $value: "#6ba9d9", + $value: "#69a8d8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1994,7 +1994,7 @@ export const color = [ }, { $type: "color", - $value: "#d3e5f4", + $value: "#d6e7f4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2028,7 +2028,7 @@ export const color = [ }, { $type: "color", - $value: "#040e15", + $value: "#050e15", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2045,7 +2045,7 @@ export const color = [ }, { $type: "color", - $value: "#211b07", + $value: "#221c08", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2062,7 +2062,7 @@ export const color = [ }, { $type: "color", - $value: "#2b2309", + $value: "#2b240a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2079,7 +2079,7 @@ export const color = [ }, { $type: "color", - $value: "#392f0d", + $value: "#382f0c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2113,7 +2113,7 @@ export const color = [ }, { $type: "color", - $value: "#594a14", + $value: "#584913", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2130,7 +2130,7 @@ export const color = [ }, { $type: "color", - $value: "#625116", + $value: "#5f5015", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2147,7 +2147,7 @@ export const color = [ }, { $type: "color", - $value: "#836d1d", + $value: "#927a20", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2164,7 +2164,7 @@ export const color = [ }, { $type: "color", - $value: "#dabc4c", + $value: "#bf9f2a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2181,7 +2181,7 @@ export const color = [ }, { $type: "color", - $value: "#bc622b", + $value: "#bc612a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2215,7 +2215,7 @@ export const color = [ }, { $type: "color", - $value: "#d39773", + $value: "#d39772", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2232,7 +2232,7 @@ export const color = [ }, { $type: "color", - $value: "#d29671", + $value: "#d2946e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2249,7 +2249,7 @@ export const color = [ }, { $type: "color", - $value: "#f1ded3", + $value: "#f2e2d7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2283,7 +2283,7 @@ export const color = [ }, { $type: "color", - $value: "#090402", + $value: "#070301", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2300,7 +2300,7 @@ export const color = [ }, { $type: "color", - $value: "#131c27", + $value: "#141d29", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2317,7 +2317,7 @@ export const color = [ }, { $type: "color", - $value: "#e8e0ee", + $value: "#e9e2ef", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { diff --git a/apps/storefront/tokens/portal/light.ts b/apps/storefront/tokens/portal/light.ts index 6a0aa4eef1..e9d951b4e9 100644 --- a/apps/storefront/tokens/portal/light.ts +++ b/apps/storefront/tokens/portal/light.ts @@ -5,7 +5,7 @@ export const color = [ { $type: "color", - $value: "#fefefe", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -22,7 +22,7 @@ export const color = [ }, { $type: "color", - $value: "#f5f2f8", + $value: "#f6f2f8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -39,7 +39,7 @@ export const color = [ }, { $type: "color", - $value: "#e8e0ee", + $value: "#e7dfee", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -56,7 +56,7 @@ export const color = [ }, { $type: "color", - $value: "#d9cce3", + $value: "#dacde4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -73,7 +73,7 @@ export const color = [ }, { $type: "color", - $value: "#ccbad9", + $value: "#cdbcdb", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -90,7 +90,7 @@ export const color = [ }, { $type: "color", - $value: "#c7b4d6", + $value: "#c8b5d7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -107,7 +107,7 @@ export const color = [ }, { $type: "color", - $value: "#9773b3", + $value: "#9470b1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -124,7 +124,7 @@ export const color = [ }, { $type: "color", - $value: "#683591", + $value: "#7b4d9e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -158,7 +158,7 @@ export const color = [ }, { $type: "color", - $value: "#612c8c", + $value: "#612b8c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -175,7 +175,7 @@ export const color = [ }, { $type: "color", - $value: "#734499", + $value: "#734399", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -192,7 +192,7 @@ export const color = [ }, { $type: "color", - $value: "#7c4fa0", + $value: "#7b4d9e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -209,7 +209,7 @@ export const color = [ }, { $type: "color", - $value: "#420e6a", + $value: "#410d69", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -243,7 +243,7 @@ export const color = [ }, { $type: "color", - $value: "#d5c6e0", + $value: "#d4c6e0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -260,7 +260,7 @@ export const color = [ }, { $type: "color", - $value: "#fefefe", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -277,7 +277,7 @@ export const color = [ }, { $type: "color", - $value: "#f3f4f5", + $value: "#f3f4f4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -294,7 +294,7 @@ export const color = [ }, { $type: "color", - $value: "#e1e3e5", + $value: "#e0e2e4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -311,7 +311,7 @@ export const color = [ }, { $type: "color", - $value: "#ced1d4", + $value: "#cfd2d5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -328,7 +328,7 @@ export const color = [ }, { $type: "color", - $value: "#bdc1c6", + $value: "#bfc3c7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -362,7 +362,7 @@ export const color = [ }, { $type: "color", - $value: "#7a818c", + $value: "#777f89", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -379,7 +379,7 @@ export const color = [ }, { $type: "color", - $value: "#444e5d", + $value: "#59626f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -396,7 +396,7 @@ export const color = [ }, { $type: "color", - $value: "#1E2B3C", + $value: "#1e2b3c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -413,7 +413,7 @@ export const color = [ }, { $type: "color", - $value: "#303c4b", + $value: "#313d4d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -430,7 +430,7 @@ export const color = [ }, { $type: "color", - $value: "#444e5d", + $value: "#444f5d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -447,7 +447,7 @@ export const color = [ }, { $type: "color", - $value: "#5b6471", + $value: "#59626f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -464,7 +464,7 @@ export const color = [ }, { $type: "color", - $value: "#202c3d", + $value: "#1f2c3d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -498,7 +498,7 @@ export const color = [ }, { $type: "color", - $value: "#bbbfc4", + $value: "#babec4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -515,7 +515,7 @@ export const color = [ }, { $type: "color", - $value: "#fefdff", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -566,7 +566,7 @@ export const color = [ }, { $type: "color", - $value: "#e0c8f3", + $value: "#e1c9f4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -583,7 +583,7 @@ export const color = [ }, { $type: "color", - $value: "#d5b5ef", + $value: "#d6b6f0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -600,7 +600,7 @@ export const color = [ }, { $type: "color", - $value: "#d1adee", + $value: "#d2aeee", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -617,7 +617,7 @@ export const color = [ }, { $type: "color", - $value: "#a661de", + $value: "#a45ddd", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -634,7 +634,7 @@ export const color = [ }, { $type: "color", - $value: "#66388b", + $value: "#8046ad", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -651,7 +651,7 @@ export const color = [ }, { $type: "color", - $value: "#a259dc", + $value: "#a25adc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -668,7 +668,7 @@ export const color = [ }, { $type: "color", - $value: "#884bb9", + $value: "#b276e2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -685,7 +685,7 @@ export const color = [ }, { $type: "color", - $value: "#703d97", + $value: "#c291e8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -702,7 +702,7 @@ export const color = [ }, { $type: "color", - $value: "#8248b1", + $value: "#8046ad", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -719,7 +719,7 @@ export const color = [ }, { $type: "color", - $value: "#3a204f", + $value: "#3a204e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -753,7 +753,7 @@ export const color = [ }, { $type: "color", - $value: "#0a060d", + $value: "#0a050d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -770,7 +770,7 @@ export const color = [ }, { $type: "color", - $value: "#fffeff", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -787,7 +787,7 @@ export const color = [ }, { $type: "color", - $value: "#fbf0fc", + $value: "#fcf0fc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -838,7 +838,7 @@ export const color = [ }, { $type: "color", - $value: "#ecabef", + $value: "#ecadef", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -872,7 +872,7 @@ export const color = [ }, { $type: "color", - $value: "#b75fbb", + $value: "#b45db8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -889,7 +889,7 @@ export const color = [ }, { $type: "color", - $value: "#6f3972", + $value: "#8b488e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -906,7 +906,7 @@ export const color = [ }, { $type: "color", - $value: "#df73e4", + $value: "#df74e4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -923,7 +923,7 @@ export const color = [ }, { $type: "color", - $value: "#c364c7", + $value: "#e795eb", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -940,7 +940,7 @@ export const color = [ }, { $type: "color", - $value: "#a656aa", + $value: "#eeb5f1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -957,7 +957,7 @@ export const color = [ }, { $type: "color", - $value: "#8e4991", + $value: "#8b488e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -974,7 +974,7 @@ export const color = [ }, { $type: "color", - $value: "#3f2141", + $value: "#3e2040", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1008,7 +1008,7 @@ export const color = [ }, { $type: "color", - $value: "#190d1a", + $value: "#170c18", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1025,7 +1025,7 @@ export const color = [ }, { $type: "color", - $value: "#fffefe", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1042,7 +1042,7 @@ export const color = [ }, { $type: "color", - $value: "#fdeff8", + $value: "#fdf0f9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1059,7 +1059,7 @@ export const color = [ }, { $type: "color", - $value: "#f9daef", + $value: "#f9d9ef", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1093,7 +1093,7 @@ export const color = [ }, { $type: "color", - $value: "#f2abdb", + $value: "#f2addc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1110,7 +1110,7 @@ export const color = [ }, { $type: "color", - $value: "#f1a3d7", + $value: "#f1a4d8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1127,7 +1127,7 @@ export const color = [ }, { $type: "color", - $value: "#c55aa3", + $value: "#c2589f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1144,7 +1144,7 @@ export const color = [ }, { $type: "color", - $value: "#773762", + $value: "#95447b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1161,7 +1161,7 @@ export const color = [ }, { $type: "color", - $value: "#e86abf", + $value: "#e86bbf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1178,7 +1178,7 @@ export const color = [ }, { $type: "color", - $value: "#c95ca6", + $value: "#ed8ece", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1195,7 +1195,7 @@ export const color = [ }, { $type: "color", - $value: "#ab4e8d", + $value: "#f3aedc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1212,7 +1212,7 @@ export const color = [ }, { $type: "color", - $value: "#98467d", + $value: "#95447b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1229,7 +1229,7 @@ export const color = [ }, { $type: "color", - $value: "#451f38", + $value: "#431f37", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1263,7 +1263,7 @@ export const color = [ }, { $type: "color", - $value: "#11080e", + $value: "#10070d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1280,7 +1280,7 @@ export const color = [ }, { $type: "color", - $value: "#fcfefc", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1297,7 +1297,7 @@ export const color = [ }, { $type: "color", - $value: "#edf6ee", + $value: "#ecf6ee", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1314,7 +1314,7 @@ export const color = [ }, { $type: "color", - $value: "#d1e9d4", + $value: "#d0e8d3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1331,7 +1331,7 @@ export const color = [ }, { $type: "color", - $value: "#b5dbba", + $value: "#b4dbba", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1348,7 +1348,7 @@ export const color = [ }, { $type: "color", - $value: "#96cd9e", + $value: "#9bcfa2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1382,7 +1382,7 @@ export const color = [ }, { $type: "color", - $value: "#229532", + $value: "#1d922d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1399,7 +1399,7 @@ export const color = [ }, { $type: "color", - $value: "#045a10", + $value: "#057114", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1467,7 +1467,7 @@ export const color = [ }, { $type: "color", - $value: "#057315", + $value: "#057114", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1518,7 +1518,7 @@ export const color = [ }, { $type: "color", - $value: "#f9fcf9", + $value: "#fafdfb", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1535,7 +1535,7 @@ export const color = [ }, { $type: "color", - $value: "#fffefe", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1586,7 +1586,7 @@ export const color = [ }, { $type: "color", - $value: "#f0c7c7", + $value: "#f0c8c8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1603,7 +1603,7 @@ export const color = [ }, { $type: "color", - $value: "#eab3b3", + $value: "#ebb5b5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1620,7 +1620,7 @@ export const color = [ }, { $type: "color", - $value: "#e8acac", + $value: "#e8adad", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1637,7 +1637,7 @@ export const color = [ }, { $type: "color", - $value: "#d25b5b", + $value: "#d15757", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1654,7 +1654,7 @@ export const color = [ }, { $type: "color", - $value: "#9a1616", + $value: "#bf1b1b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1671,7 +1671,7 @@ export const color = [ }, { $type: "color", - $value: "#C01B1B", + $value: "#bf1b1b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1688,7 +1688,7 @@ export const color = [ }, { $type: "color", - $value: "#9c1616", + $value: "#9b1616", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1722,7 +1722,7 @@ export const color = [ }, { $type: "color", - $value: "#c22020", + $value: "#bf1b1b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1739,7 +1739,7 @@ export const color = [ }, { $type: "color", - $value: "#5a0d0d", + $value: "#590d0d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1790,7 +1790,7 @@ export const color = [ }, { $type: "color", - $value: "#fefeff", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1824,7 +1824,7 @@ export const color = [ }, { $type: "color", - $value: "#d3e5f4", + $value: "#d2e5f3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1858,7 +1858,7 @@ export const color = [ }, { $type: "color", - $value: "#9bc5e5", + $value: "#9fc7e6", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1892,7 +1892,7 @@ export const color = [ }, { $type: "color", - $value: "#2f86c9", + $value: "#2a83c8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1909,7 +1909,7 @@ export const color = [ }, { $type: "color", - $value: "#075089", + $value: "#0964a9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1926,7 +1926,7 @@ export const color = [ }, { $type: "color", - $value: "#0A71C0", + $value: "#0a71bf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1943,7 +1943,7 @@ export const color = [ }, { $type: "color", - $value: "#085e9f", + $value: "#085d9f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1960,7 +1960,7 @@ export const color = [ }, { $type: "color", - $value: "#074a7f", + $value: "#074a7e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1977,7 +1977,7 @@ export const color = [ }, { $type: "color", - $value: "#0966ac", + $value: "#0964a9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2028,7 +2028,7 @@ export const color = [ }, { $type: "color", - $value: "#edf5fa", + $value: "#eff6fb", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2045,7 +2045,7 @@ export const color = [ }, { $type: "color", - $value: "#fffefd", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2062,7 +2062,7 @@ export const color = [ }, { $type: "color", - $value: "#f9f4e2", + $value: "#f9f4e1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2079,7 +2079,7 @@ export const color = [ }, { $type: "color", - $value: "#efe2b3", + $value: "#efe2b2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2096,7 +2096,7 @@ export const color = [ }, { $type: "color", - $value: "#e5d183", + $value: "#e6d184", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2113,7 +2113,7 @@ export const color = [ }, { $type: "color", - $value: "#dcbf53", + $value: "#ddc159", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2147,7 +2147,7 @@ export const color = [ }, { $type: "color", - $value: "#987f22", + $value: "#957c21", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2164,7 +2164,7 @@ export const color = [ }, { $type: "color", - $value: "#5c4c14", + $value: "#736019", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2181,7 +2181,7 @@ export const color = [ }, { $type: "color", - $value: "#B8581D", + $value: "#b7581d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2198,7 +2198,7 @@ export const color = [ }, { $type: "color", - $value: "#984918", + $value: "#994918", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2215,7 +2215,7 @@ export const color = [ }, { $type: "color", - $value: "#7a3b13", + $value: "#7b3b13", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2232,7 +2232,7 @@ export const color = [ }, { $type: "color", - $value: "#9e4b19", + $value: "#9b4a18", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2249,7 +2249,7 @@ export const color = [ }, { $type: "color", - $value: "#47220b", + $value: "#46220b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2283,7 +2283,7 @@ export const color = [ }, { $type: "color", - $value: "#fdfbf9", + $value: "#fdf9f8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2300,7 +2300,7 @@ export const color = [ }, { $type: "color", - $value: "#fefefe", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2317,7 +2317,7 @@ export const color = [ }, { $type: "color", - $value: "#420e6a", + $value: "#410d69", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { diff --git a/apps/storefront/tokens/uutilsynet/dark.ts b/apps/storefront/tokens/uutilsynet/dark.ts index b9cc1fb345..2778b98c7a 100644 --- a/apps/storefront/tokens/uutilsynet/dark.ts +++ b/apps/storefront/tokens/uutilsynet/dark.ts @@ -5,7 +5,7 @@ export const color = [ { $type: "color", - $value: "#001c36", + $value: "#001e38", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -22,7 +22,7 @@ export const color = [ }, { $type: "color", - $value: "#002545", + $value: "#002547", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -39,7 +39,7 @@ export const color = [ }, { $type: "color", - $value: "#00315b", + $value: "#00305c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -56,7 +56,7 @@ export const color = [ }, { $type: "color", - $value: "#013f75", + $value: "#013d74", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -73,7 +73,7 @@ export const color = [ }, { $type: "color", - $value: "#014b8e", + $value: "#014a8d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -90,7 +90,7 @@ export const color = [ }, { $type: "color", - $value: "#01539b", + $value: "#01519a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -107,7 +107,7 @@ export const color = [ }, { $type: "color", - $value: "#1971c0", + $value: "#307fc7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -124,7 +124,7 @@ export const color = [ }, { $type: "color", - $value: "#9bc2e4", + $value: "#70a7d8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -141,7 +141,7 @@ export const color = [ }, { $type: "color", - $value: "#4b90ce", + $value: "#4d91cf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -158,7 +158,7 @@ export const color = [ }, { $type: "color", - $value: "#277ac4", + $value: "#6fa6d8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -175,7 +175,7 @@ export const color = [ }, { $type: "color", - $value: "#0163ba", + $value: "#92bce1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -192,7 +192,7 @@ export const color = [ }, { $type: "color", - $value: "#72a8d9", + $value: "#70a7d8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -209,7 +209,7 @@ export const color = [ }, { $type: "color", - $value: "#d1e3f3", + $value: "#d8e7f4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -243,7 +243,7 @@ export const color = [ }, { $type: "color", - $value: "#0d1823", + $value: "#0d1924", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -260,7 +260,7 @@ export const color = [ }, { $type: "color", - $value: "#131c27", + $value: "#141d29", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -277,7 +277,7 @@ export const color = [ }, { $type: "color", - $value: "#192433", + $value: "#1a2534", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -294,7 +294,7 @@ export const color = [ }, { $type: "color", - $value: "#243142", + $value: "#243041", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -311,7 +311,7 @@ export const color = [ }, { $type: "color", - $value: "#333e4e", + $value: "#323e4d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -328,7 +328,7 @@ export const color = [ }, { $type: "color", - $value: "#424d5b", + $value: "#404b5a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -345,7 +345,7 @@ export const color = [ }, { $type: "color", - $value: "#495361", + $value: "#475260", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -362,7 +362,7 @@ export const color = [ }, { $type: "color", - $value: "#67707c", + $value: "#747c87", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -379,7 +379,7 @@ export const color = [ }, { $type: "color", - $value: "#bbbfc4", + $value: "#9da2aa", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -396,7 +396,7 @@ export const color = [ }, { $type: "color", - $value: "#a6abb2", + $value: "#a6acb2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -413,7 +413,7 @@ export const color = [ }, { $type: "color", - $value: "#90969e", + $value: "#90979f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -430,7 +430,7 @@ export const color = [ }, { $type: "color", - $value: "#7a818c", + $value: "#7a828c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -447,7 +447,7 @@ export const color = [ }, { $type: "color", - $value: "#9ea3ab", + $value: "#9da2aa", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -464,7 +464,7 @@ export const color = [ }, { $type: "color", - $value: "#e1e3e5", + $value: "#e3e5e7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -498,7 +498,7 @@ export const color = [ }, { $type: "color", - $value: "#1b1b1d", + $value: "#1b1c1d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -515,7 +515,7 @@ export const color = [ }, { $type: "color", - $value: "#171835", + $value: "#181a38", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -532,7 +532,7 @@ export const color = [ }, { $type: "color", - $value: "#1e1f45", + $value: "#1f2047", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -549,7 +549,7 @@ export const color = [ }, { $type: "color", - $value: "#292b5e", + $value: "#282a5c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -566,7 +566,7 @@ export const color = [ }, { $type: "color", - $value: "#343677", + $value: "#333675", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -583,7 +583,7 @@ export const color = [ }, { $type: "color", - $value: "#3f4391", + $value: "#3e428f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -600,7 +600,7 @@ export const color = [ }, { $type: "color", - $value: "#45499f", + $value: "#44489c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -617,7 +617,7 @@ export const color = [ }, { $type: "color", - $value: "#5e63d2", + $value: "#6d71d6", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -634,7 +634,7 @@ export const color = [ }, { $type: "color", - $value: "#b8baeb", + $value: "#999ce2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -651,7 +651,7 @@ export const color = [ }, { $type: "color", - $value: "#7377d8", + $value: "#7378d8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -668,7 +668,7 @@ export const color = [ }, { $type: "color", - $value: "#5b60d1", + $value: "#8c8fdf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -685,7 +685,7 @@ export const color = [ }, { $type: "color", - $value: "#4b4fad", + $value: "#a3a6e5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -702,7 +702,7 @@ export const color = [ }, { $type: "color", - $value: "#999de3", + $value: "#999ce2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -719,7 +719,7 @@ export const color = [ }, { $type: "color", - $value: "#dfe0f6", + $value: "#e2e3f7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -770,7 +770,7 @@ export const color = [ }, { $type: "color", - $value: "#25190f", + $value: "#271a10", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -787,7 +787,7 @@ export const color = [ }, { $type: "color", - $value: "#312014", + $value: "#322115", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -804,7 +804,7 @@ export const color = [ }, { $type: "color", - $value: "#422b1b", + $value: "#412b1b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -821,7 +821,7 @@ export const color = [ }, { $type: "color", - $value: "#543823", + $value: "#533622", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -838,7 +838,7 @@ export const color = [ }, { $type: "color", - $value: "#67442a", + $value: "#65432a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -855,7 +855,7 @@ export const color = [ }, { $type: "color", - $value: "#704a2e", + $value: "#6e482e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -872,7 +872,7 @@ export const color = [ }, { $type: "color", - $value: "#97643f", + $value: "#a86e45", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -889,7 +889,7 @@ export const color = [ }, { $type: "color", - $value: "#feab70", + $value: "#dc905b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -906,7 +906,7 @@ export const color = [ }, { $type: "color", - $value: "#4e3420", + $value: "#4e3320", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -923,7 +923,7 @@ export const color = [ }, { $type: "color", - $value: "#67442a", + $value: "#66432a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -940,7 +940,7 @@ export const color = [ }, { $type: "color", - $value: "#815535", + $value: "#805435", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -957,7 +957,7 @@ export const color = [ }, { $type: "color", - $value: "#dd915b", + $value: "#dc905b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -974,7 +974,7 @@ export const color = [ }, { $type: "color", - $value: "#ffdac0", + $value: "#ffdfc8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1008,7 +1008,7 @@ export const color = [ }, { $type: "color", - $value: "#d6d0cb", + $value: "#d6d0cc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1025,7 +1025,7 @@ export const color = [ }, { $type: "color", - $value: "#121e1b", + $value: "#121f1c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1042,7 +1042,7 @@ export const color = [ }, { $type: "color", - $value: "#162622", + $value: "#172823", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1059,7 +1059,7 @@ export const color = [ }, { $type: "color", - $value: "#1e342f", + $value: "#1e342e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1093,7 +1093,7 @@ export const color = [ }, { $type: "color", - $value: "#2f5148", + $value: "#2e5148", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1110,7 +1110,7 @@ export const color = [ }, { $type: "color", - $value: "#335a50", + $value: "#32584e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1127,7 +1127,7 @@ export const color = [ }, { $type: "color", - $value: "#45786b", + $value: "#4d8677", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1144,7 +1144,7 @@ export const color = [ }, { $type: "color", - $value: "#9cc6bb", + $value: "#71ad9e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1161,7 +1161,7 @@ export const color = [ }, { $type: "color", - $value: "#376056", + $value: "#386257", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1178,7 +1178,7 @@ export const color = [ }, { $type: "color", - $value: "#2c4c44", + $value: "#2c4d45", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1195,7 +1195,7 @@ export const color = [ }, { $type: "color", - $value: "#213933", + $value: "#213a33", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1212,7 +1212,7 @@ export const color = [ }, { $type: "color", - $value: "#73ae9f", + $value: "#71ad9e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1229,7 +1229,7 @@ export const color = [ }, { $type: "color", - $value: "#d3e6e1", + $value: "#d7e8e4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1280,7 +1280,7 @@ export const color = [ }, { $type: "color", - $value: "#012106", + $value: "#022306", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1297,7 +1297,7 @@ export const color = [ }, { $type: "color", - $value: "#022b08", + $value: "#022c08", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1331,7 +1331,7 @@ export const color = [ }, { $type: "color", - $value: "#03490d", + $value: "#03470d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1348,7 +1348,7 @@ export const color = [ }, { $type: "color", - $value: "#045810", + $value: "#04570f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1382,7 +1382,7 @@ export const color = [ }, { $type: "color", - $value: "#068217", + $value: "#178f28", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1399,7 +1399,7 @@ export const color = [ }, { $type: "color", - $value: "#93cb9b", + $value: "#62b36d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1433,7 +1433,7 @@ export const color = [ }, { $type: "color", - $value: "#3da14b", + $value: "#3ca14b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1450,7 +1450,7 @@ export const color = [ }, { $type: "color", - $value: "#65b570", + $value: "#66b571", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1467,7 +1467,7 @@ export const color = [ }, { $type: "color", - $value: "#63b46f", + $value: "#62b36d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1484,7 +1484,7 @@ export const color = [ }, { $type: "color", - $value: "#d1e9d4", + $value: "#d4ead7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1535,7 +1535,7 @@ export const color = [ }, { $type: "color", - $value: "#3b0808", + $value: "#3d0909", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1552,7 +1552,7 @@ export const color = [ }, { $type: "color", - $value: "#4b0a0a", + $value: "#4c0b0b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1569,7 +1569,7 @@ export const color = [ }, { $type: "color", - $value: "#620e0e", + $value: "#610e0e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1586,7 +1586,7 @@ export const color = [ }, { $type: "color", - $value: "#7c1212", + $value: "#7a1111", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1603,7 +1603,7 @@ export const color = [ }, { $type: "color", - $value: "#961515", + $value: "#941515", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1620,7 +1620,7 @@ export const color = [ }, { $type: "color", - $value: "#a31717", + $value: "#a11717", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1637,7 +1637,7 @@ export const color = [ }, { $type: "color", - $value: "#c93c3c", + $value: "#cf5252", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1654,7 +1654,7 @@ export const color = [ }, { $type: "color", - $value: "#e9b0b0", + $value: "#df8b8b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1671,7 +1671,7 @@ export const color = [ }, { $type: "color", - $value: "#d76d6d", + $value: "#d76e6e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1722,7 +1722,7 @@ export const color = [ }, { $type: "color", - $value: "#df8d8d", + $value: "#df8b8b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1739,7 +1739,7 @@ export const color = [ }, { $type: "color", - $value: "#f5dcdc", + $value: "#f6dfdf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1773,7 +1773,7 @@ export const color = [ }, { $type: "color", - $value: "#261313", + $value: "#271414", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1790,7 +1790,7 @@ export const color = [ }, { $type: "color", - $value: "#031d30", + $value: "#031e33", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1807,7 +1807,7 @@ export const color = [ }, { $type: "color", - $value: "#032540", + $value: "#032641", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1824,7 +1824,7 @@ export const color = [ }, { $type: "color", - $value: "#043256", + $value: "#043154", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1841,7 +1841,7 @@ export const color = [ }, { $type: "color", - $value: "#063f6c", + $value: "#063f6a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1858,7 +1858,7 @@ export const color = [ }, { $type: "color", - $value: "#074d84", + $value: "#074d82", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1875,7 +1875,7 @@ export const color = [ }, { $type: "color", - $value: "#075490", + $value: "#07538d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1892,7 +1892,7 @@ export const color = [ }, { $type: "color", - $value: "#0c72c1", + $value: "#2480c7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1909,7 +1909,7 @@ export const color = [ }, { $type: "color", - $value: "#98c3e5", + $value: "#69a8d8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1926,7 +1926,7 @@ export const color = [ }, { $type: "color", - $value: "#2c85c9", + $value: "#2d85c9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1943,7 +1943,7 @@ export const color = [ }, { $type: "color", - $value: "#529bd2", + $value: "#519ad2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1960,7 +1960,7 @@ export const color = [ }, { $type: "color", - $value: "#75afdc", + $value: "#77b0dc", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1977,7 +1977,7 @@ export const color = [ }, { $type: "color", - $value: "#6ba9d9", + $value: "#69a8d8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1994,7 +1994,7 @@ export const color = [ }, { $type: "color", - $value: "#d3e5f4", + $value: "#d6e7f4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2028,7 +2028,7 @@ export const color = [ }, { $type: "color", - $value: "#040e15", + $value: "#050e15", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2045,7 +2045,7 @@ export const color = [ }, { $type: "color", - $value: "#211b07", + $value: "#221c08", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2062,7 +2062,7 @@ export const color = [ }, { $type: "color", - $value: "#2b2309", + $value: "#2b240a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2079,7 +2079,7 @@ export const color = [ }, { $type: "color", - $value: "#392f0d", + $value: "#382f0c", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2113,7 +2113,7 @@ export const color = [ }, { $type: "color", - $value: "#594a14", + $value: "#584913", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2130,7 +2130,7 @@ export const color = [ }, { $type: "color", - $value: "#625116", + $value: "#5f5015", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2147,7 +2147,7 @@ export const color = [ }, { $type: "color", - $value: "#836d1d", + $value: "#927a20", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2164,7 +2164,7 @@ export const color = [ }, { $type: "color", - $value: "#dabc4c", + $value: "#bf9f2a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2181,7 +2181,7 @@ export const color = [ }, { $type: "color", - $value: "#bc622b", + $value: "#bc612a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2215,7 +2215,7 @@ export const color = [ }, { $type: "color", - $value: "#d39773", + $value: "#d39772", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2232,7 +2232,7 @@ export const color = [ }, { $type: "color", - $value: "#d29671", + $value: "#d2946e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2249,7 +2249,7 @@ export const color = [ }, { $type: "color", - $value: "#f1ded3", + $value: "#f2e2d7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2283,7 +2283,7 @@ export const color = [ }, { $type: "color", - $value: "#090402", + $value: "#070301", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2300,7 +2300,7 @@ export const color = [ }, { $type: "color", - $value: "#131c27", + $value: "#141d29", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2317,7 +2317,7 @@ export const color = [ }, { $type: "color", - $value: "#d1e3f3", + $value: "#d8e7f4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { diff --git a/apps/storefront/tokens/uutilsynet/light.ts b/apps/storefront/tokens/uutilsynet/light.ts index e3e3ab23cc..15b3d9e1c9 100644 --- a/apps/storefront/tokens/uutilsynet/light.ts +++ b/apps/storefront/tokens/uutilsynet/light.ts @@ -5,7 +5,7 @@ export const color = [ { $type: "color", - $value: "#fefeff", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -39,7 +39,7 @@ export const color = [ }, { $type: "color", - $value: "#d1e3f3", + $value: "#d4e4f3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -56,7 +56,7 @@ export const color = [ }, { $type: "color", - $value: "#bad5ec", + $value: "#bbd5ec", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -73,7 +73,7 @@ export const color = [ }, { $type: "color", - $value: "#a1c5e5", + $value: "#a3c6e6", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -90,7 +90,7 @@ export const color = [ }, { $type: "color", - $value: "#97bfe3", + $value: "#99c0e3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -107,7 +107,7 @@ export const color = [ }, { $type: "color", - $value: "#3885c9", + $value: "#3582c8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -124,7 +124,7 @@ export const color = [ }, { $type: "color", - $value: "#014e93", + $value: "#0161b8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -141,7 +141,7 @@ export const color = [ }, { $type: "color", - $value: "#0163ba", + $value: "#0162b9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -158,7 +158,7 @@ export const color = [ }, { $type: "color", - $value: "#015097", + $value: "#014f96", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -175,7 +175,7 @@ export const color = [ }, { $type: "color", - $value: "#013f75", + $value: "#013d75", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -192,7 +192,7 @@ export const color = [ }, { $type: "color", - $value: "#0163ba", + $value: "#0161b8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -209,7 +209,7 @@ export const color = [ }, { $type: "color", - $value: "#002d54", + $value: "#002c54", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -260,7 +260,7 @@ export const color = [ }, { $type: "color", - $value: "#fefefe", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -277,7 +277,7 @@ export const color = [ }, { $type: "color", - $value: "#f3f4f5", + $value: "#f3f4f4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -294,7 +294,7 @@ export const color = [ }, { $type: "color", - $value: "#e1e3e5", + $value: "#e0e2e4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -311,7 +311,7 @@ export const color = [ }, { $type: "color", - $value: "#ced1d4", + $value: "#cfd2d5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -328,7 +328,7 @@ export const color = [ }, { $type: "color", - $value: "#bdc1c6", + $value: "#bfc3c7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -362,7 +362,7 @@ export const color = [ }, { $type: "color", - $value: "#7a818c", + $value: "#777f89", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -379,7 +379,7 @@ export const color = [ }, { $type: "color", - $value: "#444e5d", + $value: "#59626f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -413,7 +413,7 @@ export const color = [ }, { $type: "color", - $value: "#303c4b", + $value: "#313d4d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -430,7 +430,7 @@ export const color = [ }, { $type: "color", - $value: "#444e5d", + $value: "#444f5d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -447,7 +447,7 @@ export const color = [ }, { $type: "color", - $value: "#5b6471", + $value: "#59626f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -464,7 +464,7 @@ export const color = [ }, { $type: "color", - $value: "#202c3d", + $value: "#1f2c3d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -498,7 +498,7 @@ export const color = [ }, { $type: "color", - $value: "#bbbfc4", + $value: "#babec4", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -515,7 +515,7 @@ export const color = [ }, { $type: "color", - $value: "#fefeff", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -532,7 +532,7 @@ export const color = [ }, { $type: "color", - $value: "#f3f4fc", + $value: "#f3f3fb", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -549,7 +549,7 @@ export const color = [ }, { $type: "color", - $value: "#dfe0f6", + $value: "#e0e0f6", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -566,7 +566,7 @@ export const color = [ }, { $type: "color", - $value: "#cecff1", + $value: "#cdcff1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -583,7 +583,7 @@ export const color = [ }, { $type: "color", - $value: "#bbbdec", + $value: "#bdbfec", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -600,7 +600,7 @@ export const color = [ }, { $type: "color", - $value: "#b5b7ea", + $value: "#b5b8ea", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -617,7 +617,7 @@ export const color = [ }, { $type: "color", - $value: "#7377d8", + $value: "#7075d7", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -634,7 +634,7 @@ export const color = [ }, { $type: "color", - $value: "#414595", + $value: "#5156bb", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -668,7 +668,7 @@ export const color = [ }, { $type: "color", - $value: "#4b4fad", + $value: "#4b4fab", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -685,7 +685,7 @@ export const color = [ }, { $type: "color", - $value: "#3b3e88", + $value: "#3b3e87", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -702,7 +702,7 @@ export const color = [ }, { $type: "color", - $value: "#5357be", + $value: "#5156bb", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -719,7 +719,7 @@ export const color = [ }, { $type: "color", - $value: "#252756", + $value: "#252754", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -753,7 +753,7 @@ export const color = [ }, { $type: "color", - $value: "#f3f4fc", + $value: "#f2f2fb", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -770,7 +770,7 @@ export const color = [ }, { $type: "color", - $value: "#fffdfb", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -804,7 +804,7 @@ export const color = [ }, { $type: "color", - $value: "#ffdac0", + $value: "#ffdbc2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -821,7 +821,7 @@ export const color = [ }, { $type: "color", - $value: "#fec59c", + $value: "#fec69e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -838,7 +838,7 @@ export const color = [ }, { $type: "color", - $value: "#feb078", + $value: "#feb17a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -855,7 +855,7 @@ export const color = [ }, { $type: "color", - $value: "#fea769", + $value: "#fea86a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -872,7 +872,7 @@ export const color = [ }, { $type: "color", - $value: "#b07349", + $value: "#ac7147", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -889,7 +889,7 @@ export const color = [ }, { $type: "color", - $value: "#6a452c", + $value: "#845737", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -923,7 +923,7 @@ export const color = [ }, { $type: "color", - $value: "#e0945d", + $value: "#e0935d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -957,7 +957,7 @@ export const color = [ }, { $type: "color", - $value: "#875838", + $value: "#845737", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -974,7 +974,7 @@ export const color = [ }, { $type: "color", - $value: "#3c2719", + $value: "#3b2718", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1008,7 +1008,7 @@ export const color = [ }, { $type: "color", - $value: "#362316", + $value: "#372417", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1025,7 +1025,7 @@ export const color = [ }, { $type: "color", - $value: "#fcfefd", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1042,7 +1042,7 @@ export const color = [ }, { $type: "color", - $value: "#edf5f3", + $value: "#eef5f3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1059,7 +1059,7 @@ export const color = [ }, { $type: "color", - $value: "#d3e6e1", + $value: "#d4e6e1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1076,7 +1076,7 @@ export const color = [ }, { $type: "color", - $value: "#bad7cf", + $value: "#bad8d0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1093,7 +1093,7 @@ export const color = [ }, { $type: "color", - $value: "#a1c9bf", + $value: "#a3cac0", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1110,7 +1110,7 @@ export const color = [ }, { $type: "color", - $value: "#98c4b9", + $value: "#99c5b9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1127,7 +1127,7 @@ export const color = [ }, { $type: "color", - $value: "#508c7c", + $value: "#4f897a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1144,7 +1144,7 @@ export const color = [ }, { $type: "color", - $value: "#31544b", + $value: "#3d6a5e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1178,7 +1178,7 @@ export const color = [ }, { $type: "color", - $value: "#508c7c", + $value: "#7fb6a8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1195,7 +1195,7 @@ export const color = [ }, { $type: "color", - $value: "#437668", + $value: "#a0c8be", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1212,7 +1212,7 @@ export const color = [ }, { $type: "color", - $value: "#3e6b60", + $value: "#3d6a5e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1229,7 +1229,7 @@ export const color = [ }, { $type: "color", - $value: "#1c302b", + $value: "#1b2f2a", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1263,7 +1263,7 @@ export const color = [ }, { $type: "color", - $value: "#050808", + $value: "#040807", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1280,7 +1280,7 @@ export const color = [ }, { $type: "color", - $value: "#fcfefc", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1297,7 +1297,7 @@ export const color = [ }, { $type: "color", - $value: "#edf6ee", + $value: "#ecf6ee", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1314,7 +1314,7 @@ export const color = [ }, { $type: "color", - $value: "#d1e9d4", + $value: "#d0e8d3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1331,7 +1331,7 @@ export const color = [ }, { $type: "color", - $value: "#b5dbba", + $value: "#b4dbba", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1348,7 +1348,7 @@ export const color = [ }, { $type: "color", - $value: "#96cd9e", + $value: "#9bcfa2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1382,7 +1382,7 @@ export const color = [ }, { $type: "color", - $value: "#229532", + $value: "#1d922d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1399,7 +1399,7 @@ export const color = [ }, { $type: "color", - $value: "#045a10", + $value: "#057114", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1467,7 +1467,7 @@ export const color = [ }, { $type: "color", - $value: "#057315", + $value: "#057114", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1518,7 +1518,7 @@ export const color = [ }, { $type: "color", - $value: "#f9fcf9", + $value: "#fafdfb", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1535,7 +1535,7 @@ export const color = [ }, { $type: "color", - $value: "#fffefe", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1586,7 +1586,7 @@ export const color = [ }, { $type: "color", - $value: "#f0c7c7", + $value: "#f0c8c8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1603,7 +1603,7 @@ export const color = [ }, { $type: "color", - $value: "#eab3b3", + $value: "#ebb5b5", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1620,7 +1620,7 @@ export const color = [ }, { $type: "color", - $value: "#e8acac", + $value: "#e8adad", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1637,7 +1637,7 @@ export const color = [ }, { $type: "color", - $value: "#d25b5b", + $value: "#d15757", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1654,7 +1654,7 @@ export const color = [ }, { $type: "color", - $value: "#9a1616", + $value: "#bf1b1b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1671,7 +1671,7 @@ export const color = [ }, { $type: "color", - $value: "#C01B1B", + $value: "#bf1b1b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1688,7 +1688,7 @@ export const color = [ }, { $type: "color", - $value: "#9c1616", + $value: "#9b1616", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1722,7 +1722,7 @@ export const color = [ }, { $type: "color", - $value: "#c22020", + $value: "#bf1b1b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1739,7 +1739,7 @@ export const color = [ }, { $type: "color", - $value: "#5a0d0d", + $value: "#590d0d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1790,7 +1790,7 @@ export const color = [ }, { $type: "color", - $value: "#fefeff", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1824,7 +1824,7 @@ export const color = [ }, { $type: "color", - $value: "#d3e5f4", + $value: "#d2e5f3", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1858,7 +1858,7 @@ export const color = [ }, { $type: "color", - $value: "#9bc5e5", + $value: "#9fc7e6", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1892,7 +1892,7 @@ export const color = [ }, { $type: "color", - $value: "#2f86c9", + $value: "#2a83c8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1909,7 +1909,7 @@ export const color = [ }, { $type: "color", - $value: "#075089", + $value: "#0964a9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1926,7 +1926,7 @@ export const color = [ }, { $type: "color", - $value: "#0A71C0", + $value: "#0a71bf", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1943,7 +1943,7 @@ export const color = [ }, { $type: "color", - $value: "#085e9f", + $value: "#085d9f", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1960,7 +1960,7 @@ export const color = [ }, { $type: "color", - $value: "#074a7f", + $value: "#074a7e", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -1977,7 +1977,7 @@ export const color = [ }, { $type: "color", - $value: "#0966ac", + $value: "#0964a9", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2028,7 +2028,7 @@ export const color = [ }, { $type: "color", - $value: "#edf5fa", + $value: "#eff6fb", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2045,7 +2045,7 @@ export const color = [ }, { $type: "color", - $value: "#fffefd", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2062,7 +2062,7 @@ export const color = [ }, { $type: "color", - $value: "#f9f4e2", + $value: "#f9f4e1", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2079,7 +2079,7 @@ export const color = [ }, { $type: "color", - $value: "#efe2b3", + $value: "#efe2b2", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2096,7 +2096,7 @@ export const color = [ }, { $type: "color", - $value: "#e5d183", + $value: "#e6d184", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2113,7 +2113,7 @@ export const color = [ }, { $type: "color", - $value: "#dcbf53", + $value: "#ddc159", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2147,7 +2147,7 @@ export const color = [ }, { $type: "color", - $value: "#987f22", + $value: "#957c21", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2164,7 +2164,7 @@ export const color = [ }, { $type: "color", - $value: "#5c4c14", + $value: "#736019", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2181,7 +2181,7 @@ export const color = [ }, { $type: "color", - $value: "#B8581D", + $value: "#b7581d", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2198,7 +2198,7 @@ export const color = [ }, { $type: "color", - $value: "#984918", + $value: "#994918", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2215,7 +2215,7 @@ export const color = [ }, { $type: "color", - $value: "#7a3b13", + $value: "#7b3b13", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2232,7 +2232,7 @@ export const color = [ }, { $type: "color", - $value: "#9e4b19", + $value: "#9b4a18", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2249,7 +2249,7 @@ export const color = [ }, { $type: "color", - $value: "#47220b", + $value: "#46220b", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2283,7 +2283,7 @@ export const color = [ }, { $type: "color", - $value: "#fdfbf9", + $value: "#fdf9f8", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2300,7 +2300,7 @@ export const color = [ }, { $type: "color", - $value: "#fefefe", + $value: "#ffffff", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { @@ -2317,7 +2317,7 @@ export const color = [ }, { $type: "color", - $value: "#002d54", + $value: "#002c54", filePath: "../../design-tokens/semantic/color.json", isSource: false, original: { diff --git a/packages/theme/brand/altinn.css b/packages/theme/brand/altinn.css index 9c6528a1b1..3db12bdecd 100644 --- a/packages/theme/brand/altinn.css +++ b/packages/theme/brand/altinn.css @@ -8,466 +8,466 @@ @layer ds.theme.color-scheme.light { :root, [data-color-scheme="light"] { - --ds-global-blue-1: #fefeff; + --ds-global-blue-1: #ffffff; --ds-global-blue-2: #edf5fa; - --ds-global-blue-3: #d3e5f4; + --ds-global-blue-3: #d2e5f3; --ds-global-blue-4: #b7d5ed; - --ds-global-blue-5: #9bc5e5; + --ds-global-blue-5: #9fc7e6; --ds-global-blue-6: #94c1e3; - --ds-global-blue-7: #2f86c9; - --ds-global-blue-8: #075089; - --ds-global-blue-9: #0A71C0; - --ds-global-blue-10: #085e9f; - --ds-global-blue-11: #074a7f; - --ds-global-blue-12: #0966ac; + --ds-global-blue-7: #2a83c8; + --ds-global-blue-8: #0964a9; + --ds-global-blue-9: #0a71bf; + --ds-global-blue-10: #085d9f; + --ds-global-blue-11: #074a7e; + --ds-global-blue-12: #0964a9; --ds-global-blue-13: #042d4d; --ds-global-blue-contrast-1: #ffffff; - --ds-global-blue-contrast-2: #edf5fa; - --ds-global-green-1: #fcfefc; - --ds-global-green-2: #edf6ee; - --ds-global-green-3: #d1e9d4; - --ds-global-green-4: #b5dbba; - --ds-global-green-5: #96cd9e; + --ds-global-blue-contrast-2: #eff6fb; + --ds-global-green-1: #ffffff; + --ds-global-green-2: #ecf6ee; + --ds-global-green-3: #d0e8d3; + --ds-global-green-4: #b4dbba; + --ds-global-green-5: #9bcfa2; --ds-global-green-6: #8fc997; - --ds-global-green-7: #229532; - --ds-global-green-8: #045a10; + --ds-global-green-7: #1d922d; + --ds-global-green-8: #057114; --ds-global-green-9: #068718; --ds-global-green-10: #057014; --ds-global-green-11: #045a10; - --ds-global-green-12: #057315; + --ds-global-green-12: #057114; --ds-global-green-13: #023409; --ds-global-green-contrast-1: #ffffff; - --ds-global-green-contrast-2: #f9fcf9; - --ds-global-orange-1: #fffefe; - --ds-global-orange-2: #f9f2ed; - --ds-global-orange-3: #f1ded3; - --ds-global-orange-4: #e9cbb8; - --ds-global-orange-5: #e1b9a0; - --ds-global-orange-6: #deb296; - --ds-global-orange-7: #c06b36; - --ds-global-orange-8: #7c3b14; - --ds-global-orange-9: #B8581D; - --ds-global-orange-10: #984918; - --ds-global-orange-11: #7a3b13; - --ds-global-orange-12: #9e4b19; - --ds-global-orange-13: #47220b; + --ds-global-green-contrast-2: #fafdfb; + --ds-global-orange-1: #ffffff; + --ds-global-orange-2: #faf2ee; + --ds-global-orange-3: #f1dfd3; + --ds-global-orange-4: #e9ccba; + --ds-global-orange-5: #e2baa2; + --ds-global-orange-6: #dfb398; + --ds-global-orange-7: #bf6732; + --ds-global-orange-8: #9b4a18; + --ds-global-orange-9: #b7581d; + --ds-global-orange-10: #994918; + --ds-global-orange-11: #7b3b13; + --ds-global-orange-12: #9b4a18; + --ds-global-orange-13: #46220b; --ds-global-orange-contrast-1: #ffffff; - --ds-global-orange-contrast-2: #fdfbf9; - --ds-global-purple-1: #fefefe; - --ds-global-purple-2: #f5f2f9; + --ds-global-orange-contrast-2: #fdf9f8; + --ds-global-purple-1: #ffffff; + --ds-global-purple-2: #f6f2f9; --ds-global-purple-3: #e7dfef; - --ds-global-purple-4: #d9cce6; - --ds-global-purple-5: #ccbadd; + --ds-global-purple-4: #d9cde6; + --ds-global-purple-5: #cdbcdd; --ds-global-purple-6: #c7b4da; - --ds-global-purple-7: #9572b9; - --ds-global-purple-8: #663399; + --ds-global-purple-7: #936fb7; + --ds-global-purple-8: #794ca6; --ds-global-purple-9: #663299; - --ds-global-purple-10: #4e2676; + --ds-global-purple-10: #4f2776; --ds-global-purple-11: #371b53; - --ds-global-purple-12: #7b4ea7; - --ds-global-purple-13: #3b1d59; + --ds-global-purple-12: #794ca6; + --ds-global-purple-13: #3a1d57; --ds-global-purple-contrast-1: #ffffff; --ds-global-purple-contrast-2: #eee8f3; - --ds-global-red-1: #fffefe; + --ds-global-red-1: #ffffff; --ds-global-red-2: #fbf1f1; --ds-global-red-3: #f5dcdc; - --ds-global-red-4: #f0c7c7; - --ds-global-red-5: #eab3b3; - --ds-global-red-6: #e8acac; - --ds-global-red-7: #d25b5b; - --ds-global-red-8: #9a1616; - --ds-global-red-9: #C01B1B; - --ds-global-red-10: #9c1616; + --ds-global-red-4: #f0c8c8; + --ds-global-red-5: #ebb5b5; + --ds-global-red-6: #e8adad; + --ds-global-red-7: #d15757; + --ds-global-red-8: #bf1b1b; + --ds-global-red-9: #bf1b1b; + --ds-global-red-10: #9b1616; --ds-global-red-11: #791111; - --ds-global-red-12: #c22020; - --ds-global-red-13: #5a0d0d; + --ds-global-red-12: #bf1b1b; + --ds-global-red-13: #590d0d; --ds-global-red-contrast-1: #ffffff; --ds-global-red-contrast-2: #f7e1e1; - --ds-global-yellow-1: #fffefd; - --ds-global-yellow-2: #f9f4e2; - --ds-global-yellow-3: #efe2b3; - --ds-global-yellow-4: #e5d183; - --ds-global-yellow-5: #dcbf53; + --ds-global-yellow-1: #ffffff; + --ds-global-yellow-2: #f9f4e1; + --ds-global-yellow-3: #efe2b2; + --ds-global-yellow-4: #e6d184; + --ds-global-yellow-5: #ddc159; --ds-global-yellow-6: #d9b945; - --ds-global-yellow-7: #987f22; - --ds-global-yellow-8: #5c4c14; - --ds-global-yellow-9: #D4B12F; + --ds-global-yellow-7: #957c21; + --ds-global-yellow-8: #736019; + --ds-global-yellow-9: #d4b12f; --ds-global-yellow-10: #bb9c2a; - --ds-global-yellow-11: #a28724; - --ds-global-yellow-12: #75611a; - --ds-global-yellow-13: #342b0c; + --ds-global-yellow-11: #a38824; + --ds-global-yellow-12: #736019; + --ds-global-yellow-13: #332b0b; --ds-global-yellow-contrast-1: #000000; - --ds-global-yellow-contrast-2: #282109; - --ds-color-accent-background-default: #fefeff; + --ds-global-yellow-contrast-2: #282209; + --ds-color-accent-background-default: #ffffff; --ds-color-accent-background-subtle: #eef4fa; - --ds-color-accent-surface-default: #d1e3f3; - --ds-color-accent-surface-hover: #bad5ec; - --ds-color-accent-surface-active: #a1c5e5; - --ds-color-accent-border-subtle: #97bfe3; - --ds-color-accent-border-default: #3885c9; - --ds-color-accent-border-strong: #014e93; - --ds-color-accent-base-default: #0163ba; - --ds-color-accent-base-hover: #015097; - --ds-color-accent-base-active: #013f75; - --ds-color-accent-text-subtle: #0163ba; - --ds-color-accent-text-default: #002d54; + --ds-color-accent-surface-default: #d4e4f3; + --ds-color-accent-surface-hover: #bbd5ec; + --ds-color-accent-surface-active: #a3c6e6; + --ds-color-accent-border-subtle: #99c0e3; + --ds-color-accent-border-default: #3582c8; + --ds-color-accent-border-strong: #0161b8; + --ds-color-accent-base-default: #0162b9; + --ds-color-accent-base-hover: #014f96; + --ds-color-accent-base-active: #013d75; + --ds-color-accent-text-subtle: #0161b8; + --ds-color-accent-text-default: #002c54; --ds-color-accent-contrast-default: #ffffff; --ds-color-accent-contrast-subtle: #dbe9f5; - --ds-color-neutral-background-default: #fefefe; - --ds-color-neutral-background-subtle: #f3f4f5; - --ds-color-neutral-surface-default: #e1e3e5; - --ds-color-neutral-surface-hover: #ced1d4; - --ds-color-neutral-surface-active: #bdc1c6; + --ds-color-neutral-background-default: #ffffff; + --ds-color-neutral-background-subtle: #f3f4f4; + --ds-color-neutral-surface-default: #e0e2e4; + --ds-color-neutral-surface-hover: #cfd2d5; + --ds-color-neutral-surface-active: #bfc3c7; --ds-color-neutral-border-subtle: #b8bcc1; - --ds-color-neutral-border-default: #7a818c; - --ds-color-neutral-border-strong: #444e5d; + --ds-color-neutral-border-default: #777f89; + --ds-color-neutral-border-strong: #59626f; --ds-color-neutral-base-default: #1e2b3c; - --ds-color-neutral-base-hover: #303c4b; - --ds-color-neutral-base-active: #444e5d; - --ds-color-neutral-text-subtle: #5b6471; - --ds-color-neutral-text-default: #202c3d; + --ds-color-neutral-base-hover: #313d4d; + --ds-color-neutral-base-active: #444f5d; + --ds-color-neutral-text-subtle: #59626f; + --ds-color-neutral-text-default: #1f2c3d; --ds-color-neutral-contrast-default: #ffffff; - --ds-color-neutral-contrast-subtle: #bbbfc4; - --ds-color-brand1-background-default: #fefeff; + --ds-color-neutral-contrast-subtle: #babec4; + --ds-color-brand1-background-default: #ffffff; --ds-color-brand1-background-subtle: #eef4fa; - --ds-color-brand1-surface-default: #d1e3f3; - --ds-color-brand1-surface-hover: #bad5ec; - --ds-color-brand1-surface-active: #a1c5e5; - --ds-color-brand1-border-subtle: #97bfe3; - --ds-color-brand1-border-default: #3885c9; - --ds-color-brand1-border-strong: #014e93; - --ds-color-brand1-base-default: #0163ba; - --ds-color-brand1-base-hover: #015097; - --ds-color-brand1-base-active: #013f75; - --ds-color-brand1-text-subtle: #0163ba; - --ds-color-brand1-text-default: #002d54; + --ds-color-brand1-surface-default: #d4e4f3; + --ds-color-brand1-surface-hover: #bbd5ec; + --ds-color-brand1-surface-active: #a3c6e6; + --ds-color-brand1-border-subtle: #99c0e3; + --ds-color-brand1-border-default: #3582c8; + --ds-color-brand1-border-strong: #0161b8; + --ds-color-brand1-base-default: #0162b9; + --ds-color-brand1-base-hover: #014f96; + --ds-color-brand1-base-active: #013d75; + --ds-color-brand1-text-subtle: #0161b8; + --ds-color-brand1-text-default: #002c54; --ds-color-brand1-contrast-default: #ffffff; --ds-color-brand1-contrast-subtle: #dbe9f5; - --ds-color-brand2-background-default: #fefefe; + --ds-color-brand2-background-default: #ffffff; --ds-color-brand2-background-subtle: #f4f3f6; --ds-color-brand2-surface-default: #e3e1e8; --ds-color-brand2-surface-hover: #d3d0db; - --ds-color-brand2-surface-active: #c3bfce; - --ds-color-brand2-border-subtle: #beb9c9; - --ds-color-brand2-border-default: #857d9b; - --ds-color-brand2-border-strong: #534671; + --ds-color-brand2-surface-active: #c4c0cf; + --ds-color-brand2-border-subtle: #beb9ca; + --ds-color-brand2-border-default: #837a99; + --ds-color-brand2-border-strong: #675b82; --ds-color-brand2-base-default: #3f3161; - --ds-color-brand2-base-hover: #514570; - --ds-color-brand2-base-active: #64587f; - --ds-color-brand2-text-subtle: #685d83; + --ds-color-brand2-base-hover: #514470; + --ds-color-brand2-base-active: #63587f; + --ds-color-brand2-text-subtle: #675b82; --ds-color-brand2-text-default: #30254a; --ds-color-brand2-contrast-default: #ffffff; - --ds-color-brand2-contrast-subtle: #d3d0db; - --ds-color-brand3-background-default: #fffefe; + --ds-color-brand2-contrast-subtle: #d4d1db; + --ds-color-brand3-background-default: #ffffff; --ds-color-brand3-background-subtle: #fdf1f3; - --ds-color-brand3-surface-default: #f9dadf; - --ds-color-brand3-surface-hover: #f6c4cc; - --ds-color-brand3-surface-active: #f3aeb8; - --ds-color-brand3-border-subtle: #f2a7b3; - --ds-color-brand3-border-default: #e4475f; - --ds-color-brand3-border-strong: #941f31; - --ds-color-brand3-base-default: #e02f4a; - --ds-color-brand3-base-hover: #bc273e; - --ds-color-brand3-base-active: #982032; - --ds-color-brand3-text-subtle: #bc273e; - --ds-color-brand3-text-default: #56121d; + --ds-color-brand3-surface-default: #fadbdf; + --ds-color-brand3-surface-hover: #f6c5cd; + --ds-color-brand3-surface-active: #f3b1bb; + --ds-color-brand3-border-subtle: #f2a8b3; + --ds-color-brand3-border-default: #e3425b; + --ds-color-brand3-border-strong: #b8273d; + --ds-color-brand3-base-default: #e0304b; + --ds-color-brand3-base-hover: #e75c71; + --ds-color-brand3-base-active: #ec7f90; + --ds-color-brand3-text-subtle: #b8273d; + --ds-color-brand3-text-default: #55121c; --ds-color-brand3-contrast-default: #000000; --ds-color-brand3-contrast-subtle: #000000; - --ds-color-success-background-default: #fcfefc; - --ds-color-success-background-subtle: #edf6ee; - --ds-color-success-surface-default: #d1e9d4; - --ds-color-success-surface-hover: #b5dbba; - --ds-color-success-surface-active: #96cd9e; + --ds-color-success-background-default: #ffffff; + --ds-color-success-background-subtle: #ecf6ee; + --ds-color-success-surface-default: #d0e8d3; + --ds-color-success-surface-hover: #b4dbba; + --ds-color-success-surface-active: #9bcfa2; --ds-color-success-border-subtle: #8fc997; - --ds-color-success-border-default: #229532; - --ds-color-success-border-strong: #045a10; + --ds-color-success-border-default: #1d922d; + --ds-color-success-border-strong: #057114; --ds-color-success-base-default: #068718; --ds-color-success-base-hover: #057014; --ds-color-success-base-active: #045a10; - --ds-color-success-text-subtle: #057315; + --ds-color-success-text-subtle: #057114; --ds-color-success-text-default: #023409; --ds-color-success-contrast-default: #ffffff; - --ds-color-success-contrast-subtle: #f9fcf9; - --ds-color-danger-background-default: #fffefe; + --ds-color-success-contrast-subtle: #fafdfb; + --ds-color-danger-background-default: #ffffff; --ds-color-danger-background-subtle: #fbf1f1; --ds-color-danger-surface-default: #f5dcdc; - --ds-color-danger-surface-hover: #f0c7c7; - --ds-color-danger-surface-active: #eab3b3; - --ds-color-danger-border-subtle: #e8acac; - --ds-color-danger-border-default: #d25b5b; - --ds-color-danger-border-strong: #9a1616; - --ds-color-danger-base-default: #C01B1B; - --ds-color-danger-base-hover: #9c1616; + --ds-color-danger-surface-hover: #f0c8c8; + --ds-color-danger-surface-active: #ebb5b5; + --ds-color-danger-border-subtle: #e8adad; + --ds-color-danger-border-default: #d15757; + --ds-color-danger-border-strong: #bf1b1b; + --ds-color-danger-base-default: #bf1b1b; + --ds-color-danger-base-hover: #9b1616; --ds-color-danger-base-active: #791111; - --ds-color-danger-text-subtle: #c22020; - --ds-color-danger-text-default: #5a0d0d; + --ds-color-danger-text-subtle: #bf1b1b; + --ds-color-danger-text-default: #590d0d; --ds-color-danger-contrast-default: #ffffff; --ds-color-danger-contrast-subtle: #f7e1e1; - --ds-color-info-background-default: #fefeff; + --ds-color-info-background-default: #ffffff; --ds-color-info-background-subtle: #edf5fa; - --ds-color-info-surface-default: #d3e5f4; + --ds-color-info-surface-default: #d2e5f3; --ds-color-info-surface-hover: #b7d5ed; - --ds-color-info-surface-active: #9bc5e5; + --ds-color-info-surface-active: #9fc7e6; --ds-color-info-border-subtle: #94c1e3; - --ds-color-info-border-default: #2f86c9; - --ds-color-info-border-strong: #075089; - --ds-color-info-base-default: #0A71C0; - --ds-color-info-base-hover: #085e9f; - --ds-color-info-base-active: #074a7f; - --ds-color-info-text-subtle: #0966ac; + --ds-color-info-border-default: #2a83c8; + --ds-color-info-border-strong: #0964a9; + --ds-color-info-base-default: #0a71bf; + --ds-color-info-base-hover: #085d9f; + --ds-color-info-base-active: #074a7e; + --ds-color-info-text-subtle: #0964a9; --ds-color-info-text-default: #042d4d; --ds-color-info-contrast-default: #ffffff; - --ds-color-info-contrast-subtle: #edf5fa; - --ds-color-warning-background-default: #fffefd; - --ds-color-warning-background-subtle: #f9f4e2; - --ds-color-warning-surface-default: #efe2b3; - --ds-color-warning-surface-hover: #e5d183; - --ds-color-warning-surface-active: #dcbf53; + --ds-color-info-contrast-subtle: #eff6fb; + --ds-color-warning-background-default: #ffffff; + --ds-color-warning-background-subtle: #f9f4e1; + --ds-color-warning-surface-default: #efe2b2; + --ds-color-warning-surface-hover: #e6d184; + --ds-color-warning-surface-active: #ddc159; --ds-color-warning-border-subtle: #d9b945; - --ds-color-warning-border-default: #987f22; - --ds-color-warning-border-strong: #5c4c14; - --ds-color-warning-base-default: #B8581D; - --ds-color-warning-base-hover: #984918; - --ds-color-warning-base-active: #7a3b13; - --ds-color-warning-text-subtle: #9e4b19; - --ds-color-warning-text-default: #47220b; + --ds-color-warning-border-default: #957c21; + --ds-color-warning-border-strong: #736019; + --ds-color-warning-base-default: #b7581d; + --ds-color-warning-base-hover: #994918; + --ds-color-warning-base-active: #7b3b13; + --ds-color-warning-text-subtle: #9b4a18; + --ds-color-warning-text-default: #46220b; --ds-color-warning-contrast-default: #ffffff; - --ds-color-warning-contrast-subtle: #fdfbf9; - --ds-color-focus-inner: #fefefe; - --ds-color-focus-outer: #002d54; + --ds-color-warning-contrast-subtle: #fdf9f8; + --ds-color-focus-inner: #ffffff; + --ds-color-focus-outer: #002c54; color-scheme: light; } @media (prefers-color-scheme: light) { [data-color-scheme="auto"] { - --ds-global-blue-1: #fefeff; + --ds-global-blue-1: #ffffff; --ds-global-blue-2: #edf5fa; - --ds-global-blue-3: #d3e5f4; + --ds-global-blue-3: #d2e5f3; --ds-global-blue-4: #b7d5ed; - --ds-global-blue-5: #9bc5e5; + --ds-global-blue-5: #9fc7e6; --ds-global-blue-6: #94c1e3; - --ds-global-blue-7: #2f86c9; - --ds-global-blue-8: #075089; - --ds-global-blue-9: #0A71C0; - --ds-global-blue-10: #085e9f; - --ds-global-blue-11: #074a7f; - --ds-global-blue-12: #0966ac; + --ds-global-blue-7: #2a83c8; + --ds-global-blue-8: #0964a9; + --ds-global-blue-9: #0a71bf; + --ds-global-blue-10: #085d9f; + --ds-global-blue-11: #074a7e; + --ds-global-blue-12: #0964a9; --ds-global-blue-13: #042d4d; --ds-global-blue-contrast-1: #ffffff; - --ds-global-blue-contrast-2: #edf5fa; - --ds-global-green-1: #fcfefc; - --ds-global-green-2: #edf6ee; - --ds-global-green-3: #d1e9d4; - --ds-global-green-4: #b5dbba; - --ds-global-green-5: #96cd9e; + --ds-global-blue-contrast-2: #eff6fb; + --ds-global-green-1: #ffffff; + --ds-global-green-2: #ecf6ee; + --ds-global-green-3: #d0e8d3; + --ds-global-green-4: #b4dbba; + --ds-global-green-5: #9bcfa2; --ds-global-green-6: #8fc997; - --ds-global-green-7: #229532; - --ds-global-green-8: #045a10; + --ds-global-green-7: #1d922d; + --ds-global-green-8: #057114; --ds-global-green-9: #068718; --ds-global-green-10: #057014; --ds-global-green-11: #045a10; - --ds-global-green-12: #057315; + --ds-global-green-12: #057114; --ds-global-green-13: #023409; --ds-global-green-contrast-1: #ffffff; - --ds-global-green-contrast-2: #f9fcf9; - --ds-global-orange-1: #fffefe; - --ds-global-orange-2: #f9f2ed; - --ds-global-orange-3: #f1ded3; - --ds-global-orange-4: #e9cbb8; - --ds-global-orange-5: #e1b9a0; - --ds-global-orange-6: #deb296; - --ds-global-orange-7: #c06b36; - --ds-global-orange-8: #7c3b14; - --ds-global-orange-9: #B8581D; - --ds-global-orange-10: #984918; - --ds-global-orange-11: #7a3b13; - --ds-global-orange-12: #9e4b19; - --ds-global-orange-13: #47220b; + --ds-global-green-contrast-2: #fafdfb; + --ds-global-orange-1: #ffffff; + --ds-global-orange-2: #faf2ee; + --ds-global-orange-3: #f1dfd3; + --ds-global-orange-4: #e9ccba; + --ds-global-orange-5: #e2baa2; + --ds-global-orange-6: #dfb398; + --ds-global-orange-7: #bf6732; + --ds-global-orange-8: #9b4a18; + --ds-global-orange-9: #b7581d; + --ds-global-orange-10: #994918; + --ds-global-orange-11: #7b3b13; + --ds-global-orange-12: #9b4a18; + --ds-global-orange-13: #46220b; --ds-global-orange-contrast-1: #ffffff; - --ds-global-orange-contrast-2: #fdfbf9; - --ds-global-purple-1: #fefefe; - --ds-global-purple-2: #f5f2f9; + --ds-global-orange-contrast-2: #fdf9f8; + --ds-global-purple-1: #ffffff; + --ds-global-purple-2: #f6f2f9; --ds-global-purple-3: #e7dfef; - --ds-global-purple-4: #d9cce6; - --ds-global-purple-5: #ccbadd; + --ds-global-purple-4: #d9cde6; + --ds-global-purple-5: #cdbcdd; --ds-global-purple-6: #c7b4da; - --ds-global-purple-7: #9572b9; - --ds-global-purple-8: #663399; + --ds-global-purple-7: #936fb7; + --ds-global-purple-8: #794ca6; --ds-global-purple-9: #663299; - --ds-global-purple-10: #4e2676; + --ds-global-purple-10: #4f2776; --ds-global-purple-11: #371b53; - --ds-global-purple-12: #7b4ea7; - --ds-global-purple-13: #3b1d59; + --ds-global-purple-12: #794ca6; + --ds-global-purple-13: #3a1d57; --ds-global-purple-contrast-1: #ffffff; --ds-global-purple-contrast-2: #eee8f3; - --ds-global-red-1: #fffefe; + --ds-global-red-1: #ffffff; --ds-global-red-2: #fbf1f1; --ds-global-red-3: #f5dcdc; - --ds-global-red-4: #f0c7c7; - --ds-global-red-5: #eab3b3; - --ds-global-red-6: #e8acac; - --ds-global-red-7: #d25b5b; - --ds-global-red-8: #9a1616; - --ds-global-red-9: #C01B1B; - --ds-global-red-10: #9c1616; + --ds-global-red-4: #f0c8c8; + --ds-global-red-5: #ebb5b5; + --ds-global-red-6: #e8adad; + --ds-global-red-7: #d15757; + --ds-global-red-8: #bf1b1b; + --ds-global-red-9: #bf1b1b; + --ds-global-red-10: #9b1616; --ds-global-red-11: #791111; - --ds-global-red-12: #c22020; - --ds-global-red-13: #5a0d0d; + --ds-global-red-12: #bf1b1b; + --ds-global-red-13: #590d0d; --ds-global-red-contrast-1: #ffffff; --ds-global-red-contrast-2: #f7e1e1; - --ds-global-yellow-1: #fffefd; - --ds-global-yellow-2: #f9f4e2; - --ds-global-yellow-3: #efe2b3; - --ds-global-yellow-4: #e5d183; - --ds-global-yellow-5: #dcbf53; + --ds-global-yellow-1: #ffffff; + --ds-global-yellow-2: #f9f4e1; + --ds-global-yellow-3: #efe2b2; + --ds-global-yellow-4: #e6d184; + --ds-global-yellow-5: #ddc159; --ds-global-yellow-6: #d9b945; - --ds-global-yellow-7: #987f22; - --ds-global-yellow-8: #5c4c14; - --ds-global-yellow-9: #D4B12F; + --ds-global-yellow-7: #957c21; + --ds-global-yellow-8: #736019; + --ds-global-yellow-9: #d4b12f; --ds-global-yellow-10: #bb9c2a; - --ds-global-yellow-11: #a28724; - --ds-global-yellow-12: #75611a; - --ds-global-yellow-13: #342b0c; + --ds-global-yellow-11: #a38824; + --ds-global-yellow-12: #736019; + --ds-global-yellow-13: #332b0b; --ds-global-yellow-contrast-1: #000000; - --ds-global-yellow-contrast-2: #282109; - --ds-color-accent-background-default: #fefeff; + --ds-global-yellow-contrast-2: #282209; + --ds-color-accent-background-default: #ffffff; --ds-color-accent-background-subtle: #eef4fa; - --ds-color-accent-surface-default: #d1e3f3; - --ds-color-accent-surface-hover: #bad5ec; - --ds-color-accent-surface-active: #a1c5e5; - --ds-color-accent-border-subtle: #97bfe3; - --ds-color-accent-border-default: #3885c9; - --ds-color-accent-border-strong: #014e93; - --ds-color-accent-base-default: #0163ba; - --ds-color-accent-base-hover: #015097; - --ds-color-accent-base-active: #013f75; - --ds-color-accent-text-subtle: #0163ba; - --ds-color-accent-text-default: #002d54; + --ds-color-accent-surface-default: #d4e4f3; + --ds-color-accent-surface-hover: #bbd5ec; + --ds-color-accent-surface-active: #a3c6e6; + --ds-color-accent-border-subtle: #99c0e3; + --ds-color-accent-border-default: #3582c8; + --ds-color-accent-border-strong: #0161b8; + --ds-color-accent-base-default: #0162b9; + --ds-color-accent-base-hover: #014f96; + --ds-color-accent-base-active: #013d75; + --ds-color-accent-text-subtle: #0161b8; + --ds-color-accent-text-default: #002c54; --ds-color-accent-contrast-default: #ffffff; --ds-color-accent-contrast-subtle: #dbe9f5; - --ds-color-neutral-background-default: #fefefe; - --ds-color-neutral-background-subtle: #f3f4f5; - --ds-color-neutral-surface-default: #e1e3e5; - --ds-color-neutral-surface-hover: #ced1d4; - --ds-color-neutral-surface-active: #bdc1c6; + --ds-color-neutral-background-default: #ffffff; + --ds-color-neutral-background-subtle: #f3f4f4; + --ds-color-neutral-surface-default: #e0e2e4; + --ds-color-neutral-surface-hover: #cfd2d5; + --ds-color-neutral-surface-active: #bfc3c7; --ds-color-neutral-border-subtle: #b8bcc1; - --ds-color-neutral-border-default: #7a818c; - --ds-color-neutral-border-strong: #444e5d; + --ds-color-neutral-border-default: #777f89; + --ds-color-neutral-border-strong: #59626f; --ds-color-neutral-base-default: #1e2b3c; - --ds-color-neutral-base-hover: #303c4b; - --ds-color-neutral-base-active: #444e5d; - --ds-color-neutral-text-subtle: #5b6471; - --ds-color-neutral-text-default: #202c3d; + --ds-color-neutral-base-hover: #313d4d; + --ds-color-neutral-base-active: #444f5d; + --ds-color-neutral-text-subtle: #59626f; + --ds-color-neutral-text-default: #1f2c3d; --ds-color-neutral-contrast-default: #ffffff; - --ds-color-neutral-contrast-subtle: #bbbfc4; - --ds-color-brand1-background-default: #fefeff; + --ds-color-neutral-contrast-subtle: #babec4; + --ds-color-brand1-background-default: #ffffff; --ds-color-brand1-background-subtle: #eef4fa; - --ds-color-brand1-surface-default: #d1e3f3; - --ds-color-brand1-surface-hover: #bad5ec; - --ds-color-brand1-surface-active: #a1c5e5; - --ds-color-brand1-border-subtle: #97bfe3; - --ds-color-brand1-border-default: #3885c9; - --ds-color-brand1-border-strong: #014e93; - --ds-color-brand1-base-default: #0163ba; - --ds-color-brand1-base-hover: #015097; - --ds-color-brand1-base-active: #013f75; - --ds-color-brand1-text-subtle: #0163ba; - --ds-color-brand1-text-default: #002d54; + --ds-color-brand1-surface-default: #d4e4f3; + --ds-color-brand1-surface-hover: #bbd5ec; + --ds-color-brand1-surface-active: #a3c6e6; + --ds-color-brand1-border-subtle: #99c0e3; + --ds-color-brand1-border-default: #3582c8; + --ds-color-brand1-border-strong: #0161b8; + --ds-color-brand1-base-default: #0162b9; + --ds-color-brand1-base-hover: #014f96; + --ds-color-brand1-base-active: #013d75; + --ds-color-brand1-text-subtle: #0161b8; + --ds-color-brand1-text-default: #002c54; --ds-color-brand1-contrast-default: #ffffff; --ds-color-brand1-contrast-subtle: #dbe9f5; - --ds-color-brand2-background-default: #fefefe; + --ds-color-brand2-background-default: #ffffff; --ds-color-brand2-background-subtle: #f4f3f6; --ds-color-brand2-surface-default: #e3e1e8; --ds-color-brand2-surface-hover: #d3d0db; - --ds-color-brand2-surface-active: #c3bfce; - --ds-color-brand2-border-subtle: #beb9c9; - --ds-color-brand2-border-default: #857d9b; - --ds-color-brand2-border-strong: #534671; + --ds-color-brand2-surface-active: #c4c0cf; + --ds-color-brand2-border-subtle: #beb9ca; + --ds-color-brand2-border-default: #837a99; + --ds-color-brand2-border-strong: #675b82; --ds-color-brand2-base-default: #3f3161; - --ds-color-brand2-base-hover: #514570; - --ds-color-brand2-base-active: #64587f; - --ds-color-brand2-text-subtle: #685d83; + --ds-color-brand2-base-hover: #514470; + --ds-color-brand2-base-active: #63587f; + --ds-color-brand2-text-subtle: #675b82; --ds-color-brand2-text-default: #30254a; --ds-color-brand2-contrast-default: #ffffff; - --ds-color-brand2-contrast-subtle: #d3d0db; - --ds-color-brand3-background-default: #fffefe; + --ds-color-brand2-contrast-subtle: #d4d1db; + --ds-color-brand3-background-default: #ffffff; --ds-color-brand3-background-subtle: #fdf1f3; - --ds-color-brand3-surface-default: #f9dadf; - --ds-color-brand3-surface-hover: #f6c4cc; - --ds-color-brand3-surface-active: #f3aeb8; - --ds-color-brand3-border-subtle: #f2a7b3; - --ds-color-brand3-border-default: #e4475f; - --ds-color-brand3-border-strong: #941f31; - --ds-color-brand3-base-default: #e02f4a; - --ds-color-brand3-base-hover: #bc273e; - --ds-color-brand3-base-active: #982032; - --ds-color-brand3-text-subtle: #bc273e; - --ds-color-brand3-text-default: #56121d; + --ds-color-brand3-surface-default: #fadbdf; + --ds-color-brand3-surface-hover: #f6c5cd; + --ds-color-brand3-surface-active: #f3b1bb; + --ds-color-brand3-border-subtle: #f2a8b3; + --ds-color-brand3-border-default: #e3425b; + --ds-color-brand3-border-strong: #b8273d; + --ds-color-brand3-base-default: #e0304b; + --ds-color-brand3-base-hover: #e75c71; + --ds-color-brand3-base-active: #ec7f90; + --ds-color-brand3-text-subtle: #b8273d; + --ds-color-brand3-text-default: #55121c; --ds-color-brand3-contrast-default: #000000; --ds-color-brand3-contrast-subtle: #000000; - --ds-color-success-background-default: #fcfefc; - --ds-color-success-background-subtle: #edf6ee; - --ds-color-success-surface-default: #d1e9d4; - --ds-color-success-surface-hover: #b5dbba; - --ds-color-success-surface-active: #96cd9e; + --ds-color-success-background-default: #ffffff; + --ds-color-success-background-subtle: #ecf6ee; + --ds-color-success-surface-default: #d0e8d3; + --ds-color-success-surface-hover: #b4dbba; + --ds-color-success-surface-active: #9bcfa2; --ds-color-success-border-subtle: #8fc997; - --ds-color-success-border-default: #229532; - --ds-color-success-border-strong: #045a10; + --ds-color-success-border-default: #1d922d; + --ds-color-success-border-strong: #057114; --ds-color-success-base-default: #068718; --ds-color-success-base-hover: #057014; --ds-color-success-base-active: #045a10; - --ds-color-success-text-subtle: #057315; + --ds-color-success-text-subtle: #057114; --ds-color-success-text-default: #023409; --ds-color-success-contrast-default: #ffffff; - --ds-color-success-contrast-subtle: #f9fcf9; - --ds-color-danger-background-default: #fffefe; + --ds-color-success-contrast-subtle: #fafdfb; + --ds-color-danger-background-default: #ffffff; --ds-color-danger-background-subtle: #fbf1f1; --ds-color-danger-surface-default: #f5dcdc; - --ds-color-danger-surface-hover: #f0c7c7; - --ds-color-danger-surface-active: #eab3b3; - --ds-color-danger-border-subtle: #e8acac; - --ds-color-danger-border-default: #d25b5b; - --ds-color-danger-border-strong: #9a1616; - --ds-color-danger-base-default: #C01B1B; - --ds-color-danger-base-hover: #9c1616; + --ds-color-danger-surface-hover: #f0c8c8; + --ds-color-danger-surface-active: #ebb5b5; + --ds-color-danger-border-subtle: #e8adad; + --ds-color-danger-border-default: #d15757; + --ds-color-danger-border-strong: #bf1b1b; + --ds-color-danger-base-default: #bf1b1b; + --ds-color-danger-base-hover: #9b1616; --ds-color-danger-base-active: #791111; - --ds-color-danger-text-subtle: #c22020; - --ds-color-danger-text-default: #5a0d0d; + --ds-color-danger-text-subtle: #bf1b1b; + --ds-color-danger-text-default: #590d0d; --ds-color-danger-contrast-default: #ffffff; --ds-color-danger-contrast-subtle: #f7e1e1; - --ds-color-info-background-default: #fefeff; + --ds-color-info-background-default: #ffffff; --ds-color-info-background-subtle: #edf5fa; - --ds-color-info-surface-default: #d3e5f4; + --ds-color-info-surface-default: #d2e5f3; --ds-color-info-surface-hover: #b7d5ed; - --ds-color-info-surface-active: #9bc5e5; + --ds-color-info-surface-active: #9fc7e6; --ds-color-info-border-subtle: #94c1e3; - --ds-color-info-border-default: #2f86c9; - --ds-color-info-border-strong: #075089; - --ds-color-info-base-default: #0A71C0; - --ds-color-info-base-hover: #085e9f; - --ds-color-info-base-active: #074a7f; - --ds-color-info-text-subtle: #0966ac; + --ds-color-info-border-default: #2a83c8; + --ds-color-info-border-strong: #0964a9; + --ds-color-info-base-default: #0a71bf; + --ds-color-info-base-hover: #085d9f; + --ds-color-info-base-active: #074a7e; + --ds-color-info-text-subtle: #0964a9; --ds-color-info-text-default: #042d4d; --ds-color-info-contrast-default: #ffffff; - --ds-color-info-contrast-subtle: #edf5fa; - --ds-color-warning-background-default: #fffefd; - --ds-color-warning-background-subtle: #f9f4e2; - --ds-color-warning-surface-default: #efe2b3; - --ds-color-warning-surface-hover: #e5d183; - --ds-color-warning-surface-active: #dcbf53; + --ds-color-info-contrast-subtle: #eff6fb; + --ds-color-warning-background-default: #ffffff; + --ds-color-warning-background-subtle: #f9f4e1; + --ds-color-warning-surface-default: #efe2b2; + --ds-color-warning-surface-hover: #e6d184; + --ds-color-warning-surface-active: #ddc159; --ds-color-warning-border-subtle: #d9b945; - --ds-color-warning-border-default: #987f22; - --ds-color-warning-border-strong: #5c4c14; - --ds-color-warning-base-default: #B8581D; - --ds-color-warning-base-hover: #984918; - --ds-color-warning-base-active: #7a3b13; - --ds-color-warning-text-subtle: #9e4b19; - --ds-color-warning-text-default: #47220b; + --ds-color-warning-border-default: #957c21; + --ds-color-warning-border-strong: #736019; + --ds-color-warning-base-default: #b7581d; + --ds-color-warning-base-hover: #994918; + --ds-color-warning-base-active: #7b3b13; + --ds-color-warning-text-subtle: #9b4a18; + --ds-color-warning-text-default: #46220b; --ds-color-warning-contrast-default: #ffffff; - --ds-color-warning-contrast-subtle: #fdfbf9; - --ds-color-focus-inner: #fefefe; - --ds-color-focus-outer: #002d54; + --ds-color-warning-contrast-subtle: #fdf9f8; + --ds-color-focus-inner: #ffffff; + --ds-color-focus-outer: #002c54; color-scheme: light; } @@ -677,466 +677,466 @@ @layer ds.theme.color-scheme.dark { [data-color-scheme="dark"] { - --ds-global-blue-1: #031d30; - --ds-global-blue-2: #032540; - --ds-global-blue-3: #043256; - --ds-global-blue-4: #063f6c; - --ds-global-blue-5: #074d84; - --ds-global-blue-6: #075490; - --ds-global-blue-7: #0c72c1; - --ds-global-blue-8: #98c3e5; - --ds-global-blue-9: #2c85c9; - --ds-global-blue-10: #529bd2; - --ds-global-blue-11: #75afdc; - --ds-global-blue-12: #6ba9d9; - --ds-global-blue-13: #d3e5f4; + --ds-global-blue-1: #031e33; + --ds-global-blue-2: #032641; + --ds-global-blue-3: #043154; + --ds-global-blue-4: #063f6a; + --ds-global-blue-5: #074d82; + --ds-global-blue-6: #07538d; + --ds-global-blue-7: #2480c7; + --ds-global-blue-8: #69a8d8; + --ds-global-blue-9: #2d85c9; + --ds-global-blue-10: #519ad2; + --ds-global-blue-11: #77b0dc; + --ds-global-blue-12: #69a8d8; + --ds-global-blue-13: #d6e7f4; --ds-global-blue-contrast-1: #000000; - --ds-global-blue-contrast-2: #040e15; - --ds-global-green-1: #012106; - --ds-global-green-2: #022b08; + --ds-global-blue-contrast-2: #050e15; + --ds-global-green-1: #022306; + --ds-global-green-2: #022c08; --ds-global-green-3: #03380a; - --ds-global-green-4: #03490d; - --ds-global-green-5: #045810; + --ds-global-green-4: #03470d; + --ds-global-green-5: #04570f; --ds-global-green-6: #045f11; - --ds-global-green-7: #068217; - --ds-global-green-8: #93cb9b; + --ds-global-green-7: #178f28; + --ds-global-green-8: #62b36d; --ds-global-green-9: #138d24; - --ds-global-green-10: #3da14b; - --ds-global-green-11: #65b570; - --ds-global-green-12: #63b46f; - --ds-global-green-13: #d1e9d4; + --ds-global-green-10: #3ca14b; + --ds-global-green-11: #66b571; + --ds-global-green-12: #62b36d; + --ds-global-green-13: #d4ead7; --ds-global-green-contrast-1: #000000; --ds-global-green-contrast-2: #010501; - --ds-global-orange-1: #2d1507; - --ds-global-orange-2: #391b09; - --ds-global-orange-3: #4e250c; - --ds-global-orange-4: #633010; - --ds-global-orange-5: #783a13; - --ds-global-orange-6: #833f15; - --ds-global-orange-7: #b2551c; - --ds-global-orange-8: #e0b69c; - --ds-global-orange-9: #bc622b; + --ds-global-orange-1: #2f1607; + --ds-global-orange-2: #3b1c09; + --ds-global-orange-3: #4d250c; + --ds-global-orange-4: #612f0f; + --ds-global-orange-5: #773913; + --ds-global-orange-6: #823e14; + --ds-global-orange-7: #bd632d; + --ds-global-orange-8: #d2946e; + --ds-global-orange-9: #bc612a; --ds-global-orange-10: #c87d4f; - --ds-global-orange-11: #d39773; - --ds-global-orange-12: #d29671; - --ds-global-orange-13: #f1ded3; + --ds-global-orange-11: #d39772; + --ds-global-orange-12: #d2946e; + --ds-global-orange-13: #f2e2d7; --ds-global-orange-contrast-1: #000000; - --ds-global-orange-contrast-2: #090402; - --ds-global-purple-1: #251238; - --ds-global-purple-2: #301748; - --ds-global-purple-3: #402060; - --ds-global-purple-4: #52287a; - --ds-global-purple-5: #643196; - --ds-global-purple-6: #6b399d; - --ds-global-purple-7: #865daf; - --ds-global-purple-8: #c9b7db; - --ds-global-purple-9: #b39acd; + --ds-global-orange-contrast-2: #070301; + --ds-global-purple-1: #27133a; + --ds-global-purple-2: #31184a; + --ds-global-purple-3: #401f5f; + --ds-global-purple-4: #512879; + --ds-global-purple-5: #633094; + --ds-global-purple-6: #6a379c; + --ds-global-purple-7: #916cb6; + --ds-global-purple-8: #b297cb; + --ds-global-purple-9: #b49acd; --ds-global-purple-10: #a282c1; --ds-global-purple-11: #906ab5; - --ds-global-purple-12: #b298cc; - --ds-global-purple-13: #e7dfef; + --ds-global-purple-12: #b297cb; + --ds-global-purple-13: #e9e2f0; --ds-global-purple-contrast-1: #000000; - --ds-global-purple-contrast-2: #18141b; - --ds-global-red-1: #3b0808; - --ds-global-red-2: #4b0a0a; - --ds-global-red-3: #620e0e; - --ds-global-red-4: #7c1212; - --ds-global-red-5: #961515; - --ds-global-red-6: #a31717; - --ds-global-red-7: #c93c3c; - --ds-global-red-8: #e9b0b0; - --ds-global-red-9: #d76d6d; + --ds-global-purple-contrast-2: #18151c; + --ds-global-red-1: #3d0909; + --ds-global-red-2: #4c0b0b; + --ds-global-red-3: #610e0e; + --ds-global-red-4: #7a1111; + --ds-global-red-5: #941515; + --ds-global-red-6: #a11717; + --ds-global-red-7: #cf5252; + --ds-global-red-8: #df8b8b; + --ds-global-red-9: #d76e6e; --ds-global-red-10: #df8b8b; --ds-global-red-11: #e7a8a8; - --ds-global-red-12: #df8d8d; - --ds-global-red-13: #f5dcdc; + --ds-global-red-12: #df8b8b; + --ds-global-red-13: #f6dfdf; --ds-global-red-contrast-1: #000000; - --ds-global-red-contrast-2: #261313; - --ds-global-yellow-1: #211b07; - --ds-global-yellow-2: #2b2309; - --ds-global-yellow-3: #392f0d; + --ds-global-red-contrast-2: #271414; + --ds-global-yellow-1: #221c08; + --ds-global-yellow-2: #2b240a; + --ds-global-yellow-3: #382f0c; --ds-global-yellow-4: #483c10; - --ds-global-yellow-5: #594a14; - --ds-global-yellow-6: #625116; - --ds-global-yellow-7: #836d1d; - --ds-global-yellow-8: #dabc4c; - --ds-global-yellow-9: #4b3e11; - --ds-global-yellow-10: #605115; - --ds-global-yellow-11: #77641a; - --ds-global-yellow-12: #bfa02a; - --ds-global-yellow-13: #efe2b3; + --ds-global-yellow-5: #584913; + --ds-global-yellow-6: #5f5015; + --ds-global-yellow-7: #927a20; + --ds-global-yellow-8: #bf9f2a; + --ds-global-yellow-9: #4a3e10; + --ds-global-yellow-10: #615115; + --ds-global-yellow-11: #77631a; + --ds-global-yellow-12: #bf9f2a; + --ds-global-yellow-13: #f1e5b9; --ds-global-yellow-contrast-1: #ffffff; --ds-global-yellow-contrast-2: #dbd9d0; - --ds-color-accent-background-default: #001c36; - --ds-color-accent-background-subtle: #002545; - --ds-color-accent-surface-default: #00315b; - --ds-color-accent-surface-hover: #013f75; - --ds-color-accent-surface-active: #014b8e; - --ds-color-accent-border-subtle: #01539b; - --ds-color-accent-border-default: #1971c0; - --ds-color-accent-border-strong: #9bc2e4; - --ds-color-accent-base-default: #4b90ce; - --ds-color-accent-base-hover: #277ac4; - --ds-color-accent-base-active: #0163ba; - --ds-color-accent-text-subtle: #72a8d9; - --ds-color-accent-text-default: #d1e3f3; + --ds-color-accent-background-default: #001e38; + --ds-color-accent-background-subtle: #002547; + --ds-color-accent-surface-default: #00305c; + --ds-color-accent-surface-hover: #013d74; + --ds-color-accent-surface-active: #014a8d; + --ds-color-accent-border-subtle: #01519a; + --ds-color-accent-border-default: #307fc7; + --ds-color-accent-border-strong: #70a7d8; + --ds-color-accent-base-default: #4d91cf; + --ds-color-accent-base-hover: #6fa6d8; + --ds-color-accent-base-active: #92bce1; + --ds-color-accent-text-subtle: #70a7d8; + --ds-color-accent-text-default: #d8e7f4; --ds-color-accent-contrast-default: #000000; - --ds-color-accent-contrast-subtle: #0d1823; - --ds-color-neutral-background-default: #131c27; - --ds-color-neutral-background-subtle: #192433; - --ds-color-neutral-surface-default: #243142; - --ds-color-neutral-surface-hover: #333e4e; - --ds-color-neutral-surface-active: #424d5b; - --ds-color-neutral-border-subtle: #495361; - --ds-color-neutral-border-default: #67707c; - --ds-color-neutral-border-strong: #bbbfc4; - --ds-color-neutral-base-default: #a6abb2; - --ds-color-neutral-base-hover: #90969e; - --ds-color-neutral-base-active: #7a818c; - --ds-color-neutral-text-subtle: #9ea3ab; - --ds-color-neutral-text-default: #e1e3e5; + --ds-color-accent-contrast-subtle: #0d1924; + --ds-color-neutral-background-default: #141d29; + --ds-color-neutral-background-subtle: #1a2534; + --ds-color-neutral-surface-default: #243041; + --ds-color-neutral-surface-hover: #323e4d; + --ds-color-neutral-surface-active: #404b5a; + --ds-color-neutral-border-subtle: #475260; + --ds-color-neutral-border-default: #747c87; + --ds-color-neutral-border-strong: #9da2aa; + --ds-color-neutral-base-default: #a6acb2; + --ds-color-neutral-base-hover: #90979f; + --ds-color-neutral-base-active: #7a828c; + --ds-color-neutral-text-subtle: #9da2aa; + --ds-color-neutral-text-default: #e3e5e7; --ds-color-neutral-contrast-default: #000000; - --ds-color-neutral-contrast-subtle: #1b1b1d; - --ds-color-brand1-background-default: #001c36; - --ds-color-brand1-background-subtle: #002545; - --ds-color-brand1-surface-default: #00315b; - --ds-color-brand1-surface-hover: #013f75; - --ds-color-brand1-surface-active: #014b8e; - --ds-color-brand1-border-subtle: #01539b; - --ds-color-brand1-border-default: #1971c0; - --ds-color-brand1-border-strong: #9bc2e4; - --ds-color-brand1-base-default: #4b90ce; - --ds-color-brand1-base-hover: #277ac4; - --ds-color-brand1-base-active: #0163ba; - --ds-color-brand1-text-subtle: #72a8d9; - --ds-color-brand1-text-default: #d1e3f3; + --ds-color-neutral-contrast-subtle: #1b1c1d; + --ds-color-brand1-background-default: #001e38; + --ds-color-brand1-background-subtle: #002547; + --ds-color-brand1-surface-default: #00305c; + --ds-color-brand1-surface-hover: #013d74; + --ds-color-brand1-surface-active: #014a8d; + --ds-color-brand1-border-subtle: #01519a; + --ds-color-brand1-border-default: #307fc7; + --ds-color-brand1-border-strong: #70a7d8; + --ds-color-brand1-base-default: #4d91cf; + --ds-color-brand1-base-hover: #6fa6d8; + --ds-color-brand1-base-active: #92bce1; + --ds-color-brand1-text-subtle: #70a7d8; + --ds-color-brand1-text-default: #d8e7f4; --ds-color-brand1-contrast-default: #000000; - --ds-color-brand1-contrast-subtle: #0d1823; - --ds-color-brand2-background-default: #1e182f; - --ds-color-brand2-background-subtle: #271f3c; - --ds-color-brand2-surface-default: #352952; - --ds-color-brand2-surface-hover: #433665; - --ds-color-brand2-surface-active: #514570; - --ds-color-brand2-border-subtle: #584b75; - --ds-color-brand2-border-default: #746a8d; - --ds-color-brand2-border-strong: #c0bccb; + --ds-color-brand1-contrast-subtle: #0d1924; + --ds-color-brand2-background-default: #201931; + --ds-color-brand2-background-subtle: #281f3e; + --ds-color-brand2-surface-default: #342951; + --ds-color-brand2-surface-hover: #423564; + --ds-color-brand2-surface-active: #50436f; + --ds-color-brand2-border-subtle: #574a74; + --ds-color-brand2-border-default: #807797; + --ds-color-brand2-border-strong: #a59fb5; --ds-color-brand2-base-default: #aea8bc; - --ds-color-brand2-base-hover: #9992ab; + --ds-color-brand2-base-hover: #9a92ac; --ds-color-brand2-base-active: #857d9b; - --ds-color-brand2-text-subtle: #a6a0b6; - --ds-color-brand2-text-default: #e3e1e8; + --ds-color-brand2-text-subtle: #a59fb5; + --ds-color-brand2-text-default: #e6e4ea; --ds-color-brand2-contrast-default: #000000; - --ds-color-brand2-contrast-subtle: #1c1b1f; - --ds-color-brand3-background-default: #370c12; - --ds-color-brand3-background-subtle: #460f17; - --ds-color-brand3-surface-default: #5f141f; - --ds-color-brand3-surface-hover: #761927; - --ds-color-brand3-surface-active: #901e30; - --ds-color-brand3-border-subtle: #9d2134; - --ds-color-brand3-border-default: #d32c46; - --ds-color-brand3-border-strong: #f2abb6; - --ds-color-brand3-base-default: #e02f4a; - --ds-color-brand3-base-hover: #bc273e; - --ds-color-brand3-base-active: #982032; - --ds-color-brand3-text-subtle: #ed8494; - --ds-color-brand3-text-default: #f9dadf; + --ds-color-brand2-contrast-subtle: #1c1b1e; + --ds-color-brand3-background-default: #3a0c13; + --ds-color-brand3-background-subtle: #480f18; + --ds-color-brand3-surface-default: #5d131f; + --ds-color-brand3-surface-hover: #751927; + --ds-color-brand3-surface-active: #8e1e2f; + --ds-color-brand3-border-subtle: #9a2033; + --ds-color-brand3-border-default: #e23c55; + --ds-color-brand3-border-strong: #ec8292; + --ds-color-brand3-base-default: #e0304b; + --ds-color-brand3-base-hover: #e75c71; + --ds-color-brand3-base-active: #ec7f90; + --ds-color-brand3-text-subtle: #ec8292; + --ds-color-brand3-text-default: #fadee2; --ds-color-brand3-contrast-default: #000000; --ds-color-brand3-contrast-subtle: #000000; - --ds-color-success-background-default: #012106; - --ds-color-success-background-subtle: #022b08; + --ds-color-success-background-default: #022306; + --ds-color-success-background-subtle: #022c08; --ds-color-success-surface-default: #03380a; - --ds-color-success-surface-hover: #03490d; - --ds-color-success-surface-active: #045810; + --ds-color-success-surface-hover: #03470d; + --ds-color-success-surface-active: #04570f; --ds-color-success-border-subtle: #045f11; - --ds-color-success-border-default: #068217; - --ds-color-success-border-strong: #93cb9b; + --ds-color-success-border-default: #178f28; + --ds-color-success-border-strong: #62b36d; --ds-color-success-base-default: #138d24; - --ds-color-success-base-hover: #3da14b; - --ds-color-success-base-active: #65b570; - --ds-color-success-text-subtle: #63b46f; - --ds-color-success-text-default: #d1e9d4; + --ds-color-success-base-hover: #3ca14b; + --ds-color-success-base-active: #66b571; + --ds-color-success-text-subtle: #62b36d; + --ds-color-success-text-default: #d4ead7; --ds-color-success-contrast-default: #000000; --ds-color-success-contrast-subtle: #010501; - --ds-color-danger-background-default: #3b0808; - --ds-color-danger-background-subtle: #4b0a0a; - --ds-color-danger-surface-default: #620e0e; - --ds-color-danger-surface-hover: #7c1212; - --ds-color-danger-surface-active: #961515; - --ds-color-danger-border-subtle: #a31717; - --ds-color-danger-border-default: #c93c3c; - --ds-color-danger-border-strong: #e9b0b0; - --ds-color-danger-base-default: #d76d6d; + --ds-color-danger-background-default: #3d0909; + --ds-color-danger-background-subtle: #4c0b0b; + --ds-color-danger-surface-default: #610e0e; + --ds-color-danger-surface-hover: #7a1111; + --ds-color-danger-surface-active: #941515; + --ds-color-danger-border-subtle: #a11717; + --ds-color-danger-border-default: #cf5252; + --ds-color-danger-border-strong: #df8b8b; + --ds-color-danger-base-default: #d76e6e; --ds-color-danger-base-hover: #df8b8b; --ds-color-danger-base-active: #e7a8a8; - --ds-color-danger-text-subtle: #df8d8d; - --ds-color-danger-text-default: #f5dcdc; + --ds-color-danger-text-subtle: #df8b8b; + --ds-color-danger-text-default: #f6dfdf; --ds-color-danger-contrast-default: #000000; - --ds-color-danger-contrast-subtle: #261313; - --ds-color-info-background-default: #031d30; - --ds-color-info-background-subtle: #032540; - --ds-color-info-surface-default: #043256; - --ds-color-info-surface-hover: #063f6c; - --ds-color-info-surface-active: #074d84; - --ds-color-info-border-subtle: #075490; - --ds-color-info-border-default: #0c72c1; - --ds-color-info-border-strong: #98c3e5; - --ds-color-info-base-default: #2c85c9; - --ds-color-info-base-hover: #529bd2; - --ds-color-info-base-active: #75afdc; - --ds-color-info-text-subtle: #6ba9d9; - --ds-color-info-text-default: #d3e5f4; + --ds-color-danger-contrast-subtle: #271414; + --ds-color-info-background-default: #031e33; + --ds-color-info-background-subtle: #032641; + --ds-color-info-surface-default: #043154; + --ds-color-info-surface-hover: #063f6a; + --ds-color-info-surface-active: #074d82; + --ds-color-info-border-subtle: #07538d; + --ds-color-info-border-default: #2480c7; + --ds-color-info-border-strong: #69a8d8; + --ds-color-info-base-default: #2d85c9; + --ds-color-info-base-hover: #519ad2; + --ds-color-info-base-active: #77b0dc; + --ds-color-info-text-subtle: #69a8d8; + --ds-color-info-text-default: #d6e7f4; --ds-color-info-contrast-default: #000000; - --ds-color-info-contrast-subtle: #040e15; - --ds-color-warning-background-default: #211b07; - --ds-color-warning-background-subtle: #2b2309; - --ds-color-warning-surface-default: #392f0d; + --ds-color-info-contrast-subtle: #050e15; + --ds-color-warning-background-default: #221c08; + --ds-color-warning-background-subtle: #2b240a; + --ds-color-warning-surface-default: #382f0c; --ds-color-warning-surface-hover: #483c10; - --ds-color-warning-surface-active: #594a14; - --ds-color-warning-border-subtle: #625116; - --ds-color-warning-border-default: #836d1d; - --ds-color-warning-border-strong: #dabc4c; - --ds-color-warning-base-default: #bc622b; + --ds-color-warning-surface-active: #584913; + --ds-color-warning-border-subtle: #5f5015; + --ds-color-warning-border-default: #927a20; + --ds-color-warning-border-strong: #bf9f2a; + --ds-color-warning-base-default: #bc612a; --ds-color-warning-base-hover: #c87d4f; - --ds-color-warning-base-active: #d39773; - --ds-color-warning-text-subtle: #d29671; - --ds-color-warning-text-default: #f1ded3; + --ds-color-warning-base-active: #d39772; + --ds-color-warning-text-subtle: #d2946e; + --ds-color-warning-text-default: #f2e2d7; --ds-color-warning-contrast-default: #000000; - --ds-color-warning-contrast-subtle: #090402; - --ds-color-focus-inner: #131c27; - --ds-color-focus-outer: #d1e3f3; + --ds-color-warning-contrast-subtle: #070301; + --ds-color-focus-inner: #141d29; + --ds-color-focus-outer: #d8e7f4; color-scheme: dark; } @media (prefers-color-scheme: dark) { [data-color-scheme="auto"] { - --ds-global-blue-1: #031d30; - --ds-global-blue-2: #032540; - --ds-global-blue-3: #043256; - --ds-global-blue-4: #063f6c; - --ds-global-blue-5: #074d84; - --ds-global-blue-6: #075490; - --ds-global-blue-7: #0c72c1; - --ds-global-blue-8: #98c3e5; - --ds-global-blue-9: #2c85c9; - --ds-global-blue-10: #529bd2; - --ds-global-blue-11: #75afdc; - --ds-global-blue-12: #6ba9d9; - --ds-global-blue-13: #d3e5f4; + --ds-global-blue-1: #031e33; + --ds-global-blue-2: #032641; + --ds-global-blue-3: #043154; + --ds-global-blue-4: #063f6a; + --ds-global-blue-5: #074d82; + --ds-global-blue-6: #07538d; + --ds-global-blue-7: #2480c7; + --ds-global-blue-8: #69a8d8; + --ds-global-blue-9: #2d85c9; + --ds-global-blue-10: #519ad2; + --ds-global-blue-11: #77b0dc; + --ds-global-blue-12: #69a8d8; + --ds-global-blue-13: #d6e7f4; --ds-global-blue-contrast-1: #000000; - --ds-global-blue-contrast-2: #040e15; - --ds-global-green-1: #012106; - --ds-global-green-2: #022b08; + --ds-global-blue-contrast-2: #050e15; + --ds-global-green-1: #022306; + --ds-global-green-2: #022c08; --ds-global-green-3: #03380a; - --ds-global-green-4: #03490d; - --ds-global-green-5: #045810; + --ds-global-green-4: #03470d; + --ds-global-green-5: #04570f; --ds-global-green-6: #045f11; - --ds-global-green-7: #068217; - --ds-global-green-8: #93cb9b; + --ds-global-green-7: #178f28; + --ds-global-green-8: #62b36d; --ds-global-green-9: #138d24; - --ds-global-green-10: #3da14b; - --ds-global-green-11: #65b570; - --ds-global-green-12: #63b46f; - --ds-global-green-13: #d1e9d4; + --ds-global-green-10: #3ca14b; + --ds-global-green-11: #66b571; + --ds-global-green-12: #62b36d; + --ds-global-green-13: #d4ead7; --ds-global-green-contrast-1: #000000; --ds-global-green-contrast-2: #010501; - --ds-global-orange-1: #2d1507; - --ds-global-orange-2: #391b09; - --ds-global-orange-3: #4e250c; - --ds-global-orange-4: #633010; - --ds-global-orange-5: #783a13; - --ds-global-orange-6: #833f15; - --ds-global-orange-7: #b2551c; - --ds-global-orange-8: #e0b69c; - --ds-global-orange-9: #bc622b; + --ds-global-orange-1: #2f1607; + --ds-global-orange-2: #3b1c09; + --ds-global-orange-3: #4d250c; + --ds-global-orange-4: #612f0f; + --ds-global-orange-5: #773913; + --ds-global-orange-6: #823e14; + --ds-global-orange-7: #bd632d; + --ds-global-orange-8: #d2946e; + --ds-global-orange-9: #bc612a; --ds-global-orange-10: #c87d4f; - --ds-global-orange-11: #d39773; - --ds-global-orange-12: #d29671; - --ds-global-orange-13: #f1ded3; + --ds-global-orange-11: #d39772; + --ds-global-orange-12: #d2946e; + --ds-global-orange-13: #f2e2d7; --ds-global-orange-contrast-1: #000000; - --ds-global-orange-contrast-2: #090402; - --ds-global-purple-1: #251238; - --ds-global-purple-2: #301748; - --ds-global-purple-3: #402060; - --ds-global-purple-4: #52287a; - --ds-global-purple-5: #643196; - --ds-global-purple-6: #6b399d; - --ds-global-purple-7: #865daf; - --ds-global-purple-8: #c9b7db; - --ds-global-purple-9: #b39acd; + --ds-global-orange-contrast-2: #070301; + --ds-global-purple-1: #27133a; + --ds-global-purple-2: #31184a; + --ds-global-purple-3: #401f5f; + --ds-global-purple-4: #512879; + --ds-global-purple-5: #633094; + --ds-global-purple-6: #6a379c; + --ds-global-purple-7: #916cb6; + --ds-global-purple-8: #b297cb; + --ds-global-purple-9: #b49acd; --ds-global-purple-10: #a282c1; --ds-global-purple-11: #906ab5; - --ds-global-purple-12: #b298cc; - --ds-global-purple-13: #e7dfef; + --ds-global-purple-12: #b297cb; + --ds-global-purple-13: #e9e2f0; --ds-global-purple-contrast-1: #000000; - --ds-global-purple-contrast-2: #18141b; - --ds-global-red-1: #3b0808; - --ds-global-red-2: #4b0a0a; - --ds-global-red-3: #620e0e; - --ds-global-red-4: #7c1212; - --ds-global-red-5: #961515; - --ds-global-red-6: #a31717; - --ds-global-red-7: #c93c3c; - --ds-global-red-8: #e9b0b0; - --ds-global-red-9: #d76d6d; + --ds-global-purple-contrast-2: #18151c; + --ds-global-red-1: #3d0909; + --ds-global-red-2: #4c0b0b; + --ds-global-red-3: #610e0e; + --ds-global-red-4: #7a1111; + --ds-global-red-5: #941515; + --ds-global-red-6: #a11717; + --ds-global-red-7: #cf5252; + --ds-global-red-8: #df8b8b; + --ds-global-red-9: #d76e6e; --ds-global-red-10: #df8b8b; --ds-global-red-11: #e7a8a8; - --ds-global-red-12: #df8d8d; - --ds-global-red-13: #f5dcdc; + --ds-global-red-12: #df8b8b; + --ds-global-red-13: #f6dfdf; --ds-global-red-contrast-1: #000000; - --ds-global-red-contrast-2: #261313; - --ds-global-yellow-1: #211b07; - --ds-global-yellow-2: #2b2309; - --ds-global-yellow-3: #392f0d; + --ds-global-red-contrast-2: #271414; + --ds-global-yellow-1: #221c08; + --ds-global-yellow-2: #2b240a; + --ds-global-yellow-3: #382f0c; --ds-global-yellow-4: #483c10; - --ds-global-yellow-5: #594a14; - --ds-global-yellow-6: #625116; - --ds-global-yellow-7: #836d1d; - --ds-global-yellow-8: #dabc4c; - --ds-global-yellow-9: #4b3e11; - --ds-global-yellow-10: #605115; - --ds-global-yellow-11: #77641a; - --ds-global-yellow-12: #bfa02a; - --ds-global-yellow-13: #efe2b3; + --ds-global-yellow-5: #584913; + --ds-global-yellow-6: #5f5015; + --ds-global-yellow-7: #927a20; + --ds-global-yellow-8: #bf9f2a; + --ds-global-yellow-9: #4a3e10; + --ds-global-yellow-10: #615115; + --ds-global-yellow-11: #77631a; + --ds-global-yellow-12: #bf9f2a; + --ds-global-yellow-13: #f1e5b9; --ds-global-yellow-contrast-1: #ffffff; --ds-global-yellow-contrast-2: #dbd9d0; - --ds-color-accent-background-default: #001c36; - --ds-color-accent-background-subtle: #002545; - --ds-color-accent-surface-default: #00315b; - --ds-color-accent-surface-hover: #013f75; - --ds-color-accent-surface-active: #014b8e; - --ds-color-accent-border-subtle: #01539b; - --ds-color-accent-border-default: #1971c0; - --ds-color-accent-border-strong: #9bc2e4; - --ds-color-accent-base-default: #4b90ce; - --ds-color-accent-base-hover: #277ac4; - --ds-color-accent-base-active: #0163ba; - --ds-color-accent-text-subtle: #72a8d9; - --ds-color-accent-text-default: #d1e3f3; + --ds-color-accent-background-default: #001e38; + --ds-color-accent-background-subtle: #002547; + --ds-color-accent-surface-default: #00305c; + --ds-color-accent-surface-hover: #013d74; + --ds-color-accent-surface-active: #014a8d; + --ds-color-accent-border-subtle: #01519a; + --ds-color-accent-border-default: #307fc7; + --ds-color-accent-border-strong: #70a7d8; + --ds-color-accent-base-default: #4d91cf; + --ds-color-accent-base-hover: #6fa6d8; + --ds-color-accent-base-active: #92bce1; + --ds-color-accent-text-subtle: #70a7d8; + --ds-color-accent-text-default: #d8e7f4; --ds-color-accent-contrast-default: #000000; - --ds-color-accent-contrast-subtle: #0d1823; - --ds-color-neutral-background-default: #131c27; - --ds-color-neutral-background-subtle: #192433; - --ds-color-neutral-surface-default: #243142; - --ds-color-neutral-surface-hover: #333e4e; - --ds-color-neutral-surface-active: #424d5b; - --ds-color-neutral-border-subtle: #495361; - --ds-color-neutral-border-default: #67707c; - --ds-color-neutral-border-strong: #bbbfc4; - --ds-color-neutral-base-default: #a6abb2; - --ds-color-neutral-base-hover: #90969e; - --ds-color-neutral-base-active: #7a818c; - --ds-color-neutral-text-subtle: #9ea3ab; - --ds-color-neutral-text-default: #e1e3e5; + --ds-color-accent-contrast-subtle: #0d1924; + --ds-color-neutral-background-default: #141d29; + --ds-color-neutral-background-subtle: #1a2534; + --ds-color-neutral-surface-default: #243041; + --ds-color-neutral-surface-hover: #323e4d; + --ds-color-neutral-surface-active: #404b5a; + --ds-color-neutral-border-subtle: #475260; + --ds-color-neutral-border-default: #747c87; + --ds-color-neutral-border-strong: #9da2aa; + --ds-color-neutral-base-default: #a6acb2; + --ds-color-neutral-base-hover: #90979f; + --ds-color-neutral-base-active: #7a828c; + --ds-color-neutral-text-subtle: #9da2aa; + --ds-color-neutral-text-default: #e3e5e7; --ds-color-neutral-contrast-default: #000000; - --ds-color-neutral-contrast-subtle: #1b1b1d; - --ds-color-brand1-background-default: #001c36; - --ds-color-brand1-background-subtle: #002545; - --ds-color-brand1-surface-default: #00315b; - --ds-color-brand1-surface-hover: #013f75; - --ds-color-brand1-surface-active: #014b8e; - --ds-color-brand1-border-subtle: #01539b; - --ds-color-brand1-border-default: #1971c0; - --ds-color-brand1-border-strong: #9bc2e4; - --ds-color-brand1-base-default: #4b90ce; - --ds-color-brand1-base-hover: #277ac4; - --ds-color-brand1-base-active: #0163ba; - --ds-color-brand1-text-subtle: #72a8d9; - --ds-color-brand1-text-default: #d1e3f3; + --ds-color-neutral-contrast-subtle: #1b1c1d; + --ds-color-brand1-background-default: #001e38; + --ds-color-brand1-background-subtle: #002547; + --ds-color-brand1-surface-default: #00305c; + --ds-color-brand1-surface-hover: #013d74; + --ds-color-brand1-surface-active: #014a8d; + --ds-color-brand1-border-subtle: #01519a; + --ds-color-brand1-border-default: #307fc7; + --ds-color-brand1-border-strong: #70a7d8; + --ds-color-brand1-base-default: #4d91cf; + --ds-color-brand1-base-hover: #6fa6d8; + --ds-color-brand1-base-active: #92bce1; + --ds-color-brand1-text-subtle: #70a7d8; + --ds-color-brand1-text-default: #d8e7f4; --ds-color-brand1-contrast-default: #000000; - --ds-color-brand1-contrast-subtle: #0d1823; - --ds-color-brand2-background-default: #1e182f; - --ds-color-brand2-background-subtle: #271f3c; - --ds-color-brand2-surface-default: #352952; - --ds-color-brand2-surface-hover: #433665; - --ds-color-brand2-surface-active: #514570; - --ds-color-brand2-border-subtle: #584b75; - --ds-color-brand2-border-default: #746a8d; - --ds-color-brand2-border-strong: #c0bccb; + --ds-color-brand1-contrast-subtle: #0d1924; + --ds-color-brand2-background-default: #201931; + --ds-color-brand2-background-subtle: #281f3e; + --ds-color-brand2-surface-default: #342951; + --ds-color-brand2-surface-hover: #423564; + --ds-color-brand2-surface-active: #50436f; + --ds-color-brand2-border-subtle: #574a74; + --ds-color-brand2-border-default: #807797; + --ds-color-brand2-border-strong: #a59fb5; --ds-color-brand2-base-default: #aea8bc; - --ds-color-brand2-base-hover: #9992ab; + --ds-color-brand2-base-hover: #9a92ac; --ds-color-brand2-base-active: #857d9b; - --ds-color-brand2-text-subtle: #a6a0b6; - --ds-color-brand2-text-default: #e3e1e8; + --ds-color-brand2-text-subtle: #a59fb5; + --ds-color-brand2-text-default: #e6e4ea; --ds-color-brand2-contrast-default: #000000; - --ds-color-brand2-contrast-subtle: #1c1b1f; - --ds-color-brand3-background-default: #370c12; - --ds-color-brand3-background-subtle: #460f17; - --ds-color-brand3-surface-default: #5f141f; - --ds-color-brand3-surface-hover: #761927; - --ds-color-brand3-surface-active: #901e30; - --ds-color-brand3-border-subtle: #9d2134; - --ds-color-brand3-border-default: #d32c46; - --ds-color-brand3-border-strong: #f2abb6; - --ds-color-brand3-base-default: #e02f4a; - --ds-color-brand3-base-hover: #bc273e; - --ds-color-brand3-base-active: #982032; - --ds-color-brand3-text-subtle: #ed8494; - --ds-color-brand3-text-default: #f9dadf; + --ds-color-brand2-contrast-subtle: #1c1b1e; + --ds-color-brand3-background-default: #3a0c13; + --ds-color-brand3-background-subtle: #480f18; + --ds-color-brand3-surface-default: #5d131f; + --ds-color-brand3-surface-hover: #751927; + --ds-color-brand3-surface-active: #8e1e2f; + --ds-color-brand3-border-subtle: #9a2033; + --ds-color-brand3-border-default: #e23c55; + --ds-color-brand3-border-strong: #ec8292; + --ds-color-brand3-base-default: #e0304b; + --ds-color-brand3-base-hover: #e75c71; + --ds-color-brand3-base-active: #ec7f90; + --ds-color-brand3-text-subtle: #ec8292; + --ds-color-brand3-text-default: #fadee2; --ds-color-brand3-contrast-default: #000000; --ds-color-brand3-contrast-subtle: #000000; - --ds-color-success-background-default: #012106; - --ds-color-success-background-subtle: #022b08; + --ds-color-success-background-default: #022306; + --ds-color-success-background-subtle: #022c08; --ds-color-success-surface-default: #03380a; - --ds-color-success-surface-hover: #03490d; - --ds-color-success-surface-active: #045810; + --ds-color-success-surface-hover: #03470d; + --ds-color-success-surface-active: #04570f; --ds-color-success-border-subtle: #045f11; - --ds-color-success-border-default: #068217; - --ds-color-success-border-strong: #93cb9b; + --ds-color-success-border-default: #178f28; + --ds-color-success-border-strong: #62b36d; --ds-color-success-base-default: #138d24; - --ds-color-success-base-hover: #3da14b; - --ds-color-success-base-active: #65b570; - --ds-color-success-text-subtle: #63b46f; - --ds-color-success-text-default: #d1e9d4; + --ds-color-success-base-hover: #3ca14b; + --ds-color-success-base-active: #66b571; + --ds-color-success-text-subtle: #62b36d; + --ds-color-success-text-default: #d4ead7; --ds-color-success-contrast-default: #000000; --ds-color-success-contrast-subtle: #010501; - --ds-color-danger-background-default: #3b0808; - --ds-color-danger-background-subtle: #4b0a0a; - --ds-color-danger-surface-default: #620e0e; - --ds-color-danger-surface-hover: #7c1212; - --ds-color-danger-surface-active: #961515; - --ds-color-danger-border-subtle: #a31717; - --ds-color-danger-border-default: #c93c3c; - --ds-color-danger-border-strong: #e9b0b0; - --ds-color-danger-base-default: #d76d6d; + --ds-color-danger-background-default: #3d0909; + --ds-color-danger-background-subtle: #4c0b0b; + --ds-color-danger-surface-default: #610e0e; + --ds-color-danger-surface-hover: #7a1111; + --ds-color-danger-surface-active: #941515; + --ds-color-danger-border-subtle: #a11717; + --ds-color-danger-border-default: #cf5252; + --ds-color-danger-border-strong: #df8b8b; + --ds-color-danger-base-default: #d76e6e; --ds-color-danger-base-hover: #df8b8b; --ds-color-danger-base-active: #e7a8a8; - --ds-color-danger-text-subtle: #df8d8d; - --ds-color-danger-text-default: #f5dcdc; + --ds-color-danger-text-subtle: #df8b8b; + --ds-color-danger-text-default: #f6dfdf; --ds-color-danger-contrast-default: #000000; - --ds-color-danger-contrast-subtle: #261313; - --ds-color-info-background-default: #031d30; - --ds-color-info-background-subtle: #032540; - --ds-color-info-surface-default: #043256; - --ds-color-info-surface-hover: #063f6c; - --ds-color-info-surface-active: #074d84; - --ds-color-info-border-subtle: #075490; - --ds-color-info-border-default: #0c72c1; - --ds-color-info-border-strong: #98c3e5; - --ds-color-info-base-default: #2c85c9; - --ds-color-info-base-hover: #529bd2; - --ds-color-info-base-active: #75afdc; - --ds-color-info-text-subtle: #6ba9d9; - --ds-color-info-text-default: #d3e5f4; + --ds-color-danger-contrast-subtle: #271414; + --ds-color-info-background-default: #031e33; + --ds-color-info-background-subtle: #032641; + --ds-color-info-surface-default: #043154; + --ds-color-info-surface-hover: #063f6a; + --ds-color-info-surface-active: #074d82; + --ds-color-info-border-subtle: #07538d; + --ds-color-info-border-default: #2480c7; + --ds-color-info-border-strong: #69a8d8; + --ds-color-info-base-default: #2d85c9; + --ds-color-info-base-hover: #519ad2; + --ds-color-info-base-active: #77b0dc; + --ds-color-info-text-subtle: #69a8d8; + --ds-color-info-text-default: #d6e7f4; --ds-color-info-contrast-default: #000000; - --ds-color-info-contrast-subtle: #040e15; - --ds-color-warning-background-default: #211b07; - --ds-color-warning-background-subtle: #2b2309; - --ds-color-warning-surface-default: #392f0d; + --ds-color-info-contrast-subtle: #050e15; + --ds-color-warning-background-default: #221c08; + --ds-color-warning-background-subtle: #2b240a; + --ds-color-warning-surface-default: #382f0c; --ds-color-warning-surface-hover: #483c10; - --ds-color-warning-surface-active: #594a14; - --ds-color-warning-border-subtle: #625116; - --ds-color-warning-border-default: #836d1d; - --ds-color-warning-border-strong: #dabc4c; - --ds-color-warning-base-default: #bc622b; + --ds-color-warning-surface-active: #584913; + --ds-color-warning-border-subtle: #5f5015; + --ds-color-warning-border-default: #927a20; + --ds-color-warning-border-strong: #bf9f2a; + --ds-color-warning-base-default: #bc612a; --ds-color-warning-base-hover: #c87d4f; - --ds-color-warning-base-active: #d39773; - --ds-color-warning-text-subtle: #d29671; - --ds-color-warning-text-default: #f1ded3; + --ds-color-warning-base-active: #d39772; + --ds-color-warning-text-subtle: #d2946e; + --ds-color-warning-text-default: #f2e2d7; --ds-color-warning-contrast-default: #000000; - --ds-color-warning-contrast-subtle: #090402; - --ds-color-focus-inner: #131c27; - --ds-color-focus-outer: #d1e3f3; + --ds-color-warning-contrast-subtle: #070301; + --ds-color-focus-inner: #141d29; + --ds-color-focus-outer: #d8e7f4; color-scheme: dark; } diff --git a/packages/theme/brand/altinn/color-scheme/dark.css b/packages/theme/brand/altinn/color-scheme/dark.css index ab8e2ff806..d338b9f7ff 100644 --- a/packages/theme/brand/altinn/color-scheme/dark.css +++ b/packages/theme/brand/altinn/color-scheme/dark.css @@ -4,466 +4,466 @@ @layer ds.theme.color-scheme.dark { [data-color-scheme="dark"] { - --ds-global-blue-1: #031d30; - --ds-global-blue-2: #032540; - --ds-global-blue-3: #043256; - --ds-global-blue-4: #063f6c; - --ds-global-blue-5: #074d84; - --ds-global-blue-6: #075490; - --ds-global-blue-7: #0c72c1; - --ds-global-blue-8: #98c3e5; - --ds-global-blue-9: #2c85c9; - --ds-global-blue-10: #529bd2; - --ds-global-blue-11: #75afdc; - --ds-global-blue-12: #6ba9d9; - --ds-global-blue-13: #d3e5f4; + --ds-global-blue-1: #031e33; + --ds-global-blue-2: #032641; + --ds-global-blue-3: #043154; + --ds-global-blue-4: #063f6a; + --ds-global-blue-5: #074d82; + --ds-global-blue-6: #07538d; + --ds-global-blue-7: #2480c7; + --ds-global-blue-8: #69a8d8; + --ds-global-blue-9: #2d85c9; + --ds-global-blue-10: #519ad2; + --ds-global-blue-11: #77b0dc; + --ds-global-blue-12: #69a8d8; + --ds-global-blue-13: #d6e7f4; --ds-global-blue-contrast-1: #000000; - --ds-global-blue-contrast-2: #040e15; - --ds-global-green-1: #012106; - --ds-global-green-2: #022b08; + --ds-global-blue-contrast-2: #050e15; + --ds-global-green-1: #022306; + --ds-global-green-2: #022c08; --ds-global-green-3: #03380a; - --ds-global-green-4: #03490d; - --ds-global-green-5: #045810; + --ds-global-green-4: #03470d; + --ds-global-green-5: #04570f; --ds-global-green-6: #045f11; - --ds-global-green-7: #068217; - --ds-global-green-8: #93cb9b; + --ds-global-green-7: #178f28; + --ds-global-green-8: #62b36d; --ds-global-green-9: #138d24; - --ds-global-green-10: #3da14b; - --ds-global-green-11: #65b570; - --ds-global-green-12: #63b46f; - --ds-global-green-13: #d1e9d4; + --ds-global-green-10: #3ca14b; + --ds-global-green-11: #66b571; + --ds-global-green-12: #62b36d; + --ds-global-green-13: #d4ead7; --ds-global-green-contrast-1: #000000; --ds-global-green-contrast-2: #010501; - --ds-global-orange-1: #2d1507; - --ds-global-orange-2: #391b09; - --ds-global-orange-3: #4e250c; - --ds-global-orange-4: #633010; - --ds-global-orange-5: #783a13; - --ds-global-orange-6: #833f15; - --ds-global-orange-7: #b2551c; - --ds-global-orange-8: #e0b69c; - --ds-global-orange-9: #bc622b; + --ds-global-orange-1: #2f1607; + --ds-global-orange-2: #3b1c09; + --ds-global-orange-3: #4d250c; + --ds-global-orange-4: #612f0f; + --ds-global-orange-5: #773913; + --ds-global-orange-6: #823e14; + --ds-global-orange-7: #bd632d; + --ds-global-orange-8: #d2946e; + --ds-global-orange-9: #bc612a; --ds-global-orange-10: #c87d4f; - --ds-global-orange-11: #d39773; - --ds-global-orange-12: #d29671; - --ds-global-orange-13: #f1ded3; + --ds-global-orange-11: #d39772; + --ds-global-orange-12: #d2946e; + --ds-global-orange-13: #f2e2d7; --ds-global-orange-contrast-1: #000000; - --ds-global-orange-contrast-2: #090402; - --ds-global-purple-1: #251238; - --ds-global-purple-2: #301748; - --ds-global-purple-3: #402060; - --ds-global-purple-4: #52287a; - --ds-global-purple-5: #643196; - --ds-global-purple-6: #6b399d; - --ds-global-purple-7: #865daf; - --ds-global-purple-8: #c9b7db; - --ds-global-purple-9: #b39acd; + --ds-global-orange-contrast-2: #070301; + --ds-global-purple-1: #27133a; + --ds-global-purple-2: #31184a; + --ds-global-purple-3: #401f5f; + --ds-global-purple-4: #512879; + --ds-global-purple-5: #633094; + --ds-global-purple-6: #6a379c; + --ds-global-purple-7: #916cb6; + --ds-global-purple-8: #b297cb; + --ds-global-purple-9: #b49acd; --ds-global-purple-10: #a282c1; --ds-global-purple-11: #906ab5; - --ds-global-purple-12: #b298cc; - --ds-global-purple-13: #e7dfef; + --ds-global-purple-12: #b297cb; + --ds-global-purple-13: #e9e2f0; --ds-global-purple-contrast-1: #000000; - --ds-global-purple-contrast-2: #18141b; - --ds-global-red-1: #3b0808; - --ds-global-red-2: #4b0a0a; - --ds-global-red-3: #620e0e; - --ds-global-red-4: #7c1212; - --ds-global-red-5: #961515; - --ds-global-red-6: #a31717; - --ds-global-red-7: #c93c3c; - --ds-global-red-8: #e9b0b0; - --ds-global-red-9: #d76d6d; + --ds-global-purple-contrast-2: #18151c; + --ds-global-red-1: #3d0909; + --ds-global-red-2: #4c0b0b; + --ds-global-red-3: #610e0e; + --ds-global-red-4: #7a1111; + --ds-global-red-5: #941515; + --ds-global-red-6: #a11717; + --ds-global-red-7: #cf5252; + --ds-global-red-8: #df8b8b; + --ds-global-red-9: #d76e6e; --ds-global-red-10: #df8b8b; --ds-global-red-11: #e7a8a8; - --ds-global-red-12: #df8d8d; - --ds-global-red-13: #f5dcdc; + --ds-global-red-12: #df8b8b; + --ds-global-red-13: #f6dfdf; --ds-global-red-contrast-1: #000000; - --ds-global-red-contrast-2: #261313; - --ds-global-yellow-1: #211b07; - --ds-global-yellow-2: #2b2309; - --ds-global-yellow-3: #392f0d; + --ds-global-red-contrast-2: #271414; + --ds-global-yellow-1: #221c08; + --ds-global-yellow-2: #2b240a; + --ds-global-yellow-3: #382f0c; --ds-global-yellow-4: #483c10; - --ds-global-yellow-5: #594a14; - --ds-global-yellow-6: #625116; - --ds-global-yellow-7: #836d1d; - --ds-global-yellow-8: #dabc4c; - --ds-global-yellow-9: #4b3e11; - --ds-global-yellow-10: #605115; - --ds-global-yellow-11: #77641a; - --ds-global-yellow-12: #bfa02a; - --ds-global-yellow-13: #efe2b3; + --ds-global-yellow-5: #584913; + --ds-global-yellow-6: #5f5015; + --ds-global-yellow-7: #927a20; + --ds-global-yellow-8: #bf9f2a; + --ds-global-yellow-9: #4a3e10; + --ds-global-yellow-10: #615115; + --ds-global-yellow-11: #77631a; + --ds-global-yellow-12: #bf9f2a; + --ds-global-yellow-13: #f1e5b9; --ds-global-yellow-contrast-1: #ffffff; --ds-global-yellow-contrast-2: #dbd9d0; - --ds-color-accent-background-default: #001c36; - --ds-color-accent-background-subtle: #002545; - --ds-color-accent-surface-default: #00315b; - --ds-color-accent-surface-hover: #013f75; - --ds-color-accent-surface-active: #014b8e; - --ds-color-accent-border-subtle: #01539b; - --ds-color-accent-border-default: #1971c0; - --ds-color-accent-border-strong: #9bc2e4; - --ds-color-accent-base-default: #4b90ce; - --ds-color-accent-base-hover: #277ac4; - --ds-color-accent-base-active: #0163ba; - --ds-color-accent-text-subtle: #72a8d9; - --ds-color-accent-text-default: #d1e3f3; + --ds-color-accent-background-default: #001e38; + --ds-color-accent-background-subtle: #002547; + --ds-color-accent-surface-default: #00305c; + --ds-color-accent-surface-hover: #013d74; + --ds-color-accent-surface-active: #014a8d; + --ds-color-accent-border-subtle: #01519a; + --ds-color-accent-border-default: #307fc7; + --ds-color-accent-border-strong: #70a7d8; + --ds-color-accent-base-default: #4d91cf; + --ds-color-accent-base-hover: #6fa6d8; + --ds-color-accent-base-active: #92bce1; + --ds-color-accent-text-subtle: #70a7d8; + --ds-color-accent-text-default: #d8e7f4; --ds-color-accent-contrast-default: #000000; - --ds-color-accent-contrast-subtle: #0d1823; - --ds-color-neutral-background-default: #131c27; - --ds-color-neutral-background-subtle: #192433; - --ds-color-neutral-surface-default: #243142; - --ds-color-neutral-surface-hover: #333e4e; - --ds-color-neutral-surface-active: #424d5b; - --ds-color-neutral-border-subtle: #495361; - --ds-color-neutral-border-default: #67707c; - --ds-color-neutral-border-strong: #bbbfc4; - --ds-color-neutral-base-default: #a6abb2; - --ds-color-neutral-base-hover: #90969e; - --ds-color-neutral-base-active: #7a818c; - --ds-color-neutral-text-subtle: #9ea3ab; - --ds-color-neutral-text-default: #e1e3e5; + --ds-color-accent-contrast-subtle: #0d1924; + --ds-color-neutral-background-default: #141d29; + --ds-color-neutral-background-subtle: #1a2534; + --ds-color-neutral-surface-default: #243041; + --ds-color-neutral-surface-hover: #323e4d; + --ds-color-neutral-surface-active: #404b5a; + --ds-color-neutral-border-subtle: #475260; + --ds-color-neutral-border-default: #747c87; + --ds-color-neutral-border-strong: #9da2aa; + --ds-color-neutral-base-default: #a6acb2; + --ds-color-neutral-base-hover: #90979f; + --ds-color-neutral-base-active: #7a828c; + --ds-color-neutral-text-subtle: #9da2aa; + --ds-color-neutral-text-default: #e3e5e7; --ds-color-neutral-contrast-default: #000000; - --ds-color-neutral-contrast-subtle: #1b1b1d; - --ds-color-brand1-background-default: #001c36; - --ds-color-brand1-background-subtle: #002545; - --ds-color-brand1-surface-default: #00315b; - --ds-color-brand1-surface-hover: #013f75; - --ds-color-brand1-surface-active: #014b8e; - --ds-color-brand1-border-subtle: #01539b; - --ds-color-brand1-border-default: #1971c0; - --ds-color-brand1-border-strong: #9bc2e4; - --ds-color-brand1-base-default: #4b90ce; - --ds-color-brand1-base-hover: #277ac4; - --ds-color-brand1-base-active: #0163ba; - --ds-color-brand1-text-subtle: #72a8d9; - --ds-color-brand1-text-default: #d1e3f3; + --ds-color-neutral-contrast-subtle: #1b1c1d; + --ds-color-brand1-background-default: #001e38; + --ds-color-brand1-background-subtle: #002547; + --ds-color-brand1-surface-default: #00305c; + --ds-color-brand1-surface-hover: #013d74; + --ds-color-brand1-surface-active: #014a8d; + --ds-color-brand1-border-subtle: #01519a; + --ds-color-brand1-border-default: #307fc7; + --ds-color-brand1-border-strong: #70a7d8; + --ds-color-brand1-base-default: #4d91cf; + --ds-color-brand1-base-hover: #6fa6d8; + --ds-color-brand1-base-active: #92bce1; + --ds-color-brand1-text-subtle: #70a7d8; + --ds-color-brand1-text-default: #d8e7f4; --ds-color-brand1-contrast-default: #000000; - --ds-color-brand1-contrast-subtle: #0d1823; - --ds-color-brand2-background-default: #1e182f; - --ds-color-brand2-background-subtle: #271f3c; - --ds-color-brand2-surface-default: #352952; - --ds-color-brand2-surface-hover: #433665; - --ds-color-brand2-surface-active: #514570; - --ds-color-brand2-border-subtle: #584b75; - --ds-color-brand2-border-default: #746a8d; - --ds-color-brand2-border-strong: #c0bccb; + --ds-color-brand1-contrast-subtle: #0d1924; + --ds-color-brand2-background-default: #201931; + --ds-color-brand2-background-subtle: #281f3e; + --ds-color-brand2-surface-default: #342951; + --ds-color-brand2-surface-hover: #423564; + --ds-color-brand2-surface-active: #50436f; + --ds-color-brand2-border-subtle: #574a74; + --ds-color-brand2-border-default: #807797; + --ds-color-brand2-border-strong: #a59fb5; --ds-color-brand2-base-default: #aea8bc; - --ds-color-brand2-base-hover: #9992ab; + --ds-color-brand2-base-hover: #9a92ac; --ds-color-brand2-base-active: #857d9b; - --ds-color-brand2-text-subtle: #a6a0b6; - --ds-color-brand2-text-default: #e3e1e8; + --ds-color-brand2-text-subtle: #a59fb5; + --ds-color-brand2-text-default: #e6e4ea; --ds-color-brand2-contrast-default: #000000; - --ds-color-brand2-contrast-subtle: #1c1b1f; - --ds-color-brand3-background-default: #370c12; - --ds-color-brand3-background-subtle: #460f17; - --ds-color-brand3-surface-default: #5f141f; - --ds-color-brand3-surface-hover: #761927; - --ds-color-brand3-surface-active: #901e30; - --ds-color-brand3-border-subtle: #9d2134; - --ds-color-brand3-border-default: #d32c46; - --ds-color-brand3-border-strong: #f2abb6; - --ds-color-brand3-base-default: #e02f4a; - --ds-color-brand3-base-hover: #bc273e; - --ds-color-brand3-base-active: #982032; - --ds-color-brand3-text-subtle: #ed8494; - --ds-color-brand3-text-default: #f9dadf; + --ds-color-brand2-contrast-subtle: #1c1b1e; + --ds-color-brand3-background-default: #3a0c13; + --ds-color-brand3-background-subtle: #480f18; + --ds-color-brand3-surface-default: #5d131f; + --ds-color-brand3-surface-hover: #751927; + --ds-color-brand3-surface-active: #8e1e2f; + --ds-color-brand3-border-subtle: #9a2033; + --ds-color-brand3-border-default: #e23c55; + --ds-color-brand3-border-strong: #ec8292; + --ds-color-brand3-base-default: #e0304b; + --ds-color-brand3-base-hover: #e75c71; + --ds-color-brand3-base-active: #ec7f90; + --ds-color-brand3-text-subtle: #ec8292; + --ds-color-brand3-text-default: #fadee2; --ds-color-brand3-contrast-default: #000000; --ds-color-brand3-contrast-subtle: #000000; - --ds-color-success-background-default: #012106; - --ds-color-success-background-subtle: #022b08; + --ds-color-success-background-default: #022306; + --ds-color-success-background-subtle: #022c08; --ds-color-success-surface-default: #03380a; - --ds-color-success-surface-hover: #03490d; - --ds-color-success-surface-active: #045810; + --ds-color-success-surface-hover: #03470d; + --ds-color-success-surface-active: #04570f; --ds-color-success-border-subtle: #045f11; - --ds-color-success-border-default: #068217; - --ds-color-success-border-strong: #93cb9b; + --ds-color-success-border-default: #178f28; + --ds-color-success-border-strong: #62b36d; --ds-color-success-base-default: #138d24; - --ds-color-success-base-hover: #3da14b; - --ds-color-success-base-active: #65b570; - --ds-color-success-text-subtle: #63b46f; - --ds-color-success-text-default: #d1e9d4; + --ds-color-success-base-hover: #3ca14b; + --ds-color-success-base-active: #66b571; + --ds-color-success-text-subtle: #62b36d; + --ds-color-success-text-default: #d4ead7; --ds-color-success-contrast-default: #000000; --ds-color-success-contrast-subtle: #010501; - --ds-color-danger-background-default: #3b0808; - --ds-color-danger-background-subtle: #4b0a0a; - --ds-color-danger-surface-default: #620e0e; - --ds-color-danger-surface-hover: #7c1212; - --ds-color-danger-surface-active: #961515; - --ds-color-danger-border-subtle: #a31717; - --ds-color-danger-border-default: #c93c3c; - --ds-color-danger-border-strong: #e9b0b0; - --ds-color-danger-base-default: #d76d6d; + --ds-color-danger-background-default: #3d0909; + --ds-color-danger-background-subtle: #4c0b0b; + --ds-color-danger-surface-default: #610e0e; + --ds-color-danger-surface-hover: #7a1111; + --ds-color-danger-surface-active: #941515; + --ds-color-danger-border-subtle: #a11717; + --ds-color-danger-border-default: #cf5252; + --ds-color-danger-border-strong: #df8b8b; + --ds-color-danger-base-default: #d76e6e; --ds-color-danger-base-hover: #df8b8b; --ds-color-danger-base-active: #e7a8a8; - --ds-color-danger-text-subtle: #df8d8d; - --ds-color-danger-text-default: #f5dcdc; + --ds-color-danger-text-subtle: #df8b8b; + --ds-color-danger-text-default: #f6dfdf; --ds-color-danger-contrast-default: #000000; - --ds-color-danger-contrast-subtle: #261313; - --ds-color-info-background-default: #031d30; - --ds-color-info-background-subtle: #032540; - --ds-color-info-surface-default: #043256; - --ds-color-info-surface-hover: #063f6c; - --ds-color-info-surface-active: #074d84; - --ds-color-info-border-subtle: #075490; - --ds-color-info-border-default: #0c72c1; - --ds-color-info-border-strong: #98c3e5; - --ds-color-info-base-default: #2c85c9; - --ds-color-info-base-hover: #529bd2; - --ds-color-info-base-active: #75afdc; - --ds-color-info-text-subtle: #6ba9d9; - --ds-color-info-text-default: #d3e5f4; + --ds-color-danger-contrast-subtle: #271414; + --ds-color-info-background-default: #031e33; + --ds-color-info-background-subtle: #032641; + --ds-color-info-surface-default: #043154; + --ds-color-info-surface-hover: #063f6a; + --ds-color-info-surface-active: #074d82; + --ds-color-info-border-subtle: #07538d; + --ds-color-info-border-default: #2480c7; + --ds-color-info-border-strong: #69a8d8; + --ds-color-info-base-default: #2d85c9; + --ds-color-info-base-hover: #519ad2; + --ds-color-info-base-active: #77b0dc; + --ds-color-info-text-subtle: #69a8d8; + --ds-color-info-text-default: #d6e7f4; --ds-color-info-contrast-default: #000000; - --ds-color-info-contrast-subtle: #040e15; - --ds-color-warning-background-default: #211b07; - --ds-color-warning-background-subtle: #2b2309; - --ds-color-warning-surface-default: #392f0d; + --ds-color-info-contrast-subtle: #050e15; + --ds-color-warning-background-default: #221c08; + --ds-color-warning-background-subtle: #2b240a; + --ds-color-warning-surface-default: #382f0c; --ds-color-warning-surface-hover: #483c10; - --ds-color-warning-surface-active: #594a14; - --ds-color-warning-border-subtle: #625116; - --ds-color-warning-border-default: #836d1d; - --ds-color-warning-border-strong: #dabc4c; - --ds-color-warning-base-default: #bc622b; + --ds-color-warning-surface-active: #584913; + --ds-color-warning-border-subtle: #5f5015; + --ds-color-warning-border-default: #927a20; + --ds-color-warning-border-strong: #bf9f2a; + --ds-color-warning-base-default: #bc612a; --ds-color-warning-base-hover: #c87d4f; - --ds-color-warning-base-active: #d39773; - --ds-color-warning-text-subtle: #d29671; - --ds-color-warning-text-default: #f1ded3; + --ds-color-warning-base-active: #d39772; + --ds-color-warning-text-subtle: #d2946e; + --ds-color-warning-text-default: #f2e2d7; --ds-color-warning-contrast-default: #000000; - --ds-color-warning-contrast-subtle: #090402; - --ds-color-focus-inner: #131c27; - --ds-color-focus-outer: #d1e3f3; + --ds-color-warning-contrast-subtle: #070301; + --ds-color-focus-inner: #141d29; + --ds-color-focus-outer: #d8e7f4; color-scheme: dark; } @media (prefers-color-scheme: dark) { [data-color-scheme="auto"] { - --ds-global-blue-1: #031d30; - --ds-global-blue-2: #032540; - --ds-global-blue-3: #043256; - --ds-global-blue-4: #063f6c; - --ds-global-blue-5: #074d84; - --ds-global-blue-6: #075490; - --ds-global-blue-7: #0c72c1; - --ds-global-blue-8: #98c3e5; - --ds-global-blue-9: #2c85c9; - --ds-global-blue-10: #529bd2; - --ds-global-blue-11: #75afdc; - --ds-global-blue-12: #6ba9d9; - --ds-global-blue-13: #d3e5f4; + --ds-global-blue-1: #031e33; + --ds-global-blue-2: #032641; + --ds-global-blue-3: #043154; + --ds-global-blue-4: #063f6a; + --ds-global-blue-5: #074d82; + --ds-global-blue-6: #07538d; + --ds-global-blue-7: #2480c7; + --ds-global-blue-8: #69a8d8; + --ds-global-blue-9: #2d85c9; + --ds-global-blue-10: #519ad2; + --ds-global-blue-11: #77b0dc; + --ds-global-blue-12: #69a8d8; + --ds-global-blue-13: #d6e7f4; --ds-global-blue-contrast-1: #000000; - --ds-global-blue-contrast-2: #040e15; - --ds-global-green-1: #012106; - --ds-global-green-2: #022b08; + --ds-global-blue-contrast-2: #050e15; + --ds-global-green-1: #022306; + --ds-global-green-2: #022c08; --ds-global-green-3: #03380a; - --ds-global-green-4: #03490d; - --ds-global-green-5: #045810; + --ds-global-green-4: #03470d; + --ds-global-green-5: #04570f; --ds-global-green-6: #045f11; - --ds-global-green-7: #068217; - --ds-global-green-8: #93cb9b; + --ds-global-green-7: #178f28; + --ds-global-green-8: #62b36d; --ds-global-green-9: #138d24; - --ds-global-green-10: #3da14b; - --ds-global-green-11: #65b570; - --ds-global-green-12: #63b46f; - --ds-global-green-13: #d1e9d4; + --ds-global-green-10: #3ca14b; + --ds-global-green-11: #66b571; + --ds-global-green-12: #62b36d; + --ds-global-green-13: #d4ead7; --ds-global-green-contrast-1: #000000; --ds-global-green-contrast-2: #010501; - --ds-global-orange-1: #2d1507; - --ds-global-orange-2: #391b09; - --ds-global-orange-3: #4e250c; - --ds-global-orange-4: #633010; - --ds-global-orange-5: #783a13; - --ds-global-orange-6: #833f15; - --ds-global-orange-7: #b2551c; - --ds-global-orange-8: #e0b69c; - --ds-global-orange-9: #bc622b; + --ds-global-orange-1: #2f1607; + --ds-global-orange-2: #3b1c09; + --ds-global-orange-3: #4d250c; + --ds-global-orange-4: #612f0f; + --ds-global-orange-5: #773913; + --ds-global-orange-6: #823e14; + --ds-global-orange-7: #bd632d; + --ds-global-orange-8: #d2946e; + --ds-global-orange-9: #bc612a; --ds-global-orange-10: #c87d4f; - --ds-global-orange-11: #d39773; - --ds-global-orange-12: #d29671; - --ds-global-orange-13: #f1ded3; + --ds-global-orange-11: #d39772; + --ds-global-orange-12: #d2946e; + --ds-global-orange-13: #f2e2d7; --ds-global-orange-contrast-1: #000000; - --ds-global-orange-contrast-2: #090402; - --ds-global-purple-1: #251238; - --ds-global-purple-2: #301748; - --ds-global-purple-3: #402060; - --ds-global-purple-4: #52287a; - --ds-global-purple-5: #643196; - --ds-global-purple-6: #6b399d; - --ds-global-purple-7: #865daf; - --ds-global-purple-8: #c9b7db; - --ds-global-purple-9: #b39acd; + --ds-global-orange-contrast-2: #070301; + --ds-global-purple-1: #27133a; + --ds-global-purple-2: #31184a; + --ds-global-purple-3: #401f5f; + --ds-global-purple-4: #512879; + --ds-global-purple-5: #633094; + --ds-global-purple-6: #6a379c; + --ds-global-purple-7: #916cb6; + --ds-global-purple-8: #b297cb; + --ds-global-purple-9: #b49acd; --ds-global-purple-10: #a282c1; --ds-global-purple-11: #906ab5; - --ds-global-purple-12: #b298cc; - --ds-global-purple-13: #e7dfef; + --ds-global-purple-12: #b297cb; + --ds-global-purple-13: #e9e2f0; --ds-global-purple-contrast-1: #000000; - --ds-global-purple-contrast-2: #18141b; - --ds-global-red-1: #3b0808; - --ds-global-red-2: #4b0a0a; - --ds-global-red-3: #620e0e; - --ds-global-red-4: #7c1212; - --ds-global-red-5: #961515; - --ds-global-red-6: #a31717; - --ds-global-red-7: #c93c3c; - --ds-global-red-8: #e9b0b0; - --ds-global-red-9: #d76d6d; + --ds-global-purple-contrast-2: #18151c; + --ds-global-red-1: #3d0909; + --ds-global-red-2: #4c0b0b; + --ds-global-red-3: #610e0e; + --ds-global-red-4: #7a1111; + --ds-global-red-5: #941515; + --ds-global-red-6: #a11717; + --ds-global-red-7: #cf5252; + --ds-global-red-8: #df8b8b; + --ds-global-red-9: #d76e6e; --ds-global-red-10: #df8b8b; --ds-global-red-11: #e7a8a8; - --ds-global-red-12: #df8d8d; - --ds-global-red-13: #f5dcdc; + --ds-global-red-12: #df8b8b; + --ds-global-red-13: #f6dfdf; --ds-global-red-contrast-1: #000000; - --ds-global-red-contrast-2: #261313; - --ds-global-yellow-1: #211b07; - --ds-global-yellow-2: #2b2309; - --ds-global-yellow-3: #392f0d; + --ds-global-red-contrast-2: #271414; + --ds-global-yellow-1: #221c08; + --ds-global-yellow-2: #2b240a; + --ds-global-yellow-3: #382f0c; --ds-global-yellow-4: #483c10; - --ds-global-yellow-5: #594a14; - --ds-global-yellow-6: #625116; - --ds-global-yellow-7: #836d1d; - --ds-global-yellow-8: #dabc4c; - --ds-global-yellow-9: #4b3e11; - --ds-global-yellow-10: #605115; - --ds-global-yellow-11: #77641a; - --ds-global-yellow-12: #bfa02a; - --ds-global-yellow-13: #efe2b3; + --ds-global-yellow-5: #584913; + --ds-global-yellow-6: #5f5015; + --ds-global-yellow-7: #927a20; + --ds-global-yellow-8: #bf9f2a; + --ds-global-yellow-9: #4a3e10; + --ds-global-yellow-10: #615115; + --ds-global-yellow-11: #77631a; + --ds-global-yellow-12: #bf9f2a; + --ds-global-yellow-13: #f1e5b9; --ds-global-yellow-contrast-1: #ffffff; --ds-global-yellow-contrast-2: #dbd9d0; - --ds-color-accent-background-default: #001c36; - --ds-color-accent-background-subtle: #002545; - --ds-color-accent-surface-default: #00315b; - --ds-color-accent-surface-hover: #013f75; - --ds-color-accent-surface-active: #014b8e; - --ds-color-accent-border-subtle: #01539b; - --ds-color-accent-border-default: #1971c0; - --ds-color-accent-border-strong: #9bc2e4; - --ds-color-accent-base-default: #4b90ce; - --ds-color-accent-base-hover: #277ac4; - --ds-color-accent-base-active: #0163ba; - --ds-color-accent-text-subtle: #72a8d9; - --ds-color-accent-text-default: #d1e3f3; + --ds-color-accent-background-default: #001e38; + --ds-color-accent-background-subtle: #002547; + --ds-color-accent-surface-default: #00305c; + --ds-color-accent-surface-hover: #013d74; + --ds-color-accent-surface-active: #014a8d; + --ds-color-accent-border-subtle: #01519a; + --ds-color-accent-border-default: #307fc7; + --ds-color-accent-border-strong: #70a7d8; + --ds-color-accent-base-default: #4d91cf; + --ds-color-accent-base-hover: #6fa6d8; + --ds-color-accent-base-active: #92bce1; + --ds-color-accent-text-subtle: #70a7d8; + --ds-color-accent-text-default: #d8e7f4; --ds-color-accent-contrast-default: #000000; - --ds-color-accent-contrast-subtle: #0d1823; - --ds-color-neutral-background-default: #131c27; - --ds-color-neutral-background-subtle: #192433; - --ds-color-neutral-surface-default: #243142; - --ds-color-neutral-surface-hover: #333e4e; - --ds-color-neutral-surface-active: #424d5b; - --ds-color-neutral-border-subtle: #495361; - --ds-color-neutral-border-default: #67707c; - --ds-color-neutral-border-strong: #bbbfc4; - --ds-color-neutral-base-default: #a6abb2; - --ds-color-neutral-base-hover: #90969e; - --ds-color-neutral-base-active: #7a818c; - --ds-color-neutral-text-subtle: #9ea3ab; - --ds-color-neutral-text-default: #e1e3e5; + --ds-color-accent-contrast-subtle: #0d1924; + --ds-color-neutral-background-default: #141d29; + --ds-color-neutral-background-subtle: #1a2534; + --ds-color-neutral-surface-default: #243041; + --ds-color-neutral-surface-hover: #323e4d; + --ds-color-neutral-surface-active: #404b5a; + --ds-color-neutral-border-subtle: #475260; + --ds-color-neutral-border-default: #747c87; + --ds-color-neutral-border-strong: #9da2aa; + --ds-color-neutral-base-default: #a6acb2; + --ds-color-neutral-base-hover: #90979f; + --ds-color-neutral-base-active: #7a828c; + --ds-color-neutral-text-subtle: #9da2aa; + --ds-color-neutral-text-default: #e3e5e7; --ds-color-neutral-contrast-default: #000000; - --ds-color-neutral-contrast-subtle: #1b1b1d; - --ds-color-brand1-background-default: #001c36; - --ds-color-brand1-background-subtle: #002545; - --ds-color-brand1-surface-default: #00315b; - --ds-color-brand1-surface-hover: #013f75; - --ds-color-brand1-surface-active: #014b8e; - --ds-color-brand1-border-subtle: #01539b; - --ds-color-brand1-border-default: #1971c0; - --ds-color-brand1-border-strong: #9bc2e4; - --ds-color-brand1-base-default: #4b90ce; - --ds-color-brand1-base-hover: #277ac4; - --ds-color-brand1-base-active: #0163ba; - --ds-color-brand1-text-subtle: #72a8d9; - --ds-color-brand1-text-default: #d1e3f3; + --ds-color-neutral-contrast-subtle: #1b1c1d; + --ds-color-brand1-background-default: #001e38; + --ds-color-brand1-background-subtle: #002547; + --ds-color-brand1-surface-default: #00305c; + --ds-color-brand1-surface-hover: #013d74; + --ds-color-brand1-surface-active: #014a8d; + --ds-color-brand1-border-subtle: #01519a; + --ds-color-brand1-border-default: #307fc7; + --ds-color-brand1-border-strong: #70a7d8; + --ds-color-brand1-base-default: #4d91cf; + --ds-color-brand1-base-hover: #6fa6d8; + --ds-color-brand1-base-active: #92bce1; + --ds-color-brand1-text-subtle: #70a7d8; + --ds-color-brand1-text-default: #d8e7f4; --ds-color-brand1-contrast-default: #000000; - --ds-color-brand1-contrast-subtle: #0d1823; - --ds-color-brand2-background-default: #1e182f; - --ds-color-brand2-background-subtle: #271f3c; - --ds-color-brand2-surface-default: #352952; - --ds-color-brand2-surface-hover: #433665; - --ds-color-brand2-surface-active: #514570; - --ds-color-brand2-border-subtle: #584b75; - --ds-color-brand2-border-default: #746a8d; - --ds-color-brand2-border-strong: #c0bccb; + --ds-color-brand1-contrast-subtle: #0d1924; + --ds-color-brand2-background-default: #201931; + --ds-color-brand2-background-subtle: #281f3e; + --ds-color-brand2-surface-default: #342951; + --ds-color-brand2-surface-hover: #423564; + --ds-color-brand2-surface-active: #50436f; + --ds-color-brand2-border-subtle: #574a74; + --ds-color-brand2-border-default: #807797; + --ds-color-brand2-border-strong: #a59fb5; --ds-color-brand2-base-default: #aea8bc; - --ds-color-brand2-base-hover: #9992ab; + --ds-color-brand2-base-hover: #9a92ac; --ds-color-brand2-base-active: #857d9b; - --ds-color-brand2-text-subtle: #a6a0b6; - --ds-color-brand2-text-default: #e3e1e8; + --ds-color-brand2-text-subtle: #a59fb5; + --ds-color-brand2-text-default: #e6e4ea; --ds-color-brand2-contrast-default: #000000; - --ds-color-brand2-contrast-subtle: #1c1b1f; - --ds-color-brand3-background-default: #370c12; - --ds-color-brand3-background-subtle: #460f17; - --ds-color-brand3-surface-default: #5f141f; - --ds-color-brand3-surface-hover: #761927; - --ds-color-brand3-surface-active: #901e30; - --ds-color-brand3-border-subtle: #9d2134; - --ds-color-brand3-border-default: #d32c46; - --ds-color-brand3-border-strong: #f2abb6; - --ds-color-brand3-base-default: #e02f4a; - --ds-color-brand3-base-hover: #bc273e; - --ds-color-brand3-base-active: #982032; - --ds-color-brand3-text-subtle: #ed8494; - --ds-color-brand3-text-default: #f9dadf; + --ds-color-brand2-contrast-subtle: #1c1b1e; + --ds-color-brand3-background-default: #3a0c13; + --ds-color-brand3-background-subtle: #480f18; + --ds-color-brand3-surface-default: #5d131f; + --ds-color-brand3-surface-hover: #751927; + --ds-color-brand3-surface-active: #8e1e2f; + --ds-color-brand3-border-subtle: #9a2033; + --ds-color-brand3-border-default: #e23c55; + --ds-color-brand3-border-strong: #ec8292; + --ds-color-brand3-base-default: #e0304b; + --ds-color-brand3-base-hover: #e75c71; + --ds-color-brand3-base-active: #ec7f90; + --ds-color-brand3-text-subtle: #ec8292; + --ds-color-brand3-text-default: #fadee2; --ds-color-brand3-contrast-default: #000000; --ds-color-brand3-contrast-subtle: #000000; - --ds-color-success-background-default: #012106; - --ds-color-success-background-subtle: #022b08; + --ds-color-success-background-default: #022306; + --ds-color-success-background-subtle: #022c08; --ds-color-success-surface-default: #03380a; - --ds-color-success-surface-hover: #03490d; - --ds-color-success-surface-active: #045810; + --ds-color-success-surface-hover: #03470d; + --ds-color-success-surface-active: #04570f; --ds-color-success-border-subtle: #045f11; - --ds-color-success-border-default: #068217; - --ds-color-success-border-strong: #93cb9b; + --ds-color-success-border-default: #178f28; + --ds-color-success-border-strong: #62b36d; --ds-color-success-base-default: #138d24; - --ds-color-success-base-hover: #3da14b; - --ds-color-success-base-active: #65b570; - --ds-color-success-text-subtle: #63b46f; - --ds-color-success-text-default: #d1e9d4; + --ds-color-success-base-hover: #3ca14b; + --ds-color-success-base-active: #66b571; + --ds-color-success-text-subtle: #62b36d; + --ds-color-success-text-default: #d4ead7; --ds-color-success-contrast-default: #000000; --ds-color-success-contrast-subtle: #010501; - --ds-color-danger-background-default: #3b0808; - --ds-color-danger-background-subtle: #4b0a0a; - --ds-color-danger-surface-default: #620e0e; - --ds-color-danger-surface-hover: #7c1212; - --ds-color-danger-surface-active: #961515; - --ds-color-danger-border-subtle: #a31717; - --ds-color-danger-border-default: #c93c3c; - --ds-color-danger-border-strong: #e9b0b0; - --ds-color-danger-base-default: #d76d6d; + --ds-color-danger-background-default: #3d0909; + --ds-color-danger-background-subtle: #4c0b0b; + --ds-color-danger-surface-default: #610e0e; + --ds-color-danger-surface-hover: #7a1111; + --ds-color-danger-surface-active: #941515; + --ds-color-danger-border-subtle: #a11717; + --ds-color-danger-border-default: #cf5252; + --ds-color-danger-border-strong: #df8b8b; + --ds-color-danger-base-default: #d76e6e; --ds-color-danger-base-hover: #df8b8b; --ds-color-danger-base-active: #e7a8a8; - --ds-color-danger-text-subtle: #df8d8d; - --ds-color-danger-text-default: #f5dcdc; + --ds-color-danger-text-subtle: #df8b8b; + --ds-color-danger-text-default: #f6dfdf; --ds-color-danger-contrast-default: #000000; - --ds-color-danger-contrast-subtle: #261313; - --ds-color-info-background-default: #031d30; - --ds-color-info-background-subtle: #032540; - --ds-color-info-surface-default: #043256; - --ds-color-info-surface-hover: #063f6c; - --ds-color-info-surface-active: #074d84; - --ds-color-info-border-subtle: #075490; - --ds-color-info-border-default: #0c72c1; - --ds-color-info-border-strong: #98c3e5; - --ds-color-info-base-default: #2c85c9; - --ds-color-info-base-hover: #529bd2; - --ds-color-info-base-active: #75afdc; - --ds-color-info-text-subtle: #6ba9d9; - --ds-color-info-text-default: #d3e5f4; + --ds-color-danger-contrast-subtle: #271414; + --ds-color-info-background-default: #031e33; + --ds-color-info-background-subtle: #032641; + --ds-color-info-surface-default: #043154; + --ds-color-info-surface-hover: #063f6a; + --ds-color-info-surface-active: #074d82; + --ds-color-info-border-subtle: #07538d; + --ds-color-info-border-default: #2480c7; + --ds-color-info-border-strong: #69a8d8; + --ds-color-info-base-default: #2d85c9; + --ds-color-info-base-hover: #519ad2; + --ds-color-info-base-active: #77b0dc; + --ds-color-info-text-subtle: #69a8d8; + --ds-color-info-text-default: #d6e7f4; --ds-color-info-contrast-default: #000000; - --ds-color-info-contrast-subtle: #040e15; - --ds-color-warning-background-default: #211b07; - --ds-color-warning-background-subtle: #2b2309; - --ds-color-warning-surface-default: #392f0d; + --ds-color-info-contrast-subtle: #050e15; + --ds-color-warning-background-default: #221c08; + --ds-color-warning-background-subtle: #2b240a; + --ds-color-warning-surface-default: #382f0c; --ds-color-warning-surface-hover: #483c10; - --ds-color-warning-surface-active: #594a14; - --ds-color-warning-border-subtle: #625116; - --ds-color-warning-border-default: #836d1d; - --ds-color-warning-border-strong: #dabc4c; - --ds-color-warning-base-default: #bc622b; + --ds-color-warning-surface-active: #584913; + --ds-color-warning-border-subtle: #5f5015; + --ds-color-warning-border-default: #927a20; + --ds-color-warning-border-strong: #bf9f2a; + --ds-color-warning-base-default: #bc612a; --ds-color-warning-base-hover: #c87d4f; - --ds-color-warning-base-active: #d39773; - --ds-color-warning-text-subtle: #d29671; - --ds-color-warning-text-default: #f1ded3; + --ds-color-warning-base-active: #d39772; + --ds-color-warning-text-subtle: #d2946e; + --ds-color-warning-text-default: #f2e2d7; --ds-color-warning-contrast-default: #000000; - --ds-color-warning-contrast-subtle: #090402; - --ds-color-focus-inner: #131c27; - --ds-color-focus-outer: #d1e3f3; + --ds-color-warning-contrast-subtle: #070301; + --ds-color-focus-inner: #141d29; + --ds-color-focus-outer: #d8e7f4; color-scheme: dark; } diff --git a/packages/theme/brand/altinn/color-scheme/light.css b/packages/theme/brand/altinn/color-scheme/light.css index 4ff6dd1059..6755cc1e5c 100644 --- a/packages/theme/brand/altinn/color-scheme/light.css +++ b/packages/theme/brand/altinn/color-scheme/light.css @@ -4,466 +4,466 @@ @layer ds.theme.color-scheme.light { :root, [data-color-scheme="light"] { - --ds-global-blue-1: #fefeff; + --ds-global-blue-1: #ffffff; --ds-global-blue-2: #edf5fa; - --ds-global-blue-3: #d3e5f4; + --ds-global-blue-3: #d2e5f3; --ds-global-blue-4: #b7d5ed; - --ds-global-blue-5: #9bc5e5; + --ds-global-blue-5: #9fc7e6; --ds-global-blue-6: #94c1e3; - --ds-global-blue-7: #2f86c9; - --ds-global-blue-8: #075089; - --ds-global-blue-9: #0A71C0; - --ds-global-blue-10: #085e9f; - --ds-global-blue-11: #074a7f; - --ds-global-blue-12: #0966ac; + --ds-global-blue-7: #2a83c8; + --ds-global-blue-8: #0964a9; + --ds-global-blue-9: #0a71bf; + --ds-global-blue-10: #085d9f; + --ds-global-blue-11: #074a7e; + --ds-global-blue-12: #0964a9; --ds-global-blue-13: #042d4d; --ds-global-blue-contrast-1: #ffffff; - --ds-global-blue-contrast-2: #edf5fa; - --ds-global-green-1: #fcfefc; - --ds-global-green-2: #edf6ee; - --ds-global-green-3: #d1e9d4; - --ds-global-green-4: #b5dbba; - --ds-global-green-5: #96cd9e; + --ds-global-blue-contrast-2: #eff6fb; + --ds-global-green-1: #ffffff; + --ds-global-green-2: #ecf6ee; + --ds-global-green-3: #d0e8d3; + --ds-global-green-4: #b4dbba; + --ds-global-green-5: #9bcfa2; --ds-global-green-6: #8fc997; - --ds-global-green-7: #229532; - --ds-global-green-8: #045a10; + --ds-global-green-7: #1d922d; + --ds-global-green-8: #057114; --ds-global-green-9: #068718; --ds-global-green-10: #057014; --ds-global-green-11: #045a10; - --ds-global-green-12: #057315; + --ds-global-green-12: #057114; --ds-global-green-13: #023409; --ds-global-green-contrast-1: #ffffff; - --ds-global-green-contrast-2: #f9fcf9; - --ds-global-orange-1: #fffefe; - --ds-global-orange-2: #f9f2ed; - --ds-global-orange-3: #f1ded3; - --ds-global-orange-4: #e9cbb8; - --ds-global-orange-5: #e1b9a0; - --ds-global-orange-6: #deb296; - --ds-global-orange-7: #c06b36; - --ds-global-orange-8: #7c3b14; - --ds-global-orange-9: #B8581D; - --ds-global-orange-10: #984918; - --ds-global-orange-11: #7a3b13; - --ds-global-orange-12: #9e4b19; - --ds-global-orange-13: #47220b; + --ds-global-green-contrast-2: #fafdfb; + --ds-global-orange-1: #ffffff; + --ds-global-orange-2: #faf2ee; + --ds-global-orange-3: #f1dfd3; + --ds-global-orange-4: #e9ccba; + --ds-global-orange-5: #e2baa2; + --ds-global-orange-6: #dfb398; + --ds-global-orange-7: #bf6732; + --ds-global-orange-8: #9b4a18; + --ds-global-orange-9: #b7581d; + --ds-global-orange-10: #994918; + --ds-global-orange-11: #7b3b13; + --ds-global-orange-12: #9b4a18; + --ds-global-orange-13: #46220b; --ds-global-orange-contrast-1: #ffffff; - --ds-global-orange-contrast-2: #fdfbf9; - --ds-global-purple-1: #fefefe; - --ds-global-purple-2: #f5f2f9; + --ds-global-orange-contrast-2: #fdf9f8; + --ds-global-purple-1: #ffffff; + --ds-global-purple-2: #f6f2f9; --ds-global-purple-3: #e7dfef; - --ds-global-purple-4: #d9cce6; - --ds-global-purple-5: #ccbadd; + --ds-global-purple-4: #d9cde6; + --ds-global-purple-5: #cdbcdd; --ds-global-purple-6: #c7b4da; - --ds-global-purple-7: #9572b9; - --ds-global-purple-8: #663399; + --ds-global-purple-7: #936fb7; + --ds-global-purple-8: #794ca6; --ds-global-purple-9: #663299; - --ds-global-purple-10: #4e2676; + --ds-global-purple-10: #4f2776; --ds-global-purple-11: #371b53; - --ds-global-purple-12: #7b4ea7; - --ds-global-purple-13: #3b1d59; + --ds-global-purple-12: #794ca6; + --ds-global-purple-13: #3a1d57; --ds-global-purple-contrast-1: #ffffff; --ds-global-purple-contrast-2: #eee8f3; - --ds-global-red-1: #fffefe; + --ds-global-red-1: #ffffff; --ds-global-red-2: #fbf1f1; --ds-global-red-3: #f5dcdc; - --ds-global-red-4: #f0c7c7; - --ds-global-red-5: #eab3b3; - --ds-global-red-6: #e8acac; - --ds-global-red-7: #d25b5b; - --ds-global-red-8: #9a1616; - --ds-global-red-9: #C01B1B; - --ds-global-red-10: #9c1616; + --ds-global-red-4: #f0c8c8; + --ds-global-red-5: #ebb5b5; + --ds-global-red-6: #e8adad; + --ds-global-red-7: #d15757; + --ds-global-red-8: #bf1b1b; + --ds-global-red-9: #bf1b1b; + --ds-global-red-10: #9b1616; --ds-global-red-11: #791111; - --ds-global-red-12: #c22020; - --ds-global-red-13: #5a0d0d; + --ds-global-red-12: #bf1b1b; + --ds-global-red-13: #590d0d; --ds-global-red-contrast-1: #ffffff; --ds-global-red-contrast-2: #f7e1e1; - --ds-global-yellow-1: #fffefd; - --ds-global-yellow-2: #f9f4e2; - --ds-global-yellow-3: #efe2b3; - --ds-global-yellow-4: #e5d183; - --ds-global-yellow-5: #dcbf53; + --ds-global-yellow-1: #ffffff; + --ds-global-yellow-2: #f9f4e1; + --ds-global-yellow-3: #efe2b2; + --ds-global-yellow-4: #e6d184; + --ds-global-yellow-5: #ddc159; --ds-global-yellow-6: #d9b945; - --ds-global-yellow-7: #987f22; - --ds-global-yellow-8: #5c4c14; - --ds-global-yellow-9: #D4B12F; + --ds-global-yellow-7: #957c21; + --ds-global-yellow-8: #736019; + --ds-global-yellow-9: #d4b12f; --ds-global-yellow-10: #bb9c2a; - --ds-global-yellow-11: #a28724; - --ds-global-yellow-12: #75611a; - --ds-global-yellow-13: #342b0c; + --ds-global-yellow-11: #a38824; + --ds-global-yellow-12: #736019; + --ds-global-yellow-13: #332b0b; --ds-global-yellow-contrast-1: #000000; - --ds-global-yellow-contrast-2: #282109; - --ds-color-accent-background-default: #fefeff; + --ds-global-yellow-contrast-2: #282209; + --ds-color-accent-background-default: #ffffff; --ds-color-accent-background-subtle: #eef4fa; - --ds-color-accent-surface-default: #d1e3f3; - --ds-color-accent-surface-hover: #bad5ec; - --ds-color-accent-surface-active: #a1c5e5; - --ds-color-accent-border-subtle: #97bfe3; - --ds-color-accent-border-default: #3885c9; - --ds-color-accent-border-strong: #014e93; - --ds-color-accent-base-default: #0163ba; - --ds-color-accent-base-hover: #015097; - --ds-color-accent-base-active: #013f75; - --ds-color-accent-text-subtle: #0163ba; - --ds-color-accent-text-default: #002d54; + --ds-color-accent-surface-default: #d4e4f3; + --ds-color-accent-surface-hover: #bbd5ec; + --ds-color-accent-surface-active: #a3c6e6; + --ds-color-accent-border-subtle: #99c0e3; + --ds-color-accent-border-default: #3582c8; + --ds-color-accent-border-strong: #0161b8; + --ds-color-accent-base-default: #0162b9; + --ds-color-accent-base-hover: #014f96; + --ds-color-accent-base-active: #013d75; + --ds-color-accent-text-subtle: #0161b8; + --ds-color-accent-text-default: #002c54; --ds-color-accent-contrast-default: #ffffff; --ds-color-accent-contrast-subtle: #dbe9f5; - --ds-color-neutral-background-default: #fefefe; - --ds-color-neutral-background-subtle: #f3f4f5; - --ds-color-neutral-surface-default: #e1e3e5; - --ds-color-neutral-surface-hover: #ced1d4; - --ds-color-neutral-surface-active: #bdc1c6; + --ds-color-neutral-background-default: #ffffff; + --ds-color-neutral-background-subtle: #f3f4f4; + --ds-color-neutral-surface-default: #e0e2e4; + --ds-color-neutral-surface-hover: #cfd2d5; + --ds-color-neutral-surface-active: #bfc3c7; --ds-color-neutral-border-subtle: #b8bcc1; - --ds-color-neutral-border-default: #7a818c; - --ds-color-neutral-border-strong: #444e5d; + --ds-color-neutral-border-default: #777f89; + --ds-color-neutral-border-strong: #59626f; --ds-color-neutral-base-default: #1e2b3c; - --ds-color-neutral-base-hover: #303c4b; - --ds-color-neutral-base-active: #444e5d; - --ds-color-neutral-text-subtle: #5b6471; - --ds-color-neutral-text-default: #202c3d; + --ds-color-neutral-base-hover: #313d4d; + --ds-color-neutral-base-active: #444f5d; + --ds-color-neutral-text-subtle: #59626f; + --ds-color-neutral-text-default: #1f2c3d; --ds-color-neutral-contrast-default: #ffffff; - --ds-color-neutral-contrast-subtle: #bbbfc4; - --ds-color-brand1-background-default: #fefeff; + --ds-color-neutral-contrast-subtle: #babec4; + --ds-color-brand1-background-default: #ffffff; --ds-color-brand1-background-subtle: #eef4fa; - --ds-color-brand1-surface-default: #d1e3f3; - --ds-color-brand1-surface-hover: #bad5ec; - --ds-color-brand1-surface-active: #a1c5e5; - --ds-color-brand1-border-subtle: #97bfe3; - --ds-color-brand1-border-default: #3885c9; - --ds-color-brand1-border-strong: #014e93; - --ds-color-brand1-base-default: #0163ba; - --ds-color-brand1-base-hover: #015097; - --ds-color-brand1-base-active: #013f75; - --ds-color-brand1-text-subtle: #0163ba; - --ds-color-brand1-text-default: #002d54; + --ds-color-brand1-surface-default: #d4e4f3; + --ds-color-brand1-surface-hover: #bbd5ec; + --ds-color-brand1-surface-active: #a3c6e6; + --ds-color-brand1-border-subtle: #99c0e3; + --ds-color-brand1-border-default: #3582c8; + --ds-color-brand1-border-strong: #0161b8; + --ds-color-brand1-base-default: #0162b9; + --ds-color-brand1-base-hover: #014f96; + --ds-color-brand1-base-active: #013d75; + --ds-color-brand1-text-subtle: #0161b8; + --ds-color-brand1-text-default: #002c54; --ds-color-brand1-contrast-default: #ffffff; --ds-color-brand1-contrast-subtle: #dbe9f5; - --ds-color-brand2-background-default: #fefefe; + --ds-color-brand2-background-default: #ffffff; --ds-color-brand2-background-subtle: #f4f3f6; --ds-color-brand2-surface-default: #e3e1e8; --ds-color-brand2-surface-hover: #d3d0db; - --ds-color-brand2-surface-active: #c3bfce; - --ds-color-brand2-border-subtle: #beb9c9; - --ds-color-brand2-border-default: #857d9b; - --ds-color-brand2-border-strong: #534671; + --ds-color-brand2-surface-active: #c4c0cf; + --ds-color-brand2-border-subtle: #beb9ca; + --ds-color-brand2-border-default: #837a99; + --ds-color-brand2-border-strong: #675b82; --ds-color-brand2-base-default: #3f3161; - --ds-color-brand2-base-hover: #514570; - --ds-color-brand2-base-active: #64587f; - --ds-color-brand2-text-subtle: #685d83; + --ds-color-brand2-base-hover: #514470; + --ds-color-brand2-base-active: #63587f; + --ds-color-brand2-text-subtle: #675b82; --ds-color-brand2-text-default: #30254a; --ds-color-brand2-contrast-default: #ffffff; - --ds-color-brand2-contrast-subtle: #d3d0db; - --ds-color-brand3-background-default: #fffefe; + --ds-color-brand2-contrast-subtle: #d4d1db; + --ds-color-brand3-background-default: #ffffff; --ds-color-brand3-background-subtle: #fdf1f3; - --ds-color-brand3-surface-default: #f9dadf; - --ds-color-brand3-surface-hover: #f6c4cc; - --ds-color-brand3-surface-active: #f3aeb8; - --ds-color-brand3-border-subtle: #f2a7b3; - --ds-color-brand3-border-default: #e4475f; - --ds-color-brand3-border-strong: #941f31; - --ds-color-brand3-base-default: #e02f4a; - --ds-color-brand3-base-hover: #bc273e; - --ds-color-brand3-base-active: #982032; - --ds-color-brand3-text-subtle: #bc273e; - --ds-color-brand3-text-default: #56121d; + --ds-color-brand3-surface-default: #fadbdf; + --ds-color-brand3-surface-hover: #f6c5cd; + --ds-color-brand3-surface-active: #f3b1bb; + --ds-color-brand3-border-subtle: #f2a8b3; + --ds-color-brand3-border-default: #e3425b; + --ds-color-brand3-border-strong: #b8273d; + --ds-color-brand3-base-default: #e0304b; + --ds-color-brand3-base-hover: #e75c71; + --ds-color-brand3-base-active: #ec7f90; + --ds-color-brand3-text-subtle: #b8273d; + --ds-color-brand3-text-default: #55121c; --ds-color-brand3-contrast-default: #000000; --ds-color-brand3-contrast-subtle: #000000; - --ds-color-success-background-default: #fcfefc; - --ds-color-success-background-subtle: #edf6ee; - --ds-color-success-surface-default: #d1e9d4; - --ds-color-success-surface-hover: #b5dbba; - --ds-color-success-surface-active: #96cd9e; + --ds-color-success-background-default: #ffffff; + --ds-color-success-background-subtle: #ecf6ee; + --ds-color-success-surface-default: #d0e8d3; + --ds-color-success-surface-hover: #b4dbba; + --ds-color-success-surface-active: #9bcfa2; --ds-color-success-border-subtle: #8fc997; - --ds-color-success-border-default: #229532; - --ds-color-success-border-strong: #045a10; + --ds-color-success-border-default: #1d922d; + --ds-color-success-border-strong: #057114; --ds-color-success-base-default: #068718; --ds-color-success-base-hover: #057014; --ds-color-success-base-active: #045a10; - --ds-color-success-text-subtle: #057315; + --ds-color-success-text-subtle: #057114; --ds-color-success-text-default: #023409; --ds-color-success-contrast-default: #ffffff; - --ds-color-success-contrast-subtle: #f9fcf9; - --ds-color-danger-background-default: #fffefe; + --ds-color-success-contrast-subtle: #fafdfb; + --ds-color-danger-background-default: #ffffff; --ds-color-danger-background-subtle: #fbf1f1; --ds-color-danger-surface-default: #f5dcdc; - --ds-color-danger-surface-hover: #f0c7c7; - --ds-color-danger-surface-active: #eab3b3; - --ds-color-danger-border-subtle: #e8acac; - --ds-color-danger-border-default: #d25b5b; - --ds-color-danger-border-strong: #9a1616; - --ds-color-danger-base-default: #C01B1B; - --ds-color-danger-base-hover: #9c1616; + --ds-color-danger-surface-hover: #f0c8c8; + --ds-color-danger-surface-active: #ebb5b5; + --ds-color-danger-border-subtle: #e8adad; + --ds-color-danger-border-default: #d15757; + --ds-color-danger-border-strong: #bf1b1b; + --ds-color-danger-base-default: #bf1b1b; + --ds-color-danger-base-hover: #9b1616; --ds-color-danger-base-active: #791111; - --ds-color-danger-text-subtle: #c22020; - --ds-color-danger-text-default: #5a0d0d; + --ds-color-danger-text-subtle: #bf1b1b; + --ds-color-danger-text-default: #590d0d; --ds-color-danger-contrast-default: #ffffff; --ds-color-danger-contrast-subtle: #f7e1e1; - --ds-color-info-background-default: #fefeff; + --ds-color-info-background-default: #ffffff; --ds-color-info-background-subtle: #edf5fa; - --ds-color-info-surface-default: #d3e5f4; + --ds-color-info-surface-default: #d2e5f3; --ds-color-info-surface-hover: #b7d5ed; - --ds-color-info-surface-active: #9bc5e5; + --ds-color-info-surface-active: #9fc7e6; --ds-color-info-border-subtle: #94c1e3; - --ds-color-info-border-default: #2f86c9; - --ds-color-info-border-strong: #075089; - --ds-color-info-base-default: #0A71C0; - --ds-color-info-base-hover: #085e9f; - --ds-color-info-base-active: #074a7f; - --ds-color-info-text-subtle: #0966ac; + --ds-color-info-border-default: #2a83c8; + --ds-color-info-border-strong: #0964a9; + --ds-color-info-base-default: #0a71bf; + --ds-color-info-base-hover: #085d9f; + --ds-color-info-base-active: #074a7e; + --ds-color-info-text-subtle: #0964a9; --ds-color-info-text-default: #042d4d; --ds-color-info-contrast-default: #ffffff; - --ds-color-info-contrast-subtle: #edf5fa; - --ds-color-warning-background-default: #fffefd; - --ds-color-warning-background-subtle: #f9f4e2; - --ds-color-warning-surface-default: #efe2b3; - --ds-color-warning-surface-hover: #e5d183; - --ds-color-warning-surface-active: #dcbf53; + --ds-color-info-contrast-subtle: #eff6fb; + --ds-color-warning-background-default: #ffffff; + --ds-color-warning-background-subtle: #f9f4e1; + --ds-color-warning-surface-default: #efe2b2; + --ds-color-warning-surface-hover: #e6d184; + --ds-color-warning-surface-active: #ddc159; --ds-color-warning-border-subtle: #d9b945; - --ds-color-warning-border-default: #987f22; - --ds-color-warning-border-strong: #5c4c14; - --ds-color-warning-base-default: #B8581D; - --ds-color-warning-base-hover: #984918; - --ds-color-warning-base-active: #7a3b13; - --ds-color-warning-text-subtle: #9e4b19; - --ds-color-warning-text-default: #47220b; + --ds-color-warning-border-default: #957c21; + --ds-color-warning-border-strong: #736019; + --ds-color-warning-base-default: #b7581d; + --ds-color-warning-base-hover: #994918; + --ds-color-warning-base-active: #7b3b13; + --ds-color-warning-text-subtle: #9b4a18; + --ds-color-warning-text-default: #46220b; --ds-color-warning-contrast-default: #ffffff; - --ds-color-warning-contrast-subtle: #fdfbf9; - --ds-color-focus-inner: #fefefe; - --ds-color-focus-outer: #002d54; + --ds-color-warning-contrast-subtle: #fdf9f8; + --ds-color-focus-inner: #ffffff; + --ds-color-focus-outer: #002c54; color-scheme: light; } @media (prefers-color-scheme: light) { [data-color-scheme="auto"] { - --ds-global-blue-1: #fefeff; + --ds-global-blue-1: #ffffff; --ds-global-blue-2: #edf5fa; - --ds-global-blue-3: #d3e5f4; + --ds-global-blue-3: #d2e5f3; --ds-global-blue-4: #b7d5ed; - --ds-global-blue-5: #9bc5e5; + --ds-global-blue-5: #9fc7e6; --ds-global-blue-6: #94c1e3; - --ds-global-blue-7: #2f86c9; - --ds-global-blue-8: #075089; - --ds-global-blue-9: #0A71C0; - --ds-global-blue-10: #085e9f; - --ds-global-blue-11: #074a7f; - --ds-global-blue-12: #0966ac; + --ds-global-blue-7: #2a83c8; + --ds-global-blue-8: #0964a9; + --ds-global-blue-9: #0a71bf; + --ds-global-blue-10: #085d9f; + --ds-global-blue-11: #074a7e; + --ds-global-blue-12: #0964a9; --ds-global-blue-13: #042d4d; --ds-global-blue-contrast-1: #ffffff; - --ds-global-blue-contrast-2: #edf5fa; - --ds-global-green-1: #fcfefc; - --ds-global-green-2: #edf6ee; - --ds-global-green-3: #d1e9d4; - --ds-global-green-4: #b5dbba; - --ds-global-green-5: #96cd9e; + --ds-global-blue-contrast-2: #eff6fb; + --ds-global-green-1: #ffffff; + --ds-global-green-2: #ecf6ee; + --ds-global-green-3: #d0e8d3; + --ds-global-green-4: #b4dbba; + --ds-global-green-5: #9bcfa2; --ds-global-green-6: #8fc997; - --ds-global-green-7: #229532; - --ds-global-green-8: #045a10; + --ds-global-green-7: #1d922d; + --ds-global-green-8: #057114; --ds-global-green-9: #068718; --ds-global-green-10: #057014; --ds-global-green-11: #045a10; - --ds-global-green-12: #057315; + --ds-global-green-12: #057114; --ds-global-green-13: #023409; --ds-global-green-contrast-1: #ffffff; - --ds-global-green-contrast-2: #f9fcf9; - --ds-global-orange-1: #fffefe; - --ds-global-orange-2: #f9f2ed; - --ds-global-orange-3: #f1ded3; - --ds-global-orange-4: #e9cbb8; - --ds-global-orange-5: #e1b9a0; - --ds-global-orange-6: #deb296; - --ds-global-orange-7: #c06b36; - --ds-global-orange-8: #7c3b14; - --ds-global-orange-9: #B8581D; - --ds-global-orange-10: #984918; - --ds-global-orange-11: #7a3b13; - --ds-global-orange-12: #9e4b19; - --ds-global-orange-13: #47220b; + --ds-global-green-contrast-2: #fafdfb; + --ds-global-orange-1: #ffffff; + --ds-global-orange-2: #faf2ee; + --ds-global-orange-3: #f1dfd3; + --ds-global-orange-4: #e9ccba; + --ds-global-orange-5: #e2baa2; + --ds-global-orange-6: #dfb398; + --ds-global-orange-7: #bf6732; + --ds-global-orange-8: #9b4a18; + --ds-global-orange-9: #b7581d; + --ds-global-orange-10: #994918; + --ds-global-orange-11: #7b3b13; + --ds-global-orange-12: #9b4a18; + --ds-global-orange-13: #46220b; --ds-global-orange-contrast-1: #ffffff; - --ds-global-orange-contrast-2: #fdfbf9; - --ds-global-purple-1: #fefefe; - --ds-global-purple-2: #f5f2f9; + --ds-global-orange-contrast-2: #fdf9f8; + --ds-global-purple-1: #ffffff; + --ds-global-purple-2: #f6f2f9; --ds-global-purple-3: #e7dfef; - --ds-global-purple-4: #d9cce6; - --ds-global-purple-5: #ccbadd; + --ds-global-purple-4: #d9cde6; + --ds-global-purple-5: #cdbcdd; --ds-global-purple-6: #c7b4da; - --ds-global-purple-7: #9572b9; - --ds-global-purple-8: #663399; + --ds-global-purple-7: #936fb7; + --ds-global-purple-8: #794ca6; --ds-global-purple-9: #663299; - --ds-global-purple-10: #4e2676; + --ds-global-purple-10: #4f2776; --ds-global-purple-11: #371b53; - --ds-global-purple-12: #7b4ea7; - --ds-global-purple-13: #3b1d59; + --ds-global-purple-12: #794ca6; + --ds-global-purple-13: #3a1d57; --ds-global-purple-contrast-1: #ffffff; --ds-global-purple-contrast-2: #eee8f3; - --ds-global-red-1: #fffefe; + --ds-global-red-1: #ffffff; --ds-global-red-2: #fbf1f1; --ds-global-red-3: #f5dcdc; - --ds-global-red-4: #f0c7c7; - --ds-global-red-5: #eab3b3; - --ds-global-red-6: #e8acac; - --ds-global-red-7: #d25b5b; - --ds-global-red-8: #9a1616; - --ds-global-red-9: #C01B1B; - --ds-global-red-10: #9c1616; + --ds-global-red-4: #f0c8c8; + --ds-global-red-5: #ebb5b5; + --ds-global-red-6: #e8adad; + --ds-global-red-7: #d15757; + --ds-global-red-8: #bf1b1b; + --ds-global-red-9: #bf1b1b; + --ds-global-red-10: #9b1616; --ds-global-red-11: #791111; - --ds-global-red-12: #c22020; - --ds-global-red-13: #5a0d0d; + --ds-global-red-12: #bf1b1b; + --ds-global-red-13: #590d0d; --ds-global-red-contrast-1: #ffffff; --ds-global-red-contrast-2: #f7e1e1; - --ds-global-yellow-1: #fffefd; - --ds-global-yellow-2: #f9f4e2; - --ds-global-yellow-3: #efe2b3; - --ds-global-yellow-4: #e5d183; - --ds-global-yellow-5: #dcbf53; + --ds-global-yellow-1: #ffffff; + --ds-global-yellow-2: #f9f4e1; + --ds-global-yellow-3: #efe2b2; + --ds-global-yellow-4: #e6d184; + --ds-global-yellow-5: #ddc159; --ds-global-yellow-6: #d9b945; - --ds-global-yellow-7: #987f22; - --ds-global-yellow-8: #5c4c14; - --ds-global-yellow-9: #D4B12F; + --ds-global-yellow-7: #957c21; + --ds-global-yellow-8: #736019; + --ds-global-yellow-9: #d4b12f; --ds-global-yellow-10: #bb9c2a; - --ds-global-yellow-11: #a28724; - --ds-global-yellow-12: #75611a; - --ds-global-yellow-13: #342b0c; + --ds-global-yellow-11: #a38824; + --ds-global-yellow-12: #736019; + --ds-global-yellow-13: #332b0b; --ds-global-yellow-contrast-1: #000000; - --ds-global-yellow-contrast-2: #282109; - --ds-color-accent-background-default: #fefeff; + --ds-global-yellow-contrast-2: #282209; + --ds-color-accent-background-default: #ffffff; --ds-color-accent-background-subtle: #eef4fa; - --ds-color-accent-surface-default: #d1e3f3; - --ds-color-accent-surface-hover: #bad5ec; - --ds-color-accent-surface-active: #a1c5e5; - --ds-color-accent-border-subtle: #97bfe3; - --ds-color-accent-border-default: #3885c9; - --ds-color-accent-border-strong: #014e93; - --ds-color-accent-base-default: #0163ba; - --ds-color-accent-base-hover: #015097; - --ds-color-accent-base-active: #013f75; - --ds-color-accent-text-subtle: #0163ba; - --ds-color-accent-text-default: #002d54; + --ds-color-accent-surface-default: #d4e4f3; + --ds-color-accent-surface-hover: #bbd5ec; + --ds-color-accent-surface-active: #a3c6e6; + --ds-color-accent-border-subtle: #99c0e3; + --ds-color-accent-border-default: #3582c8; + --ds-color-accent-border-strong: #0161b8; + --ds-color-accent-base-default: #0162b9; + --ds-color-accent-base-hover: #014f96; + --ds-color-accent-base-active: #013d75; + --ds-color-accent-text-subtle: #0161b8; + --ds-color-accent-text-default: #002c54; --ds-color-accent-contrast-default: #ffffff; --ds-color-accent-contrast-subtle: #dbe9f5; - --ds-color-neutral-background-default: #fefefe; - --ds-color-neutral-background-subtle: #f3f4f5; - --ds-color-neutral-surface-default: #e1e3e5; - --ds-color-neutral-surface-hover: #ced1d4; - --ds-color-neutral-surface-active: #bdc1c6; + --ds-color-neutral-background-default: #ffffff; + --ds-color-neutral-background-subtle: #f3f4f4; + --ds-color-neutral-surface-default: #e0e2e4; + --ds-color-neutral-surface-hover: #cfd2d5; + --ds-color-neutral-surface-active: #bfc3c7; --ds-color-neutral-border-subtle: #b8bcc1; - --ds-color-neutral-border-default: #7a818c; - --ds-color-neutral-border-strong: #444e5d; + --ds-color-neutral-border-default: #777f89; + --ds-color-neutral-border-strong: #59626f; --ds-color-neutral-base-default: #1e2b3c; - --ds-color-neutral-base-hover: #303c4b; - --ds-color-neutral-base-active: #444e5d; - --ds-color-neutral-text-subtle: #5b6471; - --ds-color-neutral-text-default: #202c3d; + --ds-color-neutral-base-hover: #313d4d; + --ds-color-neutral-base-active: #444f5d; + --ds-color-neutral-text-subtle: #59626f; + --ds-color-neutral-text-default: #1f2c3d; --ds-color-neutral-contrast-default: #ffffff; - --ds-color-neutral-contrast-subtle: #bbbfc4; - --ds-color-brand1-background-default: #fefeff; + --ds-color-neutral-contrast-subtle: #babec4; + --ds-color-brand1-background-default: #ffffff; --ds-color-brand1-background-subtle: #eef4fa; - --ds-color-brand1-surface-default: #d1e3f3; - --ds-color-brand1-surface-hover: #bad5ec; - --ds-color-brand1-surface-active: #a1c5e5; - --ds-color-brand1-border-subtle: #97bfe3; - --ds-color-brand1-border-default: #3885c9; - --ds-color-brand1-border-strong: #014e93; - --ds-color-brand1-base-default: #0163ba; - --ds-color-brand1-base-hover: #015097; - --ds-color-brand1-base-active: #013f75; - --ds-color-brand1-text-subtle: #0163ba; - --ds-color-brand1-text-default: #002d54; + --ds-color-brand1-surface-default: #d4e4f3; + --ds-color-brand1-surface-hover: #bbd5ec; + --ds-color-brand1-surface-active: #a3c6e6; + --ds-color-brand1-border-subtle: #99c0e3; + --ds-color-brand1-border-default: #3582c8; + --ds-color-brand1-border-strong: #0161b8; + --ds-color-brand1-base-default: #0162b9; + --ds-color-brand1-base-hover: #014f96; + --ds-color-brand1-base-active: #013d75; + --ds-color-brand1-text-subtle: #0161b8; + --ds-color-brand1-text-default: #002c54; --ds-color-brand1-contrast-default: #ffffff; --ds-color-brand1-contrast-subtle: #dbe9f5; - --ds-color-brand2-background-default: #fefefe; + --ds-color-brand2-background-default: #ffffff; --ds-color-brand2-background-subtle: #f4f3f6; --ds-color-brand2-surface-default: #e3e1e8; --ds-color-brand2-surface-hover: #d3d0db; - --ds-color-brand2-surface-active: #c3bfce; - --ds-color-brand2-border-subtle: #beb9c9; - --ds-color-brand2-border-default: #857d9b; - --ds-color-brand2-border-strong: #534671; + --ds-color-brand2-surface-active: #c4c0cf; + --ds-color-brand2-border-subtle: #beb9ca; + --ds-color-brand2-border-default: #837a99; + --ds-color-brand2-border-strong: #675b82; --ds-color-brand2-base-default: #3f3161; - --ds-color-brand2-base-hover: #514570; - --ds-color-brand2-base-active: #64587f; - --ds-color-brand2-text-subtle: #685d83; + --ds-color-brand2-base-hover: #514470; + --ds-color-brand2-base-active: #63587f; + --ds-color-brand2-text-subtle: #675b82; --ds-color-brand2-text-default: #30254a; --ds-color-brand2-contrast-default: #ffffff; - --ds-color-brand2-contrast-subtle: #d3d0db; - --ds-color-brand3-background-default: #fffefe; + --ds-color-brand2-contrast-subtle: #d4d1db; + --ds-color-brand3-background-default: #ffffff; --ds-color-brand3-background-subtle: #fdf1f3; - --ds-color-brand3-surface-default: #f9dadf; - --ds-color-brand3-surface-hover: #f6c4cc; - --ds-color-brand3-surface-active: #f3aeb8; - --ds-color-brand3-border-subtle: #f2a7b3; - --ds-color-brand3-border-default: #e4475f; - --ds-color-brand3-border-strong: #941f31; - --ds-color-brand3-base-default: #e02f4a; - --ds-color-brand3-base-hover: #bc273e; - --ds-color-brand3-base-active: #982032; - --ds-color-brand3-text-subtle: #bc273e; - --ds-color-brand3-text-default: #56121d; + --ds-color-brand3-surface-default: #fadbdf; + --ds-color-brand3-surface-hover: #f6c5cd; + --ds-color-brand3-surface-active: #f3b1bb; + --ds-color-brand3-border-subtle: #f2a8b3; + --ds-color-brand3-border-default: #e3425b; + --ds-color-brand3-border-strong: #b8273d; + --ds-color-brand3-base-default: #e0304b; + --ds-color-brand3-base-hover: #e75c71; + --ds-color-brand3-base-active: #ec7f90; + --ds-color-brand3-text-subtle: #b8273d; + --ds-color-brand3-text-default: #55121c; --ds-color-brand3-contrast-default: #000000; --ds-color-brand3-contrast-subtle: #000000; - --ds-color-success-background-default: #fcfefc; - --ds-color-success-background-subtle: #edf6ee; - --ds-color-success-surface-default: #d1e9d4; - --ds-color-success-surface-hover: #b5dbba; - --ds-color-success-surface-active: #96cd9e; + --ds-color-success-background-default: #ffffff; + --ds-color-success-background-subtle: #ecf6ee; + --ds-color-success-surface-default: #d0e8d3; + --ds-color-success-surface-hover: #b4dbba; + --ds-color-success-surface-active: #9bcfa2; --ds-color-success-border-subtle: #8fc997; - --ds-color-success-border-default: #229532; - --ds-color-success-border-strong: #045a10; + --ds-color-success-border-default: #1d922d; + --ds-color-success-border-strong: #057114; --ds-color-success-base-default: #068718; --ds-color-success-base-hover: #057014; --ds-color-success-base-active: #045a10; - --ds-color-success-text-subtle: #057315; + --ds-color-success-text-subtle: #057114; --ds-color-success-text-default: #023409; --ds-color-success-contrast-default: #ffffff; - --ds-color-success-contrast-subtle: #f9fcf9; - --ds-color-danger-background-default: #fffefe; + --ds-color-success-contrast-subtle: #fafdfb; + --ds-color-danger-background-default: #ffffff; --ds-color-danger-background-subtle: #fbf1f1; --ds-color-danger-surface-default: #f5dcdc; - --ds-color-danger-surface-hover: #f0c7c7; - --ds-color-danger-surface-active: #eab3b3; - --ds-color-danger-border-subtle: #e8acac; - --ds-color-danger-border-default: #d25b5b; - --ds-color-danger-border-strong: #9a1616; - --ds-color-danger-base-default: #C01B1B; - --ds-color-danger-base-hover: #9c1616; + --ds-color-danger-surface-hover: #f0c8c8; + --ds-color-danger-surface-active: #ebb5b5; + --ds-color-danger-border-subtle: #e8adad; + --ds-color-danger-border-default: #d15757; + --ds-color-danger-border-strong: #bf1b1b; + --ds-color-danger-base-default: #bf1b1b; + --ds-color-danger-base-hover: #9b1616; --ds-color-danger-base-active: #791111; - --ds-color-danger-text-subtle: #c22020; - --ds-color-danger-text-default: #5a0d0d; + --ds-color-danger-text-subtle: #bf1b1b; + --ds-color-danger-text-default: #590d0d; --ds-color-danger-contrast-default: #ffffff; --ds-color-danger-contrast-subtle: #f7e1e1; - --ds-color-info-background-default: #fefeff; + --ds-color-info-background-default: #ffffff; --ds-color-info-background-subtle: #edf5fa; - --ds-color-info-surface-default: #d3e5f4; + --ds-color-info-surface-default: #d2e5f3; --ds-color-info-surface-hover: #b7d5ed; - --ds-color-info-surface-active: #9bc5e5; + --ds-color-info-surface-active: #9fc7e6; --ds-color-info-border-subtle: #94c1e3; - --ds-color-info-border-default: #2f86c9; - --ds-color-info-border-strong: #075089; - --ds-color-info-base-default: #0A71C0; - --ds-color-info-base-hover: #085e9f; - --ds-color-info-base-active: #074a7f; - --ds-color-info-text-subtle: #0966ac; + --ds-color-info-border-default: #2a83c8; + --ds-color-info-border-strong: #0964a9; + --ds-color-info-base-default: #0a71bf; + --ds-color-info-base-hover: #085d9f; + --ds-color-info-base-active: #074a7e; + --ds-color-info-text-subtle: #0964a9; --ds-color-info-text-default: #042d4d; --ds-color-info-contrast-default: #ffffff; - --ds-color-info-contrast-subtle: #edf5fa; - --ds-color-warning-background-default: #fffefd; - --ds-color-warning-background-subtle: #f9f4e2; - --ds-color-warning-surface-default: #efe2b3; - --ds-color-warning-surface-hover: #e5d183; - --ds-color-warning-surface-active: #dcbf53; + --ds-color-info-contrast-subtle: #eff6fb; + --ds-color-warning-background-default: #ffffff; + --ds-color-warning-background-subtle: #f9f4e1; + --ds-color-warning-surface-default: #efe2b2; + --ds-color-warning-surface-hover: #e6d184; + --ds-color-warning-surface-active: #ddc159; --ds-color-warning-border-subtle: #d9b945; - --ds-color-warning-border-default: #987f22; - --ds-color-warning-border-strong: #5c4c14; - --ds-color-warning-base-default: #B8581D; - --ds-color-warning-base-hover: #984918; - --ds-color-warning-base-active: #7a3b13; - --ds-color-warning-text-subtle: #9e4b19; - --ds-color-warning-text-default: #47220b; + --ds-color-warning-border-default: #957c21; + --ds-color-warning-border-strong: #736019; + --ds-color-warning-base-default: #b7581d; + --ds-color-warning-base-hover: #994918; + --ds-color-warning-base-active: #7b3b13; + --ds-color-warning-text-subtle: #9b4a18; + --ds-color-warning-text-default: #46220b; --ds-color-warning-contrast-default: #ffffff; - --ds-color-warning-contrast-subtle: #fdfbf9; - --ds-color-focus-inner: #fefefe; - --ds-color-focus-outer: #002d54; + --ds-color-warning-contrast-subtle: #fdf9f8; + --ds-color-focus-inner: #ffffff; + --ds-color-focus-outer: #002c54; color-scheme: light; } diff --git a/packages/theme/brand/digdir.css b/packages/theme/brand/digdir.css index c7cc1340ae..11d48b1426 100644 --- a/packages/theme/brand/digdir.css +++ b/packages/theme/brand/digdir.css @@ -8,466 +8,466 @@ @layer ds.theme.color-scheme.light { :root, [data-color-scheme="light"] { - --ds-global-blue-1: #fefeff; + --ds-global-blue-1: #ffffff; --ds-global-blue-2: #edf5fa; - --ds-global-blue-3: #d3e5f4; + --ds-global-blue-3: #d2e5f3; --ds-global-blue-4: #b7d5ed; - --ds-global-blue-5: #9bc5e5; + --ds-global-blue-5: #9fc7e6; --ds-global-blue-6: #94c1e3; - --ds-global-blue-7: #2f86c9; - --ds-global-blue-8: #075089; - --ds-global-blue-9: #0A71C0; - --ds-global-blue-10: #085e9f; - --ds-global-blue-11: #074a7f; - --ds-global-blue-12: #0966ac; + --ds-global-blue-7: #2a83c8; + --ds-global-blue-8: #0964a9; + --ds-global-blue-9: #0a71bf; + --ds-global-blue-10: #085d9f; + --ds-global-blue-11: #074a7e; + --ds-global-blue-12: #0964a9; --ds-global-blue-13: #042d4d; --ds-global-blue-contrast-1: #ffffff; - --ds-global-blue-contrast-2: #edf5fa; - --ds-global-green-1: #fcfefc; - --ds-global-green-2: #edf6ee; - --ds-global-green-3: #d1e9d4; - --ds-global-green-4: #b5dbba; - --ds-global-green-5: #96cd9e; + --ds-global-blue-contrast-2: #eff6fb; + --ds-global-green-1: #ffffff; + --ds-global-green-2: #ecf6ee; + --ds-global-green-3: #d0e8d3; + --ds-global-green-4: #b4dbba; + --ds-global-green-5: #9bcfa2; --ds-global-green-6: #8fc997; - --ds-global-green-7: #229532; - --ds-global-green-8: #045a10; + --ds-global-green-7: #1d922d; + --ds-global-green-8: #057114; --ds-global-green-9: #068718; --ds-global-green-10: #057014; --ds-global-green-11: #045a10; - --ds-global-green-12: #057315; + --ds-global-green-12: #057114; --ds-global-green-13: #023409; --ds-global-green-contrast-1: #ffffff; - --ds-global-green-contrast-2: #f9fcf9; - --ds-global-orange-1: #fffefe; - --ds-global-orange-2: #f9f2ed; - --ds-global-orange-3: #f1ded3; - --ds-global-orange-4: #e9cbb8; - --ds-global-orange-5: #e1b9a0; - --ds-global-orange-6: #deb296; - --ds-global-orange-7: #c06b36; - --ds-global-orange-8: #7c3b14; - --ds-global-orange-9: #B8581D; - --ds-global-orange-10: #984918; - --ds-global-orange-11: #7a3b13; - --ds-global-orange-12: #9e4b19; - --ds-global-orange-13: #47220b; + --ds-global-green-contrast-2: #fafdfb; + --ds-global-orange-1: #ffffff; + --ds-global-orange-2: #faf2ee; + --ds-global-orange-3: #f1dfd3; + --ds-global-orange-4: #e9ccba; + --ds-global-orange-5: #e2baa2; + --ds-global-orange-6: #dfb398; + --ds-global-orange-7: #bf6732; + --ds-global-orange-8: #9b4a18; + --ds-global-orange-9: #b7581d; + --ds-global-orange-10: #994918; + --ds-global-orange-11: #7b3b13; + --ds-global-orange-12: #9b4a18; + --ds-global-orange-13: #46220b; --ds-global-orange-contrast-1: #ffffff; - --ds-global-orange-contrast-2: #fdfbf9; - --ds-global-purple-1: #fefefe; - --ds-global-purple-2: #f5f2f9; + --ds-global-orange-contrast-2: #fdf9f8; + --ds-global-purple-1: #ffffff; + --ds-global-purple-2: #f6f2f9; --ds-global-purple-3: #e7dfef; - --ds-global-purple-4: #d9cce6; - --ds-global-purple-5: #ccbadd; + --ds-global-purple-4: #d9cde6; + --ds-global-purple-5: #cdbcdd; --ds-global-purple-6: #c7b4da; - --ds-global-purple-7: #9572b9; - --ds-global-purple-8: #663399; + --ds-global-purple-7: #936fb7; + --ds-global-purple-8: #794ca6; --ds-global-purple-9: #663299; - --ds-global-purple-10: #4e2676; + --ds-global-purple-10: #4f2776; --ds-global-purple-11: #371b53; - --ds-global-purple-12: #7b4ea7; - --ds-global-purple-13: #3b1d59; + --ds-global-purple-12: #794ca6; + --ds-global-purple-13: #3a1d57; --ds-global-purple-contrast-1: #ffffff; --ds-global-purple-contrast-2: #eee8f3; - --ds-global-red-1: #fffefe; + --ds-global-red-1: #ffffff; --ds-global-red-2: #fbf1f1; --ds-global-red-3: #f5dcdc; - --ds-global-red-4: #f0c7c7; - --ds-global-red-5: #eab3b3; - --ds-global-red-6: #e8acac; - --ds-global-red-7: #d25b5b; - --ds-global-red-8: #9a1616; - --ds-global-red-9: #C01B1B; - --ds-global-red-10: #9c1616; + --ds-global-red-4: #f0c8c8; + --ds-global-red-5: #ebb5b5; + --ds-global-red-6: #e8adad; + --ds-global-red-7: #d15757; + --ds-global-red-8: #bf1b1b; + --ds-global-red-9: #bf1b1b; + --ds-global-red-10: #9b1616; --ds-global-red-11: #791111; - --ds-global-red-12: #c22020; - --ds-global-red-13: #5a0d0d; + --ds-global-red-12: #bf1b1b; + --ds-global-red-13: #590d0d; --ds-global-red-contrast-1: #ffffff; --ds-global-red-contrast-2: #f7e1e1; - --ds-global-yellow-1: #fffefd; - --ds-global-yellow-2: #f9f4e2; - --ds-global-yellow-3: #efe2b3; - --ds-global-yellow-4: #e5d183; - --ds-global-yellow-5: #dcbf53; + --ds-global-yellow-1: #ffffff; + --ds-global-yellow-2: #f9f4e1; + --ds-global-yellow-3: #efe2b2; + --ds-global-yellow-4: #e6d184; + --ds-global-yellow-5: #ddc159; --ds-global-yellow-6: #d9b945; - --ds-global-yellow-7: #987f22; - --ds-global-yellow-8: #5c4c14; - --ds-global-yellow-9: #D4B12F; + --ds-global-yellow-7: #957c21; + --ds-global-yellow-8: #736019; + --ds-global-yellow-9: #d4b12f; --ds-global-yellow-10: #bb9c2a; - --ds-global-yellow-11: #a28724; - --ds-global-yellow-12: #75611a; - --ds-global-yellow-13: #342b0c; + --ds-global-yellow-11: #a38824; + --ds-global-yellow-12: #736019; + --ds-global-yellow-13: #332b0b; --ds-global-yellow-contrast-1: #000000; - --ds-global-yellow-contrast-2: #282109; - --ds-color-accent-background-default: #fefeff; + --ds-global-yellow-contrast-2: #282209; + --ds-color-accent-background-default: #ffffff; --ds-color-accent-background-subtle: #eef4fa; - --ds-color-accent-surface-default: #d1e3f3; + --ds-color-accent-surface-default: #d3e4f3; --ds-color-accent-surface-hover: #bad5ec; - --ds-color-accent-surface-active: #a1c5e5; - --ds-color-accent-border-subtle: #97bfe3; - --ds-color-accent-border-default: #3885c9; - --ds-color-accent-border-strong: #014e93; - --ds-color-accent-base-default: #0163ba; - --ds-color-accent-base-hover: #015097; - --ds-color-accent-base-active: #013f75; - --ds-color-accent-text-subtle: #0163ba; - --ds-color-accent-text-default: #002d54; + --ds-color-accent-surface-active: #a3c6e6; + --ds-color-accent-border-subtle: #99c0e3; + --ds-color-accent-border-default: #3582c8; + --ds-color-accent-border-strong: #0061b8; + --ds-color-accent-base-default: #0062ba; + --ds-color-accent-base-hover: #004f96; + --ds-color-accent-base-active: #003d75; + --ds-color-accent-text-subtle: #0061b8; + --ds-color-accent-text-default: #002c54; --ds-color-accent-contrast-default: #ffffff; --ds-color-accent-contrast-subtle: #dbe9f5; - --ds-color-neutral-background-default: #fefefe; - --ds-color-neutral-background-subtle: #f3f4f5; - --ds-color-neutral-surface-default: #e1e3e5; - --ds-color-neutral-surface-hover: #ced1d4; - --ds-color-neutral-surface-active: #bdc1c6; + --ds-color-neutral-background-default: #ffffff; + --ds-color-neutral-background-subtle: #f3f4f4; + --ds-color-neutral-surface-default: #e0e2e4; + --ds-color-neutral-surface-hover: #cfd2d5; + --ds-color-neutral-surface-active: #bfc3c7; --ds-color-neutral-border-subtle: #b8bcc1; - --ds-color-neutral-border-default: #7a818c; - --ds-color-neutral-border-strong: #444e5d; + --ds-color-neutral-border-default: #777f89; + --ds-color-neutral-border-strong: #59626f; --ds-color-neutral-base-default: #1e2b3c; - --ds-color-neutral-base-hover: #303c4b; - --ds-color-neutral-base-active: #444e5d; - --ds-color-neutral-text-subtle: #5b6471; - --ds-color-neutral-text-default: #202c3d; + --ds-color-neutral-base-hover: #313d4d; + --ds-color-neutral-base-active: #444f5d; + --ds-color-neutral-text-subtle: #59626f; + --ds-color-neutral-text-default: #1f2c3d; --ds-color-neutral-contrast-default: #ffffff; - --ds-color-neutral-contrast-subtle: #bbbfc4; - --ds-color-brand1-background-default: #fffefe; + --ds-color-neutral-contrast-subtle: #babec4; + --ds-color-brand1-background-default: #ffffff; --ds-color-brand1-background-subtle: #fef0f1; - --ds-color-brand1-surface-default: #fcdbdc; + --ds-color-brand1-surface-default: #fcdadb; --ds-color-brand1-surface-hover: #fbc4c5; - --ds-color-brand1-surface-active: #f9acae; - --ds-color-brand1-border-subtle: #f8a5a7; - --ds-color-brand1-border-default: #d95558; - --ds-color-brand1-border-strong: #833336; - --ds-color-brand1-base-default: #f35f63; - --ds-color-brand1-base-hover: #d05255; - --ds-color-brand1-base-active: #af4547; - --ds-color-brand1-text-subtle: #a74144; - --ds-color-brand1-text-default: #4b1e1f; + --ds-color-brand1-surface-active: #f9afb1; + --ds-color-brand1-border-subtle: #f9a5a8; + --ds-color-brand1-border-default: #d55356; + --ds-color-brand1-border-strong: #a44043; + --ds-color-brand1-base-default: #f45f63; + --ds-color-brand1-base-hover: #f78588; + --ds-color-brand1-base-active: #f9a6a8; + --ds-color-brand1-text-subtle: #a44043; + --ds-color-brand1-text-default: #4b1d1e; --ds-color-brand1-contrast-default: #000000; - --ds-color-brand1-contrast-subtle: #000000; - --ds-color-brand2-background-default: #fffefc; - --ds-color-brand2-background-subtle: #fbf3e0; - --ds-color-brand2-surface-default: #f5dfad; - --ds-color-brand2-surface-hover: #f0ce7f; - --ds-color-brand2-surface-active: #e9ba4c; - --ds-color-brand2-border-subtle: #e7b43d; - --ds-color-brand2-border-default: #a57a17; - --ds-color-brand2-border-strong: #63490e; - --ds-color-brand2-base-default: #e4a920; + --ds-color-brand1-contrast-subtle: #020101; + --ds-color-brand2-background-default: #ffffff; + --ds-color-brand2-background-subtle: #fbf3df; + --ds-color-brand2-surface-default: #f6e0ae; + --ds-color-brand2-surface-hover: #f0ce7e; + --ds-color-brand2-surface-active: #eabc4f; + --ds-color-brand2-border-subtle: #e8b43a; + --ds-color-brand2-border-default: #a17817; + --ds-color-brand2-border-strong: #7c5c11; + --ds-color-brand2-base-default: #e5aa21; --ds-color-brand2-base-hover: #c9951c; - --ds-color-brand2-base-active: #af8119; - --ds-color-brand2-text-subtle: #7e5d12; - --ds-color-brand2-text-default: #382a08; + --ds-color-brand2-base-active: #af8218; + --ds-color-brand2-text-subtle: #7c5c11; + --ds-color-brand2-text-default: #382908; --ds-color-brand2-contrast-default: #000000; - --ds-color-brand2-contrast-subtle: #2b2006; - --ds-color-brand3-background-default: #fdfeff; - --ds-color-brand3-background-subtle: #eaf6fe; + --ds-color-brand2-contrast-subtle: #2c2006; + --ds-color-brand3-background-default: #ffffff; + --ds-color-brand3-background-subtle: #eaf5fe; --ds-color-brand3-surface-default: #c8e6fd; - --ds-color-brand3-surface-hover: #a9d7fb; - --ds-color-brand3-surface-active: #84c7fa; - --ds-color-brand3-border-subtle: #7ac2f9; - --ds-color-brand3-border-default: #1a85d6; - --ds-color-brand3-border-strong: #105082; - --ds-color-brand3-base-default: #1e98f5; - --ds-color-brand3-base-hover: #1a83d3; - --ds-color-brand3-base-active: #166eb2; - --ds-color-brand3-text-subtle: #1466a5; - --ds-color-brand3-text-default: #092e4b; + --ds-color-brand3-surface-hover: #a8d7fb; + --ds-color-brand3-surface-active: #89c9fa; + --ds-color-brand3-border-subtle: #7bc3f9; + --ds-color-brand3-border-default: #1a83d2; + --ds-color-brand3-border-strong: #1465a2; + --ds-color-brand3-base-default: #1e98f4; + --ds-color-brand3-base-hover: #53b0f7; + --ds-color-brand3-base-active: #81c5f9; + --ds-color-brand3-text-subtle: #1465a2; + --ds-color-brand3-text-default: #092d49; --ds-color-brand3-contrast-default: #000000; - --ds-color-brand3-contrast-subtle: #010407; - --ds-color-success-background-default: #fcfefc; - --ds-color-success-background-subtle: #edf6ee; - --ds-color-success-surface-default: #d1e9d4; - --ds-color-success-surface-hover: #b5dbba; - --ds-color-success-surface-active: #96cd9e; + --ds-color-brand3-contrast-subtle: #010507; + --ds-color-success-background-default: #ffffff; + --ds-color-success-background-subtle: #ecf6ee; + --ds-color-success-surface-default: #d0e8d3; + --ds-color-success-surface-hover: #b4dbba; + --ds-color-success-surface-active: #9bcfa2; --ds-color-success-border-subtle: #8fc997; - --ds-color-success-border-default: #229532; - --ds-color-success-border-strong: #045a10; + --ds-color-success-border-default: #1d922d; + --ds-color-success-border-strong: #057114; --ds-color-success-base-default: #068718; --ds-color-success-base-hover: #057014; --ds-color-success-base-active: #045a10; - --ds-color-success-text-subtle: #057315; + --ds-color-success-text-subtle: #057114; --ds-color-success-text-default: #023409; --ds-color-success-contrast-default: #ffffff; - --ds-color-success-contrast-subtle: #f9fcf9; - --ds-color-danger-background-default: #fffefe; + --ds-color-success-contrast-subtle: #fafdfb; + --ds-color-danger-background-default: #ffffff; --ds-color-danger-background-subtle: #fbf1f1; --ds-color-danger-surface-default: #f5dcdc; - --ds-color-danger-surface-hover: #f0c7c7; - --ds-color-danger-surface-active: #eab3b3; - --ds-color-danger-border-subtle: #e8acac; - --ds-color-danger-border-default: #d25b5b; - --ds-color-danger-border-strong: #9a1616; - --ds-color-danger-base-default: #C01B1B; - --ds-color-danger-base-hover: #9c1616; + --ds-color-danger-surface-hover: #f0c8c8; + --ds-color-danger-surface-active: #ebb5b5; + --ds-color-danger-border-subtle: #e8adad; + --ds-color-danger-border-default: #d15757; + --ds-color-danger-border-strong: #bf1b1b; + --ds-color-danger-base-default: #bf1b1b; + --ds-color-danger-base-hover: #9b1616; --ds-color-danger-base-active: #791111; - --ds-color-danger-text-subtle: #c22020; - --ds-color-danger-text-default: #5a0d0d; + --ds-color-danger-text-subtle: #bf1b1b; + --ds-color-danger-text-default: #590d0d; --ds-color-danger-contrast-default: #ffffff; --ds-color-danger-contrast-subtle: #f7e1e1; - --ds-color-info-background-default: #fefeff; + --ds-color-info-background-default: #ffffff; --ds-color-info-background-subtle: #edf5fa; - --ds-color-info-surface-default: #d3e5f4; + --ds-color-info-surface-default: #d2e5f3; --ds-color-info-surface-hover: #b7d5ed; - --ds-color-info-surface-active: #9bc5e5; + --ds-color-info-surface-active: #9fc7e6; --ds-color-info-border-subtle: #94c1e3; - --ds-color-info-border-default: #2f86c9; - --ds-color-info-border-strong: #075089; - --ds-color-info-base-default: #0A71C0; - --ds-color-info-base-hover: #085e9f; - --ds-color-info-base-active: #074a7f; - --ds-color-info-text-subtle: #0966ac; + --ds-color-info-border-default: #2a83c8; + --ds-color-info-border-strong: #0964a9; + --ds-color-info-base-default: #0a71bf; + --ds-color-info-base-hover: #085d9f; + --ds-color-info-base-active: #074a7e; + --ds-color-info-text-subtle: #0964a9; --ds-color-info-text-default: #042d4d; --ds-color-info-contrast-default: #ffffff; - --ds-color-info-contrast-subtle: #edf5fa; - --ds-color-warning-background-default: #fffefd; - --ds-color-warning-background-subtle: #f9f4e2; - --ds-color-warning-surface-default: #efe2b3; - --ds-color-warning-surface-hover: #e5d183; - --ds-color-warning-surface-active: #dcbf53; + --ds-color-info-contrast-subtle: #eff6fb; + --ds-color-warning-background-default: #ffffff; + --ds-color-warning-background-subtle: #f9f4e1; + --ds-color-warning-surface-default: #efe2b2; + --ds-color-warning-surface-hover: #e6d184; + --ds-color-warning-surface-active: #ddc159; --ds-color-warning-border-subtle: #d9b945; - --ds-color-warning-border-default: #987f22; - --ds-color-warning-border-strong: #5c4c14; - --ds-color-warning-base-default: #B8581D; - --ds-color-warning-base-hover: #984918; - --ds-color-warning-base-active: #7a3b13; - --ds-color-warning-text-subtle: #9e4b19; - --ds-color-warning-text-default: #47220b; + --ds-color-warning-border-default: #957c21; + --ds-color-warning-border-strong: #736019; + --ds-color-warning-base-default: #b7581d; + --ds-color-warning-base-hover: #994918; + --ds-color-warning-base-active: #7b3b13; + --ds-color-warning-text-subtle: #9b4a18; + --ds-color-warning-text-default: #46220b; --ds-color-warning-contrast-default: #ffffff; - --ds-color-warning-contrast-subtle: #fdfbf9; - --ds-color-focus-inner: #fefefe; - --ds-color-focus-outer: #002d54; + --ds-color-warning-contrast-subtle: #fdf9f8; + --ds-color-focus-inner: #ffffff; + --ds-color-focus-outer: #002c54; color-scheme: light; } @media (prefers-color-scheme: light) { [data-color-scheme="auto"] { - --ds-global-blue-1: #fefeff; + --ds-global-blue-1: #ffffff; --ds-global-blue-2: #edf5fa; - --ds-global-blue-3: #d3e5f4; + --ds-global-blue-3: #d2e5f3; --ds-global-blue-4: #b7d5ed; - --ds-global-blue-5: #9bc5e5; + --ds-global-blue-5: #9fc7e6; --ds-global-blue-6: #94c1e3; - --ds-global-blue-7: #2f86c9; - --ds-global-blue-8: #075089; - --ds-global-blue-9: #0A71C0; - --ds-global-blue-10: #085e9f; - --ds-global-blue-11: #074a7f; - --ds-global-blue-12: #0966ac; + --ds-global-blue-7: #2a83c8; + --ds-global-blue-8: #0964a9; + --ds-global-blue-9: #0a71bf; + --ds-global-blue-10: #085d9f; + --ds-global-blue-11: #074a7e; + --ds-global-blue-12: #0964a9; --ds-global-blue-13: #042d4d; --ds-global-blue-contrast-1: #ffffff; - --ds-global-blue-contrast-2: #edf5fa; - --ds-global-green-1: #fcfefc; - --ds-global-green-2: #edf6ee; - --ds-global-green-3: #d1e9d4; - --ds-global-green-4: #b5dbba; - --ds-global-green-5: #96cd9e; + --ds-global-blue-contrast-2: #eff6fb; + --ds-global-green-1: #ffffff; + --ds-global-green-2: #ecf6ee; + --ds-global-green-3: #d0e8d3; + --ds-global-green-4: #b4dbba; + --ds-global-green-5: #9bcfa2; --ds-global-green-6: #8fc997; - --ds-global-green-7: #229532; - --ds-global-green-8: #045a10; + --ds-global-green-7: #1d922d; + --ds-global-green-8: #057114; --ds-global-green-9: #068718; --ds-global-green-10: #057014; --ds-global-green-11: #045a10; - --ds-global-green-12: #057315; + --ds-global-green-12: #057114; --ds-global-green-13: #023409; --ds-global-green-contrast-1: #ffffff; - --ds-global-green-contrast-2: #f9fcf9; - --ds-global-orange-1: #fffefe; - --ds-global-orange-2: #f9f2ed; - --ds-global-orange-3: #f1ded3; - --ds-global-orange-4: #e9cbb8; - --ds-global-orange-5: #e1b9a0; - --ds-global-orange-6: #deb296; - --ds-global-orange-7: #c06b36; - --ds-global-orange-8: #7c3b14; - --ds-global-orange-9: #B8581D; - --ds-global-orange-10: #984918; - --ds-global-orange-11: #7a3b13; - --ds-global-orange-12: #9e4b19; - --ds-global-orange-13: #47220b; + --ds-global-green-contrast-2: #fafdfb; + --ds-global-orange-1: #ffffff; + --ds-global-orange-2: #faf2ee; + --ds-global-orange-3: #f1dfd3; + --ds-global-orange-4: #e9ccba; + --ds-global-orange-5: #e2baa2; + --ds-global-orange-6: #dfb398; + --ds-global-orange-7: #bf6732; + --ds-global-orange-8: #9b4a18; + --ds-global-orange-9: #b7581d; + --ds-global-orange-10: #994918; + --ds-global-orange-11: #7b3b13; + --ds-global-orange-12: #9b4a18; + --ds-global-orange-13: #46220b; --ds-global-orange-contrast-1: #ffffff; - --ds-global-orange-contrast-2: #fdfbf9; - --ds-global-purple-1: #fefefe; - --ds-global-purple-2: #f5f2f9; + --ds-global-orange-contrast-2: #fdf9f8; + --ds-global-purple-1: #ffffff; + --ds-global-purple-2: #f6f2f9; --ds-global-purple-3: #e7dfef; - --ds-global-purple-4: #d9cce6; - --ds-global-purple-5: #ccbadd; + --ds-global-purple-4: #d9cde6; + --ds-global-purple-5: #cdbcdd; --ds-global-purple-6: #c7b4da; - --ds-global-purple-7: #9572b9; - --ds-global-purple-8: #663399; + --ds-global-purple-7: #936fb7; + --ds-global-purple-8: #794ca6; --ds-global-purple-9: #663299; - --ds-global-purple-10: #4e2676; + --ds-global-purple-10: #4f2776; --ds-global-purple-11: #371b53; - --ds-global-purple-12: #7b4ea7; - --ds-global-purple-13: #3b1d59; + --ds-global-purple-12: #794ca6; + --ds-global-purple-13: #3a1d57; --ds-global-purple-contrast-1: #ffffff; --ds-global-purple-contrast-2: #eee8f3; - --ds-global-red-1: #fffefe; + --ds-global-red-1: #ffffff; --ds-global-red-2: #fbf1f1; --ds-global-red-3: #f5dcdc; - --ds-global-red-4: #f0c7c7; - --ds-global-red-5: #eab3b3; - --ds-global-red-6: #e8acac; - --ds-global-red-7: #d25b5b; - --ds-global-red-8: #9a1616; - --ds-global-red-9: #C01B1B; - --ds-global-red-10: #9c1616; + --ds-global-red-4: #f0c8c8; + --ds-global-red-5: #ebb5b5; + --ds-global-red-6: #e8adad; + --ds-global-red-7: #d15757; + --ds-global-red-8: #bf1b1b; + --ds-global-red-9: #bf1b1b; + --ds-global-red-10: #9b1616; --ds-global-red-11: #791111; - --ds-global-red-12: #c22020; - --ds-global-red-13: #5a0d0d; + --ds-global-red-12: #bf1b1b; + --ds-global-red-13: #590d0d; --ds-global-red-contrast-1: #ffffff; --ds-global-red-contrast-2: #f7e1e1; - --ds-global-yellow-1: #fffefd; - --ds-global-yellow-2: #f9f4e2; - --ds-global-yellow-3: #efe2b3; - --ds-global-yellow-4: #e5d183; - --ds-global-yellow-5: #dcbf53; + --ds-global-yellow-1: #ffffff; + --ds-global-yellow-2: #f9f4e1; + --ds-global-yellow-3: #efe2b2; + --ds-global-yellow-4: #e6d184; + --ds-global-yellow-5: #ddc159; --ds-global-yellow-6: #d9b945; - --ds-global-yellow-7: #987f22; - --ds-global-yellow-8: #5c4c14; - --ds-global-yellow-9: #D4B12F; + --ds-global-yellow-7: #957c21; + --ds-global-yellow-8: #736019; + --ds-global-yellow-9: #d4b12f; --ds-global-yellow-10: #bb9c2a; - --ds-global-yellow-11: #a28724; - --ds-global-yellow-12: #75611a; - --ds-global-yellow-13: #342b0c; + --ds-global-yellow-11: #a38824; + --ds-global-yellow-12: #736019; + --ds-global-yellow-13: #332b0b; --ds-global-yellow-contrast-1: #000000; - --ds-global-yellow-contrast-2: #282109; - --ds-color-accent-background-default: #fefeff; + --ds-global-yellow-contrast-2: #282209; + --ds-color-accent-background-default: #ffffff; --ds-color-accent-background-subtle: #eef4fa; - --ds-color-accent-surface-default: #d1e3f3; + --ds-color-accent-surface-default: #d3e4f3; --ds-color-accent-surface-hover: #bad5ec; - --ds-color-accent-surface-active: #a1c5e5; - --ds-color-accent-border-subtle: #97bfe3; - --ds-color-accent-border-default: #3885c9; - --ds-color-accent-border-strong: #014e93; - --ds-color-accent-base-default: #0163ba; - --ds-color-accent-base-hover: #015097; - --ds-color-accent-base-active: #013f75; - --ds-color-accent-text-subtle: #0163ba; - --ds-color-accent-text-default: #002d54; + --ds-color-accent-surface-active: #a3c6e6; + --ds-color-accent-border-subtle: #99c0e3; + --ds-color-accent-border-default: #3582c8; + --ds-color-accent-border-strong: #0061b8; + --ds-color-accent-base-default: #0062ba; + --ds-color-accent-base-hover: #004f96; + --ds-color-accent-base-active: #003d75; + --ds-color-accent-text-subtle: #0061b8; + --ds-color-accent-text-default: #002c54; --ds-color-accent-contrast-default: #ffffff; --ds-color-accent-contrast-subtle: #dbe9f5; - --ds-color-neutral-background-default: #fefefe; - --ds-color-neutral-background-subtle: #f3f4f5; - --ds-color-neutral-surface-default: #e1e3e5; - --ds-color-neutral-surface-hover: #ced1d4; - --ds-color-neutral-surface-active: #bdc1c6; + --ds-color-neutral-background-default: #ffffff; + --ds-color-neutral-background-subtle: #f3f4f4; + --ds-color-neutral-surface-default: #e0e2e4; + --ds-color-neutral-surface-hover: #cfd2d5; + --ds-color-neutral-surface-active: #bfc3c7; --ds-color-neutral-border-subtle: #b8bcc1; - --ds-color-neutral-border-default: #7a818c; - --ds-color-neutral-border-strong: #444e5d; + --ds-color-neutral-border-default: #777f89; + --ds-color-neutral-border-strong: #59626f; --ds-color-neutral-base-default: #1e2b3c; - --ds-color-neutral-base-hover: #303c4b; - --ds-color-neutral-base-active: #444e5d; - --ds-color-neutral-text-subtle: #5b6471; - --ds-color-neutral-text-default: #202c3d; + --ds-color-neutral-base-hover: #313d4d; + --ds-color-neutral-base-active: #444f5d; + --ds-color-neutral-text-subtle: #59626f; + --ds-color-neutral-text-default: #1f2c3d; --ds-color-neutral-contrast-default: #ffffff; - --ds-color-neutral-contrast-subtle: #bbbfc4; - --ds-color-brand1-background-default: #fffefe; + --ds-color-neutral-contrast-subtle: #babec4; + --ds-color-brand1-background-default: #ffffff; --ds-color-brand1-background-subtle: #fef0f1; - --ds-color-brand1-surface-default: #fcdbdc; + --ds-color-brand1-surface-default: #fcdadb; --ds-color-brand1-surface-hover: #fbc4c5; - --ds-color-brand1-surface-active: #f9acae; - --ds-color-brand1-border-subtle: #f8a5a7; - --ds-color-brand1-border-default: #d95558; - --ds-color-brand1-border-strong: #833336; - --ds-color-brand1-base-default: #f35f63; - --ds-color-brand1-base-hover: #d05255; - --ds-color-brand1-base-active: #af4547; - --ds-color-brand1-text-subtle: #a74144; - --ds-color-brand1-text-default: #4b1e1f; + --ds-color-brand1-surface-active: #f9afb1; + --ds-color-brand1-border-subtle: #f9a5a8; + --ds-color-brand1-border-default: #d55356; + --ds-color-brand1-border-strong: #a44043; + --ds-color-brand1-base-default: #f45f63; + --ds-color-brand1-base-hover: #f78588; + --ds-color-brand1-base-active: #f9a6a8; + --ds-color-brand1-text-subtle: #a44043; + --ds-color-brand1-text-default: #4b1d1e; --ds-color-brand1-contrast-default: #000000; - --ds-color-brand1-contrast-subtle: #000000; - --ds-color-brand2-background-default: #fffefc; - --ds-color-brand2-background-subtle: #fbf3e0; - --ds-color-brand2-surface-default: #f5dfad; - --ds-color-brand2-surface-hover: #f0ce7f; - --ds-color-brand2-surface-active: #e9ba4c; - --ds-color-brand2-border-subtle: #e7b43d; - --ds-color-brand2-border-default: #a57a17; - --ds-color-brand2-border-strong: #63490e; - --ds-color-brand2-base-default: #e4a920; + --ds-color-brand1-contrast-subtle: #020101; + --ds-color-brand2-background-default: #ffffff; + --ds-color-brand2-background-subtle: #fbf3df; + --ds-color-brand2-surface-default: #f6e0ae; + --ds-color-brand2-surface-hover: #f0ce7e; + --ds-color-brand2-surface-active: #eabc4f; + --ds-color-brand2-border-subtle: #e8b43a; + --ds-color-brand2-border-default: #a17817; + --ds-color-brand2-border-strong: #7c5c11; + --ds-color-brand2-base-default: #e5aa21; --ds-color-brand2-base-hover: #c9951c; - --ds-color-brand2-base-active: #af8119; - --ds-color-brand2-text-subtle: #7e5d12; - --ds-color-brand2-text-default: #382a08; + --ds-color-brand2-base-active: #af8218; + --ds-color-brand2-text-subtle: #7c5c11; + --ds-color-brand2-text-default: #382908; --ds-color-brand2-contrast-default: #000000; - --ds-color-brand2-contrast-subtle: #2b2006; - --ds-color-brand3-background-default: #fdfeff; - --ds-color-brand3-background-subtle: #eaf6fe; + --ds-color-brand2-contrast-subtle: #2c2006; + --ds-color-brand3-background-default: #ffffff; + --ds-color-brand3-background-subtle: #eaf5fe; --ds-color-brand3-surface-default: #c8e6fd; - --ds-color-brand3-surface-hover: #a9d7fb; - --ds-color-brand3-surface-active: #84c7fa; - --ds-color-brand3-border-subtle: #7ac2f9; - --ds-color-brand3-border-default: #1a85d6; - --ds-color-brand3-border-strong: #105082; - --ds-color-brand3-base-default: #1e98f5; - --ds-color-brand3-base-hover: #1a83d3; - --ds-color-brand3-base-active: #166eb2; - --ds-color-brand3-text-subtle: #1466a5; - --ds-color-brand3-text-default: #092e4b; + --ds-color-brand3-surface-hover: #a8d7fb; + --ds-color-brand3-surface-active: #89c9fa; + --ds-color-brand3-border-subtle: #7bc3f9; + --ds-color-brand3-border-default: #1a83d2; + --ds-color-brand3-border-strong: #1465a2; + --ds-color-brand3-base-default: #1e98f4; + --ds-color-brand3-base-hover: #53b0f7; + --ds-color-brand3-base-active: #81c5f9; + --ds-color-brand3-text-subtle: #1465a2; + --ds-color-brand3-text-default: #092d49; --ds-color-brand3-contrast-default: #000000; - --ds-color-brand3-contrast-subtle: #010407; - --ds-color-success-background-default: #fcfefc; - --ds-color-success-background-subtle: #edf6ee; - --ds-color-success-surface-default: #d1e9d4; - --ds-color-success-surface-hover: #b5dbba; - --ds-color-success-surface-active: #96cd9e; + --ds-color-brand3-contrast-subtle: #010507; + --ds-color-success-background-default: #ffffff; + --ds-color-success-background-subtle: #ecf6ee; + --ds-color-success-surface-default: #d0e8d3; + --ds-color-success-surface-hover: #b4dbba; + --ds-color-success-surface-active: #9bcfa2; --ds-color-success-border-subtle: #8fc997; - --ds-color-success-border-default: #229532; - --ds-color-success-border-strong: #045a10; + --ds-color-success-border-default: #1d922d; + --ds-color-success-border-strong: #057114; --ds-color-success-base-default: #068718; --ds-color-success-base-hover: #057014; --ds-color-success-base-active: #045a10; - --ds-color-success-text-subtle: #057315; + --ds-color-success-text-subtle: #057114; --ds-color-success-text-default: #023409; --ds-color-success-contrast-default: #ffffff; - --ds-color-success-contrast-subtle: #f9fcf9; - --ds-color-danger-background-default: #fffefe; + --ds-color-success-contrast-subtle: #fafdfb; + --ds-color-danger-background-default: #ffffff; --ds-color-danger-background-subtle: #fbf1f1; --ds-color-danger-surface-default: #f5dcdc; - --ds-color-danger-surface-hover: #f0c7c7; - --ds-color-danger-surface-active: #eab3b3; - --ds-color-danger-border-subtle: #e8acac; - --ds-color-danger-border-default: #d25b5b; - --ds-color-danger-border-strong: #9a1616; - --ds-color-danger-base-default: #C01B1B; - --ds-color-danger-base-hover: #9c1616; + --ds-color-danger-surface-hover: #f0c8c8; + --ds-color-danger-surface-active: #ebb5b5; + --ds-color-danger-border-subtle: #e8adad; + --ds-color-danger-border-default: #d15757; + --ds-color-danger-border-strong: #bf1b1b; + --ds-color-danger-base-default: #bf1b1b; + --ds-color-danger-base-hover: #9b1616; --ds-color-danger-base-active: #791111; - --ds-color-danger-text-subtle: #c22020; - --ds-color-danger-text-default: #5a0d0d; + --ds-color-danger-text-subtle: #bf1b1b; + --ds-color-danger-text-default: #590d0d; --ds-color-danger-contrast-default: #ffffff; --ds-color-danger-contrast-subtle: #f7e1e1; - --ds-color-info-background-default: #fefeff; + --ds-color-info-background-default: #ffffff; --ds-color-info-background-subtle: #edf5fa; - --ds-color-info-surface-default: #d3e5f4; + --ds-color-info-surface-default: #d2e5f3; --ds-color-info-surface-hover: #b7d5ed; - --ds-color-info-surface-active: #9bc5e5; + --ds-color-info-surface-active: #9fc7e6; --ds-color-info-border-subtle: #94c1e3; - --ds-color-info-border-default: #2f86c9; - --ds-color-info-border-strong: #075089; - --ds-color-info-base-default: #0A71C0; - --ds-color-info-base-hover: #085e9f; - --ds-color-info-base-active: #074a7f; - --ds-color-info-text-subtle: #0966ac; + --ds-color-info-border-default: #2a83c8; + --ds-color-info-border-strong: #0964a9; + --ds-color-info-base-default: #0a71bf; + --ds-color-info-base-hover: #085d9f; + --ds-color-info-base-active: #074a7e; + --ds-color-info-text-subtle: #0964a9; --ds-color-info-text-default: #042d4d; --ds-color-info-contrast-default: #ffffff; - --ds-color-info-contrast-subtle: #edf5fa; - --ds-color-warning-background-default: #fffefd; - --ds-color-warning-background-subtle: #f9f4e2; - --ds-color-warning-surface-default: #efe2b3; - --ds-color-warning-surface-hover: #e5d183; - --ds-color-warning-surface-active: #dcbf53; + --ds-color-info-contrast-subtle: #eff6fb; + --ds-color-warning-background-default: #ffffff; + --ds-color-warning-background-subtle: #f9f4e1; + --ds-color-warning-surface-default: #efe2b2; + --ds-color-warning-surface-hover: #e6d184; + --ds-color-warning-surface-active: #ddc159; --ds-color-warning-border-subtle: #d9b945; - --ds-color-warning-border-default: #987f22; - --ds-color-warning-border-strong: #5c4c14; - --ds-color-warning-base-default: #B8581D; - --ds-color-warning-base-hover: #984918; - --ds-color-warning-base-active: #7a3b13; - --ds-color-warning-text-subtle: #9e4b19; - --ds-color-warning-text-default: #47220b; + --ds-color-warning-border-default: #957c21; + --ds-color-warning-border-strong: #736019; + --ds-color-warning-base-default: #b7581d; + --ds-color-warning-base-hover: #994918; + --ds-color-warning-base-active: #7b3b13; + --ds-color-warning-text-subtle: #9b4a18; + --ds-color-warning-text-default: #46220b; --ds-color-warning-contrast-default: #ffffff; - --ds-color-warning-contrast-subtle: #fdfbf9; - --ds-color-focus-inner: #fefefe; - --ds-color-focus-outer: #002d54; + --ds-color-warning-contrast-subtle: #fdf9f8; + --ds-color-focus-inner: #ffffff; + --ds-color-focus-outer: #002c54; color-scheme: light; } @@ -677,466 +677,466 @@ @layer ds.theme.color-scheme.dark { [data-color-scheme="dark"] { - --ds-global-blue-1: #031d30; - --ds-global-blue-2: #032540; - --ds-global-blue-3: #043256; - --ds-global-blue-4: #063f6c; - --ds-global-blue-5: #074d84; - --ds-global-blue-6: #075490; - --ds-global-blue-7: #0c72c1; - --ds-global-blue-8: #98c3e5; - --ds-global-blue-9: #2c85c9; - --ds-global-blue-10: #529bd2; - --ds-global-blue-11: #75afdc; - --ds-global-blue-12: #6ba9d9; - --ds-global-blue-13: #d3e5f4; + --ds-global-blue-1: #031e33; + --ds-global-blue-2: #032641; + --ds-global-blue-3: #043154; + --ds-global-blue-4: #063f6a; + --ds-global-blue-5: #074d82; + --ds-global-blue-6: #07538d; + --ds-global-blue-7: #2480c7; + --ds-global-blue-8: #69a8d8; + --ds-global-blue-9: #2d85c9; + --ds-global-blue-10: #519ad2; + --ds-global-blue-11: #77b0dc; + --ds-global-blue-12: #69a8d8; + --ds-global-blue-13: #d6e7f4; --ds-global-blue-contrast-1: #000000; - --ds-global-blue-contrast-2: #040e15; - --ds-global-green-1: #012106; - --ds-global-green-2: #022b08; + --ds-global-blue-contrast-2: #050e15; + --ds-global-green-1: #022306; + --ds-global-green-2: #022c08; --ds-global-green-3: #03380a; - --ds-global-green-4: #03490d; - --ds-global-green-5: #045810; + --ds-global-green-4: #03470d; + --ds-global-green-5: #04570f; --ds-global-green-6: #045f11; - --ds-global-green-7: #068217; - --ds-global-green-8: #93cb9b; + --ds-global-green-7: #178f28; + --ds-global-green-8: #62b36d; --ds-global-green-9: #138d24; - --ds-global-green-10: #3da14b; - --ds-global-green-11: #65b570; - --ds-global-green-12: #63b46f; - --ds-global-green-13: #d1e9d4; + --ds-global-green-10: #3ca14b; + --ds-global-green-11: #66b571; + --ds-global-green-12: #62b36d; + --ds-global-green-13: #d4ead7; --ds-global-green-contrast-1: #000000; --ds-global-green-contrast-2: #010501; - --ds-global-orange-1: #2d1507; - --ds-global-orange-2: #391b09; - --ds-global-orange-3: #4e250c; - --ds-global-orange-4: #633010; - --ds-global-orange-5: #783a13; - --ds-global-orange-6: #833f15; - --ds-global-orange-7: #b2551c; - --ds-global-orange-8: #e0b69c; - --ds-global-orange-9: #bc622b; + --ds-global-orange-1: #2f1607; + --ds-global-orange-2: #3b1c09; + --ds-global-orange-3: #4d250c; + --ds-global-orange-4: #612f0f; + --ds-global-orange-5: #773913; + --ds-global-orange-6: #823e14; + --ds-global-orange-7: #bd632d; + --ds-global-orange-8: #d2946e; + --ds-global-orange-9: #bc612a; --ds-global-orange-10: #c87d4f; - --ds-global-orange-11: #d39773; - --ds-global-orange-12: #d29671; - --ds-global-orange-13: #f1ded3; + --ds-global-orange-11: #d39772; + --ds-global-orange-12: #d2946e; + --ds-global-orange-13: #f2e2d7; --ds-global-orange-contrast-1: #000000; - --ds-global-orange-contrast-2: #090402; - --ds-global-purple-1: #251238; - --ds-global-purple-2: #301748; - --ds-global-purple-3: #402060; - --ds-global-purple-4: #52287a; - --ds-global-purple-5: #643196; - --ds-global-purple-6: #6b399d; - --ds-global-purple-7: #865daf; - --ds-global-purple-8: #c9b7db; - --ds-global-purple-9: #b39acd; + --ds-global-orange-contrast-2: #070301; + --ds-global-purple-1: #27133a; + --ds-global-purple-2: #31184a; + --ds-global-purple-3: #401f5f; + --ds-global-purple-4: #512879; + --ds-global-purple-5: #633094; + --ds-global-purple-6: #6a379c; + --ds-global-purple-7: #916cb6; + --ds-global-purple-8: #b297cb; + --ds-global-purple-9: #b49acd; --ds-global-purple-10: #a282c1; --ds-global-purple-11: #906ab5; - --ds-global-purple-12: #b298cc; - --ds-global-purple-13: #e7dfef; + --ds-global-purple-12: #b297cb; + --ds-global-purple-13: #e9e2f0; --ds-global-purple-contrast-1: #000000; - --ds-global-purple-contrast-2: #18141b; - --ds-global-red-1: #3b0808; - --ds-global-red-2: #4b0a0a; - --ds-global-red-3: #620e0e; - --ds-global-red-4: #7c1212; - --ds-global-red-5: #961515; - --ds-global-red-6: #a31717; - --ds-global-red-7: #c93c3c; - --ds-global-red-8: #e9b0b0; - --ds-global-red-9: #d76d6d; + --ds-global-purple-contrast-2: #18151c; + --ds-global-red-1: #3d0909; + --ds-global-red-2: #4c0b0b; + --ds-global-red-3: #610e0e; + --ds-global-red-4: #7a1111; + --ds-global-red-5: #941515; + --ds-global-red-6: #a11717; + --ds-global-red-7: #cf5252; + --ds-global-red-8: #df8b8b; + --ds-global-red-9: #d76e6e; --ds-global-red-10: #df8b8b; --ds-global-red-11: #e7a8a8; - --ds-global-red-12: #df8d8d; - --ds-global-red-13: #f5dcdc; + --ds-global-red-12: #df8b8b; + --ds-global-red-13: #f6dfdf; --ds-global-red-contrast-1: #000000; - --ds-global-red-contrast-2: #261313; - --ds-global-yellow-1: #211b07; - --ds-global-yellow-2: #2b2309; - --ds-global-yellow-3: #392f0d; + --ds-global-red-contrast-2: #271414; + --ds-global-yellow-1: #221c08; + --ds-global-yellow-2: #2b240a; + --ds-global-yellow-3: #382f0c; --ds-global-yellow-4: #483c10; - --ds-global-yellow-5: #594a14; - --ds-global-yellow-6: #625116; - --ds-global-yellow-7: #836d1d; - --ds-global-yellow-8: #dabc4c; - --ds-global-yellow-9: #4b3e11; - --ds-global-yellow-10: #605115; - --ds-global-yellow-11: #77641a; - --ds-global-yellow-12: #bfa02a; - --ds-global-yellow-13: #efe2b3; + --ds-global-yellow-5: #584913; + --ds-global-yellow-6: #5f5015; + --ds-global-yellow-7: #927a20; + --ds-global-yellow-8: #bf9f2a; + --ds-global-yellow-9: #4a3e10; + --ds-global-yellow-10: #615115; + --ds-global-yellow-11: #77631a; + --ds-global-yellow-12: #bf9f2a; + --ds-global-yellow-13: #f1e5b9; --ds-global-yellow-contrast-1: #ffffff; --ds-global-yellow-contrast-2: #dbd9d0; - --ds-color-accent-background-default: #001c36; - --ds-color-accent-background-subtle: #002545; - --ds-color-accent-surface-default: #00315b; - --ds-color-accent-surface-hover: #013f75; - --ds-color-accent-surface-active: #014b8e; - --ds-color-accent-border-subtle: #01539b; - --ds-color-accent-border-default: #1971c0; - --ds-color-accent-border-strong: #9bc2e4; - --ds-color-accent-base-default: #4b90ce; - --ds-color-accent-base-hover: #277ac4; - --ds-color-accent-base-active: #0163ba; - --ds-color-accent-text-subtle: #72a8d9; - --ds-color-accent-text-default: #d1e3f3; + --ds-color-accent-background-default: #001e38; + --ds-color-accent-background-subtle: #002547; + --ds-color-accent-surface-default: #00305c; + --ds-color-accent-surface-hover: #003d74; + --ds-color-accent-surface-active: #004b8d; + --ds-color-accent-border-subtle: #00519a; + --ds-color-accent-border-default: #307fc7; + --ds-color-accent-border-strong: #70a7d8; + --ds-color-accent-base-default: #4c91cf; + --ds-color-accent-base-hover: #6fa6d8; + --ds-color-accent-base-active: #92bce1; + --ds-color-accent-text-subtle: #70a7d8; + --ds-color-accent-text-default: #d7e7f4; --ds-color-accent-contrast-default: #000000; - --ds-color-accent-contrast-subtle: #0d1823; - --ds-color-neutral-background-default: #131c27; - --ds-color-neutral-background-subtle: #192433; - --ds-color-neutral-surface-default: #243142; - --ds-color-neutral-surface-hover: #333e4e; - --ds-color-neutral-surface-active: #424d5b; - --ds-color-neutral-border-subtle: #495361; - --ds-color-neutral-border-default: #67707c; - --ds-color-neutral-border-strong: #bbbfc4; - --ds-color-neutral-base-default: #a6abb2; - --ds-color-neutral-base-hover: #90969e; - --ds-color-neutral-base-active: #7a818c; - --ds-color-neutral-text-subtle: #9ea3ab; - --ds-color-neutral-text-default: #e1e3e5; + --ds-color-accent-contrast-subtle: #0d1924; + --ds-color-neutral-background-default: #141d29; + --ds-color-neutral-background-subtle: #1a2534; + --ds-color-neutral-surface-default: #243041; + --ds-color-neutral-surface-hover: #323e4d; + --ds-color-neutral-surface-active: #404b5a; + --ds-color-neutral-border-subtle: #475260; + --ds-color-neutral-border-default: #747c87; + --ds-color-neutral-border-strong: #9da2aa; + --ds-color-neutral-base-default: #a6acb2; + --ds-color-neutral-base-hover: #90979f; + --ds-color-neutral-base-active: #7a828c; + --ds-color-neutral-text-subtle: #9da2aa; + --ds-color-neutral-text-default: #e3e5e7; --ds-color-neutral-contrast-default: #000000; - --ds-color-neutral-contrast-subtle: #1b1b1d; - --ds-color-brand1-background-default: #2f1213; - --ds-color-brand1-background-subtle: #3e1819; - --ds-color-brand1-surface-default: #522022; - --ds-color-brand1-surface-hover: #68292b; - --ds-color-brand1-surface-active: #7f3234; - --ds-color-brand1-border-subtle: #8b3639; - --ds-color-brand1-border-default: #bc494c; - --ds-color-brand1-border-strong: #f9a9ab; + --ds-color-neutral-contrast-subtle: #1b1c1d; + --ds-color-brand1-background-default: #321314; + --ds-color-brand1-background-subtle: #3f181a; + --ds-color-brand1-surface-default: #512021; + --ds-color-brand1-surface-hover: #67282a; + --ds-color-brand1-surface-active: #7e3133; + --ds-color-brand1-border-subtle: #893538; + --ds-color-brand1-border-default: #d05155; + --ds-color-brand1-border-strong: #f67e81; --ds-color-brand1-base-default: #9f3e41; --ds-color-brand1-base-hover: #7f3234; --ds-color-brand1-base-active: #612628; - --ds-color-brand1-text-subtle: #f58083; - --ds-color-brand1-text-default: #fcdbdc; + --ds-color-brand1-text-subtle: #f67e81; + --ds-color-brand1-text-default: #fdddde; --ds-color-brand1-contrast-default: #ffffff; - --ds-color-brand1-contrast-subtle: #fefefe; - --ds-color-brand2-background-default: #231a05; - --ds-color-brand2-background-subtle: #2d2206; - --ds-color-brand2-surface-default: #3d2e09; - --ds-color-brand2-surface-hover: #4f3a0b; - --ds-color-brand2-surface-active: #60470e; - --ds-color-brand2-border-subtle: #694d0f; - --ds-color-brand2-border-default: #8e6914; - --ds-color-brand2-border-strong: #e8b744; - --ds-color-brand2-base-default: #523c0b; - --ds-color-brand2-base-hover: #694d0f; - --ds-color-brand2-base-active: #826112; - --ds-color-brand2-text-subtle: #d09a1d; - --ds-color-brand2-text-default: #f5dfad; + --ds-color-brand1-contrast-subtle: #ffffff; + --ds-color-brand2-background-default: #251b05; + --ds-color-brand2-background-subtle: #2f2307; + --ds-color-brand2-surface-default: #3d2d09; + --ds-color-brand2-surface-hover: #4d3a0b; + --ds-color-brand2-surface-active: #5f460d; + --ds-color-brand2-border-subtle: #674d0e; + --ds-color-brand2-border-default: #9e7516; + --ds-color-brand2-border-strong: #ce991d; + --ds-color-brand2-base-default: #513c0b; + --ds-color-brand2-base-hover: #694e0f; + --ds-color-brand2-base-active: #816012; + --ds-color-brand2-text-subtle: #ce991d; + --ds-color-brand2-text-default: #f6e3b6; --ds-color-brand2-contrast-default: #ffffff; --ds-color-brand2-contrast-subtle: #ddd9cf; - --ds-color-brand3-background-default: #061d30; - --ds-color-brand3-background-subtle: #07253c; - --ds-color-brand3-surface-default: #0a3251; - --ds-color-brand3-surface-hover: #0d4068; - --ds-color-brand3-surface-active: #0f4e7f; - --ds-color-brand3-border-subtle: #11558a; - --ds-color-brand3-border-default: #1773b9; - --ds-color-brand3-border-strong: #81c5f9; - --ds-color-brand3-base-default: #13609a; + --ds-color-brand3-background-default: #061e31; + --ds-color-brand3-background-subtle: #08263e; + --ds-color-brand3-surface-default: #0a3250; + --ds-color-brand3-surface-hover: #0c3f66; + --ds-color-brand3-surface-active: #0f4d7c; + --ds-color-brand3-border-subtle: #115487; + --ds-color-brand3-border-default: #1980ce; + --ds-color-brand3-border-strong: #42a8f7; + --ds-color-brand3-base-default: #135f9a; --ds-color-brand3-base-hover: #0f4c7a; - --ds-color-brand3-base-active: #0b3a5d; - --ds-color-brand3-text-subtle: #44aaf7; - --ds-color-brand3-text-default: #c8e6fd; + --ds-color-brand3-base-active: #0b395d; + --ds-color-brand3-text-subtle: #42a8f7; + --ds-color-brand3-text-default: #cde8fd; --ds-color-brand3-contrast-default: #ffffff; - --ds-color-brand3-contrast-subtle: #fafcfd; - --ds-color-success-background-default: #012106; - --ds-color-success-background-subtle: #022b08; + --ds-color-brand3-contrast-subtle: #fbfcfd; + --ds-color-success-background-default: #022306; + --ds-color-success-background-subtle: #022c08; --ds-color-success-surface-default: #03380a; - --ds-color-success-surface-hover: #03490d; - --ds-color-success-surface-active: #045810; + --ds-color-success-surface-hover: #03470d; + --ds-color-success-surface-active: #04570f; --ds-color-success-border-subtle: #045f11; - --ds-color-success-border-default: #068217; - --ds-color-success-border-strong: #93cb9b; + --ds-color-success-border-default: #178f28; + --ds-color-success-border-strong: #62b36d; --ds-color-success-base-default: #138d24; - --ds-color-success-base-hover: #3da14b; - --ds-color-success-base-active: #65b570; - --ds-color-success-text-subtle: #63b46f; - --ds-color-success-text-default: #d1e9d4; + --ds-color-success-base-hover: #3ca14b; + --ds-color-success-base-active: #66b571; + --ds-color-success-text-subtle: #62b36d; + --ds-color-success-text-default: #d4ead7; --ds-color-success-contrast-default: #000000; --ds-color-success-contrast-subtle: #010501; - --ds-color-danger-background-default: #3b0808; - --ds-color-danger-background-subtle: #4b0a0a; - --ds-color-danger-surface-default: #620e0e; - --ds-color-danger-surface-hover: #7c1212; - --ds-color-danger-surface-active: #961515; - --ds-color-danger-border-subtle: #a31717; - --ds-color-danger-border-default: #c93c3c; - --ds-color-danger-border-strong: #e9b0b0; - --ds-color-danger-base-default: #d76d6d; + --ds-color-danger-background-default: #3d0909; + --ds-color-danger-background-subtle: #4c0b0b; + --ds-color-danger-surface-default: #610e0e; + --ds-color-danger-surface-hover: #7a1111; + --ds-color-danger-surface-active: #941515; + --ds-color-danger-border-subtle: #a11717; + --ds-color-danger-border-default: #cf5252; + --ds-color-danger-border-strong: #df8b8b; + --ds-color-danger-base-default: #d76e6e; --ds-color-danger-base-hover: #df8b8b; --ds-color-danger-base-active: #e7a8a8; - --ds-color-danger-text-subtle: #df8d8d; - --ds-color-danger-text-default: #f5dcdc; + --ds-color-danger-text-subtle: #df8b8b; + --ds-color-danger-text-default: #f6dfdf; --ds-color-danger-contrast-default: #000000; - --ds-color-danger-contrast-subtle: #261313; - --ds-color-info-background-default: #031d30; - --ds-color-info-background-subtle: #032540; - --ds-color-info-surface-default: #043256; - --ds-color-info-surface-hover: #063f6c; - --ds-color-info-surface-active: #074d84; - --ds-color-info-border-subtle: #075490; - --ds-color-info-border-default: #0c72c1; - --ds-color-info-border-strong: #98c3e5; - --ds-color-info-base-default: #2c85c9; - --ds-color-info-base-hover: #529bd2; - --ds-color-info-base-active: #75afdc; - --ds-color-info-text-subtle: #6ba9d9; - --ds-color-info-text-default: #d3e5f4; + --ds-color-danger-contrast-subtle: #271414; + --ds-color-info-background-default: #031e33; + --ds-color-info-background-subtle: #032641; + --ds-color-info-surface-default: #043154; + --ds-color-info-surface-hover: #063f6a; + --ds-color-info-surface-active: #074d82; + --ds-color-info-border-subtle: #07538d; + --ds-color-info-border-default: #2480c7; + --ds-color-info-border-strong: #69a8d8; + --ds-color-info-base-default: #2d85c9; + --ds-color-info-base-hover: #519ad2; + --ds-color-info-base-active: #77b0dc; + --ds-color-info-text-subtle: #69a8d8; + --ds-color-info-text-default: #d6e7f4; --ds-color-info-contrast-default: #000000; - --ds-color-info-contrast-subtle: #040e15; - --ds-color-warning-background-default: #211b07; - --ds-color-warning-background-subtle: #2b2309; - --ds-color-warning-surface-default: #392f0d; + --ds-color-info-contrast-subtle: #050e15; + --ds-color-warning-background-default: #221c08; + --ds-color-warning-background-subtle: #2b240a; + --ds-color-warning-surface-default: #382f0c; --ds-color-warning-surface-hover: #483c10; - --ds-color-warning-surface-active: #594a14; - --ds-color-warning-border-subtle: #625116; - --ds-color-warning-border-default: #836d1d; - --ds-color-warning-border-strong: #dabc4c; - --ds-color-warning-base-default: #bc622b; + --ds-color-warning-surface-active: #584913; + --ds-color-warning-border-subtle: #5f5015; + --ds-color-warning-border-default: #927a20; + --ds-color-warning-border-strong: #bf9f2a; + --ds-color-warning-base-default: #bc612a; --ds-color-warning-base-hover: #c87d4f; - --ds-color-warning-base-active: #d39773; - --ds-color-warning-text-subtle: #d29671; - --ds-color-warning-text-default: #f1ded3; + --ds-color-warning-base-active: #d39772; + --ds-color-warning-text-subtle: #d2946e; + --ds-color-warning-text-default: #f2e2d7; --ds-color-warning-contrast-default: #000000; - --ds-color-warning-contrast-subtle: #090402; - --ds-color-focus-inner: #131c27; - --ds-color-focus-outer: #d1e3f3; + --ds-color-warning-contrast-subtle: #070301; + --ds-color-focus-inner: #141d29; + --ds-color-focus-outer: #d7e7f4; color-scheme: dark; } @media (prefers-color-scheme: dark) { [data-color-scheme="auto"] { - --ds-global-blue-1: #031d30; - --ds-global-blue-2: #032540; - --ds-global-blue-3: #043256; - --ds-global-blue-4: #063f6c; - --ds-global-blue-5: #074d84; - --ds-global-blue-6: #075490; - --ds-global-blue-7: #0c72c1; - --ds-global-blue-8: #98c3e5; - --ds-global-blue-9: #2c85c9; - --ds-global-blue-10: #529bd2; - --ds-global-blue-11: #75afdc; - --ds-global-blue-12: #6ba9d9; - --ds-global-blue-13: #d3e5f4; + --ds-global-blue-1: #031e33; + --ds-global-blue-2: #032641; + --ds-global-blue-3: #043154; + --ds-global-blue-4: #063f6a; + --ds-global-blue-5: #074d82; + --ds-global-blue-6: #07538d; + --ds-global-blue-7: #2480c7; + --ds-global-blue-8: #69a8d8; + --ds-global-blue-9: #2d85c9; + --ds-global-blue-10: #519ad2; + --ds-global-blue-11: #77b0dc; + --ds-global-blue-12: #69a8d8; + --ds-global-blue-13: #d6e7f4; --ds-global-blue-contrast-1: #000000; - --ds-global-blue-contrast-2: #040e15; - --ds-global-green-1: #012106; - --ds-global-green-2: #022b08; + --ds-global-blue-contrast-2: #050e15; + --ds-global-green-1: #022306; + --ds-global-green-2: #022c08; --ds-global-green-3: #03380a; - --ds-global-green-4: #03490d; - --ds-global-green-5: #045810; + --ds-global-green-4: #03470d; + --ds-global-green-5: #04570f; --ds-global-green-6: #045f11; - --ds-global-green-7: #068217; - --ds-global-green-8: #93cb9b; + --ds-global-green-7: #178f28; + --ds-global-green-8: #62b36d; --ds-global-green-9: #138d24; - --ds-global-green-10: #3da14b; - --ds-global-green-11: #65b570; - --ds-global-green-12: #63b46f; - --ds-global-green-13: #d1e9d4; + --ds-global-green-10: #3ca14b; + --ds-global-green-11: #66b571; + --ds-global-green-12: #62b36d; + --ds-global-green-13: #d4ead7; --ds-global-green-contrast-1: #000000; --ds-global-green-contrast-2: #010501; - --ds-global-orange-1: #2d1507; - --ds-global-orange-2: #391b09; - --ds-global-orange-3: #4e250c; - --ds-global-orange-4: #633010; - --ds-global-orange-5: #783a13; - --ds-global-orange-6: #833f15; - --ds-global-orange-7: #b2551c; - --ds-global-orange-8: #e0b69c; - --ds-global-orange-9: #bc622b; + --ds-global-orange-1: #2f1607; + --ds-global-orange-2: #3b1c09; + --ds-global-orange-3: #4d250c; + --ds-global-orange-4: #612f0f; + --ds-global-orange-5: #773913; + --ds-global-orange-6: #823e14; + --ds-global-orange-7: #bd632d; + --ds-global-orange-8: #d2946e; + --ds-global-orange-9: #bc612a; --ds-global-orange-10: #c87d4f; - --ds-global-orange-11: #d39773; - --ds-global-orange-12: #d29671; - --ds-global-orange-13: #f1ded3; + --ds-global-orange-11: #d39772; + --ds-global-orange-12: #d2946e; + --ds-global-orange-13: #f2e2d7; --ds-global-orange-contrast-1: #000000; - --ds-global-orange-contrast-2: #090402; - --ds-global-purple-1: #251238; - --ds-global-purple-2: #301748; - --ds-global-purple-3: #402060; - --ds-global-purple-4: #52287a; - --ds-global-purple-5: #643196; - --ds-global-purple-6: #6b399d; - --ds-global-purple-7: #865daf; - --ds-global-purple-8: #c9b7db; - --ds-global-purple-9: #b39acd; + --ds-global-orange-contrast-2: #070301; + --ds-global-purple-1: #27133a; + --ds-global-purple-2: #31184a; + --ds-global-purple-3: #401f5f; + --ds-global-purple-4: #512879; + --ds-global-purple-5: #633094; + --ds-global-purple-6: #6a379c; + --ds-global-purple-7: #916cb6; + --ds-global-purple-8: #b297cb; + --ds-global-purple-9: #b49acd; --ds-global-purple-10: #a282c1; --ds-global-purple-11: #906ab5; - --ds-global-purple-12: #b298cc; - --ds-global-purple-13: #e7dfef; + --ds-global-purple-12: #b297cb; + --ds-global-purple-13: #e9e2f0; --ds-global-purple-contrast-1: #000000; - --ds-global-purple-contrast-2: #18141b; - --ds-global-red-1: #3b0808; - --ds-global-red-2: #4b0a0a; - --ds-global-red-3: #620e0e; - --ds-global-red-4: #7c1212; - --ds-global-red-5: #961515; - --ds-global-red-6: #a31717; - --ds-global-red-7: #c93c3c; - --ds-global-red-8: #e9b0b0; - --ds-global-red-9: #d76d6d; + --ds-global-purple-contrast-2: #18151c; + --ds-global-red-1: #3d0909; + --ds-global-red-2: #4c0b0b; + --ds-global-red-3: #610e0e; + --ds-global-red-4: #7a1111; + --ds-global-red-5: #941515; + --ds-global-red-6: #a11717; + --ds-global-red-7: #cf5252; + --ds-global-red-8: #df8b8b; + --ds-global-red-9: #d76e6e; --ds-global-red-10: #df8b8b; --ds-global-red-11: #e7a8a8; - --ds-global-red-12: #df8d8d; - --ds-global-red-13: #f5dcdc; + --ds-global-red-12: #df8b8b; + --ds-global-red-13: #f6dfdf; --ds-global-red-contrast-1: #000000; - --ds-global-red-contrast-2: #261313; - --ds-global-yellow-1: #211b07; - --ds-global-yellow-2: #2b2309; - --ds-global-yellow-3: #392f0d; + --ds-global-red-contrast-2: #271414; + --ds-global-yellow-1: #221c08; + --ds-global-yellow-2: #2b240a; + --ds-global-yellow-3: #382f0c; --ds-global-yellow-4: #483c10; - --ds-global-yellow-5: #594a14; - --ds-global-yellow-6: #625116; - --ds-global-yellow-7: #836d1d; - --ds-global-yellow-8: #dabc4c; - --ds-global-yellow-9: #4b3e11; - --ds-global-yellow-10: #605115; - --ds-global-yellow-11: #77641a; - --ds-global-yellow-12: #bfa02a; - --ds-global-yellow-13: #efe2b3; + --ds-global-yellow-5: #584913; + --ds-global-yellow-6: #5f5015; + --ds-global-yellow-7: #927a20; + --ds-global-yellow-8: #bf9f2a; + --ds-global-yellow-9: #4a3e10; + --ds-global-yellow-10: #615115; + --ds-global-yellow-11: #77631a; + --ds-global-yellow-12: #bf9f2a; + --ds-global-yellow-13: #f1e5b9; --ds-global-yellow-contrast-1: #ffffff; --ds-global-yellow-contrast-2: #dbd9d0; - --ds-color-accent-background-default: #001c36; - --ds-color-accent-background-subtle: #002545; - --ds-color-accent-surface-default: #00315b; - --ds-color-accent-surface-hover: #013f75; - --ds-color-accent-surface-active: #014b8e; - --ds-color-accent-border-subtle: #01539b; - --ds-color-accent-border-default: #1971c0; - --ds-color-accent-border-strong: #9bc2e4; - --ds-color-accent-base-default: #4b90ce; - --ds-color-accent-base-hover: #277ac4; - --ds-color-accent-base-active: #0163ba; - --ds-color-accent-text-subtle: #72a8d9; - --ds-color-accent-text-default: #d1e3f3; + --ds-color-accent-background-default: #001e38; + --ds-color-accent-background-subtle: #002547; + --ds-color-accent-surface-default: #00305c; + --ds-color-accent-surface-hover: #003d74; + --ds-color-accent-surface-active: #004b8d; + --ds-color-accent-border-subtle: #00519a; + --ds-color-accent-border-default: #307fc7; + --ds-color-accent-border-strong: #70a7d8; + --ds-color-accent-base-default: #4c91cf; + --ds-color-accent-base-hover: #6fa6d8; + --ds-color-accent-base-active: #92bce1; + --ds-color-accent-text-subtle: #70a7d8; + --ds-color-accent-text-default: #d7e7f4; --ds-color-accent-contrast-default: #000000; - --ds-color-accent-contrast-subtle: #0d1823; - --ds-color-neutral-background-default: #131c27; - --ds-color-neutral-background-subtle: #192433; - --ds-color-neutral-surface-default: #243142; - --ds-color-neutral-surface-hover: #333e4e; - --ds-color-neutral-surface-active: #424d5b; - --ds-color-neutral-border-subtle: #495361; - --ds-color-neutral-border-default: #67707c; - --ds-color-neutral-border-strong: #bbbfc4; - --ds-color-neutral-base-default: #a6abb2; - --ds-color-neutral-base-hover: #90969e; - --ds-color-neutral-base-active: #7a818c; - --ds-color-neutral-text-subtle: #9ea3ab; - --ds-color-neutral-text-default: #e1e3e5; + --ds-color-accent-contrast-subtle: #0d1924; + --ds-color-neutral-background-default: #141d29; + --ds-color-neutral-background-subtle: #1a2534; + --ds-color-neutral-surface-default: #243041; + --ds-color-neutral-surface-hover: #323e4d; + --ds-color-neutral-surface-active: #404b5a; + --ds-color-neutral-border-subtle: #475260; + --ds-color-neutral-border-default: #747c87; + --ds-color-neutral-border-strong: #9da2aa; + --ds-color-neutral-base-default: #a6acb2; + --ds-color-neutral-base-hover: #90979f; + --ds-color-neutral-base-active: #7a828c; + --ds-color-neutral-text-subtle: #9da2aa; + --ds-color-neutral-text-default: #e3e5e7; --ds-color-neutral-contrast-default: #000000; - --ds-color-neutral-contrast-subtle: #1b1b1d; - --ds-color-brand1-background-default: #2f1213; - --ds-color-brand1-background-subtle: #3e1819; - --ds-color-brand1-surface-default: #522022; - --ds-color-brand1-surface-hover: #68292b; - --ds-color-brand1-surface-active: #7f3234; - --ds-color-brand1-border-subtle: #8b3639; - --ds-color-brand1-border-default: #bc494c; - --ds-color-brand1-border-strong: #f9a9ab; + --ds-color-neutral-contrast-subtle: #1b1c1d; + --ds-color-brand1-background-default: #321314; + --ds-color-brand1-background-subtle: #3f181a; + --ds-color-brand1-surface-default: #512021; + --ds-color-brand1-surface-hover: #67282a; + --ds-color-brand1-surface-active: #7e3133; + --ds-color-brand1-border-subtle: #893538; + --ds-color-brand1-border-default: #d05155; + --ds-color-brand1-border-strong: #f67e81; --ds-color-brand1-base-default: #9f3e41; --ds-color-brand1-base-hover: #7f3234; --ds-color-brand1-base-active: #612628; - --ds-color-brand1-text-subtle: #f58083; - --ds-color-brand1-text-default: #fcdbdc; + --ds-color-brand1-text-subtle: #f67e81; + --ds-color-brand1-text-default: #fdddde; --ds-color-brand1-contrast-default: #ffffff; - --ds-color-brand1-contrast-subtle: #fefefe; - --ds-color-brand2-background-default: #231a05; - --ds-color-brand2-background-subtle: #2d2206; - --ds-color-brand2-surface-default: #3d2e09; - --ds-color-brand2-surface-hover: #4f3a0b; - --ds-color-brand2-surface-active: #60470e; - --ds-color-brand2-border-subtle: #694d0f; - --ds-color-brand2-border-default: #8e6914; - --ds-color-brand2-border-strong: #e8b744; - --ds-color-brand2-base-default: #523c0b; - --ds-color-brand2-base-hover: #694d0f; - --ds-color-brand2-base-active: #826112; - --ds-color-brand2-text-subtle: #d09a1d; - --ds-color-brand2-text-default: #f5dfad; + --ds-color-brand1-contrast-subtle: #ffffff; + --ds-color-brand2-background-default: #251b05; + --ds-color-brand2-background-subtle: #2f2307; + --ds-color-brand2-surface-default: #3d2d09; + --ds-color-brand2-surface-hover: #4d3a0b; + --ds-color-brand2-surface-active: #5f460d; + --ds-color-brand2-border-subtle: #674d0e; + --ds-color-brand2-border-default: #9e7516; + --ds-color-brand2-border-strong: #ce991d; + --ds-color-brand2-base-default: #513c0b; + --ds-color-brand2-base-hover: #694e0f; + --ds-color-brand2-base-active: #816012; + --ds-color-brand2-text-subtle: #ce991d; + --ds-color-brand2-text-default: #f6e3b6; --ds-color-brand2-contrast-default: #ffffff; --ds-color-brand2-contrast-subtle: #ddd9cf; - --ds-color-brand3-background-default: #061d30; - --ds-color-brand3-background-subtle: #07253c; - --ds-color-brand3-surface-default: #0a3251; - --ds-color-brand3-surface-hover: #0d4068; - --ds-color-brand3-surface-active: #0f4e7f; - --ds-color-brand3-border-subtle: #11558a; - --ds-color-brand3-border-default: #1773b9; - --ds-color-brand3-border-strong: #81c5f9; - --ds-color-brand3-base-default: #13609a; + --ds-color-brand3-background-default: #061e31; + --ds-color-brand3-background-subtle: #08263e; + --ds-color-brand3-surface-default: #0a3250; + --ds-color-brand3-surface-hover: #0c3f66; + --ds-color-brand3-surface-active: #0f4d7c; + --ds-color-brand3-border-subtle: #115487; + --ds-color-brand3-border-default: #1980ce; + --ds-color-brand3-border-strong: #42a8f7; + --ds-color-brand3-base-default: #135f9a; --ds-color-brand3-base-hover: #0f4c7a; - --ds-color-brand3-base-active: #0b3a5d; - --ds-color-brand3-text-subtle: #44aaf7; - --ds-color-brand3-text-default: #c8e6fd; + --ds-color-brand3-base-active: #0b395d; + --ds-color-brand3-text-subtle: #42a8f7; + --ds-color-brand3-text-default: #cde8fd; --ds-color-brand3-contrast-default: #ffffff; - --ds-color-brand3-contrast-subtle: #fafcfd; - --ds-color-success-background-default: #012106; - --ds-color-success-background-subtle: #022b08; + --ds-color-brand3-contrast-subtle: #fbfcfd; + --ds-color-success-background-default: #022306; + --ds-color-success-background-subtle: #022c08; --ds-color-success-surface-default: #03380a; - --ds-color-success-surface-hover: #03490d; - --ds-color-success-surface-active: #045810; + --ds-color-success-surface-hover: #03470d; + --ds-color-success-surface-active: #04570f; --ds-color-success-border-subtle: #045f11; - --ds-color-success-border-default: #068217; - --ds-color-success-border-strong: #93cb9b; + --ds-color-success-border-default: #178f28; + --ds-color-success-border-strong: #62b36d; --ds-color-success-base-default: #138d24; - --ds-color-success-base-hover: #3da14b; - --ds-color-success-base-active: #65b570; - --ds-color-success-text-subtle: #63b46f; - --ds-color-success-text-default: #d1e9d4; + --ds-color-success-base-hover: #3ca14b; + --ds-color-success-base-active: #66b571; + --ds-color-success-text-subtle: #62b36d; + --ds-color-success-text-default: #d4ead7; --ds-color-success-contrast-default: #000000; --ds-color-success-contrast-subtle: #010501; - --ds-color-danger-background-default: #3b0808; - --ds-color-danger-background-subtle: #4b0a0a; - --ds-color-danger-surface-default: #620e0e; - --ds-color-danger-surface-hover: #7c1212; - --ds-color-danger-surface-active: #961515; - --ds-color-danger-border-subtle: #a31717; - --ds-color-danger-border-default: #c93c3c; - --ds-color-danger-border-strong: #e9b0b0; - --ds-color-danger-base-default: #d76d6d; + --ds-color-danger-background-default: #3d0909; + --ds-color-danger-background-subtle: #4c0b0b; + --ds-color-danger-surface-default: #610e0e; + --ds-color-danger-surface-hover: #7a1111; + --ds-color-danger-surface-active: #941515; + --ds-color-danger-border-subtle: #a11717; + --ds-color-danger-border-default: #cf5252; + --ds-color-danger-border-strong: #df8b8b; + --ds-color-danger-base-default: #d76e6e; --ds-color-danger-base-hover: #df8b8b; --ds-color-danger-base-active: #e7a8a8; - --ds-color-danger-text-subtle: #df8d8d; - --ds-color-danger-text-default: #f5dcdc; + --ds-color-danger-text-subtle: #df8b8b; + --ds-color-danger-text-default: #f6dfdf; --ds-color-danger-contrast-default: #000000; - --ds-color-danger-contrast-subtle: #261313; - --ds-color-info-background-default: #031d30; - --ds-color-info-background-subtle: #032540; - --ds-color-info-surface-default: #043256; - --ds-color-info-surface-hover: #063f6c; - --ds-color-info-surface-active: #074d84; - --ds-color-info-border-subtle: #075490; - --ds-color-info-border-default: #0c72c1; - --ds-color-info-border-strong: #98c3e5; - --ds-color-info-base-default: #2c85c9; - --ds-color-info-base-hover: #529bd2; - --ds-color-info-base-active: #75afdc; - --ds-color-info-text-subtle: #6ba9d9; - --ds-color-info-text-default: #d3e5f4; + --ds-color-danger-contrast-subtle: #271414; + --ds-color-info-background-default: #031e33; + --ds-color-info-background-subtle: #032641; + --ds-color-info-surface-default: #043154; + --ds-color-info-surface-hover: #063f6a; + --ds-color-info-surface-active: #074d82; + --ds-color-info-border-subtle: #07538d; + --ds-color-info-border-default: #2480c7; + --ds-color-info-border-strong: #69a8d8; + --ds-color-info-base-default: #2d85c9; + --ds-color-info-base-hover: #519ad2; + --ds-color-info-base-active: #77b0dc; + --ds-color-info-text-subtle: #69a8d8; + --ds-color-info-text-default: #d6e7f4; --ds-color-info-contrast-default: #000000; - --ds-color-info-contrast-subtle: #040e15; - --ds-color-warning-background-default: #211b07; - --ds-color-warning-background-subtle: #2b2309; - --ds-color-warning-surface-default: #392f0d; + --ds-color-info-contrast-subtle: #050e15; + --ds-color-warning-background-default: #221c08; + --ds-color-warning-background-subtle: #2b240a; + --ds-color-warning-surface-default: #382f0c; --ds-color-warning-surface-hover: #483c10; - --ds-color-warning-surface-active: #594a14; - --ds-color-warning-border-subtle: #625116; - --ds-color-warning-border-default: #836d1d; - --ds-color-warning-border-strong: #dabc4c; - --ds-color-warning-base-default: #bc622b; + --ds-color-warning-surface-active: #584913; + --ds-color-warning-border-subtle: #5f5015; + --ds-color-warning-border-default: #927a20; + --ds-color-warning-border-strong: #bf9f2a; + --ds-color-warning-base-default: #bc612a; --ds-color-warning-base-hover: #c87d4f; - --ds-color-warning-base-active: #d39773; - --ds-color-warning-text-subtle: #d29671; - --ds-color-warning-text-default: #f1ded3; + --ds-color-warning-base-active: #d39772; + --ds-color-warning-text-subtle: #d2946e; + --ds-color-warning-text-default: #f2e2d7; --ds-color-warning-contrast-default: #000000; - --ds-color-warning-contrast-subtle: #090402; - --ds-color-focus-inner: #131c27; - --ds-color-focus-outer: #d1e3f3; + --ds-color-warning-contrast-subtle: #070301; + --ds-color-focus-inner: #141d29; + --ds-color-focus-outer: #d7e7f4; color-scheme: dark; } diff --git a/packages/theme/brand/digdir/color-scheme/dark.css b/packages/theme/brand/digdir/color-scheme/dark.css index 57ae4e2cf4..e91a667904 100644 --- a/packages/theme/brand/digdir/color-scheme/dark.css +++ b/packages/theme/brand/digdir/color-scheme/dark.css @@ -4,466 +4,466 @@ @layer ds.theme.color-scheme.dark { [data-color-scheme="dark"] { - --ds-global-blue-1: #031d30; - --ds-global-blue-2: #032540; - --ds-global-blue-3: #043256; - --ds-global-blue-4: #063f6c; - --ds-global-blue-5: #074d84; - --ds-global-blue-6: #075490; - --ds-global-blue-7: #0c72c1; - --ds-global-blue-8: #98c3e5; - --ds-global-blue-9: #2c85c9; - --ds-global-blue-10: #529bd2; - --ds-global-blue-11: #75afdc; - --ds-global-blue-12: #6ba9d9; - --ds-global-blue-13: #d3e5f4; + --ds-global-blue-1: #031e33; + --ds-global-blue-2: #032641; + --ds-global-blue-3: #043154; + --ds-global-blue-4: #063f6a; + --ds-global-blue-5: #074d82; + --ds-global-blue-6: #07538d; + --ds-global-blue-7: #2480c7; + --ds-global-blue-8: #69a8d8; + --ds-global-blue-9: #2d85c9; + --ds-global-blue-10: #519ad2; + --ds-global-blue-11: #77b0dc; + --ds-global-blue-12: #69a8d8; + --ds-global-blue-13: #d6e7f4; --ds-global-blue-contrast-1: #000000; - --ds-global-blue-contrast-2: #040e15; - --ds-global-green-1: #012106; - --ds-global-green-2: #022b08; + --ds-global-blue-contrast-2: #050e15; + --ds-global-green-1: #022306; + --ds-global-green-2: #022c08; --ds-global-green-3: #03380a; - --ds-global-green-4: #03490d; - --ds-global-green-5: #045810; + --ds-global-green-4: #03470d; + --ds-global-green-5: #04570f; --ds-global-green-6: #045f11; - --ds-global-green-7: #068217; - --ds-global-green-8: #93cb9b; + --ds-global-green-7: #178f28; + --ds-global-green-8: #62b36d; --ds-global-green-9: #138d24; - --ds-global-green-10: #3da14b; - --ds-global-green-11: #65b570; - --ds-global-green-12: #63b46f; - --ds-global-green-13: #d1e9d4; + --ds-global-green-10: #3ca14b; + --ds-global-green-11: #66b571; + --ds-global-green-12: #62b36d; + --ds-global-green-13: #d4ead7; --ds-global-green-contrast-1: #000000; --ds-global-green-contrast-2: #010501; - --ds-global-orange-1: #2d1507; - --ds-global-orange-2: #391b09; - --ds-global-orange-3: #4e250c; - --ds-global-orange-4: #633010; - --ds-global-orange-5: #783a13; - --ds-global-orange-6: #833f15; - --ds-global-orange-7: #b2551c; - --ds-global-orange-8: #e0b69c; - --ds-global-orange-9: #bc622b; + --ds-global-orange-1: #2f1607; + --ds-global-orange-2: #3b1c09; + --ds-global-orange-3: #4d250c; + --ds-global-orange-4: #612f0f; + --ds-global-orange-5: #773913; + --ds-global-orange-6: #823e14; + --ds-global-orange-7: #bd632d; + --ds-global-orange-8: #d2946e; + --ds-global-orange-9: #bc612a; --ds-global-orange-10: #c87d4f; - --ds-global-orange-11: #d39773; - --ds-global-orange-12: #d29671; - --ds-global-orange-13: #f1ded3; + --ds-global-orange-11: #d39772; + --ds-global-orange-12: #d2946e; + --ds-global-orange-13: #f2e2d7; --ds-global-orange-contrast-1: #000000; - --ds-global-orange-contrast-2: #090402; - --ds-global-purple-1: #251238; - --ds-global-purple-2: #301748; - --ds-global-purple-3: #402060; - --ds-global-purple-4: #52287a; - --ds-global-purple-5: #643196; - --ds-global-purple-6: #6b399d; - --ds-global-purple-7: #865daf; - --ds-global-purple-8: #c9b7db; - --ds-global-purple-9: #b39acd; + --ds-global-orange-contrast-2: #070301; + --ds-global-purple-1: #27133a; + --ds-global-purple-2: #31184a; + --ds-global-purple-3: #401f5f; + --ds-global-purple-4: #512879; + --ds-global-purple-5: #633094; + --ds-global-purple-6: #6a379c; + --ds-global-purple-7: #916cb6; + --ds-global-purple-8: #b297cb; + --ds-global-purple-9: #b49acd; --ds-global-purple-10: #a282c1; --ds-global-purple-11: #906ab5; - --ds-global-purple-12: #b298cc; - --ds-global-purple-13: #e7dfef; + --ds-global-purple-12: #b297cb; + --ds-global-purple-13: #e9e2f0; --ds-global-purple-contrast-1: #000000; - --ds-global-purple-contrast-2: #18141b; - --ds-global-red-1: #3b0808; - --ds-global-red-2: #4b0a0a; - --ds-global-red-3: #620e0e; - --ds-global-red-4: #7c1212; - --ds-global-red-5: #961515; - --ds-global-red-6: #a31717; - --ds-global-red-7: #c93c3c; - --ds-global-red-8: #e9b0b0; - --ds-global-red-9: #d76d6d; + --ds-global-purple-contrast-2: #18151c; + --ds-global-red-1: #3d0909; + --ds-global-red-2: #4c0b0b; + --ds-global-red-3: #610e0e; + --ds-global-red-4: #7a1111; + --ds-global-red-5: #941515; + --ds-global-red-6: #a11717; + --ds-global-red-7: #cf5252; + --ds-global-red-8: #df8b8b; + --ds-global-red-9: #d76e6e; --ds-global-red-10: #df8b8b; --ds-global-red-11: #e7a8a8; - --ds-global-red-12: #df8d8d; - --ds-global-red-13: #f5dcdc; + --ds-global-red-12: #df8b8b; + --ds-global-red-13: #f6dfdf; --ds-global-red-contrast-1: #000000; - --ds-global-red-contrast-2: #261313; - --ds-global-yellow-1: #211b07; - --ds-global-yellow-2: #2b2309; - --ds-global-yellow-3: #392f0d; + --ds-global-red-contrast-2: #271414; + --ds-global-yellow-1: #221c08; + --ds-global-yellow-2: #2b240a; + --ds-global-yellow-3: #382f0c; --ds-global-yellow-4: #483c10; - --ds-global-yellow-5: #594a14; - --ds-global-yellow-6: #625116; - --ds-global-yellow-7: #836d1d; - --ds-global-yellow-8: #dabc4c; - --ds-global-yellow-9: #4b3e11; - --ds-global-yellow-10: #605115; - --ds-global-yellow-11: #77641a; - --ds-global-yellow-12: #bfa02a; - --ds-global-yellow-13: #efe2b3; + --ds-global-yellow-5: #584913; + --ds-global-yellow-6: #5f5015; + --ds-global-yellow-7: #927a20; + --ds-global-yellow-8: #bf9f2a; + --ds-global-yellow-9: #4a3e10; + --ds-global-yellow-10: #615115; + --ds-global-yellow-11: #77631a; + --ds-global-yellow-12: #bf9f2a; + --ds-global-yellow-13: #f1e5b9; --ds-global-yellow-contrast-1: #ffffff; --ds-global-yellow-contrast-2: #dbd9d0; - --ds-color-accent-background-default: #001c36; - --ds-color-accent-background-subtle: #002545; - --ds-color-accent-surface-default: #00315b; - --ds-color-accent-surface-hover: #013f75; - --ds-color-accent-surface-active: #014b8e; - --ds-color-accent-border-subtle: #01539b; - --ds-color-accent-border-default: #1971c0; - --ds-color-accent-border-strong: #9bc2e4; - --ds-color-accent-base-default: #4b90ce; - --ds-color-accent-base-hover: #277ac4; - --ds-color-accent-base-active: #0163ba; - --ds-color-accent-text-subtle: #72a8d9; - --ds-color-accent-text-default: #d1e3f3; + --ds-color-accent-background-default: #001e38; + --ds-color-accent-background-subtle: #002547; + --ds-color-accent-surface-default: #00305c; + --ds-color-accent-surface-hover: #003d74; + --ds-color-accent-surface-active: #004b8d; + --ds-color-accent-border-subtle: #00519a; + --ds-color-accent-border-default: #307fc7; + --ds-color-accent-border-strong: #70a7d8; + --ds-color-accent-base-default: #4c91cf; + --ds-color-accent-base-hover: #6fa6d8; + --ds-color-accent-base-active: #92bce1; + --ds-color-accent-text-subtle: #70a7d8; + --ds-color-accent-text-default: #d7e7f4; --ds-color-accent-contrast-default: #000000; - --ds-color-accent-contrast-subtle: #0d1823; - --ds-color-neutral-background-default: #131c27; - --ds-color-neutral-background-subtle: #192433; - --ds-color-neutral-surface-default: #243142; - --ds-color-neutral-surface-hover: #333e4e; - --ds-color-neutral-surface-active: #424d5b; - --ds-color-neutral-border-subtle: #495361; - --ds-color-neutral-border-default: #67707c; - --ds-color-neutral-border-strong: #bbbfc4; - --ds-color-neutral-base-default: #a6abb2; - --ds-color-neutral-base-hover: #90969e; - --ds-color-neutral-base-active: #7a818c; - --ds-color-neutral-text-subtle: #9ea3ab; - --ds-color-neutral-text-default: #e1e3e5; + --ds-color-accent-contrast-subtle: #0d1924; + --ds-color-neutral-background-default: #141d29; + --ds-color-neutral-background-subtle: #1a2534; + --ds-color-neutral-surface-default: #243041; + --ds-color-neutral-surface-hover: #323e4d; + --ds-color-neutral-surface-active: #404b5a; + --ds-color-neutral-border-subtle: #475260; + --ds-color-neutral-border-default: #747c87; + --ds-color-neutral-border-strong: #9da2aa; + --ds-color-neutral-base-default: #a6acb2; + --ds-color-neutral-base-hover: #90979f; + --ds-color-neutral-base-active: #7a828c; + --ds-color-neutral-text-subtle: #9da2aa; + --ds-color-neutral-text-default: #e3e5e7; --ds-color-neutral-contrast-default: #000000; - --ds-color-neutral-contrast-subtle: #1b1b1d; - --ds-color-brand1-background-default: #2f1213; - --ds-color-brand1-background-subtle: #3e1819; - --ds-color-brand1-surface-default: #522022; - --ds-color-brand1-surface-hover: #68292b; - --ds-color-brand1-surface-active: #7f3234; - --ds-color-brand1-border-subtle: #8b3639; - --ds-color-brand1-border-default: #bc494c; - --ds-color-brand1-border-strong: #f9a9ab; + --ds-color-neutral-contrast-subtle: #1b1c1d; + --ds-color-brand1-background-default: #321314; + --ds-color-brand1-background-subtle: #3f181a; + --ds-color-brand1-surface-default: #512021; + --ds-color-brand1-surface-hover: #67282a; + --ds-color-brand1-surface-active: #7e3133; + --ds-color-brand1-border-subtle: #893538; + --ds-color-brand1-border-default: #d05155; + --ds-color-brand1-border-strong: #f67e81; --ds-color-brand1-base-default: #9f3e41; --ds-color-brand1-base-hover: #7f3234; --ds-color-brand1-base-active: #612628; - --ds-color-brand1-text-subtle: #f58083; - --ds-color-brand1-text-default: #fcdbdc; + --ds-color-brand1-text-subtle: #f67e81; + --ds-color-brand1-text-default: #fdddde; --ds-color-brand1-contrast-default: #ffffff; - --ds-color-brand1-contrast-subtle: #fefefe; - --ds-color-brand2-background-default: #231a05; - --ds-color-brand2-background-subtle: #2d2206; - --ds-color-brand2-surface-default: #3d2e09; - --ds-color-brand2-surface-hover: #4f3a0b; - --ds-color-brand2-surface-active: #60470e; - --ds-color-brand2-border-subtle: #694d0f; - --ds-color-brand2-border-default: #8e6914; - --ds-color-brand2-border-strong: #e8b744; - --ds-color-brand2-base-default: #523c0b; - --ds-color-brand2-base-hover: #694d0f; - --ds-color-brand2-base-active: #826112; - --ds-color-brand2-text-subtle: #d09a1d; - --ds-color-brand2-text-default: #f5dfad; + --ds-color-brand1-contrast-subtle: #ffffff; + --ds-color-brand2-background-default: #251b05; + --ds-color-brand2-background-subtle: #2f2307; + --ds-color-brand2-surface-default: #3d2d09; + --ds-color-brand2-surface-hover: #4d3a0b; + --ds-color-brand2-surface-active: #5f460d; + --ds-color-brand2-border-subtle: #674d0e; + --ds-color-brand2-border-default: #9e7516; + --ds-color-brand2-border-strong: #ce991d; + --ds-color-brand2-base-default: #513c0b; + --ds-color-brand2-base-hover: #694e0f; + --ds-color-brand2-base-active: #816012; + --ds-color-brand2-text-subtle: #ce991d; + --ds-color-brand2-text-default: #f6e3b6; --ds-color-brand2-contrast-default: #ffffff; --ds-color-brand2-contrast-subtle: #ddd9cf; - --ds-color-brand3-background-default: #061d30; - --ds-color-brand3-background-subtle: #07253c; - --ds-color-brand3-surface-default: #0a3251; - --ds-color-brand3-surface-hover: #0d4068; - --ds-color-brand3-surface-active: #0f4e7f; - --ds-color-brand3-border-subtle: #11558a; - --ds-color-brand3-border-default: #1773b9; - --ds-color-brand3-border-strong: #81c5f9; - --ds-color-brand3-base-default: #13609a; + --ds-color-brand3-background-default: #061e31; + --ds-color-brand3-background-subtle: #08263e; + --ds-color-brand3-surface-default: #0a3250; + --ds-color-brand3-surface-hover: #0c3f66; + --ds-color-brand3-surface-active: #0f4d7c; + --ds-color-brand3-border-subtle: #115487; + --ds-color-brand3-border-default: #1980ce; + --ds-color-brand3-border-strong: #42a8f7; + --ds-color-brand3-base-default: #135f9a; --ds-color-brand3-base-hover: #0f4c7a; - --ds-color-brand3-base-active: #0b3a5d; - --ds-color-brand3-text-subtle: #44aaf7; - --ds-color-brand3-text-default: #c8e6fd; + --ds-color-brand3-base-active: #0b395d; + --ds-color-brand3-text-subtle: #42a8f7; + --ds-color-brand3-text-default: #cde8fd; --ds-color-brand3-contrast-default: #ffffff; - --ds-color-brand3-contrast-subtle: #fafcfd; - --ds-color-success-background-default: #012106; - --ds-color-success-background-subtle: #022b08; + --ds-color-brand3-contrast-subtle: #fbfcfd; + --ds-color-success-background-default: #022306; + --ds-color-success-background-subtle: #022c08; --ds-color-success-surface-default: #03380a; - --ds-color-success-surface-hover: #03490d; - --ds-color-success-surface-active: #045810; + --ds-color-success-surface-hover: #03470d; + --ds-color-success-surface-active: #04570f; --ds-color-success-border-subtle: #045f11; - --ds-color-success-border-default: #068217; - --ds-color-success-border-strong: #93cb9b; + --ds-color-success-border-default: #178f28; + --ds-color-success-border-strong: #62b36d; --ds-color-success-base-default: #138d24; - --ds-color-success-base-hover: #3da14b; - --ds-color-success-base-active: #65b570; - --ds-color-success-text-subtle: #63b46f; - --ds-color-success-text-default: #d1e9d4; + --ds-color-success-base-hover: #3ca14b; + --ds-color-success-base-active: #66b571; + --ds-color-success-text-subtle: #62b36d; + --ds-color-success-text-default: #d4ead7; --ds-color-success-contrast-default: #000000; --ds-color-success-contrast-subtle: #010501; - --ds-color-danger-background-default: #3b0808; - --ds-color-danger-background-subtle: #4b0a0a; - --ds-color-danger-surface-default: #620e0e; - --ds-color-danger-surface-hover: #7c1212; - --ds-color-danger-surface-active: #961515; - --ds-color-danger-border-subtle: #a31717; - --ds-color-danger-border-default: #c93c3c; - --ds-color-danger-border-strong: #e9b0b0; - --ds-color-danger-base-default: #d76d6d; + --ds-color-danger-background-default: #3d0909; + --ds-color-danger-background-subtle: #4c0b0b; + --ds-color-danger-surface-default: #610e0e; + --ds-color-danger-surface-hover: #7a1111; + --ds-color-danger-surface-active: #941515; + --ds-color-danger-border-subtle: #a11717; + --ds-color-danger-border-default: #cf5252; + --ds-color-danger-border-strong: #df8b8b; + --ds-color-danger-base-default: #d76e6e; --ds-color-danger-base-hover: #df8b8b; --ds-color-danger-base-active: #e7a8a8; - --ds-color-danger-text-subtle: #df8d8d; - --ds-color-danger-text-default: #f5dcdc; + --ds-color-danger-text-subtle: #df8b8b; + --ds-color-danger-text-default: #f6dfdf; --ds-color-danger-contrast-default: #000000; - --ds-color-danger-contrast-subtle: #261313; - --ds-color-info-background-default: #031d30; - --ds-color-info-background-subtle: #032540; - --ds-color-info-surface-default: #043256; - --ds-color-info-surface-hover: #063f6c; - --ds-color-info-surface-active: #074d84; - --ds-color-info-border-subtle: #075490; - --ds-color-info-border-default: #0c72c1; - --ds-color-info-border-strong: #98c3e5; - --ds-color-info-base-default: #2c85c9; - --ds-color-info-base-hover: #529bd2; - --ds-color-info-base-active: #75afdc; - --ds-color-info-text-subtle: #6ba9d9; - --ds-color-info-text-default: #d3e5f4; + --ds-color-danger-contrast-subtle: #271414; + --ds-color-info-background-default: #031e33; + --ds-color-info-background-subtle: #032641; + --ds-color-info-surface-default: #043154; + --ds-color-info-surface-hover: #063f6a; + --ds-color-info-surface-active: #074d82; + --ds-color-info-border-subtle: #07538d; + --ds-color-info-border-default: #2480c7; + --ds-color-info-border-strong: #69a8d8; + --ds-color-info-base-default: #2d85c9; + --ds-color-info-base-hover: #519ad2; + --ds-color-info-base-active: #77b0dc; + --ds-color-info-text-subtle: #69a8d8; + --ds-color-info-text-default: #d6e7f4; --ds-color-info-contrast-default: #000000; - --ds-color-info-contrast-subtle: #040e15; - --ds-color-warning-background-default: #211b07; - --ds-color-warning-background-subtle: #2b2309; - --ds-color-warning-surface-default: #392f0d; + --ds-color-info-contrast-subtle: #050e15; + --ds-color-warning-background-default: #221c08; + --ds-color-warning-background-subtle: #2b240a; + --ds-color-warning-surface-default: #382f0c; --ds-color-warning-surface-hover: #483c10; - --ds-color-warning-surface-active: #594a14; - --ds-color-warning-border-subtle: #625116; - --ds-color-warning-border-default: #836d1d; - --ds-color-warning-border-strong: #dabc4c; - --ds-color-warning-base-default: #bc622b; + --ds-color-warning-surface-active: #584913; + --ds-color-warning-border-subtle: #5f5015; + --ds-color-warning-border-default: #927a20; + --ds-color-warning-border-strong: #bf9f2a; + --ds-color-warning-base-default: #bc612a; --ds-color-warning-base-hover: #c87d4f; - --ds-color-warning-base-active: #d39773; - --ds-color-warning-text-subtle: #d29671; - --ds-color-warning-text-default: #f1ded3; + --ds-color-warning-base-active: #d39772; + --ds-color-warning-text-subtle: #d2946e; + --ds-color-warning-text-default: #f2e2d7; --ds-color-warning-contrast-default: #000000; - --ds-color-warning-contrast-subtle: #090402; - --ds-color-focus-inner: #131c27; - --ds-color-focus-outer: #d1e3f3; + --ds-color-warning-contrast-subtle: #070301; + --ds-color-focus-inner: #141d29; + --ds-color-focus-outer: #d7e7f4; color-scheme: dark; } @media (prefers-color-scheme: dark) { [data-color-scheme="auto"] { - --ds-global-blue-1: #031d30; - --ds-global-blue-2: #032540; - --ds-global-blue-3: #043256; - --ds-global-blue-4: #063f6c; - --ds-global-blue-5: #074d84; - --ds-global-blue-6: #075490; - --ds-global-blue-7: #0c72c1; - --ds-global-blue-8: #98c3e5; - --ds-global-blue-9: #2c85c9; - --ds-global-blue-10: #529bd2; - --ds-global-blue-11: #75afdc; - --ds-global-blue-12: #6ba9d9; - --ds-global-blue-13: #d3e5f4; + --ds-global-blue-1: #031e33; + --ds-global-blue-2: #032641; + --ds-global-blue-3: #043154; + --ds-global-blue-4: #063f6a; + --ds-global-blue-5: #074d82; + --ds-global-blue-6: #07538d; + --ds-global-blue-7: #2480c7; + --ds-global-blue-8: #69a8d8; + --ds-global-blue-9: #2d85c9; + --ds-global-blue-10: #519ad2; + --ds-global-blue-11: #77b0dc; + --ds-global-blue-12: #69a8d8; + --ds-global-blue-13: #d6e7f4; --ds-global-blue-contrast-1: #000000; - --ds-global-blue-contrast-2: #040e15; - --ds-global-green-1: #012106; - --ds-global-green-2: #022b08; + --ds-global-blue-contrast-2: #050e15; + --ds-global-green-1: #022306; + --ds-global-green-2: #022c08; --ds-global-green-3: #03380a; - --ds-global-green-4: #03490d; - --ds-global-green-5: #045810; + --ds-global-green-4: #03470d; + --ds-global-green-5: #04570f; --ds-global-green-6: #045f11; - --ds-global-green-7: #068217; - --ds-global-green-8: #93cb9b; + --ds-global-green-7: #178f28; + --ds-global-green-8: #62b36d; --ds-global-green-9: #138d24; - --ds-global-green-10: #3da14b; - --ds-global-green-11: #65b570; - --ds-global-green-12: #63b46f; - --ds-global-green-13: #d1e9d4; + --ds-global-green-10: #3ca14b; + --ds-global-green-11: #66b571; + --ds-global-green-12: #62b36d; + --ds-global-green-13: #d4ead7; --ds-global-green-contrast-1: #000000; --ds-global-green-contrast-2: #010501; - --ds-global-orange-1: #2d1507; - --ds-global-orange-2: #391b09; - --ds-global-orange-3: #4e250c; - --ds-global-orange-4: #633010; - --ds-global-orange-5: #783a13; - --ds-global-orange-6: #833f15; - --ds-global-orange-7: #b2551c; - --ds-global-orange-8: #e0b69c; - --ds-global-orange-9: #bc622b; + --ds-global-orange-1: #2f1607; + --ds-global-orange-2: #3b1c09; + --ds-global-orange-3: #4d250c; + --ds-global-orange-4: #612f0f; + --ds-global-orange-5: #773913; + --ds-global-orange-6: #823e14; + --ds-global-orange-7: #bd632d; + --ds-global-orange-8: #d2946e; + --ds-global-orange-9: #bc612a; --ds-global-orange-10: #c87d4f; - --ds-global-orange-11: #d39773; - --ds-global-orange-12: #d29671; - --ds-global-orange-13: #f1ded3; + --ds-global-orange-11: #d39772; + --ds-global-orange-12: #d2946e; + --ds-global-orange-13: #f2e2d7; --ds-global-orange-contrast-1: #000000; - --ds-global-orange-contrast-2: #090402; - --ds-global-purple-1: #251238; - --ds-global-purple-2: #301748; - --ds-global-purple-3: #402060; - --ds-global-purple-4: #52287a; - --ds-global-purple-5: #643196; - --ds-global-purple-6: #6b399d; - --ds-global-purple-7: #865daf; - --ds-global-purple-8: #c9b7db; - --ds-global-purple-9: #b39acd; + --ds-global-orange-contrast-2: #070301; + --ds-global-purple-1: #27133a; + --ds-global-purple-2: #31184a; + --ds-global-purple-3: #401f5f; + --ds-global-purple-4: #512879; + --ds-global-purple-5: #633094; + --ds-global-purple-6: #6a379c; + --ds-global-purple-7: #916cb6; + --ds-global-purple-8: #b297cb; + --ds-global-purple-9: #b49acd; --ds-global-purple-10: #a282c1; --ds-global-purple-11: #906ab5; - --ds-global-purple-12: #b298cc; - --ds-global-purple-13: #e7dfef; + --ds-global-purple-12: #b297cb; + --ds-global-purple-13: #e9e2f0; --ds-global-purple-contrast-1: #000000; - --ds-global-purple-contrast-2: #18141b; - --ds-global-red-1: #3b0808; - --ds-global-red-2: #4b0a0a; - --ds-global-red-3: #620e0e; - --ds-global-red-4: #7c1212; - --ds-global-red-5: #961515; - --ds-global-red-6: #a31717; - --ds-global-red-7: #c93c3c; - --ds-global-red-8: #e9b0b0; - --ds-global-red-9: #d76d6d; + --ds-global-purple-contrast-2: #18151c; + --ds-global-red-1: #3d0909; + --ds-global-red-2: #4c0b0b; + --ds-global-red-3: #610e0e; + --ds-global-red-4: #7a1111; + --ds-global-red-5: #941515; + --ds-global-red-6: #a11717; + --ds-global-red-7: #cf5252; + --ds-global-red-8: #df8b8b; + --ds-global-red-9: #d76e6e; --ds-global-red-10: #df8b8b; --ds-global-red-11: #e7a8a8; - --ds-global-red-12: #df8d8d; - --ds-global-red-13: #f5dcdc; + --ds-global-red-12: #df8b8b; + --ds-global-red-13: #f6dfdf; --ds-global-red-contrast-1: #000000; - --ds-global-red-contrast-2: #261313; - --ds-global-yellow-1: #211b07; - --ds-global-yellow-2: #2b2309; - --ds-global-yellow-3: #392f0d; + --ds-global-red-contrast-2: #271414; + --ds-global-yellow-1: #221c08; + --ds-global-yellow-2: #2b240a; + --ds-global-yellow-3: #382f0c; --ds-global-yellow-4: #483c10; - --ds-global-yellow-5: #594a14; - --ds-global-yellow-6: #625116; - --ds-global-yellow-7: #836d1d; - --ds-global-yellow-8: #dabc4c; - --ds-global-yellow-9: #4b3e11; - --ds-global-yellow-10: #605115; - --ds-global-yellow-11: #77641a; - --ds-global-yellow-12: #bfa02a; - --ds-global-yellow-13: #efe2b3; + --ds-global-yellow-5: #584913; + --ds-global-yellow-6: #5f5015; + --ds-global-yellow-7: #927a20; + --ds-global-yellow-8: #bf9f2a; + --ds-global-yellow-9: #4a3e10; + --ds-global-yellow-10: #615115; + --ds-global-yellow-11: #77631a; + --ds-global-yellow-12: #bf9f2a; + --ds-global-yellow-13: #f1e5b9; --ds-global-yellow-contrast-1: #ffffff; --ds-global-yellow-contrast-2: #dbd9d0; - --ds-color-accent-background-default: #001c36; - --ds-color-accent-background-subtle: #002545; - --ds-color-accent-surface-default: #00315b; - --ds-color-accent-surface-hover: #013f75; - --ds-color-accent-surface-active: #014b8e; - --ds-color-accent-border-subtle: #01539b; - --ds-color-accent-border-default: #1971c0; - --ds-color-accent-border-strong: #9bc2e4; - --ds-color-accent-base-default: #4b90ce; - --ds-color-accent-base-hover: #277ac4; - --ds-color-accent-base-active: #0163ba; - --ds-color-accent-text-subtle: #72a8d9; - --ds-color-accent-text-default: #d1e3f3; + --ds-color-accent-background-default: #001e38; + --ds-color-accent-background-subtle: #002547; + --ds-color-accent-surface-default: #00305c; + --ds-color-accent-surface-hover: #003d74; + --ds-color-accent-surface-active: #004b8d; + --ds-color-accent-border-subtle: #00519a; + --ds-color-accent-border-default: #307fc7; + --ds-color-accent-border-strong: #70a7d8; + --ds-color-accent-base-default: #4c91cf; + --ds-color-accent-base-hover: #6fa6d8; + --ds-color-accent-base-active: #92bce1; + --ds-color-accent-text-subtle: #70a7d8; + --ds-color-accent-text-default: #d7e7f4; --ds-color-accent-contrast-default: #000000; - --ds-color-accent-contrast-subtle: #0d1823; - --ds-color-neutral-background-default: #131c27; - --ds-color-neutral-background-subtle: #192433; - --ds-color-neutral-surface-default: #243142; - --ds-color-neutral-surface-hover: #333e4e; - --ds-color-neutral-surface-active: #424d5b; - --ds-color-neutral-border-subtle: #495361; - --ds-color-neutral-border-default: #67707c; - --ds-color-neutral-border-strong: #bbbfc4; - --ds-color-neutral-base-default: #a6abb2; - --ds-color-neutral-base-hover: #90969e; - --ds-color-neutral-base-active: #7a818c; - --ds-color-neutral-text-subtle: #9ea3ab; - --ds-color-neutral-text-default: #e1e3e5; + --ds-color-accent-contrast-subtle: #0d1924; + --ds-color-neutral-background-default: #141d29; + --ds-color-neutral-background-subtle: #1a2534; + --ds-color-neutral-surface-default: #243041; + --ds-color-neutral-surface-hover: #323e4d; + --ds-color-neutral-surface-active: #404b5a; + --ds-color-neutral-border-subtle: #475260; + --ds-color-neutral-border-default: #747c87; + --ds-color-neutral-border-strong: #9da2aa; + --ds-color-neutral-base-default: #a6acb2; + --ds-color-neutral-base-hover: #90979f; + --ds-color-neutral-base-active: #7a828c; + --ds-color-neutral-text-subtle: #9da2aa; + --ds-color-neutral-text-default: #e3e5e7; --ds-color-neutral-contrast-default: #000000; - --ds-color-neutral-contrast-subtle: #1b1b1d; - --ds-color-brand1-background-default: #2f1213; - --ds-color-brand1-background-subtle: #3e1819; - --ds-color-brand1-surface-default: #522022; - --ds-color-brand1-surface-hover: #68292b; - --ds-color-brand1-surface-active: #7f3234; - --ds-color-brand1-border-subtle: #8b3639; - --ds-color-brand1-border-default: #bc494c; - --ds-color-brand1-border-strong: #f9a9ab; + --ds-color-neutral-contrast-subtle: #1b1c1d; + --ds-color-brand1-background-default: #321314; + --ds-color-brand1-background-subtle: #3f181a; + --ds-color-brand1-surface-default: #512021; + --ds-color-brand1-surface-hover: #67282a; + --ds-color-brand1-surface-active: #7e3133; + --ds-color-brand1-border-subtle: #893538; + --ds-color-brand1-border-default: #d05155; + --ds-color-brand1-border-strong: #f67e81; --ds-color-brand1-base-default: #9f3e41; --ds-color-brand1-base-hover: #7f3234; --ds-color-brand1-base-active: #612628; - --ds-color-brand1-text-subtle: #f58083; - --ds-color-brand1-text-default: #fcdbdc; + --ds-color-brand1-text-subtle: #f67e81; + --ds-color-brand1-text-default: #fdddde; --ds-color-brand1-contrast-default: #ffffff; - --ds-color-brand1-contrast-subtle: #fefefe; - --ds-color-brand2-background-default: #231a05; - --ds-color-brand2-background-subtle: #2d2206; - --ds-color-brand2-surface-default: #3d2e09; - --ds-color-brand2-surface-hover: #4f3a0b; - --ds-color-brand2-surface-active: #60470e; - --ds-color-brand2-border-subtle: #694d0f; - --ds-color-brand2-border-default: #8e6914; - --ds-color-brand2-border-strong: #e8b744; - --ds-color-brand2-base-default: #523c0b; - --ds-color-brand2-base-hover: #694d0f; - --ds-color-brand2-base-active: #826112; - --ds-color-brand2-text-subtle: #d09a1d; - --ds-color-brand2-text-default: #f5dfad; + --ds-color-brand1-contrast-subtle: #ffffff; + --ds-color-brand2-background-default: #251b05; + --ds-color-brand2-background-subtle: #2f2307; + --ds-color-brand2-surface-default: #3d2d09; + --ds-color-brand2-surface-hover: #4d3a0b; + --ds-color-brand2-surface-active: #5f460d; + --ds-color-brand2-border-subtle: #674d0e; + --ds-color-brand2-border-default: #9e7516; + --ds-color-brand2-border-strong: #ce991d; + --ds-color-brand2-base-default: #513c0b; + --ds-color-brand2-base-hover: #694e0f; + --ds-color-brand2-base-active: #816012; + --ds-color-brand2-text-subtle: #ce991d; + --ds-color-brand2-text-default: #f6e3b6; --ds-color-brand2-contrast-default: #ffffff; --ds-color-brand2-contrast-subtle: #ddd9cf; - --ds-color-brand3-background-default: #061d30; - --ds-color-brand3-background-subtle: #07253c; - --ds-color-brand3-surface-default: #0a3251; - --ds-color-brand3-surface-hover: #0d4068; - --ds-color-brand3-surface-active: #0f4e7f; - --ds-color-brand3-border-subtle: #11558a; - --ds-color-brand3-border-default: #1773b9; - --ds-color-brand3-border-strong: #81c5f9; - --ds-color-brand3-base-default: #13609a; + --ds-color-brand3-background-default: #061e31; + --ds-color-brand3-background-subtle: #08263e; + --ds-color-brand3-surface-default: #0a3250; + --ds-color-brand3-surface-hover: #0c3f66; + --ds-color-brand3-surface-active: #0f4d7c; + --ds-color-brand3-border-subtle: #115487; + --ds-color-brand3-border-default: #1980ce; + --ds-color-brand3-border-strong: #42a8f7; + --ds-color-brand3-base-default: #135f9a; --ds-color-brand3-base-hover: #0f4c7a; - --ds-color-brand3-base-active: #0b3a5d; - --ds-color-brand3-text-subtle: #44aaf7; - --ds-color-brand3-text-default: #c8e6fd; + --ds-color-brand3-base-active: #0b395d; + --ds-color-brand3-text-subtle: #42a8f7; + --ds-color-brand3-text-default: #cde8fd; --ds-color-brand3-contrast-default: #ffffff; - --ds-color-brand3-contrast-subtle: #fafcfd; - --ds-color-success-background-default: #012106; - --ds-color-success-background-subtle: #022b08; + --ds-color-brand3-contrast-subtle: #fbfcfd; + --ds-color-success-background-default: #022306; + --ds-color-success-background-subtle: #022c08; --ds-color-success-surface-default: #03380a; - --ds-color-success-surface-hover: #03490d; - --ds-color-success-surface-active: #045810; + --ds-color-success-surface-hover: #03470d; + --ds-color-success-surface-active: #04570f; --ds-color-success-border-subtle: #045f11; - --ds-color-success-border-default: #068217; - --ds-color-success-border-strong: #93cb9b; + --ds-color-success-border-default: #178f28; + --ds-color-success-border-strong: #62b36d; --ds-color-success-base-default: #138d24; - --ds-color-success-base-hover: #3da14b; - --ds-color-success-base-active: #65b570; - --ds-color-success-text-subtle: #63b46f; - --ds-color-success-text-default: #d1e9d4; + --ds-color-success-base-hover: #3ca14b; + --ds-color-success-base-active: #66b571; + --ds-color-success-text-subtle: #62b36d; + --ds-color-success-text-default: #d4ead7; --ds-color-success-contrast-default: #000000; --ds-color-success-contrast-subtle: #010501; - --ds-color-danger-background-default: #3b0808; - --ds-color-danger-background-subtle: #4b0a0a; - --ds-color-danger-surface-default: #620e0e; - --ds-color-danger-surface-hover: #7c1212; - --ds-color-danger-surface-active: #961515; - --ds-color-danger-border-subtle: #a31717; - --ds-color-danger-border-default: #c93c3c; - --ds-color-danger-border-strong: #e9b0b0; - --ds-color-danger-base-default: #d76d6d; + --ds-color-danger-background-default: #3d0909; + --ds-color-danger-background-subtle: #4c0b0b; + --ds-color-danger-surface-default: #610e0e; + --ds-color-danger-surface-hover: #7a1111; + --ds-color-danger-surface-active: #941515; + --ds-color-danger-border-subtle: #a11717; + --ds-color-danger-border-default: #cf5252; + --ds-color-danger-border-strong: #df8b8b; + --ds-color-danger-base-default: #d76e6e; --ds-color-danger-base-hover: #df8b8b; --ds-color-danger-base-active: #e7a8a8; - --ds-color-danger-text-subtle: #df8d8d; - --ds-color-danger-text-default: #f5dcdc; + --ds-color-danger-text-subtle: #df8b8b; + --ds-color-danger-text-default: #f6dfdf; --ds-color-danger-contrast-default: #000000; - --ds-color-danger-contrast-subtle: #261313; - --ds-color-info-background-default: #031d30; - --ds-color-info-background-subtle: #032540; - --ds-color-info-surface-default: #043256; - --ds-color-info-surface-hover: #063f6c; - --ds-color-info-surface-active: #074d84; - --ds-color-info-border-subtle: #075490; - --ds-color-info-border-default: #0c72c1; - --ds-color-info-border-strong: #98c3e5; - --ds-color-info-base-default: #2c85c9; - --ds-color-info-base-hover: #529bd2; - --ds-color-info-base-active: #75afdc; - --ds-color-info-text-subtle: #6ba9d9; - --ds-color-info-text-default: #d3e5f4; + --ds-color-danger-contrast-subtle: #271414; + --ds-color-info-background-default: #031e33; + --ds-color-info-background-subtle: #032641; + --ds-color-info-surface-default: #043154; + --ds-color-info-surface-hover: #063f6a; + --ds-color-info-surface-active: #074d82; + --ds-color-info-border-subtle: #07538d; + --ds-color-info-border-default: #2480c7; + --ds-color-info-border-strong: #69a8d8; + --ds-color-info-base-default: #2d85c9; + --ds-color-info-base-hover: #519ad2; + --ds-color-info-base-active: #77b0dc; + --ds-color-info-text-subtle: #69a8d8; + --ds-color-info-text-default: #d6e7f4; --ds-color-info-contrast-default: #000000; - --ds-color-info-contrast-subtle: #040e15; - --ds-color-warning-background-default: #211b07; - --ds-color-warning-background-subtle: #2b2309; - --ds-color-warning-surface-default: #392f0d; + --ds-color-info-contrast-subtle: #050e15; + --ds-color-warning-background-default: #221c08; + --ds-color-warning-background-subtle: #2b240a; + --ds-color-warning-surface-default: #382f0c; --ds-color-warning-surface-hover: #483c10; - --ds-color-warning-surface-active: #594a14; - --ds-color-warning-border-subtle: #625116; - --ds-color-warning-border-default: #836d1d; - --ds-color-warning-border-strong: #dabc4c; - --ds-color-warning-base-default: #bc622b; + --ds-color-warning-surface-active: #584913; + --ds-color-warning-border-subtle: #5f5015; + --ds-color-warning-border-default: #927a20; + --ds-color-warning-border-strong: #bf9f2a; + --ds-color-warning-base-default: #bc612a; --ds-color-warning-base-hover: #c87d4f; - --ds-color-warning-base-active: #d39773; - --ds-color-warning-text-subtle: #d29671; - --ds-color-warning-text-default: #f1ded3; + --ds-color-warning-base-active: #d39772; + --ds-color-warning-text-subtle: #d2946e; + --ds-color-warning-text-default: #f2e2d7; --ds-color-warning-contrast-default: #000000; - --ds-color-warning-contrast-subtle: #090402; - --ds-color-focus-inner: #131c27; - --ds-color-focus-outer: #d1e3f3; + --ds-color-warning-contrast-subtle: #070301; + --ds-color-focus-inner: #141d29; + --ds-color-focus-outer: #d7e7f4; color-scheme: dark; } diff --git a/packages/theme/brand/digdir/color-scheme/light.css b/packages/theme/brand/digdir/color-scheme/light.css index 07466d1a57..0eeacefce4 100644 --- a/packages/theme/brand/digdir/color-scheme/light.css +++ b/packages/theme/brand/digdir/color-scheme/light.css @@ -4,466 +4,466 @@ @layer ds.theme.color-scheme.light { :root, [data-color-scheme="light"] { - --ds-global-blue-1: #fefeff; + --ds-global-blue-1: #ffffff; --ds-global-blue-2: #edf5fa; - --ds-global-blue-3: #d3e5f4; + --ds-global-blue-3: #d2e5f3; --ds-global-blue-4: #b7d5ed; - --ds-global-blue-5: #9bc5e5; + --ds-global-blue-5: #9fc7e6; --ds-global-blue-6: #94c1e3; - --ds-global-blue-7: #2f86c9; - --ds-global-blue-8: #075089; - --ds-global-blue-9: #0A71C0; - --ds-global-blue-10: #085e9f; - --ds-global-blue-11: #074a7f; - --ds-global-blue-12: #0966ac; + --ds-global-blue-7: #2a83c8; + --ds-global-blue-8: #0964a9; + --ds-global-blue-9: #0a71bf; + --ds-global-blue-10: #085d9f; + --ds-global-blue-11: #074a7e; + --ds-global-blue-12: #0964a9; --ds-global-blue-13: #042d4d; --ds-global-blue-contrast-1: #ffffff; - --ds-global-blue-contrast-2: #edf5fa; - --ds-global-green-1: #fcfefc; - --ds-global-green-2: #edf6ee; - --ds-global-green-3: #d1e9d4; - --ds-global-green-4: #b5dbba; - --ds-global-green-5: #96cd9e; + --ds-global-blue-contrast-2: #eff6fb; + --ds-global-green-1: #ffffff; + --ds-global-green-2: #ecf6ee; + --ds-global-green-3: #d0e8d3; + --ds-global-green-4: #b4dbba; + --ds-global-green-5: #9bcfa2; --ds-global-green-6: #8fc997; - --ds-global-green-7: #229532; - --ds-global-green-8: #045a10; + --ds-global-green-7: #1d922d; + --ds-global-green-8: #057114; --ds-global-green-9: #068718; --ds-global-green-10: #057014; --ds-global-green-11: #045a10; - --ds-global-green-12: #057315; + --ds-global-green-12: #057114; --ds-global-green-13: #023409; --ds-global-green-contrast-1: #ffffff; - --ds-global-green-contrast-2: #f9fcf9; - --ds-global-orange-1: #fffefe; - --ds-global-orange-2: #f9f2ed; - --ds-global-orange-3: #f1ded3; - --ds-global-orange-4: #e9cbb8; - --ds-global-orange-5: #e1b9a0; - --ds-global-orange-6: #deb296; - --ds-global-orange-7: #c06b36; - --ds-global-orange-8: #7c3b14; - --ds-global-orange-9: #B8581D; - --ds-global-orange-10: #984918; - --ds-global-orange-11: #7a3b13; - --ds-global-orange-12: #9e4b19; - --ds-global-orange-13: #47220b; + --ds-global-green-contrast-2: #fafdfb; + --ds-global-orange-1: #ffffff; + --ds-global-orange-2: #faf2ee; + --ds-global-orange-3: #f1dfd3; + --ds-global-orange-4: #e9ccba; + --ds-global-orange-5: #e2baa2; + --ds-global-orange-6: #dfb398; + --ds-global-orange-7: #bf6732; + --ds-global-orange-8: #9b4a18; + --ds-global-orange-9: #b7581d; + --ds-global-orange-10: #994918; + --ds-global-orange-11: #7b3b13; + --ds-global-orange-12: #9b4a18; + --ds-global-orange-13: #46220b; --ds-global-orange-contrast-1: #ffffff; - --ds-global-orange-contrast-2: #fdfbf9; - --ds-global-purple-1: #fefefe; - --ds-global-purple-2: #f5f2f9; + --ds-global-orange-contrast-2: #fdf9f8; + --ds-global-purple-1: #ffffff; + --ds-global-purple-2: #f6f2f9; --ds-global-purple-3: #e7dfef; - --ds-global-purple-4: #d9cce6; - --ds-global-purple-5: #ccbadd; + --ds-global-purple-4: #d9cde6; + --ds-global-purple-5: #cdbcdd; --ds-global-purple-6: #c7b4da; - --ds-global-purple-7: #9572b9; - --ds-global-purple-8: #663399; + --ds-global-purple-7: #936fb7; + --ds-global-purple-8: #794ca6; --ds-global-purple-9: #663299; - --ds-global-purple-10: #4e2676; + --ds-global-purple-10: #4f2776; --ds-global-purple-11: #371b53; - --ds-global-purple-12: #7b4ea7; - --ds-global-purple-13: #3b1d59; + --ds-global-purple-12: #794ca6; + --ds-global-purple-13: #3a1d57; --ds-global-purple-contrast-1: #ffffff; --ds-global-purple-contrast-2: #eee8f3; - --ds-global-red-1: #fffefe; + --ds-global-red-1: #ffffff; --ds-global-red-2: #fbf1f1; --ds-global-red-3: #f5dcdc; - --ds-global-red-4: #f0c7c7; - --ds-global-red-5: #eab3b3; - --ds-global-red-6: #e8acac; - --ds-global-red-7: #d25b5b; - --ds-global-red-8: #9a1616; - --ds-global-red-9: #C01B1B; - --ds-global-red-10: #9c1616; + --ds-global-red-4: #f0c8c8; + --ds-global-red-5: #ebb5b5; + --ds-global-red-6: #e8adad; + --ds-global-red-7: #d15757; + --ds-global-red-8: #bf1b1b; + --ds-global-red-9: #bf1b1b; + --ds-global-red-10: #9b1616; --ds-global-red-11: #791111; - --ds-global-red-12: #c22020; - --ds-global-red-13: #5a0d0d; + --ds-global-red-12: #bf1b1b; + --ds-global-red-13: #590d0d; --ds-global-red-contrast-1: #ffffff; --ds-global-red-contrast-2: #f7e1e1; - --ds-global-yellow-1: #fffefd; - --ds-global-yellow-2: #f9f4e2; - --ds-global-yellow-3: #efe2b3; - --ds-global-yellow-4: #e5d183; - --ds-global-yellow-5: #dcbf53; + --ds-global-yellow-1: #ffffff; + --ds-global-yellow-2: #f9f4e1; + --ds-global-yellow-3: #efe2b2; + --ds-global-yellow-4: #e6d184; + --ds-global-yellow-5: #ddc159; --ds-global-yellow-6: #d9b945; - --ds-global-yellow-7: #987f22; - --ds-global-yellow-8: #5c4c14; - --ds-global-yellow-9: #D4B12F; + --ds-global-yellow-7: #957c21; + --ds-global-yellow-8: #736019; + --ds-global-yellow-9: #d4b12f; --ds-global-yellow-10: #bb9c2a; - --ds-global-yellow-11: #a28724; - --ds-global-yellow-12: #75611a; - --ds-global-yellow-13: #342b0c; + --ds-global-yellow-11: #a38824; + --ds-global-yellow-12: #736019; + --ds-global-yellow-13: #332b0b; --ds-global-yellow-contrast-1: #000000; - --ds-global-yellow-contrast-2: #282109; - --ds-color-accent-background-default: #fefeff; + --ds-global-yellow-contrast-2: #282209; + --ds-color-accent-background-default: #ffffff; --ds-color-accent-background-subtle: #eef4fa; - --ds-color-accent-surface-default: #d1e3f3; + --ds-color-accent-surface-default: #d3e4f3; --ds-color-accent-surface-hover: #bad5ec; - --ds-color-accent-surface-active: #a1c5e5; - --ds-color-accent-border-subtle: #97bfe3; - --ds-color-accent-border-default: #3885c9; - --ds-color-accent-border-strong: #014e93; - --ds-color-accent-base-default: #0163ba; - --ds-color-accent-base-hover: #015097; - --ds-color-accent-base-active: #013f75; - --ds-color-accent-text-subtle: #0163ba; - --ds-color-accent-text-default: #002d54; + --ds-color-accent-surface-active: #a3c6e6; + --ds-color-accent-border-subtle: #99c0e3; + --ds-color-accent-border-default: #3582c8; + --ds-color-accent-border-strong: #0061b8; + --ds-color-accent-base-default: #0062ba; + --ds-color-accent-base-hover: #004f96; + --ds-color-accent-base-active: #003d75; + --ds-color-accent-text-subtle: #0061b8; + --ds-color-accent-text-default: #002c54; --ds-color-accent-contrast-default: #ffffff; --ds-color-accent-contrast-subtle: #dbe9f5; - --ds-color-neutral-background-default: #fefefe; - --ds-color-neutral-background-subtle: #f3f4f5; - --ds-color-neutral-surface-default: #e1e3e5; - --ds-color-neutral-surface-hover: #ced1d4; - --ds-color-neutral-surface-active: #bdc1c6; + --ds-color-neutral-background-default: #ffffff; + --ds-color-neutral-background-subtle: #f3f4f4; + --ds-color-neutral-surface-default: #e0e2e4; + --ds-color-neutral-surface-hover: #cfd2d5; + --ds-color-neutral-surface-active: #bfc3c7; --ds-color-neutral-border-subtle: #b8bcc1; - --ds-color-neutral-border-default: #7a818c; - --ds-color-neutral-border-strong: #444e5d; + --ds-color-neutral-border-default: #777f89; + --ds-color-neutral-border-strong: #59626f; --ds-color-neutral-base-default: #1e2b3c; - --ds-color-neutral-base-hover: #303c4b; - --ds-color-neutral-base-active: #444e5d; - --ds-color-neutral-text-subtle: #5b6471; - --ds-color-neutral-text-default: #202c3d; + --ds-color-neutral-base-hover: #313d4d; + --ds-color-neutral-base-active: #444f5d; + --ds-color-neutral-text-subtle: #59626f; + --ds-color-neutral-text-default: #1f2c3d; --ds-color-neutral-contrast-default: #ffffff; - --ds-color-neutral-contrast-subtle: #bbbfc4; - --ds-color-brand1-background-default: #fffefe; + --ds-color-neutral-contrast-subtle: #babec4; + --ds-color-brand1-background-default: #ffffff; --ds-color-brand1-background-subtle: #fef0f1; - --ds-color-brand1-surface-default: #fcdbdc; + --ds-color-brand1-surface-default: #fcdadb; --ds-color-brand1-surface-hover: #fbc4c5; - --ds-color-brand1-surface-active: #f9acae; - --ds-color-brand1-border-subtle: #f8a5a7; - --ds-color-brand1-border-default: #d95558; - --ds-color-brand1-border-strong: #833336; - --ds-color-brand1-base-default: #f35f63; - --ds-color-brand1-base-hover: #d05255; - --ds-color-brand1-base-active: #af4547; - --ds-color-brand1-text-subtle: #a74144; - --ds-color-brand1-text-default: #4b1e1f; + --ds-color-brand1-surface-active: #f9afb1; + --ds-color-brand1-border-subtle: #f9a5a8; + --ds-color-brand1-border-default: #d55356; + --ds-color-brand1-border-strong: #a44043; + --ds-color-brand1-base-default: #f45f63; + --ds-color-brand1-base-hover: #f78588; + --ds-color-brand1-base-active: #f9a6a8; + --ds-color-brand1-text-subtle: #a44043; + --ds-color-brand1-text-default: #4b1d1e; --ds-color-brand1-contrast-default: #000000; - --ds-color-brand1-contrast-subtle: #000000; - --ds-color-brand2-background-default: #fffefc; - --ds-color-brand2-background-subtle: #fbf3e0; - --ds-color-brand2-surface-default: #f5dfad; - --ds-color-brand2-surface-hover: #f0ce7f; - --ds-color-brand2-surface-active: #e9ba4c; - --ds-color-brand2-border-subtle: #e7b43d; - --ds-color-brand2-border-default: #a57a17; - --ds-color-brand2-border-strong: #63490e; - --ds-color-brand2-base-default: #e4a920; + --ds-color-brand1-contrast-subtle: #020101; + --ds-color-brand2-background-default: #ffffff; + --ds-color-brand2-background-subtle: #fbf3df; + --ds-color-brand2-surface-default: #f6e0ae; + --ds-color-brand2-surface-hover: #f0ce7e; + --ds-color-brand2-surface-active: #eabc4f; + --ds-color-brand2-border-subtle: #e8b43a; + --ds-color-brand2-border-default: #a17817; + --ds-color-brand2-border-strong: #7c5c11; + --ds-color-brand2-base-default: #e5aa21; --ds-color-brand2-base-hover: #c9951c; - --ds-color-brand2-base-active: #af8119; - --ds-color-brand2-text-subtle: #7e5d12; - --ds-color-brand2-text-default: #382a08; + --ds-color-brand2-base-active: #af8218; + --ds-color-brand2-text-subtle: #7c5c11; + --ds-color-brand2-text-default: #382908; --ds-color-brand2-contrast-default: #000000; - --ds-color-brand2-contrast-subtle: #2b2006; - --ds-color-brand3-background-default: #fdfeff; - --ds-color-brand3-background-subtle: #eaf6fe; + --ds-color-brand2-contrast-subtle: #2c2006; + --ds-color-brand3-background-default: #ffffff; + --ds-color-brand3-background-subtle: #eaf5fe; --ds-color-brand3-surface-default: #c8e6fd; - --ds-color-brand3-surface-hover: #a9d7fb; - --ds-color-brand3-surface-active: #84c7fa; - --ds-color-brand3-border-subtle: #7ac2f9; - --ds-color-brand3-border-default: #1a85d6; - --ds-color-brand3-border-strong: #105082; - --ds-color-brand3-base-default: #1e98f5; - --ds-color-brand3-base-hover: #1a83d3; - --ds-color-brand3-base-active: #166eb2; - --ds-color-brand3-text-subtle: #1466a5; - --ds-color-brand3-text-default: #092e4b; + --ds-color-brand3-surface-hover: #a8d7fb; + --ds-color-brand3-surface-active: #89c9fa; + --ds-color-brand3-border-subtle: #7bc3f9; + --ds-color-brand3-border-default: #1a83d2; + --ds-color-brand3-border-strong: #1465a2; + --ds-color-brand3-base-default: #1e98f4; + --ds-color-brand3-base-hover: #53b0f7; + --ds-color-brand3-base-active: #81c5f9; + --ds-color-brand3-text-subtle: #1465a2; + --ds-color-brand3-text-default: #092d49; --ds-color-brand3-contrast-default: #000000; - --ds-color-brand3-contrast-subtle: #010407; - --ds-color-success-background-default: #fcfefc; - --ds-color-success-background-subtle: #edf6ee; - --ds-color-success-surface-default: #d1e9d4; - --ds-color-success-surface-hover: #b5dbba; - --ds-color-success-surface-active: #96cd9e; + --ds-color-brand3-contrast-subtle: #010507; + --ds-color-success-background-default: #ffffff; + --ds-color-success-background-subtle: #ecf6ee; + --ds-color-success-surface-default: #d0e8d3; + --ds-color-success-surface-hover: #b4dbba; + --ds-color-success-surface-active: #9bcfa2; --ds-color-success-border-subtle: #8fc997; - --ds-color-success-border-default: #229532; - --ds-color-success-border-strong: #045a10; + --ds-color-success-border-default: #1d922d; + --ds-color-success-border-strong: #057114; --ds-color-success-base-default: #068718; --ds-color-success-base-hover: #057014; --ds-color-success-base-active: #045a10; - --ds-color-success-text-subtle: #057315; + --ds-color-success-text-subtle: #057114; --ds-color-success-text-default: #023409; --ds-color-success-contrast-default: #ffffff; - --ds-color-success-contrast-subtle: #f9fcf9; - --ds-color-danger-background-default: #fffefe; + --ds-color-success-contrast-subtle: #fafdfb; + --ds-color-danger-background-default: #ffffff; --ds-color-danger-background-subtle: #fbf1f1; --ds-color-danger-surface-default: #f5dcdc; - --ds-color-danger-surface-hover: #f0c7c7; - --ds-color-danger-surface-active: #eab3b3; - --ds-color-danger-border-subtle: #e8acac; - --ds-color-danger-border-default: #d25b5b; - --ds-color-danger-border-strong: #9a1616; - --ds-color-danger-base-default: #C01B1B; - --ds-color-danger-base-hover: #9c1616; + --ds-color-danger-surface-hover: #f0c8c8; + --ds-color-danger-surface-active: #ebb5b5; + --ds-color-danger-border-subtle: #e8adad; + --ds-color-danger-border-default: #d15757; + --ds-color-danger-border-strong: #bf1b1b; + --ds-color-danger-base-default: #bf1b1b; + --ds-color-danger-base-hover: #9b1616; --ds-color-danger-base-active: #791111; - --ds-color-danger-text-subtle: #c22020; - --ds-color-danger-text-default: #5a0d0d; + --ds-color-danger-text-subtle: #bf1b1b; + --ds-color-danger-text-default: #590d0d; --ds-color-danger-contrast-default: #ffffff; --ds-color-danger-contrast-subtle: #f7e1e1; - --ds-color-info-background-default: #fefeff; + --ds-color-info-background-default: #ffffff; --ds-color-info-background-subtle: #edf5fa; - --ds-color-info-surface-default: #d3e5f4; + --ds-color-info-surface-default: #d2e5f3; --ds-color-info-surface-hover: #b7d5ed; - --ds-color-info-surface-active: #9bc5e5; + --ds-color-info-surface-active: #9fc7e6; --ds-color-info-border-subtle: #94c1e3; - --ds-color-info-border-default: #2f86c9; - --ds-color-info-border-strong: #075089; - --ds-color-info-base-default: #0A71C0; - --ds-color-info-base-hover: #085e9f; - --ds-color-info-base-active: #074a7f; - --ds-color-info-text-subtle: #0966ac; + --ds-color-info-border-default: #2a83c8; + --ds-color-info-border-strong: #0964a9; + --ds-color-info-base-default: #0a71bf; + --ds-color-info-base-hover: #085d9f; + --ds-color-info-base-active: #074a7e; + --ds-color-info-text-subtle: #0964a9; --ds-color-info-text-default: #042d4d; --ds-color-info-contrast-default: #ffffff; - --ds-color-info-contrast-subtle: #edf5fa; - --ds-color-warning-background-default: #fffefd; - --ds-color-warning-background-subtle: #f9f4e2; - --ds-color-warning-surface-default: #efe2b3; - --ds-color-warning-surface-hover: #e5d183; - --ds-color-warning-surface-active: #dcbf53; + --ds-color-info-contrast-subtle: #eff6fb; + --ds-color-warning-background-default: #ffffff; + --ds-color-warning-background-subtle: #f9f4e1; + --ds-color-warning-surface-default: #efe2b2; + --ds-color-warning-surface-hover: #e6d184; + --ds-color-warning-surface-active: #ddc159; --ds-color-warning-border-subtle: #d9b945; - --ds-color-warning-border-default: #987f22; - --ds-color-warning-border-strong: #5c4c14; - --ds-color-warning-base-default: #B8581D; - --ds-color-warning-base-hover: #984918; - --ds-color-warning-base-active: #7a3b13; - --ds-color-warning-text-subtle: #9e4b19; - --ds-color-warning-text-default: #47220b; + --ds-color-warning-border-default: #957c21; + --ds-color-warning-border-strong: #736019; + --ds-color-warning-base-default: #b7581d; + --ds-color-warning-base-hover: #994918; + --ds-color-warning-base-active: #7b3b13; + --ds-color-warning-text-subtle: #9b4a18; + --ds-color-warning-text-default: #46220b; --ds-color-warning-contrast-default: #ffffff; - --ds-color-warning-contrast-subtle: #fdfbf9; - --ds-color-focus-inner: #fefefe; - --ds-color-focus-outer: #002d54; + --ds-color-warning-contrast-subtle: #fdf9f8; + --ds-color-focus-inner: #ffffff; + --ds-color-focus-outer: #002c54; color-scheme: light; } @media (prefers-color-scheme: light) { [data-color-scheme="auto"] { - --ds-global-blue-1: #fefeff; + --ds-global-blue-1: #ffffff; --ds-global-blue-2: #edf5fa; - --ds-global-blue-3: #d3e5f4; + --ds-global-blue-3: #d2e5f3; --ds-global-blue-4: #b7d5ed; - --ds-global-blue-5: #9bc5e5; + --ds-global-blue-5: #9fc7e6; --ds-global-blue-6: #94c1e3; - --ds-global-blue-7: #2f86c9; - --ds-global-blue-8: #075089; - --ds-global-blue-9: #0A71C0; - --ds-global-blue-10: #085e9f; - --ds-global-blue-11: #074a7f; - --ds-global-blue-12: #0966ac; + --ds-global-blue-7: #2a83c8; + --ds-global-blue-8: #0964a9; + --ds-global-blue-9: #0a71bf; + --ds-global-blue-10: #085d9f; + --ds-global-blue-11: #074a7e; + --ds-global-blue-12: #0964a9; --ds-global-blue-13: #042d4d; --ds-global-blue-contrast-1: #ffffff; - --ds-global-blue-contrast-2: #edf5fa; - --ds-global-green-1: #fcfefc; - --ds-global-green-2: #edf6ee; - --ds-global-green-3: #d1e9d4; - --ds-global-green-4: #b5dbba; - --ds-global-green-5: #96cd9e; + --ds-global-blue-contrast-2: #eff6fb; + --ds-global-green-1: #ffffff; + --ds-global-green-2: #ecf6ee; + --ds-global-green-3: #d0e8d3; + --ds-global-green-4: #b4dbba; + --ds-global-green-5: #9bcfa2; --ds-global-green-6: #8fc997; - --ds-global-green-7: #229532; - --ds-global-green-8: #045a10; + --ds-global-green-7: #1d922d; + --ds-global-green-8: #057114; --ds-global-green-9: #068718; --ds-global-green-10: #057014; --ds-global-green-11: #045a10; - --ds-global-green-12: #057315; + --ds-global-green-12: #057114; --ds-global-green-13: #023409; --ds-global-green-contrast-1: #ffffff; - --ds-global-green-contrast-2: #f9fcf9; - --ds-global-orange-1: #fffefe; - --ds-global-orange-2: #f9f2ed; - --ds-global-orange-3: #f1ded3; - --ds-global-orange-4: #e9cbb8; - --ds-global-orange-5: #e1b9a0; - --ds-global-orange-6: #deb296; - --ds-global-orange-7: #c06b36; - --ds-global-orange-8: #7c3b14; - --ds-global-orange-9: #B8581D; - --ds-global-orange-10: #984918; - --ds-global-orange-11: #7a3b13; - --ds-global-orange-12: #9e4b19; - --ds-global-orange-13: #47220b; + --ds-global-green-contrast-2: #fafdfb; + --ds-global-orange-1: #ffffff; + --ds-global-orange-2: #faf2ee; + --ds-global-orange-3: #f1dfd3; + --ds-global-orange-4: #e9ccba; + --ds-global-orange-5: #e2baa2; + --ds-global-orange-6: #dfb398; + --ds-global-orange-7: #bf6732; + --ds-global-orange-8: #9b4a18; + --ds-global-orange-9: #b7581d; + --ds-global-orange-10: #994918; + --ds-global-orange-11: #7b3b13; + --ds-global-orange-12: #9b4a18; + --ds-global-orange-13: #46220b; --ds-global-orange-contrast-1: #ffffff; - --ds-global-orange-contrast-2: #fdfbf9; - --ds-global-purple-1: #fefefe; - --ds-global-purple-2: #f5f2f9; + --ds-global-orange-contrast-2: #fdf9f8; + --ds-global-purple-1: #ffffff; + --ds-global-purple-2: #f6f2f9; --ds-global-purple-3: #e7dfef; - --ds-global-purple-4: #d9cce6; - --ds-global-purple-5: #ccbadd; + --ds-global-purple-4: #d9cde6; + --ds-global-purple-5: #cdbcdd; --ds-global-purple-6: #c7b4da; - --ds-global-purple-7: #9572b9; - --ds-global-purple-8: #663399; + --ds-global-purple-7: #936fb7; + --ds-global-purple-8: #794ca6; --ds-global-purple-9: #663299; - --ds-global-purple-10: #4e2676; + --ds-global-purple-10: #4f2776; --ds-global-purple-11: #371b53; - --ds-global-purple-12: #7b4ea7; - --ds-global-purple-13: #3b1d59; + --ds-global-purple-12: #794ca6; + --ds-global-purple-13: #3a1d57; --ds-global-purple-contrast-1: #ffffff; --ds-global-purple-contrast-2: #eee8f3; - --ds-global-red-1: #fffefe; + --ds-global-red-1: #ffffff; --ds-global-red-2: #fbf1f1; --ds-global-red-3: #f5dcdc; - --ds-global-red-4: #f0c7c7; - --ds-global-red-5: #eab3b3; - --ds-global-red-6: #e8acac; - --ds-global-red-7: #d25b5b; - --ds-global-red-8: #9a1616; - --ds-global-red-9: #C01B1B; - --ds-global-red-10: #9c1616; + --ds-global-red-4: #f0c8c8; + --ds-global-red-5: #ebb5b5; + --ds-global-red-6: #e8adad; + --ds-global-red-7: #d15757; + --ds-global-red-8: #bf1b1b; + --ds-global-red-9: #bf1b1b; + --ds-global-red-10: #9b1616; --ds-global-red-11: #791111; - --ds-global-red-12: #c22020; - --ds-global-red-13: #5a0d0d; + --ds-global-red-12: #bf1b1b; + --ds-global-red-13: #590d0d; --ds-global-red-contrast-1: #ffffff; --ds-global-red-contrast-2: #f7e1e1; - --ds-global-yellow-1: #fffefd; - --ds-global-yellow-2: #f9f4e2; - --ds-global-yellow-3: #efe2b3; - --ds-global-yellow-4: #e5d183; - --ds-global-yellow-5: #dcbf53; + --ds-global-yellow-1: #ffffff; + --ds-global-yellow-2: #f9f4e1; + --ds-global-yellow-3: #efe2b2; + --ds-global-yellow-4: #e6d184; + --ds-global-yellow-5: #ddc159; --ds-global-yellow-6: #d9b945; - --ds-global-yellow-7: #987f22; - --ds-global-yellow-8: #5c4c14; - --ds-global-yellow-9: #D4B12F; + --ds-global-yellow-7: #957c21; + --ds-global-yellow-8: #736019; + --ds-global-yellow-9: #d4b12f; --ds-global-yellow-10: #bb9c2a; - --ds-global-yellow-11: #a28724; - --ds-global-yellow-12: #75611a; - --ds-global-yellow-13: #342b0c; + --ds-global-yellow-11: #a38824; + --ds-global-yellow-12: #736019; + --ds-global-yellow-13: #332b0b; --ds-global-yellow-contrast-1: #000000; - --ds-global-yellow-contrast-2: #282109; - --ds-color-accent-background-default: #fefeff; + --ds-global-yellow-contrast-2: #282209; + --ds-color-accent-background-default: #ffffff; --ds-color-accent-background-subtle: #eef4fa; - --ds-color-accent-surface-default: #d1e3f3; + --ds-color-accent-surface-default: #d3e4f3; --ds-color-accent-surface-hover: #bad5ec; - --ds-color-accent-surface-active: #a1c5e5; - --ds-color-accent-border-subtle: #97bfe3; - --ds-color-accent-border-default: #3885c9; - --ds-color-accent-border-strong: #014e93; - --ds-color-accent-base-default: #0163ba; - --ds-color-accent-base-hover: #015097; - --ds-color-accent-base-active: #013f75; - --ds-color-accent-text-subtle: #0163ba; - --ds-color-accent-text-default: #002d54; + --ds-color-accent-surface-active: #a3c6e6; + --ds-color-accent-border-subtle: #99c0e3; + --ds-color-accent-border-default: #3582c8; + --ds-color-accent-border-strong: #0061b8; + --ds-color-accent-base-default: #0062ba; + --ds-color-accent-base-hover: #004f96; + --ds-color-accent-base-active: #003d75; + --ds-color-accent-text-subtle: #0061b8; + --ds-color-accent-text-default: #002c54; --ds-color-accent-contrast-default: #ffffff; --ds-color-accent-contrast-subtle: #dbe9f5; - --ds-color-neutral-background-default: #fefefe; - --ds-color-neutral-background-subtle: #f3f4f5; - --ds-color-neutral-surface-default: #e1e3e5; - --ds-color-neutral-surface-hover: #ced1d4; - --ds-color-neutral-surface-active: #bdc1c6; + --ds-color-neutral-background-default: #ffffff; + --ds-color-neutral-background-subtle: #f3f4f4; + --ds-color-neutral-surface-default: #e0e2e4; + --ds-color-neutral-surface-hover: #cfd2d5; + --ds-color-neutral-surface-active: #bfc3c7; --ds-color-neutral-border-subtle: #b8bcc1; - --ds-color-neutral-border-default: #7a818c; - --ds-color-neutral-border-strong: #444e5d; + --ds-color-neutral-border-default: #777f89; + --ds-color-neutral-border-strong: #59626f; --ds-color-neutral-base-default: #1e2b3c; - --ds-color-neutral-base-hover: #303c4b; - --ds-color-neutral-base-active: #444e5d; - --ds-color-neutral-text-subtle: #5b6471; - --ds-color-neutral-text-default: #202c3d; + --ds-color-neutral-base-hover: #313d4d; + --ds-color-neutral-base-active: #444f5d; + --ds-color-neutral-text-subtle: #59626f; + --ds-color-neutral-text-default: #1f2c3d; --ds-color-neutral-contrast-default: #ffffff; - --ds-color-neutral-contrast-subtle: #bbbfc4; - --ds-color-brand1-background-default: #fffefe; + --ds-color-neutral-contrast-subtle: #babec4; + --ds-color-brand1-background-default: #ffffff; --ds-color-brand1-background-subtle: #fef0f1; - --ds-color-brand1-surface-default: #fcdbdc; + --ds-color-brand1-surface-default: #fcdadb; --ds-color-brand1-surface-hover: #fbc4c5; - --ds-color-brand1-surface-active: #f9acae; - --ds-color-brand1-border-subtle: #f8a5a7; - --ds-color-brand1-border-default: #d95558; - --ds-color-brand1-border-strong: #833336; - --ds-color-brand1-base-default: #f35f63; - --ds-color-brand1-base-hover: #d05255; - --ds-color-brand1-base-active: #af4547; - --ds-color-brand1-text-subtle: #a74144; - --ds-color-brand1-text-default: #4b1e1f; + --ds-color-brand1-surface-active: #f9afb1; + --ds-color-brand1-border-subtle: #f9a5a8; + --ds-color-brand1-border-default: #d55356; + --ds-color-brand1-border-strong: #a44043; + --ds-color-brand1-base-default: #f45f63; + --ds-color-brand1-base-hover: #f78588; + --ds-color-brand1-base-active: #f9a6a8; + --ds-color-brand1-text-subtle: #a44043; + --ds-color-brand1-text-default: #4b1d1e; --ds-color-brand1-contrast-default: #000000; - --ds-color-brand1-contrast-subtle: #000000; - --ds-color-brand2-background-default: #fffefc; - --ds-color-brand2-background-subtle: #fbf3e0; - --ds-color-brand2-surface-default: #f5dfad; - --ds-color-brand2-surface-hover: #f0ce7f; - --ds-color-brand2-surface-active: #e9ba4c; - --ds-color-brand2-border-subtle: #e7b43d; - --ds-color-brand2-border-default: #a57a17; - --ds-color-brand2-border-strong: #63490e; - --ds-color-brand2-base-default: #e4a920; + --ds-color-brand1-contrast-subtle: #020101; + --ds-color-brand2-background-default: #ffffff; + --ds-color-brand2-background-subtle: #fbf3df; + --ds-color-brand2-surface-default: #f6e0ae; + --ds-color-brand2-surface-hover: #f0ce7e; + --ds-color-brand2-surface-active: #eabc4f; + --ds-color-brand2-border-subtle: #e8b43a; + --ds-color-brand2-border-default: #a17817; + --ds-color-brand2-border-strong: #7c5c11; + --ds-color-brand2-base-default: #e5aa21; --ds-color-brand2-base-hover: #c9951c; - --ds-color-brand2-base-active: #af8119; - --ds-color-brand2-text-subtle: #7e5d12; - --ds-color-brand2-text-default: #382a08; + --ds-color-brand2-base-active: #af8218; + --ds-color-brand2-text-subtle: #7c5c11; + --ds-color-brand2-text-default: #382908; --ds-color-brand2-contrast-default: #000000; - --ds-color-brand2-contrast-subtle: #2b2006; - --ds-color-brand3-background-default: #fdfeff; - --ds-color-brand3-background-subtle: #eaf6fe; + --ds-color-brand2-contrast-subtle: #2c2006; + --ds-color-brand3-background-default: #ffffff; + --ds-color-brand3-background-subtle: #eaf5fe; --ds-color-brand3-surface-default: #c8e6fd; - --ds-color-brand3-surface-hover: #a9d7fb; - --ds-color-brand3-surface-active: #84c7fa; - --ds-color-brand3-border-subtle: #7ac2f9; - --ds-color-brand3-border-default: #1a85d6; - --ds-color-brand3-border-strong: #105082; - --ds-color-brand3-base-default: #1e98f5; - --ds-color-brand3-base-hover: #1a83d3; - --ds-color-brand3-base-active: #166eb2; - --ds-color-brand3-text-subtle: #1466a5; - --ds-color-brand3-text-default: #092e4b; + --ds-color-brand3-surface-hover: #a8d7fb; + --ds-color-brand3-surface-active: #89c9fa; + --ds-color-brand3-border-subtle: #7bc3f9; + --ds-color-brand3-border-default: #1a83d2; + --ds-color-brand3-border-strong: #1465a2; + --ds-color-brand3-base-default: #1e98f4; + --ds-color-brand3-base-hover: #53b0f7; + --ds-color-brand3-base-active: #81c5f9; + --ds-color-brand3-text-subtle: #1465a2; + --ds-color-brand3-text-default: #092d49; --ds-color-brand3-contrast-default: #000000; - --ds-color-brand3-contrast-subtle: #010407; - --ds-color-success-background-default: #fcfefc; - --ds-color-success-background-subtle: #edf6ee; - --ds-color-success-surface-default: #d1e9d4; - --ds-color-success-surface-hover: #b5dbba; - --ds-color-success-surface-active: #96cd9e; + --ds-color-brand3-contrast-subtle: #010507; + --ds-color-success-background-default: #ffffff; + --ds-color-success-background-subtle: #ecf6ee; + --ds-color-success-surface-default: #d0e8d3; + --ds-color-success-surface-hover: #b4dbba; + --ds-color-success-surface-active: #9bcfa2; --ds-color-success-border-subtle: #8fc997; - --ds-color-success-border-default: #229532; - --ds-color-success-border-strong: #045a10; + --ds-color-success-border-default: #1d922d; + --ds-color-success-border-strong: #057114; --ds-color-success-base-default: #068718; --ds-color-success-base-hover: #057014; --ds-color-success-base-active: #045a10; - --ds-color-success-text-subtle: #057315; + --ds-color-success-text-subtle: #057114; --ds-color-success-text-default: #023409; --ds-color-success-contrast-default: #ffffff; - --ds-color-success-contrast-subtle: #f9fcf9; - --ds-color-danger-background-default: #fffefe; + --ds-color-success-contrast-subtle: #fafdfb; + --ds-color-danger-background-default: #ffffff; --ds-color-danger-background-subtle: #fbf1f1; --ds-color-danger-surface-default: #f5dcdc; - --ds-color-danger-surface-hover: #f0c7c7; - --ds-color-danger-surface-active: #eab3b3; - --ds-color-danger-border-subtle: #e8acac; - --ds-color-danger-border-default: #d25b5b; - --ds-color-danger-border-strong: #9a1616; - --ds-color-danger-base-default: #C01B1B; - --ds-color-danger-base-hover: #9c1616; + --ds-color-danger-surface-hover: #f0c8c8; + --ds-color-danger-surface-active: #ebb5b5; + --ds-color-danger-border-subtle: #e8adad; + --ds-color-danger-border-default: #d15757; + --ds-color-danger-border-strong: #bf1b1b; + --ds-color-danger-base-default: #bf1b1b; + --ds-color-danger-base-hover: #9b1616; --ds-color-danger-base-active: #791111; - --ds-color-danger-text-subtle: #c22020; - --ds-color-danger-text-default: #5a0d0d; + --ds-color-danger-text-subtle: #bf1b1b; + --ds-color-danger-text-default: #590d0d; --ds-color-danger-contrast-default: #ffffff; --ds-color-danger-contrast-subtle: #f7e1e1; - --ds-color-info-background-default: #fefeff; + --ds-color-info-background-default: #ffffff; --ds-color-info-background-subtle: #edf5fa; - --ds-color-info-surface-default: #d3e5f4; + --ds-color-info-surface-default: #d2e5f3; --ds-color-info-surface-hover: #b7d5ed; - --ds-color-info-surface-active: #9bc5e5; + --ds-color-info-surface-active: #9fc7e6; --ds-color-info-border-subtle: #94c1e3; - --ds-color-info-border-default: #2f86c9; - --ds-color-info-border-strong: #075089; - --ds-color-info-base-default: #0A71C0; - --ds-color-info-base-hover: #085e9f; - --ds-color-info-base-active: #074a7f; - --ds-color-info-text-subtle: #0966ac; + --ds-color-info-border-default: #2a83c8; + --ds-color-info-border-strong: #0964a9; + --ds-color-info-base-default: #0a71bf; + --ds-color-info-base-hover: #085d9f; + --ds-color-info-base-active: #074a7e; + --ds-color-info-text-subtle: #0964a9; --ds-color-info-text-default: #042d4d; --ds-color-info-contrast-default: #ffffff; - --ds-color-info-contrast-subtle: #edf5fa; - --ds-color-warning-background-default: #fffefd; - --ds-color-warning-background-subtle: #f9f4e2; - --ds-color-warning-surface-default: #efe2b3; - --ds-color-warning-surface-hover: #e5d183; - --ds-color-warning-surface-active: #dcbf53; + --ds-color-info-contrast-subtle: #eff6fb; + --ds-color-warning-background-default: #ffffff; + --ds-color-warning-background-subtle: #f9f4e1; + --ds-color-warning-surface-default: #efe2b2; + --ds-color-warning-surface-hover: #e6d184; + --ds-color-warning-surface-active: #ddc159; --ds-color-warning-border-subtle: #d9b945; - --ds-color-warning-border-default: #987f22; - --ds-color-warning-border-strong: #5c4c14; - --ds-color-warning-base-default: #B8581D; - --ds-color-warning-base-hover: #984918; - --ds-color-warning-base-active: #7a3b13; - --ds-color-warning-text-subtle: #9e4b19; - --ds-color-warning-text-default: #47220b; + --ds-color-warning-border-default: #957c21; + --ds-color-warning-border-strong: #736019; + --ds-color-warning-base-default: #b7581d; + --ds-color-warning-base-hover: #994918; + --ds-color-warning-base-active: #7b3b13; + --ds-color-warning-text-subtle: #9b4a18; + --ds-color-warning-text-default: #46220b; --ds-color-warning-contrast-default: #ffffff; - --ds-color-warning-contrast-subtle: #fdfbf9; - --ds-color-focus-inner: #fefefe; - --ds-color-focus-outer: #002d54; + --ds-color-warning-contrast-subtle: #fdf9f8; + --ds-color-focus-inner: #ffffff; + --ds-color-focus-outer: #002c54; color-scheme: light; } diff --git a/packages/theme/brand/portal.css b/packages/theme/brand/portal.css index 7479f32329..da55365ec1 100644 --- a/packages/theme/brand/portal.css +++ b/packages/theme/brand/portal.css @@ -8,466 +8,466 @@ @layer ds.theme.color-scheme.light { :root, [data-color-scheme="light"] { - --ds-global-blue-1: #fefeff; + --ds-global-blue-1: #ffffff; --ds-global-blue-2: #edf5fa; - --ds-global-blue-3: #d3e5f4; + --ds-global-blue-3: #d2e5f3; --ds-global-blue-4: #b7d5ed; - --ds-global-blue-5: #9bc5e5; + --ds-global-blue-5: #9fc7e6; --ds-global-blue-6: #94c1e3; - --ds-global-blue-7: #2f86c9; - --ds-global-blue-8: #075089; - --ds-global-blue-9: #0A71C0; - --ds-global-blue-10: #085e9f; - --ds-global-blue-11: #074a7f; - --ds-global-blue-12: #0966ac; + --ds-global-blue-7: #2a83c8; + --ds-global-blue-8: #0964a9; + --ds-global-blue-9: #0a71bf; + --ds-global-blue-10: #085d9f; + --ds-global-blue-11: #074a7e; + --ds-global-blue-12: #0964a9; --ds-global-blue-13: #042d4d; --ds-global-blue-contrast-1: #ffffff; - --ds-global-blue-contrast-2: #edf5fa; - --ds-global-green-1: #fcfefc; - --ds-global-green-2: #edf6ee; - --ds-global-green-3: #d1e9d4; - --ds-global-green-4: #b5dbba; - --ds-global-green-5: #96cd9e; + --ds-global-blue-contrast-2: #eff6fb; + --ds-global-green-1: #ffffff; + --ds-global-green-2: #ecf6ee; + --ds-global-green-3: #d0e8d3; + --ds-global-green-4: #b4dbba; + --ds-global-green-5: #9bcfa2; --ds-global-green-6: #8fc997; - --ds-global-green-7: #229532; - --ds-global-green-8: #045a10; + --ds-global-green-7: #1d922d; + --ds-global-green-8: #057114; --ds-global-green-9: #068718; --ds-global-green-10: #057014; --ds-global-green-11: #045a10; - --ds-global-green-12: #057315; + --ds-global-green-12: #057114; --ds-global-green-13: #023409; --ds-global-green-contrast-1: #ffffff; - --ds-global-green-contrast-2: #f9fcf9; - --ds-global-orange-1: #fffefe; - --ds-global-orange-2: #f9f2ed; - --ds-global-orange-3: #f1ded3; - --ds-global-orange-4: #e9cbb8; - --ds-global-orange-5: #e1b9a0; - --ds-global-orange-6: #deb296; - --ds-global-orange-7: #c06b36; - --ds-global-orange-8: #7c3b14; - --ds-global-orange-9: #B8581D; - --ds-global-orange-10: #984918; - --ds-global-orange-11: #7a3b13; - --ds-global-orange-12: #9e4b19; - --ds-global-orange-13: #47220b; + --ds-global-green-contrast-2: #fafdfb; + --ds-global-orange-1: #ffffff; + --ds-global-orange-2: #faf2ee; + --ds-global-orange-3: #f1dfd3; + --ds-global-orange-4: #e9ccba; + --ds-global-orange-5: #e2baa2; + --ds-global-orange-6: #dfb398; + --ds-global-orange-7: #bf6732; + --ds-global-orange-8: #9b4a18; + --ds-global-orange-9: #b7581d; + --ds-global-orange-10: #994918; + --ds-global-orange-11: #7b3b13; + --ds-global-orange-12: #9b4a18; + --ds-global-orange-13: #46220b; --ds-global-orange-contrast-1: #ffffff; - --ds-global-orange-contrast-2: #fdfbf9; - --ds-global-purple-1: #fefefe; - --ds-global-purple-2: #f5f2f9; + --ds-global-orange-contrast-2: #fdf9f8; + --ds-global-purple-1: #ffffff; + --ds-global-purple-2: #f6f2f9; --ds-global-purple-3: #e7dfef; - --ds-global-purple-4: #d9cce6; - --ds-global-purple-5: #ccbadd; + --ds-global-purple-4: #d9cde6; + --ds-global-purple-5: #cdbcdd; --ds-global-purple-6: #c7b4da; - --ds-global-purple-7: #9572b9; - --ds-global-purple-8: #663399; + --ds-global-purple-7: #936fb7; + --ds-global-purple-8: #794ca6; --ds-global-purple-9: #663299; - --ds-global-purple-10: #4e2676; + --ds-global-purple-10: #4f2776; --ds-global-purple-11: #371b53; - --ds-global-purple-12: #7b4ea7; - --ds-global-purple-13: #3b1d59; + --ds-global-purple-12: #794ca6; + --ds-global-purple-13: #3a1d57; --ds-global-purple-contrast-1: #ffffff; --ds-global-purple-contrast-2: #eee8f3; - --ds-global-red-1: #fffefe; + --ds-global-red-1: #ffffff; --ds-global-red-2: #fbf1f1; --ds-global-red-3: #f5dcdc; - --ds-global-red-4: #f0c7c7; - --ds-global-red-5: #eab3b3; - --ds-global-red-6: #e8acac; - --ds-global-red-7: #d25b5b; - --ds-global-red-8: #9a1616; - --ds-global-red-9: #C01B1B; - --ds-global-red-10: #9c1616; + --ds-global-red-4: #f0c8c8; + --ds-global-red-5: #ebb5b5; + --ds-global-red-6: #e8adad; + --ds-global-red-7: #d15757; + --ds-global-red-8: #bf1b1b; + --ds-global-red-9: #bf1b1b; + --ds-global-red-10: #9b1616; --ds-global-red-11: #791111; - --ds-global-red-12: #c22020; - --ds-global-red-13: #5a0d0d; + --ds-global-red-12: #bf1b1b; + --ds-global-red-13: #590d0d; --ds-global-red-contrast-1: #ffffff; --ds-global-red-contrast-2: #f7e1e1; - --ds-global-yellow-1: #fffefd; - --ds-global-yellow-2: #f9f4e2; - --ds-global-yellow-3: #efe2b3; - --ds-global-yellow-4: #e5d183; - --ds-global-yellow-5: #dcbf53; + --ds-global-yellow-1: #ffffff; + --ds-global-yellow-2: #f9f4e1; + --ds-global-yellow-3: #efe2b2; + --ds-global-yellow-4: #e6d184; + --ds-global-yellow-5: #ddc159; --ds-global-yellow-6: #d9b945; - --ds-global-yellow-7: #987f22; - --ds-global-yellow-8: #5c4c14; - --ds-global-yellow-9: #D4B12F; + --ds-global-yellow-7: #957c21; + --ds-global-yellow-8: #736019; + --ds-global-yellow-9: #d4b12f; --ds-global-yellow-10: #bb9c2a; - --ds-global-yellow-11: #a28724; - --ds-global-yellow-12: #75611a; - --ds-global-yellow-13: #342b0c; + --ds-global-yellow-11: #a38824; + --ds-global-yellow-12: #736019; + --ds-global-yellow-13: #332b0b; --ds-global-yellow-contrast-1: #000000; - --ds-global-yellow-contrast-2: #282109; - --ds-color-accent-background-default: #fefefe; - --ds-color-accent-background-subtle: #f5f2f8; - --ds-color-accent-surface-default: #e8e0ee; - --ds-color-accent-surface-hover: #d9cce3; - --ds-color-accent-surface-active: #ccbad9; - --ds-color-accent-border-subtle: #c7b4d6; - --ds-color-accent-border-default: #9773b3; - --ds-color-accent-border-strong: #683591; + --ds-global-yellow-contrast-2: #282209; + --ds-color-accent-background-default: #ffffff; + --ds-color-accent-background-subtle: #f6f2f8; + --ds-color-accent-surface-default: #e7dfee; + --ds-color-accent-surface-hover: #dacde4; + --ds-color-accent-surface-active: #cdbcdb; + --ds-color-accent-border-subtle: #c8b5d7; + --ds-color-accent-border-default: #9470b1; + --ds-color-accent-border-strong: #7b4d9e; --ds-color-accent-base-default: #4d107d; - --ds-color-accent-base-hover: #612c8c; - --ds-color-accent-base-active: #734499; - --ds-color-accent-text-subtle: #7c4fa0; - --ds-color-accent-text-default: #420e6a; + --ds-color-accent-base-hover: #612b8c; + --ds-color-accent-base-active: #734399; + --ds-color-accent-text-subtle: #7b4d9e; + --ds-color-accent-text-default: #410d69; --ds-color-accent-contrast-default: #ffffff; - --ds-color-accent-contrast-subtle: #d5c6e0; - --ds-color-neutral-background-default: #fefefe; - --ds-color-neutral-background-subtle: #f3f4f5; - --ds-color-neutral-surface-default: #e1e3e5; - --ds-color-neutral-surface-hover: #ced1d4; - --ds-color-neutral-surface-active: #bdc1c6; + --ds-color-accent-contrast-subtle: #d4c6e0; + --ds-color-neutral-background-default: #ffffff; + --ds-color-neutral-background-subtle: #f3f4f4; + --ds-color-neutral-surface-default: #e0e2e4; + --ds-color-neutral-surface-hover: #cfd2d5; + --ds-color-neutral-surface-active: #bfc3c7; --ds-color-neutral-border-subtle: #b8bcc1; - --ds-color-neutral-border-default: #7a818c; - --ds-color-neutral-border-strong: #444e5d; - --ds-color-neutral-base-default: #1E2B3C; - --ds-color-neutral-base-hover: #303c4b; - --ds-color-neutral-base-active: #444e5d; - --ds-color-neutral-text-subtle: #5b6471; - --ds-color-neutral-text-default: #202c3d; + --ds-color-neutral-border-default: #777f89; + --ds-color-neutral-border-strong: #59626f; + --ds-color-neutral-base-default: #1e2b3c; + --ds-color-neutral-base-hover: #313d4d; + --ds-color-neutral-base-active: #444f5d; + --ds-color-neutral-text-subtle: #59626f; + --ds-color-neutral-text-default: #1f2c3d; --ds-color-neutral-contrast-default: #ffffff; - --ds-color-neutral-contrast-subtle: #bbbfc4; - --ds-color-brand1-background-default: #fefdff; + --ds-color-neutral-contrast-subtle: #babec4; + --ds-color-brand1-background-default: #ffffff; --ds-color-brand1-background-subtle: #f7f1fc; --ds-color-brand1-surface-default: #ecddf8; - --ds-color-brand1-surface-hover: #e0c8f3; - --ds-color-brand1-surface-active: #d5b5ef; - --ds-color-brand1-border-subtle: #d1adee; - --ds-color-brand1-border-default: #a661de; - --ds-color-brand1-border-strong: #66388b; - --ds-color-brand1-base-default: #a259dc; - --ds-color-brand1-base-hover: #884bb9; - --ds-color-brand1-base-active: #703d97; - --ds-color-brand1-text-subtle: #8248b1; - --ds-color-brand1-text-default: #3a204f; + --ds-color-brand1-surface-hover: #e1c9f4; + --ds-color-brand1-surface-active: #d6b6f0; + --ds-color-brand1-border-subtle: #d2aeee; + --ds-color-brand1-border-default: #a45ddd; + --ds-color-brand1-border-strong: #8046ad; + --ds-color-brand1-base-default: #a25adc; + --ds-color-brand1-base-hover: #b276e2; + --ds-color-brand1-base-active: #c291e8; + --ds-color-brand1-text-subtle: #8046ad; + --ds-color-brand1-text-default: #3a204e; --ds-color-brand1-contrast-default: #000000; - --ds-color-brand1-contrast-subtle: #0a060d; - --ds-color-brand2-background-default: #fffeff; - --ds-color-brand2-background-subtle: #fbf0fc; + --ds-color-brand1-contrast-subtle: #0a050d; + --ds-color-brand2-background-default: #ffffff; + --ds-color-brand2-background-subtle: #fcf0fc; --ds-color-brand2-surface-default: #f6d9f8; --ds-color-brand2-surface-hover: #f1c2f3; - --ds-color-brand2-surface-active: #ecabef; + --ds-color-brand2-surface-active: #ecadef; --ds-color-brand2-border-subtle: #eaa3ed; - --ds-color-brand2-border-default: #b75fbb; - --ds-color-brand2-border-strong: #6f3972; - --ds-color-brand2-base-default: #df73e4; - --ds-color-brand2-base-hover: #c364c7; - --ds-color-brand2-base-active: #a656aa; - --ds-color-brand2-text-subtle: #8e4991; - --ds-color-brand2-text-default: #3f2141; + --ds-color-brand2-border-default: #b45db8; + --ds-color-brand2-border-strong: #8b488e; + --ds-color-brand2-base-default: #df74e4; + --ds-color-brand2-base-hover: #e795eb; + --ds-color-brand2-base-active: #eeb5f1; + --ds-color-brand2-text-subtle: #8b488e; + --ds-color-brand2-text-default: #3e2040; --ds-color-brand2-contrast-default: #000000; - --ds-color-brand2-contrast-subtle: #190d1a; - --ds-color-brand3-background-default: #fffefe; - --ds-color-brand3-background-subtle: #fdeff8; - --ds-color-brand3-surface-default: #f9daef; + --ds-color-brand2-contrast-subtle: #170c18; + --ds-color-brand3-background-default: #ffffff; + --ds-color-brand3-background-subtle: #fdf0f9; + --ds-color-brand3-surface-default: #f9d9ef; --ds-color-brand3-surface-hover: #f6c3e5; - --ds-color-brand3-surface-active: #f2abdb; - --ds-color-brand3-border-subtle: #f1a3d7; - --ds-color-brand3-border-default: #c55aa3; - --ds-color-brand3-border-strong: #773762; - --ds-color-brand3-base-default: #e86abf; - --ds-color-brand3-base-hover: #c95ca6; - --ds-color-brand3-base-active: #ab4e8d; - --ds-color-brand3-text-subtle: #98467d; - --ds-color-brand3-text-default: #451f38; + --ds-color-brand3-surface-active: #f2addc; + --ds-color-brand3-border-subtle: #f1a4d8; + --ds-color-brand3-border-default: #c2589f; + --ds-color-brand3-border-strong: #95447b; + --ds-color-brand3-base-default: #e86bbf; + --ds-color-brand3-base-hover: #ed8ece; + --ds-color-brand3-base-active: #f3aedc; + --ds-color-brand3-text-subtle: #95447b; + --ds-color-brand3-text-default: #431f37; --ds-color-brand3-contrast-default: #000000; - --ds-color-brand3-contrast-subtle: #11080e; - --ds-color-success-background-default: #fcfefc; - --ds-color-success-background-subtle: #edf6ee; - --ds-color-success-surface-default: #d1e9d4; - --ds-color-success-surface-hover: #b5dbba; - --ds-color-success-surface-active: #96cd9e; + --ds-color-brand3-contrast-subtle: #10070d; + --ds-color-success-background-default: #ffffff; + --ds-color-success-background-subtle: #ecf6ee; + --ds-color-success-surface-default: #d0e8d3; + --ds-color-success-surface-hover: #b4dbba; + --ds-color-success-surface-active: #9bcfa2; --ds-color-success-border-subtle: #8fc997; - --ds-color-success-border-default: #229532; - --ds-color-success-border-strong: #045a10; + --ds-color-success-border-default: #1d922d; + --ds-color-success-border-strong: #057114; --ds-color-success-base-default: #068718; --ds-color-success-base-hover: #057014; --ds-color-success-base-active: #045a10; - --ds-color-success-text-subtle: #057315; + --ds-color-success-text-subtle: #057114; --ds-color-success-text-default: #023409; --ds-color-success-contrast-default: #ffffff; - --ds-color-success-contrast-subtle: #f9fcf9; - --ds-color-danger-background-default: #fffefe; + --ds-color-success-contrast-subtle: #fafdfb; + --ds-color-danger-background-default: #ffffff; --ds-color-danger-background-subtle: #fbf1f1; --ds-color-danger-surface-default: #f5dcdc; - --ds-color-danger-surface-hover: #f0c7c7; - --ds-color-danger-surface-active: #eab3b3; - --ds-color-danger-border-subtle: #e8acac; - --ds-color-danger-border-default: #d25b5b; - --ds-color-danger-border-strong: #9a1616; - --ds-color-danger-base-default: #C01B1B; - --ds-color-danger-base-hover: #9c1616; + --ds-color-danger-surface-hover: #f0c8c8; + --ds-color-danger-surface-active: #ebb5b5; + --ds-color-danger-border-subtle: #e8adad; + --ds-color-danger-border-default: #d15757; + --ds-color-danger-border-strong: #bf1b1b; + --ds-color-danger-base-default: #bf1b1b; + --ds-color-danger-base-hover: #9b1616; --ds-color-danger-base-active: #791111; - --ds-color-danger-text-subtle: #c22020; - --ds-color-danger-text-default: #5a0d0d; + --ds-color-danger-text-subtle: #bf1b1b; + --ds-color-danger-text-default: #590d0d; --ds-color-danger-contrast-default: #ffffff; --ds-color-danger-contrast-subtle: #f7e1e1; - --ds-color-info-background-default: #fefeff; + --ds-color-info-background-default: #ffffff; --ds-color-info-background-subtle: #edf5fa; - --ds-color-info-surface-default: #d3e5f4; + --ds-color-info-surface-default: #d2e5f3; --ds-color-info-surface-hover: #b7d5ed; - --ds-color-info-surface-active: #9bc5e5; + --ds-color-info-surface-active: #9fc7e6; --ds-color-info-border-subtle: #94c1e3; - --ds-color-info-border-default: #2f86c9; - --ds-color-info-border-strong: #075089; - --ds-color-info-base-default: #0A71C0; - --ds-color-info-base-hover: #085e9f; - --ds-color-info-base-active: #074a7f; - --ds-color-info-text-subtle: #0966ac; + --ds-color-info-border-default: #2a83c8; + --ds-color-info-border-strong: #0964a9; + --ds-color-info-base-default: #0a71bf; + --ds-color-info-base-hover: #085d9f; + --ds-color-info-base-active: #074a7e; + --ds-color-info-text-subtle: #0964a9; --ds-color-info-text-default: #042d4d; --ds-color-info-contrast-default: #ffffff; - --ds-color-info-contrast-subtle: #edf5fa; - --ds-color-warning-background-default: #fffefd; - --ds-color-warning-background-subtle: #f9f4e2; - --ds-color-warning-surface-default: #efe2b3; - --ds-color-warning-surface-hover: #e5d183; - --ds-color-warning-surface-active: #dcbf53; + --ds-color-info-contrast-subtle: #eff6fb; + --ds-color-warning-background-default: #ffffff; + --ds-color-warning-background-subtle: #f9f4e1; + --ds-color-warning-surface-default: #efe2b2; + --ds-color-warning-surface-hover: #e6d184; + --ds-color-warning-surface-active: #ddc159; --ds-color-warning-border-subtle: #d9b945; - --ds-color-warning-border-default: #987f22; - --ds-color-warning-border-strong: #5c4c14; - --ds-color-warning-base-default: #B8581D; - --ds-color-warning-base-hover: #984918; - --ds-color-warning-base-active: #7a3b13; - --ds-color-warning-text-subtle: #9e4b19; - --ds-color-warning-text-default: #47220b; + --ds-color-warning-border-default: #957c21; + --ds-color-warning-border-strong: #736019; + --ds-color-warning-base-default: #b7581d; + --ds-color-warning-base-hover: #994918; + --ds-color-warning-base-active: #7b3b13; + --ds-color-warning-text-subtle: #9b4a18; + --ds-color-warning-text-default: #46220b; --ds-color-warning-contrast-default: #ffffff; - --ds-color-warning-contrast-subtle: #fdfbf9; - --ds-color-focus-inner: #fefefe; - --ds-color-focus-outer: #420e6a; + --ds-color-warning-contrast-subtle: #fdf9f8; + --ds-color-focus-inner: #ffffff; + --ds-color-focus-outer: #410d69; color-scheme: light; } @media (prefers-color-scheme: light) { [data-color-scheme="auto"] { - --ds-global-blue-1: #fefeff; + --ds-global-blue-1: #ffffff; --ds-global-blue-2: #edf5fa; - --ds-global-blue-3: #d3e5f4; + --ds-global-blue-3: #d2e5f3; --ds-global-blue-4: #b7d5ed; - --ds-global-blue-5: #9bc5e5; + --ds-global-blue-5: #9fc7e6; --ds-global-blue-6: #94c1e3; - --ds-global-blue-7: #2f86c9; - --ds-global-blue-8: #075089; - --ds-global-blue-9: #0A71C0; - --ds-global-blue-10: #085e9f; - --ds-global-blue-11: #074a7f; - --ds-global-blue-12: #0966ac; + --ds-global-blue-7: #2a83c8; + --ds-global-blue-8: #0964a9; + --ds-global-blue-9: #0a71bf; + --ds-global-blue-10: #085d9f; + --ds-global-blue-11: #074a7e; + --ds-global-blue-12: #0964a9; --ds-global-blue-13: #042d4d; --ds-global-blue-contrast-1: #ffffff; - --ds-global-blue-contrast-2: #edf5fa; - --ds-global-green-1: #fcfefc; - --ds-global-green-2: #edf6ee; - --ds-global-green-3: #d1e9d4; - --ds-global-green-4: #b5dbba; - --ds-global-green-5: #96cd9e; + --ds-global-blue-contrast-2: #eff6fb; + --ds-global-green-1: #ffffff; + --ds-global-green-2: #ecf6ee; + --ds-global-green-3: #d0e8d3; + --ds-global-green-4: #b4dbba; + --ds-global-green-5: #9bcfa2; --ds-global-green-6: #8fc997; - --ds-global-green-7: #229532; - --ds-global-green-8: #045a10; + --ds-global-green-7: #1d922d; + --ds-global-green-8: #057114; --ds-global-green-9: #068718; --ds-global-green-10: #057014; --ds-global-green-11: #045a10; - --ds-global-green-12: #057315; + --ds-global-green-12: #057114; --ds-global-green-13: #023409; --ds-global-green-contrast-1: #ffffff; - --ds-global-green-contrast-2: #f9fcf9; - --ds-global-orange-1: #fffefe; - --ds-global-orange-2: #f9f2ed; - --ds-global-orange-3: #f1ded3; - --ds-global-orange-4: #e9cbb8; - --ds-global-orange-5: #e1b9a0; - --ds-global-orange-6: #deb296; - --ds-global-orange-7: #c06b36; - --ds-global-orange-8: #7c3b14; - --ds-global-orange-9: #B8581D; - --ds-global-orange-10: #984918; - --ds-global-orange-11: #7a3b13; - --ds-global-orange-12: #9e4b19; - --ds-global-orange-13: #47220b; + --ds-global-green-contrast-2: #fafdfb; + --ds-global-orange-1: #ffffff; + --ds-global-orange-2: #faf2ee; + --ds-global-orange-3: #f1dfd3; + --ds-global-orange-4: #e9ccba; + --ds-global-orange-5: #e2baa2; + --ds-global-orange-6: #dfb398; + --ds-global-orange-7: #bf6732; + --ds-global-orange-8: #9b4a18; + --ds-global-orange-9: #b7581d; + --ds-global-orange-10: #994918; + --ds-global-orange-11: #7b3b13; + --ds-global-orange-12: #9b4a18; + --ds-global-orange-13: #46220b; --ds-global-orange-contrast-1: #ffffff; - --ds-global-orange-contrast-2: #fdfbf9; - --ds-global-purple-1: #fefefe; - --ds-global-purple-2: #f5f2f9; + --ds-global-orange-contrast-2: #fdf9f8; + --ds-global-purple-1: #ffffff; + --ds-global-purple-2: #f6f2f9; --ds-global-purple-3: #e7dfef; - --ds-global-purple-4: #d9cce6; - --ds-global-purple-5: #ccbadd; + --ds-global-purple-4: #d9cde6; + --ds-global-purple-5: #cdbcdd; --ds-global-purple-6: #c7b4da; - --ds-global-purple-7: #9572b9; - --ds-global-purple-8: #663399; + --ds-global-purple-7: #936fb7; + --ds-global-purple-8: #794ca6; --ds-global-purple-9: #663299; - --ds-global-purple-10: #4e2676; + --ds-global-purple-10: #4f2776; --ds-global-purple-11: #371b53; - --ds-global-purple-12: #7b4ea7; - --ds-global-purple-13: #3b1d59; + --ds-global-purple-12: #794ca6; + --ds-global-purple-13: #3a1d57; --ds-global-purple-contrast-1: #ffffff; --ds-global-purple-contrast-2: #eee8f3; - --ds-global-red-1: #fffefe; + --ds-global-red-1: #ffffff; --ds-global-red-2: #fbf1f1; --ds-global-red-3: #f5dcdc; - --ds-global-red-4: #f0c7c7; - --ds-global-red-5: #eab3b3; - --ds-global-red-6: #e8acac; - --ds-global-red-7: #d25b5b; - --ds-global-red-8: #9a1616; - --ds-global-red-9: #C01B1B; - --ds-global-red-10: #9c1616; + --ds-global-red-4: #f0c8c8; + --ds-global-red-5: #ebb5b5; + --ds-global-red-6: #e8adad; + --ds-global-red-7: #d15757; + --ds-global-red-8: #bf1b1b; + --ds-global-red-9: #bf1b1b; + --ds-global-red-10: #9b1616; --ds-global-red-11: #791111; - --ds-global-red-12: #c22020; - --ds-global-red-13: #5a0d0d; + --ds-global-red-12: #bf1b1b; + --ds-global-red-13: #590d0d; --ds-global-red-contrast-1: #ffffff; --ds-global-red-contrast-2: #f7e1e1; - --ds-global-yellow-1: #fffefd; - --ds-global-yellow-2: #f9f4e2; - --ds-global-yellow-3: #efe2b3; - --ds-global-yellow-4: #e5d183; - --ds-global-yellow-5: #dcbf53; + --ds-global-yellow-1: #ffffff; + --ds-global-yellow-2: #f9f4e1; + --ds-global-yellow-3: #efe2b2; + --ds-global-yellow-4: #e6d184; + --ds-global-yellow-5: #ddc159; --ds-global-yellow-6: #d9b945; - --ds-global-yellow-7: #987f22; - --ds-global-yellow-8: #5c4c14; - --ds-global-yellow-9: #D4B12F; + --ds-global-yellow-7: #957c21; + --ds-global-yellow-8: #736019; + --ds-global-yellow-9: #d4b12f; --ds-global-yellow-10: #bb9c2a; - --ds-global-yellow-11: #a28724; - --ds-global-yellow-12: #75611a; - --ds-global-yellow-13: #342b0c; + --ds-global-yellow-11: #a38824; + --ds-global-yellow-12: #736019; + --ds-global-yellow-13: #332b0b; --ds-global-yellow-contrast-1: #000000; - --ds-global-yellow-contrast-2: #282109; - --ds-color-accent-background-default: #fefefe; - --ds-color-accent-background-subtle: #f5f2f8; - --ds-color-accent-surface-default: #e8e0ee; - --ds-color-accent-surface-hover: #d9cce3; - --ds-color-accent-surface-active: #ccbad9; - --ds-color-accent-border-subtle: #c7b4d6; - --ds-color-accent-border-default: #9773b3; - --ds-color-accent-border-strong: #683591; + --ds-global-yellow-contrast-2: #282209; + --ds-color-accent-background-default: #ffffff; + --ds-color-accent-background-subtle: #f6f2f8; + --ds-color-accent-surface-default: #e7dfee; + --ds-color-accent-surface-hover: #dacde4; + --ds-color-accent-surface-active: #cdbcdb; + --ds-color-accent-border-subtle: #c8b5d7; + --ds-color-accent-border-default: #9470b1; + --ds-color-accent-border-strong: #7b4d9e; --ds-color-accent-base-default: #4d107d; - --ds-color-accent-base-hover: #612c8c; - --ds-color-accent-base-active: #734499; - --ds-color-accent-text-subtle: #7c4fa0; - --ds-color-accent-text-default: #420e6a; + --ds-color-accent-base-hover: #612b8c; + --ds-color-accent-base-active: #734399; + --ds-color-accent-text-subtle: #7b4d9e; + --ds-color-accent-text-default: #410d69; --ds-color-accent-contrast-default: #ffffff; - --ds-color-accent-contrast-subtle: #d5c6e0; - --ds-color-neutral-background-default: #fefefe; - --ds-color-neutral-background-subtle: #f3f4f5; - --ds-color-neutral-surface-default: #e1e3e5; - --ds-color-neutral-surface-hover: #ced1d4; - --ds-color-neutral-surface-active: #bdc1c6; + --ds-color-accent-contrast-subtle: #d4c6e0; + --ds-color-neutral-background-default: #ffffff; + --ds-color-neutral-background-subtle: #f3f4f4; + --ds-color-neutral-surface-default: #e0e2e4; + --ds-color-neutral-surface-hover: #cfd2d5; + --ds-color-neutral-surface-active: #bfc3c7; --ds-color-neutral-border-subtle: #b8bcc1; - --ds-color-neutral-border-default: #7a818c; - --ds-color-neutral-border-strong: #444e5d; - --ds-color-neutral-base-default: #1E2B3C; - --ds-color-neutral-base-hover: #303c4b; - --ds-color-neutral-base-active: #444e5d; - --ds-color-neutral-text-subtle: #5b6471; - --ds-color-neutral-text-default: #202c3d; + --ds-color-neutral-border-default: #777f89; + --ds-color-neutral-border-strong: #59626f; + --ds-color-neutral-base-default: #1e2b3c; + --ds-color-neutral-base-hover: #313d4d; + --ds-color-neutral-base-active: #444f5d; + --ds-color-neutral-text-subtle: #59626f; + --ds-color-neutral-text-default: #1f2c3d; --ds-color-neutral-contrast-default: #ffffff; - --ds-color-neutral-contrast-subtle: #bbbfc4; - --ds-color-brand1-background-default: #fefdff; + --ds-color-neutral-contrast-subtle: #babec4; + --ds-color-brand1-background-default: #ffffff; --ds-color-brand1-background-subtle: #f7f1fc; --ds-color-brand1-surface-default: #ecddf8; - --ds-color-brand1-surface-hover: #e0c8f3; - --ds-color-brand1-surface-active: #d5b5ef; - --ds-color-brand1-border-subtle: #d1adee; - --ds-color-brand1-border-default: #a661de; - --ds-color-brand1-border-strong: #66388b; - --ds-color-brand1-base-default: #a259dc; - --ds-color-brand1-base-hover: #884bb9; - --ds-color-brand1-base-active: #703d97; - --ds-color-brand1-text-subtle: #8248b1; - --ds-color-brand1-text-default: #3a204f; + --ds-color-brand1-surface-hover: #e1c9f4; + --ds-color-brand1-surface-active: #d6b6f0; + --ds-color-brand1-border-subtle: #d2aeee; + --ds-color-brand1-border-default: #a45ddd; + --ds-color-brand1-border-strong: #8046ad; + --ds-color-brand1-base-default: #a25adc; + --ds-color-brand1-base-hover: #b276e2; + --ds-color-brand1-base-active: #c291e8; + --ds-color-brand1-text-subtle: #8046ad; + --ds-color-brand1-text-default: #3a204e; --ds-color-brand1-contrast-default: #000000; - --ds-color-brand1-contrast-subtle: #0a060d; - --ds-color-brand2-background-default: #fffeff; - --ds-color-brand2-background-subtle: #fbf0fc; + --ds-color-brand1-contrast-subtle: #0a050d; + --ds-color-brand2-background-default: #ffffff; + --ds-color-brand2-background-subtle: #fcf0fc; --ds-color-brand2-surface-default: #f6d9f8; --ds-color-brand2-surface-hover: #f1c2f3; - --ds-color-brand2-surface-active: #ecabef; + --ds-color-brand2-surface-active: #ecadef; --ds-color-brand2-border-subtle: #eaa3ed; - --ds-color-brand2-border-default: #b75fbb; - --ds-color-brand2-border-strong: #6f3972; - --ds-color-brand2-base-default: #df73e4; - --ds-color-brand2-base-hover: #c364c7; - --ds-color-brand2-base-active: #a656aa; - --ds-color-brand2-text-subtle: #8e4991; - --ds-color-brand2-text-default: #3f2141; + --ds-color-brand2-border-default: #b45db8; + --ds-color-brand2-border-strong: #8b488e; + --ds-color-brand2-base-default: #df74e4; + --ds-color-brand2-base-hover: #e795eb; + --ds-color-brand2-base-active: #eeb5f1; + --ds-color-brand2-text-subtle: #8b488e; + --ds-color-brand2-text-default: #3e2040; --ds-color-brand2-contrast-default: #000000; - --ds-color-brand2-contrast-subtle: #190d1a; - --ds-color-brand3-background-default: #fffefe; - --ds-color-brand3-background-subtle: #fdeff8; - --ds-color-brand3-surface-default: #f9daef; + --ds-color-brand2-contrast-subtle: #170c18; + --ds-color-brand3-background-default: #ffffff; + --ds-color-brand3-background-subtle: #fdf0f9; + --ds-color-brand3-surface-default: #f9d9ef; --ds-color-brand3-surface-hover: #f6c3e5; - --ds-color-brand3-surface-active: #f2abdb; - --ds-color-brand3-border-subtle: #f1a3d7; - --ds-color-brand3-border-default: #c55aa3; - --ds-color-brand3-border-strong: #773762; - --ds-color-brand3-base-default: #e86abf; - --ds-color-brand3-base-hover: #c95ca6; - --ds-color-brand3-base-active: #ab4e8d; - --ds-color-brand3-text-subtle: #98467d; - --ds-color-brand3-text-default: #451f38; + --ds-color-brand3-surface-active: #f2addc; + --ds-color-brand3-border-subtle: #f1a4d8; + --ds-color-brand3-border-default: #c2589f; + --ds-color-brand3-border-strong: #95447b; + --ds-color-brand3-base-default: #e86bbf; + --ds-color-brand3-base-hover: #ed8ece; + --ds-color-brand3-base-active: #f3aedc; + --ds-color-brand3-text-subtle: #95447b; + --ds-color-brand3-text-default: #431f37; --ds-color-brand3-contrast-default: #000000; - --ds-color-brand3-contrast-subtle: #11080e; - --ds-color-success-background-default: #fcfefc; - --ds-color-success-background-subtle: #edf6ee; - --ds-color-success-surface-default: #d1e9d4; - --ds-color-success-surface-hover: #b5dbba; - --ds-color-success-surface-active: #96cd9e; + --ds-color-brand3-contrast-subtle: #10070d; + --ds-color-success-background-default: #ffffff; + --ds-color-success-background-subtle: #ecf6ee; + --ds-color-success-surface-default: #d0e8d3; + --ds-color-success-surface-hover: #b4dbba; + --ds-color-success-surface-active: #9bcfa2; --ds-color-success-border-subtle: #8fc997; - --ds-color-success-border-default: #229532; - --ds-color-success-border-strong: #045a10; + --ds-color-success-border-default: #1d922d; + --ds-color-success-border-strong: #057114; --ds-color-success-base-default: #068718; --ds-color-success-base-hover: #057014; --ds-color-success-base-active: #045a10; - --ds-color-success-text-subtle: #057315; + --ds-color-success-text-subtle: #057114; --ds-color-success-text-default: #023409; --ds-color-success-contrast-default: #ffffff; - --ds-color-success-contrast-subtle: #f9fcf9; - --ds-color-danger-background-default: #fffefe; + --ds-color-success-contrast-subtle: #fafdfb; + --ds-color-danger-background-default: #ffffff; --ds-color-danger-background-subtle: #fbf1f1; --ds-color-danger-surface-default: #f5dcdc; - --ds-color-danger-surface-hover: #f0c7c7; - --ds-color-danger-surface-active: #eab3b3; - --ds-color-danger-border-subtle: #e8acac; - --ds-color-danger-border-default: #d25b5b; - --ds-color-danger-border-strong: #9a1616; - --ds-color-danger-base-default: #C01B1B; - --ds-color-danger-base-hover: #9c1616; + --ds-color-danger-surface-hover: #f0c8c8; + --ds-color-danger-surface-active: #ebb5b5; + --ds-color-danger-border-subtle: #e8adad; + --ds-color-danger-border-default: #d15757; + --ds-color-danger-border-strong: #bf1b1b; + --ds-color-danger-base-default: #bf1b1b; + --ds-color-danger-base-hover: #9b1616; --ds-color-danger-base-active: #791111; - --ds-color-danger-text-subtle: #c22020; - --ds-color-danger-text-default: #5a0d0d; + --ds-color-danger-text-subtle: #bf1b1b; + --ds-color-danger-text-default: #590d0d; --ds-color-danger-contrast-default: #ffffff; --ds-color-danger-contrast-subtle: #f7e1e1; - --ds-color-info-background-default: #fefeff; + --ds-color-info-background-default: #ffffff; --ds-color-info-background-subtle: #edf5fa; - --ds-color-info-surface-default: #d3e5f4; + --ds-color-info-surface-default: #d2e5f3; --ds-color-info-surface-hover: #b7d5ed; - --ds-color-info-surface-active: #9bc5e5; + --ds-color-info-surface-active: #9fc7e6; --ds-color-info-border-subtle: #94c1e3; - --ds-color-info-border-default: #2f86c9; - --ds-color-info-border-strong: #075089; - --ds-color-info-base-default: #0A71C0; - --ds-color-info-base-hover: #085e9f; - --ds-color-info-base-active: #074a7f; - --ds-color-info-text-subtle: #0966ac; + --ds-color-info-border-default: #2a83c8; + --ds-color-info-border-strong: #0964a9; + --ds-color-info-base-default: #0a71bf; + --ds-color-info-base-hover: #085d9f; + --ds-color-info-base-active: #074a7e; + --ds-color-info-text-subtle: #0964a9; --ds-color-info-text-default: #042d4d; --ds-color-info-contrast-default: #ffffff; - --ds-color-info-contrast-subtle: #edf5fa; - --ds-color-warning-background-default: #fffefd; - --ds-color-warning-background-subtle: #f9f4e2; - --ds-color-warning-surface-default: #efe2b3; - --ds-color-warning-surface-hover: #e5d183; - --ds-color-warning-surface-active: #dcbf53; + --ds-color-info-contrast-subtle: #eff6fb; + --ds-color-warning-background-default: #ffffff; + --ds-color-warning-background-subtle: #f9f4e1; + --ds-color-warning-surface-default: #efe2b2; + --ds-color-warning-surface-hover: #e6d184; + --ds-color-warning-surface-active: #ddc159; --ds-color-warning-border-subtle: #d9b945; - --ds-color-warning-border-default: #987f22; - --ds-color-warning-border-strong: #5c4c14; - --ds-color-warning-base-default: #B8581D; - --ds-color-warning-base-hover: #984918; - --ds-color-warning-base-active: #7a3b13; - --ds-color-warning-text-subtle: #9e4b19; - --ds-color-warning-text-default: #47220b; + --ds-color-warning-border-default: #957c21; + --ds-color-warning-border-strong: #736019; + --ds-color-warning-base-default: #b7581d; + --ds-color-warning-base-hover: #994918; + --ds-color-warning-base-active: #7b3b13; + --ds-color-warning-text-subtle: #9b4a18; + --ds-color-warning-text-default: #46220b; --ds-color-warning-contrast-default: #ffffff; - --ds-color-warning-contrast-subtle: #fdfbf9; - --ds-color-focus-inner: #fefefe; - --ds-color-focus-outer: #420e6a; + --ds-color-warning-contrast-subtle: #fdf9f8; + --ds-color-focus-inner: #ffffff; + --ds-color-focus-outer: #410d69; color-scheme: light; } @@ -677,466 +677,466 @@ @layer ds.theme.color-scheme.dark { [data-color-scheme="dark"] { - --ds-global-blue-1: #031d30; - --ds-global-blue-2: #032540; - --ds-global-blue-3: #043256; - --ds-global-blue-4: #063f6c; - --ds-global-blue-5: #074d84; - --ds-global-blue-6: #075490; - --ds-global-blue-7: #0c72c1; - --ds-global-blue-8: #98c3e5; - --ds-global-blue-9: #2c85c9; - --ds-global-blue-10: #529bd2; - --ds-global-blue-11: #75afdc; - --ds-global-blue-12: #6ba9d9; - --ds-global-blue-13: #d3e5f4; + --ds-global-blue-1: #031e33; + --ds-global-blue-2: #032641; + --ds-global-blue-3: #043154; + --ds-global-blue-4: #063f6a; + --ds-global-blue-5: #074d82; + --ds-global-blue-6: #07538d; + --ds-global-blue-7: #2480c7; + --ds-global-blue-8: #69a8d8; + --ds-global-blue-9: #2d85c9; + --ds-global-blue-10: #519ad2; + --ds-global-blue-11: #77b0dc; + --ds-global-blue-12: #69a8d8; + --ds-global-blue-13: #d6e7f4; --ds-global-blue-contrast-1: #000000; - --ds-global-blue-contrast-2: #040e15; - --ds-global-green-1: #012106; - --ds-global-green-2: #022b08; + --ds-global-blue-contrast-2: #050e15; + --ds-global-green-1: #022306; + --ds-global-green-2: #022c08; --ds-global-green-3: #03380a; - --ds-global-green-4: #03490d; - --ds-global-green-5: #045810; + --ds-global-green-4: #03470d; + --ds-global-green-5: #04570f; --ds-global-green-6: #045f11; - --ds-global-green-7: #068217; - --ds-global-green-8: #93cb9b; + --ds-global-green-7: #178f28; + --ds-global-green-8: #62b36d; --ds-global-green-9: #138d24; - --ds-global-green-10: #3da14b; - --ds-global-green-11: #65b570; - --ds-global-green-12: #63b46f; - --ds-global-green-13: #d1e9d4; + --ds-global-green-10: #3ca14b; + --ds-global-green-11: #66b571; + --ds-global-green-12: #62b36d; + --ds-global-green-13: #d4ead7; --ds-global-green-contrast-1: #000000; --ds-global-green-contrast-2: #010501; - --ds-global-orange-1: #2d1507; - --ds-global-orange-2: #391b09; - --ds-global-orange-3: #4e250c; - --ds-global-orange-4: #633010; - --ds-global-orange-5: #783a13; - --ds-global-orange-6: #833f15; - --ds-global-orange-7: #b2551c; - --ds-global-orange-8: #e0b69c; - --ds-global-orange-9: #bc622b; + --ds-global-orange-1: #2f1607; + --ds-global-orange-2: #3b1c09; + --ds-global-orange-3: #4d250c; + --ds-global-orange-4: #612f0f; + --ds-global-orange-5: #773913; + --ds-global-orange-6: #823e14; + --ds-global-orange-7: #bd632d; + --ds-global-orange-8: #d2946e; + --ds-global-orange-9: #bc612a; --ds-global-orange-10: #c87d4f; - --ds-global-orange-11: #d39773; - --ds-global-orange-12: #d29671; - --ds-global-orange-13: #f1ded3; + --ds-global-orange-11: #d39772; + --ds-global-orange-12: #d2946e; + --ds-global-orange-13: #f2e2d7; --ds-global-orange-contrast-1: #000000; - --ds-global-orange-contrast-2: #090402; - --ds-global-purple-1: #251238; - --ds-global-purple-2: #301748; - --ds-global-purple-3: #402060; - --ds-global-purple-4: #52287a; - --ds-global-purple-5: #643196; - --ds-global-purple-6: #6b399d; - --ds-global-purple-7: #865daf; - --ds-global-purple-8: #c9b7db; - --ds-global-purple-9: #b39acd; + --ds-global-orange-contrast-2: #070301; + --ds-global-purple-1: #27133a; + --ds-global-purple-2: #31184a; + --ds-global-purple-3: #401f5f; + --ds-global-purple-4: #512879; + --ds-global-purple-5: #633094; + --ds-global-purple-6: #6a379c; + --ds-global-purple-7: #916cb6; + --ds-global-purple-8: #b297cb; + --ds-global-purple-9: #b49acd; --ds-global-purple-10: #a282c1; --ds-global-purple-11: #906ab5; - --ds-global-purple-12: #b298cc; - --ds-global-purple-13: #e7dfef; + --ds-global-purple-12: #b297cb; + --ds-global-purple-13: #e9e2f0; --ds-global-purple-contrast-1: #000000; - --ds-global-purple-contrast-2: #18141b; - --ds-global-red-1: #3b0808; - --ds-global-red-2: #4b0a0a; - --ds-global-red-3: #620e0e; - --ds-global-red-4: #7c1212; - --ds-global-red-5: #961515; - --ds-global-red-6: #a31717; - --ds-global-red-7: #c93c3c; - --ds-global-red-8: #e9b0b0; - --ds-global-red-9: #d76d6d; + --ds-global-purple-contrast-2: #18151c; + --ds-global-red-1: #3d0909; + --ds-global-red-2: #4c0b0b; + --ds-global-red-3: #610e0e; + --ds-global-red-4: #7a1111; + --ds-global-red-5: #941515; + --ds-global-red-6: #a11717; + --ds-global-red-7: #cf5252; + --ds-global-red-8: #df8b8b; + --ds-global-red-9: #d76e6e; --ds-global-red-10: #df8b8b; --ds-global-red-11: #e7a8a8; - --ds-global-red-12: #df8d8d; - --ds-global-red-13: #f5dcdc; + --ds-global-red-12: #df8b8b; + --ds-global-red-13: #f6dfdf; --ds-global-red-contrast-1: #000000; - --ds-global-red-contrast-2: #261313; - --ds-global-yellow-1: #211b07; - --ds-global-yellow-2: #2b2309; - --ds-global-yellow-3: #392f0d; + --ds-global-red-contrast-2: #271414; + --ds-global-yellow-1: #221c08; + --ds-global-yellow-2: #2b240a; + --ds-global-yellow-3: #382f0c; --ds-global-yellow-4: #483c10; - --ds-global-yellow-5: #594a14; - --ds-global-yellow-6: #625116; - --ds-global-yellow-7: #836d1d; - --ds-global-yellow-8: #dabc4c; - --ds-global-yellow-9: #4b3e11; - --ds-global-yellow-10: #605115; - --ds-global-yellow-11: #77641a; - --ds-global-yellow-12: #bfa02a; - --ds-global-yellow-13: #efe2b3; + --ds-global-yellow-5: #584913; + --ds-global-yellow-6: #5f5015; + --ds-global-yellow-7: #927a20; + --ds-global-yellow-8: #bf9f2a; + --ds-global-yellow-9: #4a3e10; + --ds-global-yellow-10: #615115; + --ds-global-yellow-11: #77631a; + --ds-global-yellow-12: #bf9f2a; + --ds-global-yellow-13: #f1e5b9; --ds-global-yellow-contrast-1: #ffffff; --ds-global-yellow-contrast-2: #dbd9d0; - --ds-color-accent-background-default: #2a0945; - --ds-color-accent-background-subtle: #360b58; - --ds-color-accent-surface-default: #480f74; - --ds-color-accent-surface-hover: #581f85; - --ds-color-accent-surface-active: #66328f; - --ds-color-accent-border-subtle: #6d3b94; - --ds-color-accent-border-default: #875ea8; - --ds-color-accent-border-strong: #c9b7d8; - --ds-color-accent-base-default: #baa2cc; - --ds-color-accent-base-hover: #a88abf; - --ds-color-accent-base-active: #9773b3; - --ds-color-accent-text-subtle: #b399c7; - --ds-color-accent-text-default: #e8e0ee; + --ds-color-accent-background-default: #2c0948; + --ds-color-accent-background-subtle: #370b5a; + --ds-color-accent-surface-default: #470f73; + --ds-color-accent-surface-hover: #571d84; + --ds-color-accent-surface-active: #65308f; + --ds-color-accent-border-subtle: #6c3993; + --ds-color-accent-border-default: #926caf; + --ds-color-accent-border-strong: #b298c7; + --ds-color-accent-base-default: #baa2cd; + --ds-color-accent-base-hover: #a88bc0; + --ds-color-accent-base-active: #9673b3; + --ds-color-accent-text-subtle: #b298c7; + --ds-color-accent-text-default: #e9e2ef; --ds-color-accent-contrast-default: #000000; --ds-color-accent-contrast-subtle: #1d1a20; - --ds-color-neutral-background-default: #131c27; - --ds-color-neutral-background-subtle: #192433; - --ds-color-neutral-surface-default: #243142; - --ds-color-neutral-surface-hover: #333e4e; - --ds-color-neutral-surface-active: #424d5b; - --ds-color-neutral-border-subtle: #495361; - --ds-color-neutral-border-default: #67707c; - --ds-color-neutral-border-strong: #bbbfc4; - --ds-color-neutral-base-default: #a6abb2; - --ds-color-neutral-base-hover: #90969e; - --ds-color-neutral-base-active: #7a818c; - --ds-color-neutral-text-subtle: #9ea3ab; - --ds-color-neutral-text-default: #e1e3e5; + --ds-color-neutral-background-default: #141d29; + --ds-color-neutral-background-subtle: #1a2534; + --ds-color-neutral-surface-default: #243041; + --ds-color-neutral-surface-hover: #323e4d; + --ds-color-neutral-surface-active: #404b5a; + --ds-color-neutral-border-subtle: #475260; + --ds-color-neutral-border-default: #747c87; + --ds-color-neutral-border-strong: #9da2aa; + --ds-color-neutral-base-default: #a6acb2; + --ds-color-neutral-base-hover: #90979f; + --ds-color-neutral-base-active: #7a828c; + --ds-color-neutral-text-subtle: #9da2aa; + --ds-color-neutral-text-default: #e3e5e7; --ds-color-neutral-contrast-default: #000000; - --ds-color-neutral-contrast-subtle: #1b1b1d; - --ds-color-brand1-background-default: #251432; - --ds-color-brand1-background-subtle: #2f1a40; - --ds-color-brand1-surface-default: #402358; - --ds-color-brand1-surface-hover: #512c6e; - --ds-color-brand1-surface-active: #633687; - --ds-color-brand1-border-subtle: #6c3b93; - --ds-color-brand1-border-default: #9250c7; - --ds-color-brand1-border-strong: #d3b0ee; - --ds-color-brand1-base-default: #9552cb; - --ds-color-brand1-base-hover: #7b44a8; - --ds-color-brand1-base-active: #633687; - --ds-color-brand1-text-subtle: #c08ee7; - --ds-color-brand1-text-default: #ecddf8; + --ds-color-neutral-contrast-subtle: #1b1c1d; + --ds-color-brand1-background-default: #261534; + --ds-color-brand1-background-subtle: #301b42; + --ds-color-brand1-surface-default: #3f2356; + --ds-color-brand1-surface-hover: #502c6d; + --ds-color-brand1-surface-active: #623685; + --ds-color-brand1-border-subtle: #6a3a91; + --ds-color-brand1-border-default: #a259dc; + --ds-color-brand1-border-strong: #bf8de7; + --ds-color-brand1-base-default: #9652cb; + --ds-color-brand1-base-hover: #7d45aa; + --ds-color-brand1-base-active: #643788; + --ds-color-brand1-text-subtle: #bf8de7; + --ds-color-brand1-text-default: #ede0f8; --ds-color-brand1-contrast-default: #ffffff; --ds-color-brand1-contrast-subtle: #fbf8fd; - --ds-color-brand2-background-default: #281429; - --ds-color-brand2-background-subtle: #331a35; - --ds-color-brand2-surface-default: #462447; - --ds-color-brand2-surface-hover: #582d5a; - --ds-color-brand2-surface-active: #6c376e; - --ds-color-brand2-border-subtle: #753d78; - --ds-color-brand2-border-default: #9f52a2; - --ds-color-brand2-border-strong: #eba8ee; - --ds-color-brand2-base-default: #753d78; - --ds-color-brand2-base-hover: #5b2f5e; - --ds-color-brand2-base-active: #422244; - --ds-color-brand2-text-subtle: #e17ee6; - --ds-color-brand2-text-default: #f6d9f8; + --ds-color-brand2-background-default: #29152a; + --ds-color-brand2-background-subtle: #351b36; + --ds-color-brand2-surface-default: #442346; + --ds-color-brand2-surface-hover: #572d59; + --ds-color-brand2-surface-active: #6a376d; + --ds-color-brand2-border-subtle: #743c76; + --ds-color-brand2-border-default: #b05bb4; + --ds-color-brand2-border-strong: #e17ce6; + --ds-color-brand2-base-default: #773d79; + --ds-color-brand2-base-hover: #5d305f; + --ds-color-brand2-base-active: #442345; + --ds-color-brand2-text-subtle: #e17ce6; + --ds-color-brand2-text-default: #f7dcf8; --ds-color-brand2-contrast-default: #ffffff; - --ds-color-brand2-contrast-subtle: #f4eff4; - --ds-color-brand3-background-default: #2b1323; - --ds-color-brand3-background-subtle: #38192e; - --ds-color-brand3-surface-default: #4b223e; - --ds-color-brand3-surface-hover: #5f2b4e; - --ds-color-brand3-surface-active: #74355f; - --ds-color-brand3-border-subtle: #7f3a68; - --ds-color-brand3-border-default: #ab4e8d; - --ds-color-brand3-border-strong: #f1a7d9; - --ds-color-brand3-base-default: #863d6e; - --ds-color-brand3-base-hover: #693057; - --ds-color-brand3-base-active: #4e2440; - --ds-color-brand3-text-subtle: #eb7dc7; - --ds-color-brand3-text-default: #f9daef; + --ds-color-brand2-contrast-subtle: #f4f0f4; + --ds-color-brand3-background-default: #2d1425; + --ds-color-brand3-background-subtle: #391a2f; + --ds-color-brand3-surface-default: #4a223d; + --ds-color-brand3-surface-hover: #5e2b4d; + --ds-color-brand3-surface-active: #72345e; + --ds-color-brand3-border-subtle: #7c3966; + --ds-color-brand3-border-default: #bd579c; + --ds-color-brand3-border-strong: #eb7bc7; + --ds-color-brand3-base-default: #873e6f; + --ds-color-brand3-base-hover: #6a3158; + --ds-color-brand3-base-active: #4f2441; + --ds-color-brand3-text-subtle: #eb7bc7; + --ds-color-brand3-text-default: #fadcf0; --ds-color-brand3-contrast-default: #ffffff; - --ds-color-brand3-contrast-subtle: #f8f4f7; - --ds-color-success-background-default: #012106; - --ds-color-success-background-subtle: #022b08; + --ds-color-brand3-contrast-subtle: #f9f6f8; + --ds-color-success-background-default: #022306; + --ds-color-success-background-subtle: #022c08; --ds-color-success-surface-default: #03380a; - --ds-color-success-surface-hover: #03490d; - --ds-color-success-surface-active: #045810; + --ds-color-success-surface-hover: #03470d; + --ds-color-success-surface-active: #04570f; --ds-color-success-border-subtle: #045f11; - --ds-color-success-border-default: #068217; - --ds-color-success-border-strong: #93cb9b; + --ds-color-success-border-default: #178f28; + --ds-color-success-border-strong: #62b36d; --ds-color-success-base-default: #138d24; - --ds-color-success-base-hover: #3da14b; - --ds-color-success-base-active: #65b570; - --ds-color-success-text-subtle: #63b46f; - --ds-color-success-text-default: #d1e9d4; + --ds-color-success-base-hover: #3ca14b; + --ds-color-success-base-active: #66b571; + --ds-color-success-text-subtle: #62b36d; + --ds-color-success-text-default: #d4ead7; --ds-color-success-contrast-default: #000000; --ds-color-success-contrast-subtle: #010501; - --ds-color-danger-background-default: #3b0808; - --ds-color-danger-background-subtle: #4b0a0a; - --ds-color-danger-surface-default: #620e0e; - --ds-color-danger-surface-hover: #7c1212; - --ds-color-danger-surface-active: #961515; - --ds-color-danger-border-subtle: #a31717; - --ds-color-danger-border-default: #c93c3c; - --ds-color-danger-border-strong: #e9b0b0; - --ds-color-danger-base-default: #d76d6d; + --ds-color-danger-background-default: #3d0909; + --ds-color-danger-background-subtle: #4c0b0b; + --ds-color-danger-surface-default: #610e0e; + --ds-color-danger-surface-hover: #7a1111; + --ds-color-danger-surface-active: #941515; + --ds-color-danger-border-subtle: #a11717; + --ds-color-danger-border-default: #cf5252; + --ds-color-danger-border-strong: #df8b8b; + --ds-color-danger-base-default: #d76e6e; --ds-color-danger-base-hover: #df8b8b; --ds-color-danger-base-active: #e7a8a8; - --ds-color-danger-text-subtle: #df8d8d; - --ds-color-danger-text-default: #f5dcdc; + --ds-color-danger-text-subtle: #df8b8b; + --ds-color-danger-text-default: #f6dfdf; --ds-color-danger-contrast-default: #000000; - --ds-color-danger-contrast-subtle: #261313; - --ds-color-info-background-default: #031d30; - --ds-color-info-background-subtle: #032540; - --ds-color-info-surface-default: #043256; - --ds-color-info-surface-hover: #063f6c; - --ds-color-info-surface-active: #074d84; - --ds-color-info-border-subtle: #075490; - --ds-color-info-border-default: #0c72c1; - --ds-color-info-border-strong: #98c3e5; - --ds-color-info-base-default: #2c85c9; - --ds-color-info-base-hover: #529bd2; - --ds-color-info-base-active: #75afdc; - --ds-color-info-text-subtle: #6ba9d9; - --ds-color-info-text-default: #d3e5f4; + --ds-color-danger-contrast-subtle: #271414; + --ds-color-info-background-default: #031e33; + --ds-color-info-background-subtle: #032641; + --ds-color-info-surface-default: #043154; + --ds-color-info-surface-hover: #063f6a; + --ds-color-info-surface-active: #074d82; + --ds-color-info-border-subtle: #07538d; + --ds-color-info-border-default: #2480c7; + --ds-color-info-border-strong: #69a8d8; + --ds-color-info-base-default: #2d85c9; + --ds-color-info-base-hover: #519ad2; + --ds-color-info-base-active: #77b0dc; + --ds-color-info-text-subtle: #69a8d8; + --ds-color-info-text-default: #d6e7f4; --ds-color-info-contrast-default: #000000; - --ds-color-info-contrast-subtle: #040e15; - --ds-color-warning-background-default: #211b07; - --ds-color-warning-background-subtle: #2b2309; - --ds-color-warning-surface-default: #392f0d; + --ds-color-info-contrast-subtle: #050e15; + --ds-color-warning-background-default: #221c08; + --ds-color-warning-background-subtle: #2b240a; + --ds-color-warning-surface-default: #382f0c; --ds-color-warning-surface-hover: #483c10; - --ds-color-warning-surface-active: #594a14; - --ds-color-warning-border-subtle: #625116; - --ds-color-warning-border-default: #836d1d; - --ds-color-warning-border-strong: #dabc4c; - --ds-color-warning-base-default: #bc622b; + --ds-color-warning-surface-active: #584913; + --ds-color-warning-border-subtle: #5f5015; + --ds-color-warning-border-default: #927a20; + --ds-color-warning-border-strong: #bf9f2a; + --ds-color-warning-base-default: #bc612a; --ds-color-warning-base-hover: #c87d4f; - --ds-color-warning-base-active: #d39773; - --ds-color-warning-text-subtle: #d29671; - --ds-color-warning-text-default: #f1ded3; + --ds-color-warning-base-active: #d39772; + --ds-color-warning-text-subtle: #d2946e; + --ds-color-warning-text-default: #f2e2d7; --ds-color-warning-contrast-default: #000000; - --ds-color-warning-contrast-subtle: #090402; - --ds-color-focus-inner: #131c27; - --ds-color-focus-outer: #e8e0ee; + --ds-color-warning-contrast-subtle: #070301; + --ds-color-focus-inner: #141d29; + --ds-color-focus-outer: #e9e2ef; color-scheme: dark; } @media (prefers-color-scheme: dark) { [data-color-scheme="auto"] { - --ds-global-blue-1: #031d30; - --ds-global-blue-2: #032540; - --ds-global-blue-3: #043256; - --ds-global-blue-4: #063f6c; - --ds-global-blue-5: #074d84; - --ds-global-blue-6: #075490; - --ds-global-blue-7: #0c72c1; - --ds-global-blue-8: #98c3e5; - --ds-global-blue-9: #2c85c9; - --ds-global-blue-10: #529bd2; - --ds-global-blue-11: #75afdc; - --ds-global-blue-12: #6ba9d9; - --ds-global-blue-13: #d3e5f4; + --ds-global-blue-1: #031e33; + --ds-global-blue-2: #032641; + --ds-global-blue-3: #043154; + --ds-global-blue-4: #063f6a; + --ds-global-blue-5: #074d82; + --ds-global-blue-6: #07538d; + --ds-global-blue-7: #2480c7; + --ds-global-blue-8: #69a8d8; + --ds-global-blue-9: #2d85c9; + --ds-global-blue-10: #519ad2; + --ds-global-blue-11: #77b0dc; + --ds-global-blue-12: #69a8d8; + --ds-global-blue-13: #d6e7f4; --ds-global-blue-contrast-1: #000000; - --ds-global-blue-contrast-2: #040e15; - --ds-global-green-1: #012106; - --ds-global-green-2: #022b08; + --ds-global-blue-contrast-2: #050e15; + --ds-global-green-1: #022306; + --ds-global-green-2: #022c08; --ds-global-green-3: #03380a; - --ds-global-green-4: #03490d; - --ds-global-green-5: #045810; + --ds-global-green-4: #03470d; + --ds-global-green-5: #04570f; --ds-global-green-6: #045f11; - --ds-global-green-7: #068217; - --ds-global-green-8: #93cb9b; + --ds-global-green-7: #178f28; + --ds-global-green-8: #62b36d; --ds-global-green-9: #138d24; - --ds-global-green-10: #3da14b; - --ds-global-green-11: #65b570; - --ds-global-green-12: #63b46f; - --ds-global-green-13: #d1e9d4; + --ds-global-green-10: #3ca14b; + --ds-global-green-11: #66b571; + --ds-global-green-12: #62b36d; + --ds-global-green-13: #d4ead7; --ds-global-green-contrast-1: #000000; --ds-global-green-contrast-2: #010501; - --ds-global-orange-1: #2d1507; - --ds-global-orange-2: #391b09; - --ds-global-orange-3: #4e250c; - --ds-global-orange-4: #633010; - --ds-global-orange-5: #783a13; - --ds-global-orange-6: #833f15; - --ds-global-orange-7: #b2551c; - --ds-global-orange-8: #e0b69c; - --ds-global-orange-9: #bc622b; + --ds-global-orange-1: #2f1607; + --ds-global-orange-2: #3b1c09; + --ds-global-orange-3: #4d250c; + --ds-global-orange-4: #612f0f; + --ds-global-orange-5: #773913; + --ds-global-orange-6: #823e14; + --ds-global-orange-7: #bd632d; + --ds-global-orange-8: #d2946e; + --ds-global-orange-9: #bc612a; --ds-global-orange-10: #c87d4f; - --ds-global-orange-11: #d39773; - --ds-global-orange-12: #d29671; - --ds-global-orange-13: #f1ded3; + --ds-global-orange-11: #d39772; + --ds-global-orange-12: #d2946e; + --ds-global-orange-13: #f2e2d7; --ds-global-orange-contrast-1: #000000; - --ds-global-orange-contrast-2: #090402; - --ds-global-purple-1: #251238; - --ds-global-purple-2: #301748; - --ds-global-purple-3: #402060; - --ds-global-purple-4: #52287a; - --ds-global-purple-5: #643196; - --ds-global-purple-6: #6b399d; - --ds-global-purple-7: #865daf; - --ds-global-purple-8: #c9b7db; - --ds-global-purple-9: #b39acd; + --ds-global-orange-contrast-2: #070301; + --ds-global-purple-1: #27133a; + --ds-global-purple-2: #31184a; + --ds-global-purple-3: #401f5f; + --ds-global-purple-4: #512879; + --ds-global-purple-5: #633094; + --ds-global-purple-6: #6a379c; + --ds-global-purple-7: #916cb6; + --ds-global-purple-8: #b297cb; + --ds-global-purple-9: #b49acd; --ds-global-purple-10: #a282c1; --ds-global-purple-11: #906ab5; - --ds-global-purple-12: #b298cc; - --ds-global-purple-13: #e7dfef; + --ds-global-purple-12: #b297cb; + --ds-global-purple-13: #e9e2f0; --ds-global-purple-contrast-1: #000000; - --ds-global-purple-contrast-2: #18141b; - --ds-global-red-1: #3b0808; - --ds-global-red-2: #4b0a0a; - --ds-global-red-3: #620e0e; - --ds-global-red-4: #7c1212; - --ds-global-red-5: #961515; - --ds-global-red-6: #a31717; - --ds-global-red-7: #c93c3c; - --ds-global-red-8: #e9b0b0; - --ds-global-red-9: #d76d6d; + --ds-global-purple-contrast-2: #18151c; + --ds-global-red-1: #3d0909; + --ds-global-red-2: #4c0b0b; + --ds-global-red-3: #610e0e; + --ds-global-red-4: #7a1111; + --ds-global-red-5: #941515; + --ds-global-red-6: #a11717; + --ds-global-red-7: #cf5252; + --ds-global-red-8: #df8b8b; + --ds-global-red-9: #d76e6e; --ds-global-red-10: #df8b8b; --ds-global-red-11: #e7a8a8; - --ds-global-red-12: #df8d8d; - --ds-global-red-13: #f5dcdc; + --ds-global-red-12: #df8b8b; + --ds-global-red-13: #f6dfdf; --ds-global-red-contrast-1: #000000; - --ds-global-red-contrast-2: #261313; - --ds-global-yellow-1: #211b07; - --ds-global-yellow-2: #2b2309; - --ds-global-yellow-3: #392f0d; + --ds-global-red-contrast-2: #271414; + --ds-global-yellow-1: #221c08; + --ds-global-yellow-2: #2b240a; + --ds-global-yellow-3: #382f0c; --ds-global-yellow-4: #483c10; - --ds-global-yellow-5: #594a14; - --ds-global-yellow-6: #625116; - --ds-global-yellow-7: #836d1d; - --ds-global-yellow-8: #dabc4c; - --ds-global-yellow-9: #4b3e11; - --ds-global-yellow-10: #605115; - --ds-global-yellow-11: #77641a; - --ds-global-yellow-12: #bfa02a; - --ds-global-yellow-13: #efe2b3; + --ds-global-yellow-5: #584913; + --ds-global-yellow-6: #5f5015; + --ds-global-yellow-7: #927a20; + --ds-global-yellow-8: #bf9f2a; + --ds-global-yellow-9: #4a3e10; + --ds-global-yellow-10: #615115; + --ds-global-yellow-11: #77631a; + --ds-global-yellow-12: #bf9f2a; + --ds-global-yellow-13: #f1e5b9; --ds-global-yellow-contrast-1: #ffffff; --ds-global-yellow-contrast-2: #dbd9d0; - --ds-color-accent-background-default: #2a0945; - --ds-color-accent-background-subtle: #360b58; - --ds-color-accent-surface-default: #480f74; - --ds-color-accent-surface-hover: #581f85; - --ds-color-accent-surface-active: #66328f; - --ds-color-accent-border-subtle: #6d3b94; - --ds-color-accent-border-default: #875ea8; - --ds-color-accent-border-strong: #c9b7d8; - --ds-color-accent-base-default: #baa2cc; - --ds-color-accent-base-hover: #a88abf; - --ds-color-accent-base-active: #9773b3; - --ds-color-accent-text-subtle: #b399c7; - --ds-color-accent-text-default: #e8e0ee; + --ds-color-accent-background-default: #2c0948; + --ds-color-accent-background-subtle: #370b5a; + --ds-color-accent-surface-default: #470f73; + --ds-color-accent-surface-hover: #571d84; + --ds-color-accent-surface-active: #65308f; + --ds-color-accent-border-subtle: #6c3993; + --ds-color-accent-border-default: #926caf; + --ds-color-accent-border-strong: #b298c7; + --ds-color-accent-base-default: #baa2cd; + --ds-color-accent-base-hover: #a88bc0; + --ds-color-accent-base-active: #9673b3; + --ds-color-accent-text-subtle: #b298c7; + --ds-color-accent-text-default: #e9e2ef; --ds-color-accent-contrast-default: #000000; --ds-color-accent-contrast-subtle: #1d1a20; - --ds-color-neutral-background-default: #131c27; - --ds-color-neutral-background-subtle: #192433; - --ds-color-neutral-surface-default: #243142; - --ds-color-neutral-surface-hover: #333e4e; - --ds-color-neutral-surface-active: #424d5b; - --ds-color-neutral-border-subtle: #495361; - --ds-color-neutral-border-default: #67707c; - --ds-color-neutral-border-strong: #bbbfc4; - --ds-color-neutral-base-default: #a6abb2; - --ds-color-neutral-base-hover: #90969e; - --ds-color-neutral-base-active: #7a818c; - --ds-color-neutral-text-subtle: #9ea3ab; - --ds-color-neutral-text-default: #e1e3e5; + --ds-color-neutral-background-default: #141d29; + --ds-color-neutral-background-subtle: #1a2534; + --ds-color-neutral-surface-default: #243041; + --ds-color-neutral-surface-hover: #323e4d; + --ds-color-neutral-surface-active: #404b5a; + --ds-color-neutral-border-subtle: #475260; + --ds-color-neutral-border-default: #747c87; + --ds-color-neutral-border-strong: #9da2aa; + --ds-color-neutral-base-default: #a6acb2; + --ds-color-neutral-base-hover: #90979f; + --ds-color-neutral-base-active: #7a828c; + --ds-color-neutral-text-subtle: #9da2aa; + --ds-color-neutral-text-default: #e3e5e7; --ds-color-neutral-contrast-default: #000000; - --ds-color-neutral-contrast-subtle: #1b1b1d; - --ds-color-brand1-background-default: #251432; - --ds-color-brand1-background-subtle: #2f1a40; - --ds-color-brand1-surface-default: #402358; - --ds-color-brand1-surface-hover: #512c6e; - --ds-color-brand1-surface-active: #633687; - --ds-color-brand1-border-subtle: #6c3b93; - --ds-color-brand1-border-default: #9250c7; - --ds-color-brand1-border-strong: #d3b0ee; - --ds-color-brand1-base-default: #9552cb; - --ds-color-brand1-base-hover: #7b44a8; - --ds-color-brand1-base-active: #633687; - --ds-color-brand1-text-subtle: #c08ee7; - --ds-color-brand1-text-default: #ecddf8; + --ds-color-neutral-contrast-subtle: #1b1c1d; + --ds-color-brand1-background-default: #261534; + --ds-color-brand1-background-subtle: #301b42; + --ds-color-brand1-surface-default: #3f2356; + --ds-color-brand1-surface-hover: #502c6d; + --ds-color-brand1-surface-active: #623685; + --ds-color-brand1-border-subtle: #6a3a91; + --ds-color-brand1-border-default: #a259dc; + --ds-color-brand1-border-strong: #bf8de7; + --ds-color-brand1-base-default: #9652cb; + --ds-color-brand1-base-hover: #7d45aa; + --ds-color-brand1-base-active: #643788; + --ds-color-brand1-text-subtle: #bf8de7; + --ds-color-brand1-text-default: #ede0f8; --ds-color-brand1-contrast-default: #ffffff; --ds-color-brand1-contrast-subtle: #fbf8fd; - --ds-color-brand2-background-default: #281429; - --ds-color-brand2-background-subtle: #331a35; - --ds-color-brand2-surface-default: #462447; - --ds-color-brand2-surface-hover: #582d5a; - --ds-color-brand2-surface-active: #6c376e; - --ds-color-brand2-border-subtle: #753d78; - --ds-color-brand2-border-default: #9f52a2; - --ds-color-brand2-border-strong: #eba8ee; - --ds-color-brand2-base-default: #753d78; - --ds-color-brand2-base-hover: #5b2f5e; - --ds-color-brand2-base-active: #422244; - --ds-color-brand2-text-subtle: #e17ee6; - --ds-color-brand2-text-default: #f6d9f8; + --ds-color-brand2-background-default: #29152a; + --ds-color-brand2-background-subtle: #351b36; + --ds-color-brand2-surface-default: #442346; + --ds-color-brand2-surface-hover: #572d59; + --ds-color-brand2-surface-active: #6a376d; + --ds-color-brand2-border-subtle: #743c76; + --ds-color-brand2-border-default: #b05bb4; + --ds-color-brand2-border-strong: #e17ce6; + --ds-color-brand2-base-default: #773d79; + --ds-color-brand2-base-hover: #5d305f; + --ds-color-brand2-base-active: #442345; + --ds-color-brand2-text-subtle: #e17ce6; + --ds-color-brand2-text-default: #f7dcf8; --ds-color-brand2-contrast-default: #ffffff; - --ds-color-brand2-contrast-subtle: #f4eff4; - --ds-color-brand3-background-default: #2b1323; - --ds-color-brand3-background-subtle: #38192e; - --ds-color-brand3-surface-default: #4b223e; - --ds-color-brand3-surface-hover: #5f2b4e; - --ds-color-brand3-surface-active: #74355f; - --ds-color-brand3-border-subtle: #7f3a68; - --ds-color-brand3-border-default: #ab4e8d; - --ds-color-brand3-border-strong: #f1a7d9; - --ds-color-brand3-base-default: #863d6e; - --ds-color-brand3-base-hover: #693057; - --ds-color-brand3-base-active: #4e2440; - --ds-color-brand3-text-subtle: #eb7dc7; - --ds-color-brand3-text-default: #f9daef; + --ds-color-brand2-contrast-subtle: #f4f0f4; + --ds-color-brand3-background-default: #2d1425; + --ds-color-brand3-background-subtle: #391a2f; + --ds-color-brand3-surface-default: #4a223d; + --ds-color-brand3-surface-hover: #5e2b4d; + --ds-color-brand3-surface-active: #72345e; + --ds-color-brand3-border-subtle: #7c3966; + --ds-color-brand3-border-default: #bd579c; + --ds-color-brand3-border-strong: #eb7bc7; + --ds-color-brand3-base-default: #873e6f; + --ds-color-brand3-base-hover: #6a3158; + --ds-color-brand3-base-active: #4f2441; + --ds-color-brand3-text-subtle: #eb7bc7; + --ds-color-brand3-text-default: #fadcf0; --ds-color-brand3-contrast-default: #ffffff; - --ds-color-brand3-contrast-subtle: #f8f4f7; - --ds-color-success-background-default: #012106; - --ds-color-success-background-subtle: #022b08; + --ds-color-brand3-contrast-subtle: #f9f6f8; + --ds-color-success-background-default: #022306; + --ds-color-success-background-subtle: #022c08; --ds-color-success-surface-default: #03380a; - --ds-color-success-surface-hover: #03490d; - --ds-color-success-surface-active: #045810; + --ds-color-success-surface-hover: #03470d; + --ds-color-success-surface-active: #04570f; --ds-color-success-border-subtle: #045f11; - --ds-color-success-border-default: #068217; - --ds-color-success-border-strong: #93cb9b; + --ds-color-success-border-default: #178f28; + --ds-color-success-border-strong: #62b36d; --ds-color-success-base-default: #138d24; - --ds-color-success-base-hover: #3da14b; - --ds-color-success-base-active: #65b570; - --ds-color-success-text-subtle: #63b46f; - --ds-color-success-text-default: #d1e9d4; + --ds-color-success-base-hover: #3ca14b; + --ds-color-success-base-active: #66b571; + --ds-color-success-text-subtle: #62b36d; + --ds-color-success-text-default: #d4ead7; --ds-color-success-contrast-default: #000000; --ds-color-success-contrast-subtle: #010501; - --ds-color-danger-background-default: #3b0808; - --ds-color-danger-background-subtle: #4b0a0a; - --ds-color-danger-surface-default: #620e0e; - --ds-color-danger-surface-hover: #7c1212; - --ds-color-danger-surface-active: #961515; - --ds-color-danger-border-subtle: #a31717; - --ds-color-danger-border-default: #c93c3c; - --ds-color-danger-border-strong: #e9b0b0; - --ds-color-danger-base-default: #d76d6d; + --ds-color-danger-background-default: #3d0909; + --ds-color-danger-background-subtle: #4c0b0b; + --ds-color-danger-surface-default: #610e0e; + --ds-color-danger-surface-hover: #7a1111; + --ds-color-danger-surface-active: #941515; + --ds-color-danger-border-subtle: #a11717; + --ds-color-danger-border-default: #cf5252; + --ds-color-danger-border-strong: #df8b8b; + --ds-color-danger-base-default: #d76e6e; --ds-color-danger-base-hover: #df8b8b; --ds-color-danger-base-active: #e7a8a8; - --ds-color-danger-text-subtle: #df8d8d; - --ds-color-danger-text-default: #f5dcdc; + --ds-color-danger-text-subtle: #df8b8b; + --ds-color-danger-text-default: #f6dfdf; --ds-color-danger-contrast-default: #000000; - --ds-color-danger-contrast-subtle: #261313; - --ds-color-info-background-default: #031d30; - --ds-color-info-background-subtle: #032540; - --ds-color-info-surface-default: #043256; - --ds-color-info-surface-hover: #063f6c; - --ds-color-info-surface-active: #074d84; - --ds-color-info-border-subtle: #075490; - --ds-color-info-border-default: #0c72c1; - --ds-color-info-border-strong: #98c3e5; - --ds-color-info-base-default: #2c85c9; - --ds-color-info-base-hover: #529bd2; - --ds-color-info-base-active: #75afdc; - --ds-color-info-text-subtle: #6ba9d9; - --ds-color-info-text-default: #d3e5f4; + --ds-color-danger-contrast-subtle: #271414; + --ds-color-info-background-default: #031e33; + --ds-color-info-background-subtle: #032641; + --ds-color-info-surface-default: #043154; + --ds-color-info-surface-hover: #063f6a; + --ds-color-info-surface-active: #074d82; + --ds-color-info-border-subtle: #07538d; + --ds-color-info-border-default: #2480c7; + --ds-color-info-border-strong: #69a8d8; + --ds-color-info-base-default: #2d85c9; + --ds-color-info-base-hover: #519ad2; + --ds-color-info-base-active: #77b0dc; + --ds-color-info-text-subtle: #69a8d8; + --ds-color-info-text-default: #d6e7f4; --ds-color-info-contrast-default: #000000; - --ds-color-info-contrast-subtle: #040e15; - --ds-color-warning-background-default: #211b07; - --ds-color-warning-background-subtle: #2b2309; - --ds-color-warning-surface-default: #392f0d; + --ds-color-info-contrast-subtle: #050e15; + --ds-color-warning-background-default: #221c08; + --ds-color-warning-background-subtle: #2b240a; + --ds-color-warning-surface-default: #382f0c; --ds-color-warning-surface-hover: #483c10; - --ds-color-warning-surface-active: #594a14; - --ds-color-warning-border-subtle: #625116; - --ds-color-warning-border-default: #836d1d; - --ds-color-warning-border-strong: #dabc4c; - --ds-color-warning-base-default: #bc622b; + --ds-color-warning-surface-active: #584913; + --ds-color-warning-border-subtle: #5f5015; + --ds-color-warning-border-default: #927a20; + --ds-color-warning-border-strong: #bf9f2a; + --ds-color-warning-base-default: #bc612a; --ds-color-warning-base-hover: #c87d4f; - --ds-color-warning-base-active: #d39773; - --ds-color-warning-text-subtle: #d29671; - --ds-color-warning-text-default: #f1ded3; + --ds-color-warning-base-active: #d39772; + --ds-color-warning-text-subtle: #d2946e; + --ds-color-warning-text-default: #f2e2d7; --ds-color-warning-contrast-default: #000000; - --ds-color-warning-contrast-subtle: #090402; - --ds-color-focus-inner: #131c27; - --ds-color-focus-outer: #e8e0ee; + --ds-color-warning-contrast-subtle: #070301; + --ds-color-focus-inner: #141d29; + --ds-color-focus-outer: #e9e2ef; color-scheme: dark; } diff --git a/packages/theme/brand/portal/color-scheme/dark.css b/packages/theme/brand/portal/color-scheme/dark.css index e3adcfc4cd..89247972c4 100644 --- a/packages/theme/brand/portal/color-scheme/dark.css +++ b/packages/theme/brand/portal/color-scheme/dark.css @@ -4,466 +4,466 @@ @layer ds.theme.color-scheme.dark { [data-color-scheme="dark"] { - --ds-global-blue-1: #031d30; - --ds-global-blue-2: #032540; - --ds-global-blue-3: #043256; - --ds-global-blue-4: #063f6c; - --ds-global-blue-5: #074d84; - --ds-global-blue-6: #075490; - --ds-global-blue-7: #0c72c1; - --ds-global-blue-8: #98c3e5; - --ds-global-blue-9: #2c85c9; - --ds-global-blue-10: #529bd2; - --ds-global-blue-11: #75afdc; - --ds-global-blue-12: #6ba9d9; - --ds-global-blue-13: #d3e5f4; + --ds-global-blue-1: #031e33; + --ds-global-blue-2: #032641; + --ds-global-blue-3: #043154; + --ds-global-blue-4: #063f6a; + --ds-global-blue-5: #074d82; + --ds-global-blue-6: #07538d; + --ds-global-blue-7: #2480c7; + --ds-global-blue-8: #69a8d8; + --ds-global-blue-9: #2d85c9; + --ds-global-blue-10: #519ad2; + --ds-global-blue-11: #77b0dc; + --ds-global-blue-12: #69a8d8; + --ds-global-blue-13: #d6e7f4; --ds-global-blue-contrast-1: #000000; - --ds-global-blue-contrast-2: #040e15; - --ds-global-green-1: #012106; - --ds-global-green-2: #022b08; + --ds-global-blue-contrast-2: #050e15; + --ds-global-green-1: #022306; + --ds-global-green-2: #022c08; --ds-global-green-3: #03380a; - --ds-global-green-4: #03490d; - --ds-global-green-5: #045810; + --ds-global-green-4: #03470d; + --ds-global-green-5: #04570f; --ds-global-green-6: #045f11; - --ds-global-green-7: #068217; - --ds-global-green-8: #93cb9b; + --ds-global-green-7: #178f28; + --ds-global-green-8: #62b36d; --ds-global-green-9: #138d24; - --ds-global-green-10: #3da14b; - --ds-global-green-11: #65b570; - --ds-global-green-12: #63b46f; - --ds-global-green-13: #d1e9d4; + --ds-global-green-10: #3ca14b; + --ds-global-green-11: #66b571; + --ds-global-green-12: #62b36d; + --ds-global-green-13: #d4ead7; --ds-global-green-contrast-1: #000000; --ds-global-green-contrast-2: #010501; - --ds-global-orange-1: #2d1507; - --ds-global-orange-2: #391b09; - --ds-global-orange-3: #4e250c; - --ds-global-orange-4: #633010; - --ds-global-orange-5: #783a13; - --ds-global-orange-6: #833f15; - --ds-global-orange-7: #b2551c; - --ds-global-orange-8: #e0b69c; - --ds-global-orange-9: #bc622b; + --ds-global-orange-1: #2f1607; + --ds-global-orange-2: #3b1c09; + --ds-global-orange-3: #4d250c; + --ds-global-orange-4: #612f0f; + --ds-global-orange-5: #773913; + --ds-global-orange-6: #823e14; + --ds-global-orange-7: #bd632d; + --ds-global-orange-8: #d2946e; + --ds-global-orange-9: #bc612a; --ds-global-orange-10: #c87d4f; - --ds-global-orange-11: #d39773; - --ds-global-orange-12: #d29671; - --ds-global-orange-13: #f1ded3; + --ds-global-orange-11: #d39772; + --ds-global-orange-12: #d2946e; + --ds-global-orange-13: #f2e2d7; --ds-global-orange-contrast-1: #000000; - --ds-global-orange-contrast-2: #090402; - --ds-global-purple-1: #251238; - --ds-global-purple-2: #301748; - --ds-global-purple-3: #402060; - --ds-global-purple-4: #52287a; - --ds-global-purple-5: #643196; - --ds-global-purple-6: #6b399d; - --ds-global-purple-7: #865daf; - --ds-global-purple-8: #c9b7db; - --ds-global-purple-9: #b39acd; + --ds-global-orange-contrast-2: #070301; + --ds-global-purple-1: #27133a; + --ds-global-purple-2: #31184a; + --ds-global-purple-3: #401f5f; + --ds-global-purple-4: #512879; + --ds-global-purple-5: #633094; + --ds-global-purple-6: #6a379c; + --ds-global-purple-7: #916cb6; + --ds-global-purple-8: #b297cb; + --ds-global-purple-9: #b49acd; --ds-global-purple-10: #a282c1; --ds-global-purple-11: #906ab5; - --ds-global-purple-12: #b298cc; - --ds-global-purple-13: #e7dfef; + --ds-global-purple-12: #b297cb; + --ds-global-purple-13: #e9e2f0; --ds-global-purple-contrast-1: #000000; - --ds-global-purple-contrast-2: #18141b; - --ds-global-red-1: #3b0808; - --ds-global-red-2: #4b0a0a; - --ds-global-red-3: #620e0e; - --ds-global-red-4: #7c1212; - --ds-global-red-5: #961515; - --ds-global-red-6: #a31717; - --ds-global-red-7: #c93c3c; - --ds-global-red-8: #e9b0b0; - --ds-global-red-9: #d76d6d; + --ds-global-purple-contrast-2: #18151c; + --ds-global-red-1: #3d0909; + --ds-global-red-2: #4c0b0b; + --ds-global-red-3: #610e0e; + --ds-global-red-4: #7a1111; + --ds-global-red-5: #941515; + --ds-global-red-6: #a11717; + --ds-global-red-7: #cf5252; + --ds-global-red-8: #df8b8b; + --ds-global-red-9: #d76e6e; --ds-global-red-10: #df8b8b; --ds-global-red-11: #e7a8a8; - --ds-global-red-12: #df8d8d; - --ds-global-red-13: #f5dcdc; + --ds-global-red-12: #df8b8b; + --ds-global-red-13: #f6dfdf; --ds-global-red-contrast-1: #000000; - --ds-global-red-contrast-2: #261313; - --ds-global-yellow-1: #211b07; - --ds-global-yellow-2: #2b2309; - --ds-global-yellow-3: #392f0d; + --ds-global-red-contrast-2: #271414; + --ds-global-yellow-1: #221c08; + --ds-global-yellow-2: #2b240a; + --ds-global-yellow-3: #382f0c; --ds-global-yellow-4: #483c10; - --ds-global-yellow-5: #594a14; - --ds-global-yellow-6: #625116; - --ds-global-yellow-7: #836d1d; - --ds-global-yellow-8: #dabc4c; - --ds-global-yellow-9: #4b3e11; - --ds-global-yellow-10: #605115; - --ds-global-yellow-11: #77641a; - --ds-global-yellow-12: #bfa02a; - --ds-global-yellow-13: #efe2b3; + --ds-global-yellow-5: #584913; + --ds-global-yellow-6: #5f5015; + --ds-global-yellow-7: #927a20; + --ds-global-yellow-8: #bf9f2a; + --ds-global-yellow-9: #4a3e10; + --ds-global-yellow-10: #615115; + --ds-global-yellow-11: #77631a; + --ds-global-yellow-12: #bf9f2a; + --ds-global-yellow-13: #f1e5b9; --ds-global-yellow-contrast-1: #ffffff; --ds-global-yellow-contrast-2: #dbd9d0; - --ds-color-accent-background-default: #2a0945; - --ds-color-accent-background-subtle: #360b58; - --ds-color-accent-surface-default: #480f74; - --ds-color-accent-surface-hover: #581f85; - --ds-color-accent-surface-active: #66328f; - --ds-color-accent-border-subtle: #6d3b94; - --ds-color-accent-border-default: #875ea8; - --ds-color-accent-border-strong: #c9b7d8; - --ds-color-accent-base-default: #baa2cc; - --ds-color-accent-base-hover: #a88abf; - --ds-color-accent-base-active: #9773b3; - --ds-color-accent-text-subtle: #b399c7; - --ds-color-accent-text-default: #e8e0ee; + --ds-color-accent-background-default: #2c0948; + --ds-color-accent-background-subtle: #370b5a; + --ds-color-accent-surface-default: #470f73; + --ds-color-accent-surface-hover: #571d84; + --ds-color-accent-surface-active: #65308f; + --ds-color-accent-border-subtle: #6c3993; + --ds-color-accent-border-default: #926caf; + --ds-color-accent-border-strong: #b298c7; + --ds-color-accent-base-default: #baa2cd; + --ds-color-accent-base-hover: #a88bc0; + --ds-color-accent-base-active: #9673b3; + --ds-color-accent-text-subtle: #b298c7; + --ds-color-accent-text-default: #e9e2ef; --ds-color-accent-contrast-default: #000000; --ds-color-accent-contrast-subtle: #1d1a20; - --ds-color-neutral-background-default: #131c27; - --ds-color-neutral-background-subtle: #192433; - --ds-color-neutral-surface-default: #243142; - --ds-color-neutral-surface-hover: #333e4e; - --ds-color-neutral-surface-active: #424d5b; - --ds-color-neutral-border-subtle: #495361; - --ds-color-neutral-border-default: #67707c; - --ds-color-neutral-border-strong: #bbbfc4; - --ds-color-neutral-base-default: #a6abb2; - --ds-color-neutral-base-hover: #90969e; - --ds-color-neutral-base-active: #7a818c; - --ds-color-neutral-text-subtle: #9ea3ab; - --ds-color-neutral-text-default: #e1e3e5; + --ds-color-neutral-background-default: #141d29; + --ds-color-neutral-background-subtle: #1a2534; + --ds-color-neutral-surface-default: #243041; + --ds-color-neutral-surface-hover: #323e4d; + --ds-color-neutral-surface-active: #404b5a; + --ds-color-neutral-border-subtle: #475260; + --ds-color-neutral-border-default: #747c87; + --ds-color-neutral-border-strong: #9da2aa; + --ds-color-neutral-base-default: #a6acb2; + --ds-color-neutral-base-hover: #90979f; + --ds-color-neutral-base-active: #7a828c; + --ds-color-neutral-text-subtle: #9da2aa; + --ds-color-neutral-text-default: #e3e5e7; --ds-color-neutral-contrast-default: #000000; - --ds-color-neutral-contrast-subtle: #1b1b1d; - --ds-color-brand1-background-default: #251432; - --ds-color-brand1-background-subtle: #2f1a40; - --ds-color-brand1-surface-default: #402358; - --ds-color-brand1-surface-hover: #512c6e; - --ds-color-brand1-surface-active: #633687; - --ds-color-brand1-border-subtle: #6c3b93; - --ds-color-brand1-border-default: #9250c7; - --ds-color-brand1-border-strong: #d3b0ee; - --ds-color-brand1-base-default: #9552cb; - --ds-color-brand1-base-hover: #7b44a8; - --ds-color-brand1-base-active: #633687; - --ds-color-brand1-text-subtle: #c08ee7; - --ds-color-brand1-text-default: #ecddf8; + --ds-color-neutral-contrast-subtle: #1b1c1d; + --ds-color-brand1-background-default: #261534; + --ds-color-brand1-background-subtle: #301b42; + --ds-color-brand1-surface-default: #3f2356; + --ds-color-brand1-surface-hover: #502c6d; + --ds-color-brand1-surface-active: #623685; + --ds-color-brand1-border-subtle: #6a3a91; + --ds-color-brand1-border-default: #a259dc; + --ds-color-brand1-border-strong: #bf8de7; + --ds-color-brand1-base-default: #9652cb; + --ds-color-brand1-base-hover: #7d45aa; + --ds-color-brand1-base-active: #643788; + --ds-color-brand1-text-subtle: #bf8de7; + --ds-color-brand1-text-default: #ede0f8; --ds-color-brand1-contrast-default: #ffffff; --ds-color-brand1-contrast-subtle: #fbf8fd; - --ds-color-brand2-background-default: #281429; - --ds-color-brand2-background-subtle: #331a35; - --ds-color-brand2-surface-default: #462447; - --ds-color-brand2-surface-hover: #582d5a; - --ds-color-brand2-surface-active: #6c376e; - --ds-color-brand2-border-subtle: #753d78; - --ds-color-brand2-border-default: #9f52a2; - --ds-color-brand2-border-strong: #eba8ee; - --ds-color-brand2-base-default: #753d78; - --ds-color-brand2-base-hover: #5b2f5e; - --ds-color-brand2-base-active: #422244; - --ds-color-brand2-text-subtle: #e17ee6; - --ds-color-brand2-text-default: #f6d9f8; + --ds-color-brand2-background-default: #29152a; + --ds-color-brand2-background-subtle: #351b36; + --ds-color-brand2-surface-default: #442346; + --ds-color-brand2-surface-hover: #572d59; + --ds-color-brand2-surface-active: #6a376d; + --ds-color-brand2-border-subtle: #743c76; + --ds-color-brand2-border-default: #b05bb4; + --ds-color-brand2-border-strong: #e17ce6; + --ds-color-brand2-base-default: #773d79; + --ds-color-brand2-base-hover: #5d305f; + --ds-color-brand2-base-active: #442345; + --ds-color-brand2-text-subtle: #e17ce6; + --ds-color-brand2-text-default: #f7dcf8; --ds-color-brand2-contrast-default: #ffffff; - --ds-color-brand2-contrast-subtle: #f4eff4; - --ds-color-brand3-background-default: #2b1323; - --ds-color-brand3-background-subtle: #38192e; - --ds-color-brand3-surface-default: #4b223e; - --ds-color-brand3-surface-hover: #5f2b4e; - --ds-color-brand3-surface-active: #74355f; - --ds-color-brand3-border-subtle: #7f3a68; - --ds-color-brand3-border-default: #ab4e8d; - --ds-color-brand3-border-strong: #f1a7d9; - --ds-color-brand3-base-default: #863d6e; - --ds-color-brand3-base-hover: #693057; - --ds-color-brand3-base-active: #4e2440; - --ds-color-brand3-text-subtle: #eb7dc7; - --ds-color-brand3-text-default: #f9daef; + --ds-color-brand2-contrast-subtle: #f4f0f4; + --ds-color-brand3-background-default: #2d1425; + --ds-color-brand3-background-subtle: #391a2f; + --ds-color-brand3-surface-default: #4a223d; + --ds-color-brand3-surface-hover: #5e2b4d; + --ds-color-brand3-surface-active: #72345e; + --ds-color-brand3-border-subtle: #7c3966; + --ds-color-brand3-border-default: #bd579c; + --ds-color-brand3-border-strong: #eb7bc7; + --ds-color-brand3-base-default: #873e6f; + --ds-color-brand3-base-hover: #6a3158; + --ds-color-brand3-base-active: #4f2441; + --ds-color-brand3-text-subtle: #eb7bc7; + --ds-color-brand3-text-default: #fadcf0; --ds-color-brand3-contrast-default: #ffffff; - --ds-color-brand3-contrast-subtle: #f8f4f7; - --ds-color-success-background-default: #012106; - --ds-color-success-background-subtle: #022b08; + --ds-color-brand3-contrast-subtle: #f9f6f8; + --ds-color-success-background-default: #022306; + --ds-color-success-background-subtle: #022c08; --ds-color-success-surface-default: #03380a; - --ds-color-success-surface-hover: #03490d; - --ds-color-success-surface-active: #045810; + --ds-color-success-surface-hover: #03470d; + --ds-color-success-surface-active: #04570f; --ds-color-success-border-subtle: #045f11; - --ds-color-success-border-default: #068217; - --ds-color-success-border-strong: #93cb9b; + --ds-color-success-border-default: #178f28; + --ds-color-success-border-strong: #62b36d; --ds-color-success-base-default: #138d24; - --ds-color-success-base-hover: #3da14b; - --ds-color-success-base-active: #65b570; - --ds-color-success-text-subtle: #63b46f; - --ds-color-success-text-default: #d1e9d4; + --ds-color-success-base-hover: #3ca14b; + --ds-color-success-base-active: #66b571; + --ds-color-success-text-subtle: #62b36d; + --ds-color-success-text-default: #d4ead7; --ds-color-success-contrast-default: #000000; --ds-color-success-contrast-subtle: #010501; - --ds-color-danger-background-default: #3b0808; - --ds-color-danger-background-subtle: #4b0a0a; - --ds-color-danger-surface-default: #620e0e; - --ds-color-danger-surface-hover: #7c1212; - --ds-color-danger-surface-active: #961515; - --ds-color-danger-border-subtle: #a31717; - --ds-color-danger-border-default: #c93c3c; - --ds-color-danger-border-strong: #e9b0b0; - --ds-color-danger-base-default: #d76d6d; + --ds-color-danger-background-default: #3d0909; + --ds-color-danger-background-subtle: #4c0b0b; + --ds-color-danger-surface-default: #610e0e; + --ds-color-danger-surface-hover: #7a1111; + --ds-color-danger-surface-active: #941515; + --ds-color-danger-border-subtle: #a11717; + --ds-color-danger-border-default: #cf5252; + --ds-color-danger-border-strong: #df8b8b; + --ds-color-danger-base-default: #d76e6e; --ds-color-danger-base-hover: #df8b8b; --ds-color-danger-base-active: #e7a8a8; - --ds-color-danger-text-subtle: #df8d8d; - --ds-color-danger-text-default: #f5dcdc; + --ds-color-danger-text-subtle: #df8b8b; + --ds-color-danger-text-default: #f6dfdf; --ds-color-danger-contrast-default: #000000; - --ds-color-danger-contrast-subtle: #261313; - --ds-color-info-background-default: #031d30; - --ds-color-info-background-subtle: #032540; - --ds-color-info-surface-default: #043256; - --ds-color-info-surface-hover: #063f6c; - --ds-color-info-surface-active: #074d84; - --ds-color-info-border-subtle: #075490; - --ds-color-info-border-default: #0c72c1; - --ds-color-info-border-strong: #98c3e5; - --ds-color-info-base-default: #2c85c9; - --ds-color-info-base-hover: #529bd2; - --ds-color-info-base-active: #75afdc; - --ds-color-info-text-subtle: #6ba9d9; - --ds-color-info-text-default: #d3e5f4; + --ds-color-danger-contrast-subtle: #271414; + --ds-color-info-background-default: #031e33; + --ds-color-info-background-subtle: #032641; + --ds-color-info-surface-default: #043154; + --ds-color-info-surface-hover: #063f6a; + --ds-color-info-surface-active: #074d82; + --ds-color-info-border-subtle: #07538d; + --ds-color-info-border-default: #2480c7; + --ds-color-info-border-strong: #69a8d8; + --ds-color-info-base-default: #2d85c9; + --ds-color-info-base-hover: #519ad2; + --ds-color-info-base-active: #77b0dc; + --ds-color-info-text-subtle: #69a8d8; + --ds-color-info-text-default: #d6e7f4; --ds-color-info-contrast-default: #000000; - --ds-color-info-contrast-subtle: #040e15; - --ds-color-warning-background-default: #211b07; - --ds-color-warning-background-subtle: #2b2309; - --ds-color-warning-surface-default: #392f0d; + --ds-color-info-contrast-subtle: #050e15; + --ds-color-warning-background-default: #221c08; + --ds-color-warning-background-subtle: #2b240a; + --ds-color-warning-surface-default: #382f0c; --ds-color-warning-surface-hover: #483c10; - --ds-color-warning-surface-active: #594a14; - --ds-color-warning-border-subtle: #625116; - --ds-color-warning-border-default: #836d1d; - --ds-color-warning-border-strong: #dabc4c; - --ds-color-warning-base-default: #bc622b; + --ds-color-warning-surface-active: #584913; + --ds-color-warning-border-subtle: #5f5015; + --ds-color-warning-border-default: #927a20; + --ds-color-warning-border-strong: #bf9f2a; + --ds-color-warning-base-default: #bc612a; --ds-color-warning-base-hover: #c87d4f; - --ds-color-warning-base-active: #d39773; - --ds-color-warning-text-subtle: #d29671; - --ds-color-warning-text-default: #f1ded3; + --ds-color-warning-base-active: #d39772; + --ds-color-warning-text-subtle: #d2946e; + --ds-color-warning-text-default: #f2e2d7; --ds-color-warning-contrast-default: #000000; - --ds-color-warning-contrast-subtle: #090402; - --ds-color-focus-inner: #131c27; - --ds-color-focus-outer: #e8e0ee; + --ds-color-warning-contrast-subtle: #070301; + --ds-color-focus-inner: #141d29; + --ds-color-focus-outer: #e9e2ef; color-scheme: dark; } @media (prefers-color-scheme: dark) { [data-color-scheme="auto"] { - --ds-global-blue-1: #031d30; - --ds-global-blue-2: #032540; - --ds-global-blue-3: #043256; - --ds-global-blue-4: #063f6c; - --ds-global-blue-5: #074d84; - --ds-global-blue-6: #075490; - --ds-global-blue-7: #0c72c1; - --ds-global-blue-8: #98c3e5; - --ds-global-blue-9: #2c85c9; - --ds-global-blue-10: #529bd2; - --ds-global-blue-11: #75afdc; - --ds-global-blue-12: #6ba9d9; - --ds-global-blue-13: #d3e5f4; + --ds-global-blue-1: #031e33; + --ds-global-blue-2: #032641; + --ds-global-blue-3: #043154; + --ds-global-blue-4: #063f6a; + --ds-global-blue-5: #074d82; + --ds-global-blue-6: #07538d; + --ds-global-blue-7: #2480c7; + --ds-global-blue-8: #69a8d8; + --ds-global-blue-9: #2d85c9; + --ds-global-blue-10: #519ad2; + --ds-global-blue-11: #77b0dc; + --ds-global-blue-12: #69a8d8; + --ds-global-blue-13: #d6e7f4; --ds-global-blue-contrast-1: #000000; - --ds-global-blue-contrast-2: #040e15; - --ds-global-green-1: #012106; - --ds-global-green-2: #022b08; + --ds-global-blue-contrast-2: #050e15; + --ds-global-green-1: #022306; + --ds-global-green-2: #022c08; --ds-global-green-3: #03380a; - --ds-global-green-4: #03490d; - --ds-global-green-5: #045810; + --ds-global-green-4: #03470d; + --ds-global-green-5: #04570f; --ds-global-green-6: #045f11; - --ds-global-green-7: #068217; - --ds-global-green-8: #93cb9b; + --ds-global-green-7: #178f28; + --ds-global-green-8: #62b36d; --ds-global-green-9: #138d24; - --ds-global-green-10: #3da14b; - --ds-global-green-11: #65b570; - --ds-global-green-12: #63b46f; - --ds-global-green-13: #d1e9d4; + --ds-global-green-10: #3ca14b; + --ds-global-green-11: #66b571; + --ds-global-green-12: #62b36d; + --ds-global-green-13: #d4ead7; --ds-global-green-contrast-1: #000000; --ds-global-green-contrast-2: #010501; - --ds-global-orange-1: #2d1507; - --ds-global-orange-2: #391b09; - --ds-global-orange-3: #4e250c; - --ds-global-orange-4: #633010; - --ds-global-orange-5: #783a13; - --ds-global-orange-6: #833f15; - --ds-global-orange-7: #b2551c; - --ds-global-orange-8: #e0b69c; - --ds-global-orange-9: #bc622b; + --ds-global-orange-1: #2f1607; + --ds-global-orange-2: #3b1c09; + --ds-global-orange-3: #4d250c; + --ds-global-orange-4: #612f0f; + --ds-global-orange-5: #773913; + --ds-global-orange-6: #823e14; + --ds-global-orange-7: #bd632d; + --ds-global-orange-8: #d2946e; + --ds-global-orange-9: #bc612a; --ds-global-orange-10: #c87d4f; - --ds-global-orange-11: #d39773; - --ds-global-orange-12: #d29671; - --ds-global-orange-13: #f1ded3; + --ds-global-orange-11: #d39772; + --ds-global-orange-12: #d2946e; + --ds-global-orange-13: #f2e2d7; --ds-global-orange-contrast-1: #000000; - --ds-global-orange-contrast-2: #090402; - --ds-global-purple-1: #251238; - --ds-global-purple-2: #301748; - --ds-global-purple-3: #402060; - --ds-global-purple-4: #52287a; - --ds-global-purple-5: #643196; - --ds-global-purple-6: #6b399d; - --ds-global-purple-7: #865daf; - --ds-global-purple-8: #c9b7db; - --ds-global-purple-9: #b39acd; + --ds-global-orange-contrast-2: #070301; + --ds-global-purple-1: #27133a; + --ds-global-purple-2: #31184a; + --ds-global-purple-3: #401f5f; + --ds-global-purple-4: #512879; + --ds-global-purple-5: #633094; + --ds-global-purple-6: #6a379c; + --ds-global-purple-7: #916cb6; + --ds-global-purple-8: #b297cb; + --ds-global-purple-9: #b49acd; --ds-global-purple-10: #a282c1; --ds-global-purple-11: #906ab5; - --ds-global-purple-12: #b298cc; - --ds-global-purple-13: #e7dfef; + --ds-global-purple-12: #b297cb; + --ds-global-purple-13: #e9e2f0; --ds-global-purple-contrast-1: #000000; - --ds-global-purple-contrast-2: #18141b; - --ds-global-red-1: #3b0808; - --ds-global-red-2: #4b0a0a; - --ds-global-red-3: #620e0e; - --ds-global-red-4: #7c1212; - --ds-global-red-5: #961515; - --ds-global-red-6: #a31717; - --ds-global-red-7: #c93c3c; - --ds-global-red-8: #e9b0b0; - --ds-global-red-9: #d76d6d; + --ds-global-purple-contrast-2: #18151c; + --ds-global-red-1: #3d0909; + --ds-global-red-2: #4c0b0b; + --ds-global-red-3: #610e0e; + --ds-global-red-4: #7a1111; + --ds-global-red-5: #941515; + --ds-global-red-6: #a11717; + --ds-global-red-7: #cf5252; + --ds-global-red-8: #df8b8b; + --ds-global-red-9: #d76e6e; --ds-global-red-10: #df8b8b; --ds-global-red-11: #e7a8a8; - --ds-global-red-12: #df8d8d; - --ds-global-red-13: #f5dcdc; + --ds-global-red-12: #df8b8b; + --ds-global-red-13: #f6dfdf; --ds-global-red-contrast-1: #000000; - --ds-global-red-contrast-2: #261313; - --ds-global-yellow-1: #211b07; - --ds-global-yellow-2: #2b2309; - --ds-global-yellow-3: #392f0d; + --ds-global-red-contrast-2: #271414; + --ds-global-yellow-1: #221c08; + --ds-global-yellow-2: #2b240a; + --ds-global-yellow-3: #382f0c; --ds-global-yellow-4: #483c10; - --ds-global-yellow-5: #594a14; - --ds-global-yellow-6: #625116; - --ds-global-yellow-7: #836d1d; - --ds-global-yellow-8: #dabc4c; - --ds-global-yellow-9: #4b3e11; - --ds-global-yellow-10: #605115; - --ds-global-yellow-11: #77641a; - --ds-global-yellow-12: #bfa02a; - --ds-global-yellow-13: #efe2b3; + --ds-global-yellow-5: #584913; + --ds-global-yellow-6: #5f5015; + --ds-global-yellow-7: #927a20; + --ds-global-yellow-8: #bf9f2a; + --ds-global-yellow-9: #4a3e10; + --ds-global-yellow-10: #615115; + --ds-global-yellow-11: #77631a; + --ds-global-yellow-12: #bf9f2a; + --ds-global-yellow-13: #f1e5b9; --ds-global-yellow-contrast-1: #ffffff; --ds-global-yellow-contrast-2: #dbd9d0; - --ds-color-accent-background-default: #2a0945; - --ds-color-accent-background-subtle: #360b58; - --ds-color-accent-surface-default: #480f74; - --ds-color-accent-surface-hover: #581f85; - --ds-color-accent-surface-active: #66328f; - --ds-color-accent-border-subtle: #6d3b94; - --ds-color-accent-border-default: #875ea8; - --ds-color-accent-border-strong: #c9b7d8; - --ds-color-accent-base-default: #baa2cc; - --ds-color-accent-base-hover: #a88abf; - --ds-color-accent-base-active: #9773b3; - --ds-color-accent-text-subtle: #b399c7; - --ds-color-accent-text-default: #e8e0ee; + --ds-color-accent-background-default: #2c0948; + --ds-color-accent-background-subtle: #370b5a; + --ds-color-accent-surface-default: #470f73; + --ds-color-accent-surface-hover: #571d84; + --ds-color-accent-surface-active: #65308f; + --ds-color-accent-border-subtle: #6c3993; + --ds-color-accent-border-default: #926caf; + --ds-color-accent-border-strong: #b298c7; + --ds-color-accent-base-default: #baa2cd; + --ds-color-accent-base-hover: #a88bc0; + --ds-color-accent-base-active: #9673b3; + --ds-color-accent-text-subtle: #b298c7; + --ds-color-accent-text-default: #e9e2ef; --ds-color-accent-contrast-default: #000000; --ds-color-accent-contrast-subtle: #1d1a20; - --ds-color-neutral-background-default: #131c27; - --ds-color-neutral-background-subtle: #192433; - --ds-color-neutral-surface-default: #243142; - --ds-color-neutral-surface-hover: #333e4e; - --ds-color-neutral-surface-active: #424d5b; - --ds-color-neutral-border-subtle: #495361; - --ds-color-neutral-border-default: #67707c; - --ds-color-neutral-border-strong: #bbbfc4; - --ds-color-neutral-base-default: #a6abb2; - --ds-color-neutral-base-hover: #90969e; - --ds-color-neutral-base-active: #7a818c; - --ds-color-neutral-text-subtle: #9ea3ab; - --ds-color-neutral-text-default: #e1e3e5; + --ds-color-neutral-background-default: #141d29; + --ds-color-neutral-background-subtle: #1a2534; + --ds-color-neutral-surface-default: #243041; + --ds-color-neutral-surface-hover: #323e4d; + --ds-color-neutral-surface-active: #404b5a; + --ds-color-neutral-border-subtle: #475260; + --ds-color-neutral-border-default: #747c87; + --ds-color-neutral-border-strong: #9da2aa; + --ds-color-neutral-base-default: #a6acb2; + --ds-color-neutral-base-hover: #90979f; + --ds-color-neutral-base-active: #7a828c; + --ds-color-neutral-text-subtle: #9da2aa; + --ds-color-neutral-text-default: #e3e5e7; --ds-color-neutral-contrast-default: #000000; - --ds-color-neutral-contrast-subtle: #1b1b1d; - --ds-color-brand1-background-default: #251432; - --ds-color-brand1-background-subtle: #2f1a40; - --ds-color-brand1-surface-default: #402358; - --ds-color-brand1-surface-hover: #512c6e; - --ds-color-brand1-surface-active: #633687; - --ds-color-brand1-border-subtle: #6c3b93; - --ds-color-brand1-border-default: #9250c7; - --ds-color-brand1-border-strong: #d3b0ee; - --ds-color-brand1-base-default: #9552cb; - --ds-color-brand1-base-hover: #7b44a8; - --ds-color-brand1-base-active: #633687; - --ds-color-brand1-text-subtle: #c08ee7; - --ds-color-brand1-text-default: #ecddf8; + --ds-color-neutral-contrast-subtle: #1b1c1d; + --ds-color-brand1-background-default: #261534; + --ds-color-brand1-background-subtle: #301b42; + --ds-color-brand1-surface-default: #3f2356; + --ds-color-brand1-surface-hover: #502c6d; + --ds-color-brand1-surface-active: #623685; + --ds-color-brand1-border-subtle: #6a3a91; + --ds-color-brand1-border-default: #a259dc; + --ds-color-brand1-border-strong: #bf8de7; + --ds-color-brand1-base-default: #9652cb; + --ds-color-brand1-base-hover: #7d45aa; + --ds-color-brand1-base-active: #643788; + --ds-color-brand1-text-subtle: #bf8de7; + --ds-color-brand1-text-default: #ede0f8; --ds-color-brand1-contrast-default: #ffffff; --ds-color-brand1-contrast-subtle: #fbf8fd; - --ds-color-brand2-background-default: #281429; - --ds-color-brand2-background-subtle: #331a35; - --ds-color-brand2-surface-default: #462447; - --ds-color-brand2-surface-hover: #582d5a; - --ds-color-brand2-surface-active: #6c376e; - --ds-color-brand2-border-subtle: #753d78; - --ds-color-brand2-border-default: #9f52a2; - --ds-color-brand2-border-strong: #eba8ee; - --ds-color-brand2-base-default: #753d78; - --ds-color-brand2-base-hover: #5b2f5e; - --ds-color-brand2-base-active: #422244; - --ds-color-brand2-text-subtle: #e17ee6; - --ds-color-brand2-text-default: #f6d9f8; + --ds-color-brand2-background-default: #29152a; + --ds-color-brand2-background-subtle: #351b36; + --ds-color-brand2-surface-default: #442346; + --ds-color-brand2-surface-hover: #572d59; + --ds-color-brand2-surface-active: #6a376d; + --ds-color-brand2-border-subtle: #743c76; + --ds-color-brand2-border-default: #b05bb4; + --ds-color-brand2-border-strong: #e17ce6; + --ds-color-brand2-base-default: #773d79; + --ds-color-brand2-base-hover: #5d305f; + --ds-color-brand2-base-active: #442345; + --ds-color-brand2-text-subtle: #e17ce6; + --ds-color-brand2-text-default: #f7dcf8; --ds-color-brand2-contrast-default: #ffffff; - --ds-color-brand2-contrast-subtle: #f4eff4; - --ds-color-brand3-background-default: #2b1323; - --ds-color-brand3-background-subtle: #38192e; - --ds-color-brand3-surface-default: #4b223e; - --ds-color-brand3-surface-hover: #5f2b4e; - --ds-color-brand3-surface-active: #74355f; - --ds-color-brand3-border-subtle: #7f3a68; - --ds-color-brand3-border-default: #ab4e8d; - --ds-color-brand3-border-strong: #f1a7d9; - --ds-color-brand3-base-default: #863d6e; - --ds-color-brand3-base-hover: #693057; - --ds-color-brand3-base-active: #4e2440; - --ds-color-brand3-text-subtle: #eb7dc7; - --ds-color-brand3-text-default: #f9daef; + --ds-color-brand2-contrast-subtle: #f4f0f4; + --ds-color-brand3-background-default: #2d1425; + --ds-color-brand3-background-subtle: #391a2f; + --ds-color-brand3-surface-default: #4a223d; + --ds-color-brand3-surface-hover: #5e2b4d; + --ds-color-brand3-surface-active: #72345e; + --ds-color-brand3-border-subtle: #7c3966; + --ds-color-brand3-border-default: #bd579c; + --ds-color-brand3-border-strong: #eb7bc7; + --ds-color-brand3-base-default: #873e6f; + --ds-color-brand3-base-hover: #6a3158; + --ds-color-brand3-base-active: #4f2441; + --ds-color-brand3-text-subtle: #eb7bc7; + --ds-color-brand3-text-default: #fadcf0; --ds-color-brand3-contrast-default: #ffffff; - --ds-color-brand3-contrast-subtle: #f8f4f7; - --ds-color-success-background-default: #012106; - --ds-color-success-background-subtle: #022b08; + --ds-color-brand3-contrast-subtle: #f9f6f8; + --ds-color-success-background-default: #022306; + --ds-color-success-background-subtle: #022c08; --ds-color-success-surface-default: #03380a; - --ds-color-success-surface-hover: #03490d; - --ds-color-success-surface-active: #045810; + --ds-color-success-surface-hover: #03470d; + --ds-color-success-surface-active: #04570f; --ds-color-success-border-subtle: #045f11; - --ds-color-success-border-default: #068217; - --ds-color-success-border-strong: #93cb9b; + --ds-color-success-border-default: #178f28; + --ds-color-success-border-strong: #62b36d; --ds-color-success-base-default: #138d24; - --ds-color-success-base-hover: #3da14b; - --ds-color-success-base-active: #65b570; - --ds-color-success-text-subtle: #63b46f; - --ds-color-success-text-default: #d1e9d4; + --ds-color-success-base-hover: #3ca14b; + --ds-color-success-base-active: #66b571; + --ds-color-success-text-subtle: #62b36d; + --ds-color-success-text-default: #d4ead7; --ds-color-success-contrast-default: #000000; --ds-color-success-contrast-subtle: #010501; - --ds-color-danger-background-default: #3b0808; - --ds-color-danger-background-subtle: #4b0a0a; - --ds-color-danger-surface-default: #620e0e; - --ds-color-danger-surface-hover: #7c1212; - --ds-color-danger-surface-active: #961515; - --ds-color-danger-border-subtle: #a31717; - --ds-color-danger-border-default: #c93c3c; - --ds-color-danger-border-strong: #e9b0b0; - --ds-color-danger-base-default: #d76d6d; + --ds-color-danger-background-default: #3d0909; + --ds-color-danger-background-subtle: #4c0b0b; + --ds-color-danger-surface-default: #610e0e; + --ds-color-danger-surface-hover: #7a1111; + --ds-color-danger-surface-active: #941515; + --ds-color-danger-border-subtle: #a11717; + --ds-color-danger-border-default: #cf5252; + --ds-color-danger-border-strong: #df8b8b; + --ds-color-danger-base-default: #d76e6e; --ds-color-danger-base-hover: #df8b8b; --ds-color-danger-base-active: #e7a8a8; - --ds-color-danger-text-subtle: #df8d8d; - --ds-color-danger-text-default: #f5dcdc; + --ds-color-danger-text-subtle: #df8b8b; + --ds-color-danger-text-default: #f6dfdf; --ds-color-danger-contrast-default: #000000; - --ds-color-danger-contrast-subtle: #261313; - --ds-color-info-background-default: #031d30; - --ds-color-info-background-subtle: #032540; - --ds-color-info-surface-default: #043256; - --ds-color-info-surface-hover: #063f6c; - --ds-color-info-surface-active: #074d84; - --ds-color-info-border-subtle: #075490; - --ds-color-info-border-default: #0c72c1; - --ds-color-info-border-strong: #98c3e5; - --ds-color-info-base-default: #2c85c9; - --ds-color-info-base-hover: #529bd2; - --ds-color-info-base-active: #75afdc; - --ds-color-info-text-subtle: #6ba9d9; - --ds-color-info-text-default: #d3e5f4; + --ds-color-danger-contrast-subtle: #271414; + --ds-color-info-background-default: #031e33; + --ds-color-info-background-subtle: #032641; + --ds-color-info-surface-default: #043154; + --ds-color-info-surface-hover: #063f6a; + --ds-color-info-surface-active: #074d82; + --ds-color-info-border-subtle: #07538d; + --ds-color-info-border-default: #2480c7; + --ds-color-info-border-strong: #69a8d8; + --ds-color-info-base-default: #2d85c9; + --ds-color-info-base-hover: #519ad2; + --ds-color-info-base-active: #77b0dc; + --ds-color-info-text-subtle: #69a8d8; + --ds-color-info-text-default: #d6e7f4; --ds-color-info-contrast-default: #000000; - --ds-color-info-contrast-subtle: #040e15; - --ds-color-warning-background-default: #211b07; - --ds-color-warning-background-subtle: #2b2309; - --ds-color-warning-surface-default: #392f0d; + --ds-color-info-contrast-subtle: #050e15; + --ds-color-warning-background-default: #221c08; + --ds-color-warning-background-subtle: #2b240a; + --ds-color-warning-surface-default: #382f0c; --ds-color-warning-surface-hover: #483c10; - --ds-color-warning-surface-active: #594a14; - --ds-color-warning-border-subtle: #625116; - --ds-color-warning-border-default: #836d1d; - --ds-color-warning-border-strong: #dabc4c; - --ds-color-warning-base-default: #bc622b; + --ds-color-warning-surface-active: #584913; + --ds-color-warning-border-subtle: #5f5015; + --ds-color-warning-border-default: #927a20; + --ds-color-warning-border-strong: #bf9f2a; + --ds-color-warning-base-default: #bc612a; --ds-color-warning-base-hover: #c87d4f; - --ds-color-warning-base-active: #d39773; - --ds-color-warning-text-subtle: #d29671; - --ds-color-warning-text-default: #f1ded3; + --ds-color-warning-base-active: #d39772; + --ds-color-warning-text-subtle: #d2946e; + --ds-color-warning-text-default: #f2e2d7; --ds-color-warning-contrast-default: #000000; - --ds-color-warning-contrast-subtle: #090402; - --ds-color-focus-inner: #131c27; - --ds-color-focus-outer: #e8e0ee; + --ds-color-warning-contrast-subtle: #070301; + --ds-color-focus-inner: #141d29; + --ds-color-focus-outer: #e9e2ef; color-scheme: dark; } diff --git a/packages/theme/brand/portal/color-scheme/light.css b/packages/theme/brand/portal/color-scheme/light.css index f89e3d21ed..6d01bcff74 100644 --- a/packages/theme/brand/portal/color-scheme/light.css +++ b/packages/theme/brand/portal/color-scheme/light.css @@ -4,466 +4,466 @@ @layer ds.theme.color-scheme.light { :root, [data-color-scheme="light"] { - --ds-global-blue-1: #fefeff; + --ds-global-blue-1: #ffffff; --ds-global-blue-2: #edf5fa; - --ds-global-blue-3: #d3e5f4; + --ds-global-blue-3: #d2e5f3; --ds-global-blue-4: #b7d5ed; - --ds-global-blue-5: #9bc5e5; + --ds-global-blue-5: #9fc7e6; --ds-global-blue-6: #94c1e3; - --ds-global-blue-7: #2f86c9; - --ds-global-blue-8: #075089; - --ds-global-blue-9: #0A71C0; - --ds-global-blue-10: #085e9f; - --ds-global-blue-11: #074a7f; - --ds-global-blue-12: #0966ac; + --ds-global-blue-7: #2a83c8; + --ds-global-blue-8: #0964a9; + --ds-global-blue-9: #0a71bf; + --ds-global-blue-10: #085d9f; + --ds-global-blue-11: #074a7e; + --ds-global-blue-12: #0964a9; --ds-global-blue-13: #042d4d; --ds-global-blue-contrast-1: #ffffff; - --ds-global-blue-contrast-2: #edf5fa; - --ds-global-green-1: #fcfefc; - --ds-global-green-2: #edf6ee; - --ds-global-green-3: #d1e9d4; - --ds-global-green-4: #b5dbba; - --ds-global-green-5: #96cd9e; + --ds-global-blue-contrast-2: #eff6fb; + --ds-global-green-1: #ffffff; + --ds-global-green-2: #ecf6ee; + --ds-global-green-3: #d0e8d3; + --ds-global-green-4: #b4dbba; + --ds-global-green-5: #9bcfa2; --ds-global-green-6: #8fc997; - --ds-global-green-7: #229532; - --ds-global-green-8: #045a10; + --ds-global-green-7: #1d922d; + --ds-global-green-8: #057114; --ds-global-green-9: #068718; --ds-global-green-10: #057014; --ds-global-green-11: #045a10; - --ds-global-green-12: #057315; + --ds-global-green-12: #057114; --ds-global-green-13: #023409; --ds-global-green-contrast-1: #ffffff; - --ds-global-green-contrast-2: #f9fcf9; - --ds-global-orange-1: #fffefe; - --ds-global-orange-2: #f9f2ed; - --ds-global-orange-3: #f1ded3; - --ds-global-orange-4: #e9cbb8; - --ds-global-orange-5: #e1b9a0; - --ds-global-orange-6: #deb296; - --ds-global-orange-7: #c06b36; - --ds-global-orange-8: #7c3b14; - --ds-global-orange-9: #B8581D; - --ds-global-orange-10: #984918; - --ds-global-orange-11: #7a3b13; - --ds-global-orange-12: #9e4b19; - --ds-global-orange-13: #47220b; + --ds-global-green-contrast-2: #fafdfb; + --ds-global-orange-1: #ffffff; + --ds-global-orange-2: #faf2ee; + --ds-global-orange-3: #f1dfd3; + --ds-global-orange-4: #e9ccba; + --ds-global-orange-5: #e2baa2; + --ds-global-orange-6: #dfb398; + --ds-global-orange-7: #bf6732; + --ds-global-orange-8: #9b4a18; + --ds-global-orange-9: #b7581d; + --ds-global-orange-10: #994918; + --ds-global-orange-11: #7b3b13; + --ds-global-orange-12: #9b4a18; + --ds-global-orange-13: #46220b; --ds-global-orange-contrast-1: #ffffff; - --ds-global-orange-contrast-2: #fdfbf9; - --ds-global-purple-1: #fefefe; - --ds-global-purple-2: #f5f2f9; + --ds-global-orange-contrast-2: #fdf9f8; + --ds-global-purple-1: #ffffff; + --ds-global-purple-2: #f6f2f9; --ds-global-purple-3: #e7dfef; - --ds-global-purple-4: #d9cce6; - --ds-global-purple-5: #ccbadd; + --ds-global-purple-4: #d9cde6; + --ds-global-purple-5: #cdbcdd; --ds-global-purple-6: #c7b4da; - --ds-global-purple-7: #9572b9; - --ds-global-purple-8: #663399; + --ds-global-purple-7: #936fb7; + --ds-global-purple-8: #794ca6; --ds-global-purple-9: #663299; - --ds-global-purple-10: #4e2676; + --ds-global-purple-10: #4f2776; --ds-global-purple-11: #371b53; - --ds-global-purple-12: #7b4ea7; - --ds-global-purple-13: #3b1d59; + --ds-global-purple-12: #794ca6; + --ds-global-purple-13: #3a1d57; --ds-global-purple-contrast-1: #ffffff; --ds-global-purple-contrast-2: #eee8f3; - --ds-global-red-1: #fffefe; + --ds-global-red-1: #ffffff; --ds-global-red-2: #fbf1f1; --ds-global-red-3: #f5dcdc; - --ds-global-red-4: #f0c7c7; - --ds-global-red-5: #eab3b3; - --ds-global-red-6: #e8acac; - --ds-global-red-7: #d25b5b; - --ds-global-red-8: #9a1616; - --ds-global-red-9: #C01B1B; - --ds-global-red-10: #9c1616; + --ds-global-red-4: #f0c8c8; + --ds-global-red-5: #ebb5b5; + --ds-global-red-6: #e8adad; + --ds-global-red-7: #d15757; + --ds-global-red-8: #bf1b1b; + --ds-global-red-9: #bf1b1b; + --ds-global-red-10: #9b1616; --ds-global-red-11: #791111; - --ds-global-red-12: #c22020; - --ds-global-red-13: #5a0d0d; + --ds-global-red-12: #bf1b1b; + --ds-global-red-13: #590d0d; --ds-global-red-contrast-1: #ffffff; --ds-global-red-contrast-2: #f7e1e1; - --ds-global-yellow-1: #fffefd; - --ds-global-yellow-2: #f9f4e2; - --ds-global-yellow-3: #efe2b3; - --ds-global-yellow-4: #e5d183; - --ds-global-yellow-5: #dcbf53; + --ds-global-yellow-1: #ffffff; + --ds-global-yellow-2: #f9f4e1; + --ds-global-yellow-3: #efe2b2; + --ds-global-yellow-4: #e6d184; + --ds-global-yellow-5: #ddc159; --ds-global-yellow-6: #d9b945; - --ds-global-yellow-7: #987f22; - --ds-global-yellow-8: #5c4c14; - --ds-global-yellow-9: #D4B12F; + --ds-global-yellow-7: #957c21; + --ds-global-yellow-8: #736019; + --ds-global-yellow-9: #d4b12f; --ds-global-yellow-10: #bb9c2a; - --ds-global-yellow-11: #a28724; - --ds-global-yellow-12: #75611a; - --ds-global-yellow-13: #342b0c; + --ds-global-yellow-11: #a38824; + --ds-global-yellow-12: #736019; + --ds-global-yellow-13: #332b0b; --ds-global-yellow-contrast-1: #000000; - --ds-global-yellow-contrast-2: #282109; - --ds-color-accent-background-default: #fefefe; - --ds-color-accent-background-subtle: #f5f2f8; - --ds-color-accent-surface-default: #e8e0ee; - --ds-color-accent-surface-hover: #d9cce3; - --ds-color-accent-surface-active: #ccbad9; - --ds-color-accent-border-subtle: #c7b4d6; - --ds-color-accent-border-default: #9773b3; - --ds-color-accent-border-strong: #683591; + --ds-global-yellow-contrast-2: #282209; + --ds-color-accent-background-default: #ffffff; + --ds-color-accent-background-subtle: #f6f2f8; + --ds-color-accent-surface-default: #e7dfee; + --ds-color-accent-surface-hover: #dacde4; + --ds-color-accent-surface-active: #cdbcdb; + --ds-color-accent-border-subtle: #c8b5d7; + --ds-color-accent-border-default: #9470b1; + --ds-color-accent-border-strong: #7b4d9e; --ds-color-accent-base-default: #4d107d; - --ds-color-accent-base-hover: #612c8c; - --ds-color-accent-base-active: #734499; - --ds-color-accent-text-subtle: #7c4fa0; - --ds-color-accent-text-default: #420e6a; + --ds-color-accent-base-hover: #612b8c; + --ds-color-accent-base-active: #734399; + --ds-color-accent-text-subtle: #7b4d9e; + --ds-color-accent-text-default: #410d69; --ds-color-accent-contrast-default: #ffffff; - --ds-color-accent-contrast-subtle: #d5c6e0; - --ds-color-neutral-background-default: #fefefe; - --ds-color-neutral-background-subtle: #f3f4f5; - --ds-color-neutral-surface-default: #e1e3e5; - --ds-color-neutral-surface-hover: #ced1d4; - --ds-color-neutral-surface-active: #bdc1c6; + --ds-color-accent-contrast-subtle: #d4c6e0; + --ds-color-neutral-background-default: #ffffff; + --ds-color-neutral-background-subtle: #f3f4f4; + --ds-color-neutral-surface-default: #e0e2e4; + --ds-color-neutral-surface-hover: #cfd2d5; + --ds-color-neutral-surface-active: #bfc3c7; --ds-color-neutral-border-subtle: #b8bcc1; - --ds-color-neutral-border-default: #7a818c; - --ds-color-neutral-border-strong: #444e5d; - --ds-color-neutral-base-default: #1E2B3C; - --ds-color-neutral-base-hover: #303c4b; - --ds-color-neutral-base-active: #444e5d; - --ds-color-neutral-text-subtle: #5b6471; - --ds-color-neutral-text-default: #202c3d; + --ds-color-neutral-border-default: #777f89; + --ds-color-neutral-border-strong: #59626f; + --ds-color-neutral-base-default: #1e2b3c; + --ds-color-neutral-base-hover: #313d4d; + --ds-color-neutral-base-active: #444f5d; + --ds-color-neutral-text-subtle: #59626f; + --ds-color-neutral-text-default: #1f2c3d; --ds-color-neutral-contrast-default: #ffffff; - --ds-color-neutral-contrast-subtle: #bbbfc4; - --ds-color-brand1-background-default: #fefdff; + --ds-color-neutral-contrast-subtle: #babec4; + --ds-color-brand1-background-default: #ffffff; --ds-color-brand1-background-subtle: #f7f1fc; --ds-color-brand1-surface-default: #ecddf8; - --ds-color-brand1-surface-hover: #e0c8f3; - --ds-color-brand1-surface-active: #d5b5ef; - --ds-color-brand1-border-subtle: #d1adee; - --ds-color-brand1-border-default: #a661de; - --ds-color-brand1-border-strong: #66388b; - --ds-color-brand1-base-default: #a259dc; - --ds-color-brand1-base-hover: #884bb9; - --ds-color-brand1-base-active: #703d97; - --ds-color-brand1-text-subtle: #8248b1; - --ds-color-brand1-text-default: #3a204f; + --ds-color-brand1-surface-hover: #e1c9f4; + --ds-color-brand1-surface-active: #d6b6f0; + --ds-color-brand1-border-subtle: #d2aeee; + --ds-color-brand1-border-default: #a45ddd; + --ds-color-brand1-border-strong: #8046ad; + --ds-color-brand1-base-default: #a25adc; + --ds-color-brand1-base-hover: #b276e2; + --ds-color-brand1-base-active: #c291e8; + --ds-color-brand1-text-subtle: #8046ad; + --ds-color-brand1-text-default: #3a204e; --ds-color-brand1-contrast-default: #000000; - --ds-color-brand1-contrast-subtle: #0a060d; - --ds-color-brand2-background-default: #fffeff; - --ds-color-brand2-background-subtle: #fbf0fc; + --ds-color-brand1-contrast-subtle: #0a050d; + --ds-color-brand2-background-default: #ffffff; + --ds-color-brand2-background-subtle: #fcf0fc; --ds-color-brand2-surface-default: #f6d9f8; --ds-color-brand2-surface-hover: #f1c2f3; - --ds-color-brand2-surface-active: #ecabef; + --ds-color-brand2-surface-active: #ecadef; --ds-color-brand2-border-subtle: #eaa3ed; - --ds-color-brand2-border-default: #b75fbb; - --ds-color-brand2-border-strong: #6f3972; - --ds-color-brand2-base-default: #df73e4; - --ds-color-brand2-base-hover: #c364c7; - --ds-color-brand2-base-active: #a656aa; - --ds-color-brand2-text-subtle: #8e4991; - --ds-color-brand2-text-default: #3f2141; + --ds-color-brand2-border-default: #b45db8; + --ds-color-brand2-border-strong: #8b488e; + --ds-color-brand2-base-default: #df74e4; + --ds-color-brand2-base-hover: #e795eb; + --ds-color-brand2-base-active: #eeb5f1; + --ds-color-brand2-text-subtle: #8b488e; + --ds-color-brand2-text-default: #3e2040; --ds-color-brand2-contrast-default: #000000; - --ds-color-brand2-contrast-subtle: #190d1a; - --ds-color-brand3-background-default: #fffefe; - --ds-color-brand3-background-subtle: #fdeff8; - --ds-color-brand3-surface-default: #f9daef; + --ds-color-brand2-contrast-subtle: #170c18; + --ds-color-brand3-background-default: #ffffff; + --ds-color-brand3-background-subtle: #fdf0f9; + --ds-color-brand3-surface-default: #f9d9ef; --ds-color-brand3-surface-hover: #f6c3e5; - --ds-color-brand3-surface-active: #f2abdb; - --ds-color-brand3-border-subtle: #f1a3d7; - --ds-color-brand3-border-default: #c55aa3; - --ds-color-brand3-border-strong: #773762; - --ds-color-brand3-base-default: #e86abf; - --ds-color-brand3-base-hover: #c95ca6; - --ds-color-brand3-base-active: #ab4e8d; - --ds-color-brand3-text-subtle: #98467d; - --ds-color-brand3-text-default: #451f38; + --ds-color-brand3-surface-active: #f2addc; + --ds-color-brand3-border-subtle: #f1a4d8; + --ds-color-brand3-border-default: #c2589f; + --ds-color-brand3-border-strong: #95447b; + --ds-color-brand3-base-default: #e86bbf; + --ds-color-brand3-base-hover: #ed8ece; + --ds-color-brand3-base-active: #f3aedc; + --ds-color-brand3-text-subtle: #95447b; + --ds-color-brand3-text-default: #431f37; --ds-color-brand3-contrast-default: #000000; - --ds-color-brand3-contrast-subtle: #11080e; - --ds-color-success-background-default: #fcfefc; - --ds-color-success-background-subtle: #edf6ee; - --ds-color-success-surface-default: #d1e9d4; - --ds-color-success-surface-hover: #b5dbba; - --ds-color-success-surface-active: #96cd9e; + --ds-color-brand3-contrast-subtle: #10070d; + --ds-color-success-background-default: #ffffff; + --ds-color-success-background-subtle: #ecf6ee; + --ds-color-success-surface-default: #d0e8d3; + --ds-color-success-surface-hover: #b4dbba; + --ds-color-success-surface-active: #9bcfa2; --ds-color-success-border-subtle: #8fc997; - --ds-color-success-border-default: #229532; - --ds-color-success-border-strong: #045a10; + --ds-color-success-border-default: #1d922d; + --ds-color-success-border-strong: #057114; --ds-color-success-base-default: #068718; --ds-color-success-base-hover: #057014; --ds-color-success-base-active: #045a10; - --ds-color-success-text-subtle: #057315; + --ds-color-success-text-subtle: #057114; --ds-color-success-text-default: #023409; --ds-color-success-contrast-default: #ffffff; - --ds-color-success-contrast-subtle: #f9fcf9; - --ds-color-danger-background-default: #fffefe; + --ds-color-success-contrast-subtle: #fafdfb; + --ds-color-danger-background-default: #ffffff; --ds-color-danger-background-subtle: #fbf1f1; --ds-color-danger-surface-default: #f5dcdc; - --ds-color-danger-surface-hover: #f0c7c7; - --ds-color-danger-surface-active: #eab3b3; - --ds-color-danger-border-subtle: #e8acac; - --ds-color-danger-border-default: #d25b5b; - --ds-color-danger-border-strong: #9a1616; - --ds-color-danger-base-default: #C01B1B; - --ds-color-danger-base-hover: #9c1616; + --ds-color-danger-surface-hover: #f0c8c8; + --ds-color-danger-surface-active: #ebb5b5; + --ds-color-danger-border-subtle: #e8adad; + --ds-color-danger-border-default: #d15757; + --ds-color-danger-border-strong: #bf1b1b; + --ds-color-danger-base-default: #bf1b1b; + --ds-color-danger-base-hover: #9b1616; --ds-color-danger-base-active: #791111; - --ds-color-danger-text-subtle: #c22020; - --ds-color-danger-text-default: #5a0d0d; + --ds-color-danger-text-subtle: #bf1b1b; + --ds-color-danger-text-default: #590d0d; --ds-color-danger-contrast-default: #ffffff; --ds-color-danger-contrast-subtle: #f7e1e1; - --ds-color-info-background-default: #fefeff; + --ds-color-info-background-default: #ffffff; --ds-color-info-background-subtle: #edf5fa; - --ds-color-info-surface-default: #d3e5f4; + --ds-color-info-surface-default: #d2e5f3; --ds-color-info-surface-hover: #b7d5ed; - --ds-color-info-surface-active: #9bc5e5; + --ds-color-info-surface-active: #9fc7e6; --ds-color-info-border-subtle: #94c1e3; - --ds-color-info-border-default: #2f86c9; - --ds-color-info-border-strong: #075089; - --ds-color-info-base-default: #0A71C0; - --ds-color-info-base-hover: #085e9f; - --ds-color-info-base-active: #074a7f; - --ds-color-info-text-subtle: #0966ac; + --ds-color-info-border-default: #2a83c8; + --ds-color-info-border-strong: #0964a9; + --ds-color-info-base-default: #0a71bf; + --ds-color-info-base-hover: #085d9f; + --ds-color-info-base-active: #074a7e; + --ds-color-info-text-subtle: #0964a9; --ds-color-info-text-default: #042d4d; --ds-color-info-contrast-default: #ffffff; - --ds-color-info-contrast-subtle: #edf5fa; - --ds-color-warning-background-default: #fffefd; - --ds-color-warning-background-subtle: #f9f4e2; - --ds-color-warning-surface-default: #efe2b3; - --ds-color-warning-surface-hover: #e5d183; - --ds-color-warning-surface-active: #dcbf53; + --ds-color-info-contrast-subtle: #eff6fb; + --ds-color-warning-background-default: #ffffff; + --ds-color-warning-background-subtle: #f9f4e1; + --ds-color-warning-surface-default: #efe2b2; + --ds-color-warning-surface-hover: #e6d184; + --ds-color-warning-surface-active: #ddc159; --ds-color-warning-border-subtle: #d9b945; - --ds-color-warning-border-default: #987f22; - --ds-color-warning-border-strong: #5c4c14; - --ds-color-warning-base-default: #B8581D; - --ds-color-warning-base-hover: #984918; - --ds-color-warning-base-active: #7a3b13; - --ds-color-warning-text-subtle: #9e4b19; - --ds-color-warning-text-default: #47220b; + --ds-color-warning-border-default: #957c21; + --ds-color-warning-border-strong: #736019; + --ds-color-warning-base-default: #b7581d; + --ds-color-warning-base-hover: #994918; + --ds-color-warning-base-active: #7b3b13; + --ds-color-warning-text-subtle: #9b4a18; + --ds-color-warning-text-default: #46220b; --ds-color-warning-contrast-default: #ffffff; - --ds-color-warning-contrast-subtle: #fdfbf9; - --ds-color-focus-inner: #fefefe; - --ds-color-focus-outer: #420e6a; + --ds-color-warning-contrast-subtle: #fdf9f8; + --ds-color-focus-inner: #ffffff; + --ds-color-focus-outer: #410d69; color-scheme: light; } @media (prefers-color-scheme: light) { [data-color-scheme="auto"] { - --ds-global-blue-1: #fefeff; + --ds-global-blue-1: #ffffff; --ds-global-blue-2: #edf5fa; - --ds-global-blue-3: #d3e5f4; + --ds-global-blue-3: #d2e5f3; --ds-global-blue-4: #b7d5ed; - --ds-global-blue-5: #9bc5e5; + --ds-global-blue-5: #9fc7e6; --ds-global-blue-6: #94c1e3; - --ds-global-blue-7: #2f86c9; - --ds-global-blue-8: #075089; - --ds-global-blue-9: #0A71C0; - --ds-global-blue-10: #085e9f; - --ds-global-blue-11: #074a7f; - --ds-global-blue-12: #0966ac; + --ds-global-blue-7: #2a83c8; + --ds-global-blue-8: #0964a9; + --ds-global-blue-9: #0a71bf; + --ds-global-blue-10: #085d9f; + --ds-global-blue-11: #074a7e; + --ds-global-blue-12: #0964a9; --ds-global-blue-13: #042d4d; --ds-global-blue-contrast-1: #ffffff; - --ds-global-blue-contrast-2: #edf5fa; - --ds-global-green-1: #fcfefc; - --ds-global-green-2: #edf6ee; - --ds-global-green-3: #d1e9d4; - --ds-global-green-4: #b5dbba; - --ds-global-green-5: #96cd9e; + --ds-global-blue-contrast-2: #eff6fb; + --ds-global-green-1: #ffffff; + --ds-global-green-2: #ecf6ee; + --ds-global-green-3: #d0e8d3; + --ds-global-green-4: #b4dbba; + --ds-global-green-5: #9bcfa2; --ds-global-green-6: #8fc997; - --ds-global-green-7: #229532; - --ds-global-green-8: #045a10; + --ds-global-green-7: #1d922d; + --ds-global-green-8: #057114; --ds-global-green-9: #068718; --ds-global-green-10: #057014; --ds-global-green-11: #045a10; - --ds-global-green-12: #057315; + --ds-global-green-12: #057114; --ds-global-green-13: #023409; --ds-global-green-contrast-1: #ffffff; - --ds-global-green-contrast-2: #f9fcf9; - --ds-global-orange-1: #fffefe; - --ds-global-orange-2: #f9f2ed; - --ds-global-orange-3: #f1ded3; - --ds-global-orange-4: #e9cbb8; - --ds-global-orange-5: #e1b9a0; - --ds-global-orange-6: #deb296; - --ds-global-orange-7: #c06b36; - --ds-global-orange-8: #7c3b14; - --ds-global-orange-9: #B8581D; - --ds-global-orange-10: #984918; - --ds-global-orange-11: #7a3b13; - --ds-global-orange-12: #9e4b19; - --ds-global-orange-13: #47220b; + --ds-global-green-contrast-2: #fafdfb; + --ds-global-orange-1: #ffffff; + --ds-global-orange-2: #faf2ee; + --ds-global-orange-3: #f1dfd3; + --ds-global-orange-4: #e9ccba; + --ds-global-orange-5: #e2baa2; + --ds-global-orange-6: #dfb398; + --ds-global-orange-7: #bf6732; + --ds-global-orange-8: #9b4a18; + --ds-global-orange-9: #b7581d; + --ds-global-orange-10: #994918; + --ds-global-orange-11: #7b3b13; + --ds-global-orange-12: #9b4a18; + --ds-global-orange-13: #46220b; --ds-global-orange-contrast-1: #ffffff; - --ds-global-orange-contrast-2: #fdfbf9; - --ds-global-purple-1: #fefefe; - --ds-global-purple-2: #f5f2f9; + --ds-global-orange-contrast-2: #fdf9f8; + --ds-global-purple-1: #ffffff; + --ds-global-purple-2: #f6f2f9; --ds-global-purple-3: #e7dfef; - --ds-global-purple-4: #d9cce6; - --ds-global-purple-5: #ccbadd; + --ds-global-purple-4: #d9cde6; + --ds-global-purple-5: #cdbcdd; --ds-global-purple-6: #c7b4da; - --ds-global-purple-7: #9572b9; - --ds-global-purple-8: #663399; + --ds-global-purple-7: #936fb7; + --ds-global-purple-8: #794ca6; --ds-global-purple-9: #663299; - --ds-global-purple-10: #4e2676; + --ds-global-purple-10: #4f2776; --ds-global-purple-11: #371b53; - --ds-global-purple-12: #7b4ea7; - --ds-global-purple-13: #3b1d59; + --ds-global-purple-12: #794ca6; + --ds-global-purple-13: #3a1d57; --ds-global-purple-contrast-1: #ffffff; --ds-global-purple-contrast-2: #eee8f3; - --ds-global-red-1: #fffefe; + --ds-global-red-1: #ffffff; --ds-global-red-2: #fbf1f1; --ds-global-red-3: #f5dcdc; - --ds-global-red-4: #f0c7c7; - --ds-global-red-5: #eab3b3; - --ds-global-red-6: #e8acac; - --ds-global-red-7: #d25b5b; - --ds-global-red-8: #9a1616; - --ds-global-red-9: #C01B1B; - --ds-global-red-10: #9c1616; + --ds-global-red-4: #f0c8c8; + --ds-global-red-5: #ebb5b5; + --ds-global-red-6: #e8adad; + --ds-global-red-7: #d15757; + --ds-global-red-8: #bf1b1b; + --ds-global-red-9: #bf1b1b; + --ds-global-red-10: #9b1616; --ds-global-red-11: #791111; - --ds-global-red-12: #c22020; - --ds-global-red-13: #5a0d0d; + --ds-global-red-12: #bf1b1b; + --ds-global-red-13: #590d0d; --ds-global-red-contrast-1: #ffffff; --ds-global-red-contrast-2: #f7e1e1; - --ds-global-yellow-1: #fffefd; - --ds-global-yellow-2: #f9f4e2; - --ds-global-yellow-3: #efe2b3; - --ds-global-yellow-4: #e5d183; - --ds-global-yellow-5: #dcbf53; + --ds-global-yellow-1: #ffffff; + --ds-global-yellow-2: #f9f4e1; + --ds-global-yellow-3: #efe2b2; + --ds-global-yellow-4: #e6d184; + --ds-global-yellow-5: #ddc159; --ds-global-yellow-6: #d9b945; - --ds-global-yellow-7: #987f22; - --ds-global-yellow-8: #5c4c14; - --ds-global-yellow-9: #D4B12F; + --ds-global-yellow-7: #957c21; + --ds-global-yellow-8: #736019; + --ds-global-yellow-9: #d4b12f; --ds-global-yellow-10: #bb9c2a; - --ds-global-yellow-11: #a28724; - --ds-global-yellow-12: #75611a; - --ds-global-yellow-13: #342b0c; + --ds-global-yellow-11: #a38824; + --ds-global-yellow-12: #736019; + --ds-global-yellow-13: #332b0b; --ds-global-yellow-contrast-1: #000000; - --ds-global-yellow-contrast-2: #282109; - --ds-color-accent-background-default: #fefefe; - --ds-color-accent-background-subtle: #f5f2f8; - --ds-color-accent-surface-default: #e8e0ee; - --ds-color-accent-surface-hover: #d9cce3; - --ds-color-accent-surface-active: #ccbad9; - --ds-color-accent-border-subtle: #c7b4d6; - --ds-color-accent-border-default: #9773b3; - --ds-color-accent-border-strong: #683591; + --ds-global-yellow-contrast-2: #282209; + --ds-color-accent-background-default: #ffffff; + --ds-color-accent-background-subtle: #f6f2f8; + --ds-color-accent-surface-default: #e7dfee; + --ds-color-accent-surface-hover: #dacde4; + --ds-color-accent-surface-active: #cdbcdb; + --ds-color-accent-border-subtle: #c8b5d7; + --ds-color-accent-border-default: #9470b1; + --ds-color-accent-border-strong: #7b4d9e; --ds-color-accent-base-default: #4d107d; - --ds-color-accent-base-hover: #612c8c; - --ds-color-accent-base-active: #734499; - --ds-color-accent-text-subtle: #7c4fa0; - --ds-color-accent-text-default: #420e6a; + --ds-color-accent-base-hover: #612b8c; + --ds-color-accent-base-active: #734399; + --ds-color-accent-text-subtle: #7b4d9e; + --ds-color-accent-text-default: #410d69; --ds-color-accent-contrast-default: #ffffff; - --ds-color-accent-contrast-subtle: #d5c6e0; - --ds-color-neutral-background-default: #fefefe; - --ds-color-neutral-background-subtle: #f3f4f5; - --ds-color-neutral-surface-default: #e1e3e5; - --ds-color-neutral-surface-hover: #ced1d4; - --ds-color-neutral-surface-active: #bdc1c6; + --ds-color-accent-contrast-subtle: #d4c6e0; + --ds-color-neutral-background-default: #ffffff; + --ds-color-neutral-background-subtle: #f3f4f4; + --ds-color-neutral-surface-default: #e0e2e4; + --ds-color-neutral-surface-hover: #cfd2d5; + --ds-color-neutral-surface-active: #bfc3c7; --ds-color-neutral-border-subtle: #b8bcc1; - --ds-color-neutral-border-default: #7a818c; - --ds-color-neutral-border-strong: #444e5d; - --ds-color-neutral-base-default: #1E2B3C; - --ds-color-neutral-base-hover: #303c4b; - --ds-color-neutral-base-active: #444e5d; - --ds-color-neutral-text-subtle: #5b6471; - --ds-color-neutral-text-default: #202c3d; + --ds-color-neutral-border-default: #777f89; + --ds-color-neutral-border-strong: #59626f; + --ds-color-neutral-base-default: #1e2b3c; + --ds-color-neutral-base-hover: #313d4d; + --ds-color-neutral-base-active: #444f5d; + --ds-color-neutral-text-subtle: #59626f; + --ds-color-neutral-text-default: #1f2c3d; --ds-color-neutral-contrast-default: #ffffff; - --ds-color-neutral-contrast-subtle: #bbbfc4; - --ds-color-brand1-background-default: #fefdff; + --ds-color-neutral-contrast-subtle: #babec4; + --ds-color-brand1-background-default: #ffffff; --ds-color-brand1-background-subtle: #f7f1fc; --ds-color-brand1-surface-default: #ecddf8; - --ds-color-brand1-surface-hover: #e0c8f3; - --ds-color-brand1-surface-active: #d5b5ef; - --ds-color-brand1-border-subtle: #d1adee; - --ds-color-brand1-border-default: #a661de; - --ds-color-brand1-border-strong: #66388b; - --ds-color-brand1-base-default: #a259dc; - --ds-color-brand1-base-hover: #884bb9; - --ds-color-brand1-base-active: #703d97; - --ds-color-brand1-text-subtle: #8248b1; - --ds-color-brand1-text-default: #3a204f; + --ds-color-brand1-surface-hover: #e1c9f4; + --ds-color-brand1-surface-active: #d6b6f0; + --ds-color-brand1-border-subtle: #d2aeee; + --ds-color-brand1-border-default: #a45ddd; + --ds-color-brand1-border-strong: #8046ad; + --ds-color-brand1-base-default: #a25adc; + --ds-color-brand1-base-hover: #b276e2; + --ds-color-brand1-base-active: #c291e8; + --ds-color-brand1-text-subtle: #8046ad; + --ds-color-brand1-text-default: #3a204e; --ds-color-brand1-contrast-default: #000000; - --ds-color-brand1-contrast-subtle: #0a060d; - --ds-color-brand2-background-default: #fffeff; - --ds-color-brand2-background-subtle: #fbf0fc; + --ds-color-brand1-contrast-subtle: #0a050d; + --ds-color-brand2-background-default: #ffffff; + --ds-color-brand2-background-subtle: #fcf0fc; --ds-color-brand2-surface-default: #f6d9f8; --ds-color-brand2-surface-hover: #f1c2f3; - --ds-color-brand2-surface-active: #ecabef; + --ds-color-brand2-surface-active: #ecadef; --ds-color-brand2-border-subtle: #eaa3ed; - --ds-color-brand2-border-default: #b75fbb; - --ds-color-brand2-border-strong: #6f3972; - --ds-color-brand2-base-default: #df73e4; - --ds-color-brand2-base-hover: #c364c7; - --ds-color-brand2-base-active: #a656aa; - --ds-color-brand2-text-subtle: #8e4991; - --ds-color-brand2-text-default: #3f2141; + --ds-color-brand2-border-default: #b45db8; + --ds-color-brand2-border-strong: #8b488e; + --ds-color-brand2-base-default: #df74e4; + --ds-color-brand2-base-hover: #e795eb; + --ds-color-brand2-base-active: #eeb5f1; + --ds-color-brand2-text-subtle: #8b488e; + --ds-color-brand2-text-default: #3e2040; --ds-color-brand2-contrast-default: #000000; - --ds-color-brand2-contrast-subtle: #190d1a; - --ds-color-brand3-background-default: #fffefe; - --ds-color-brand3-background-subtle: #fdeff8; - --ds-color-brand3-surface-default: #f9daef; + --ds-color-brand2-contrast-subtle: #170c18; + --ds-color-brand3-background-default: #ffffff; + --ds-color-brand3-background-subtle: #fdf0f9; + --ds-color-brand3-surface-default: #f9d9ef; --ds-color-brand3-surface-hover: #f6c3e5; - --ds-color-brand3-surface-active: #f2abdb; - --ds-color-brand3-border-subtle: #f1a3d7; - --ds-color-brand3-border-default: #c55aa3; - --ds-color-brand3-border-strong: #773762; - --ds-color-brand3-base-default: #e86abf; - --ds-color-brand3-base-hover: #c95ca6; - --ds-color-brand3-base-active: #ab4e8d; - --ds-color-brand3-text-subtle: #98467d; - --ds-color-brand3-text-default: #451f38; + --ds-color-brand3-surface-active: #f2addc; + --ds-color-brand3-border-subtle: #f1a4d8; + --ds-color-brand3-border-default: #c2589f; + --ds-color-brand3-border-strong: #95447b; + --ds-color-brand3-base-default: #e86bbf; + --ds-color-brand3-base-hover: #ed8ece; + --ds-color-brand3-base-active: #f3aedc; + --ds-color-brand3-text-subtle: #95447b; + --ds-color-brand3-text-default: #431f37; --ds-color-brand3-contrast-default: #000000; - --ds-color-brand3-contrast-subtle: #11080e; - --ds-color-success-background-default: #fcfefc; - --ds-color-success-background-subtle: #edf6ee; - --ds-color-success-surface-default: #d1e9d4; - --ds-color-success-surface-hover: #b5dbba; - --ds-color-success-surface-active: #96cd9e; + --ds-color-brand3-contrast-subtle: #10070d; + --ds-color-success-background-default: #ffffff; + --ds-color-success-background-subtle: #ecf6ee; + --ds-color-success-surface-default: #d0e8d3; + --ds-color-success-surface-hover: #b4dbba; + --ds-color-success-surface-active: #9bcfa2; --ds-color-success-border-subtle: #8fc997; - --ds-color-success-border-default: #229532; - --ds-color-success-border-strong: #045a10; + --ds-color-success-border-default: #1d922d; + --ds-color-success-border-strong: #057114; --ds-color-success-base-default: #068718; --ds-color-success-base-hover: #057014; --ds-color-success-base-active: #045a10; - --ds-color-success-text-subtle: #057315; + --ds-color-success-text-subtle: #057114; --ds-color-success-text-default: #023409; --ds-color-success-contrast-default: #ffffff; - --ds-color-success-contrast-subtle: #f9fcf9; - --ds-color-danger-background-default: #fffefe; + --ds-color-success-contrast-subtle: #fafdfb; + --ds-color-danger-background-default: #ffffff; --ds-color-danger-background-subtle: #fbf1f1; --ds-color-danger-surface-default: #f5dcdc; - --ds-color-danger-surface-hover: #f0c7c7; - --ds-color-danger-surface-active: #eab3b3; - --ds-color-danger-border-subtle: #e8acac; - --ds-color-danger-border-default: #d25b5b; - --ds-color-danger-border-strong: #9a1616; - --ds-color-danger-base-default: #C01B1B; - --ds-color-danger-base-hover: #9c1616; + --ds-color-danger-surface-hover: #f0c8c8; + --ds-color-danger-surface-active: #ebb5b5; + --ds-color-danger-border-subtle: #e8adad; + --ds-color-danger-border-default: #d15757; + --ds-color-danger-border-strong: #bf1b1b; + --ds-color-danger-base-default: #bf1b1b; + --ds-color-danger-base-hover: #9b1616; --ds-color-danger-base-active: #791111; - --ds-color-danger-text-subtle: #c22020; - --ds-color-danger-text-default: #5a0d0d; + --ds-color-danger-text-subtle: #bf1b1b; + --ds-color-danger-text-default: #590d0d; --ds-color-danger-contrast-default: #ffffff; --ds-color-danger-contrast-subtle: #f7e1e1; - --ds-color-info-background-default: #fefeff; + --ds-color-info-background-default: #ffffff; --ds-color-info-background-subtle: #edf5fa; - --ds-color-info-surface-default: #d3e5f4; + --ds-color-info-surface-default: #d2e5f3; --ds-color-info-surface-hover: #b7d5ed; - --ds-color-info-surface-active: #9bc5e5; + --ds-color-info-surface-active: #9fc7e6; --ds-color-info-border-subtle: #94c1e3; - --ds-color-info-border-default: #2f86c9; - --ds-color-info-border-strong: #075089; - --ds-color-info-base-default: #0A71C0; - --ds-color-info-base-hover: #085e9f; - --ds-color-info-base-active: #074a7f; - --ds-color-info-text-subtle: #0966ac; + --ds-color-info-border-default: #2a83c8; + --ds-color-info-border-strong: #0964a9; + --ds-color-info-base-default: #0a71bf; + --ds-color-info-base-hover: #085d9f; + --ds-color-info-base-active: #074a7e; + --ds-color-info-text-subtle: #0964a9; --ds-color-info-text-default: #042d4d; --ds-color-info-contrast-default: #ffffff; - --ds-color-info-contrast-subtle: #edf5fa; - --ds-color-warning-background-default: #fffefd; - --ds-color-warning-background-subtle: #f9f4e2; - --ds-color-warning-surface-default: #efe2b3; - --ds-color-warning-surface-hover: #e5d183; - --ds-color-warning-surface-active: #dcbf53; + --ds-color-info-contrast-subtle: #eff6fb; + --ds-color-warning-background-default: #ffffff; + --ds-color-warning-background-subtle: #f9f4e1; + --ds-color-warning-surface-default: #efe2b2; + --ds-color-warning-surface-hover: #e6d184; + --ds-color-warning-surface-active: #ddc159; --ds-color-warning-border-subtle: #d9b945; - --ds-color-warning-border-default: #987f22; - --ds-color-warning-border-strong: #5c4c14; - --ds-color-warning-base-default: #B8581D; - --ds-color-warning-base-hover: #984918; - --ds-color-warning-base-active: #7a3b13; - --ds-color-warning-text-subtle: #9e4b19; - --ds-color-warning-text-default: #47220b; + --ds-color-warning-border-default: #957c21; + --ds-color-warning-border-strong: #736019; + --ds-color-warning-base-default: #b7581d; + --ds-color-warning-base-hover: #994918; + --ds-color-warning-base-active: #7b3b13; + --ds-color-warning-text-subtle: #9b4a18; + --ds-color-warning-text-default: #46220b; --ds-color-warning-contrast-default: #ffffff; - --ds-color-warning-contrast-subtle: #fdfbf9; - --ds-color-focus-inner: #fefefe; - --ds-color-focus-outer: #420e6a; + --ds-color-warning-contrast-subtle: #fdf9f8; + --ds-color-focus-inner: #ffffff; + --ds-color-focus-outer: #410d69; color-scheme: light; } diff --git a/packages/theme/brand/uutilsynet.css b/packages/theme/brand/uutilsynet.css index fb13d76df2..b81f3d5186 100644 --- a/packages/theme/brand/uutilsynet.css +++ b/packages/theme/brand/uutilsynet.css @@ -8,466 +8,466 @@ @layer ds.theme.color-scheme.light { :root, [data-color-scheme="light"] { - --ds-global-blue-1: #fefeff; + --ds-global-blue-1: #ffffff; --ds-global-blue-2: #edf5fa; - --ds-global-blue-3: #d3e5f4; + --ds-global-blue-3: #d2e5f3; --ds-global-blue-4: #b7d5ed; - --ds-global-blue-5: #9bc5e5; + --ds-global-blue-5: #9fc7e6; --ds-global-blue-6: #94c1e3; - --ds-global-blue-7: #2f86c9; - --ds-global-blue-8: #075089; - --ds-global-blue-9: #0A71C0; - --ds-global-blue-10: #085e9f; - --ds-global-blue-11: #074a7f; - --ds-global-blue-12: #0966ac; + --ds-global-blue-7: #2a83c8; + --ds-global-blue-8: #0964a9; + --ds-global-blue-9: #0a71bf; + --ds-global-blue-10: #085d9f; + --ds-global-blue-11: #074a7e; + --ds-global-blue-12: #0964a9; --ds-global-blue-13: #042d4d; --ds-global-blue-contrast-1: #ffffff; - --ds-global-blue-contrast-2: #edf5fa; - --ds-global-green-1: #fcfefc; - --ds-global-green-2: #edf6ee; - --ds-global-green-3: #d1e9d4; - --ds-global-green-4: #b5dbba; - --ds-global-green-5: #96cd9e; + --ds-global-blue-contrast-2: #eff6fb; + --ds-global-green-1: #ffffff; + --ds-global-green-2: #ecf6ee; + --ds-global-green-3: #d0e8d3; + --ds-global-green-4: #b4dbba; + --ds-global-green-5: #9bcfa2; --ds-global-green-6: #8fc997; - --ds-global-green-7: #229532; - --ds-global-green-8: #045a10; + --ds-global-green-7: #1d922d; + --ds-global-green-8: #057114; --ds-global-green-9: #068718; --ds-global-green-10: #057014; --ds-global-green-11: #045a10; - --ds-global-green-12: #057315; + --ds-global-green-12: #057114; --ds-global-green-13: #023409; --ds-global-green-contrast-1: #ffffff; - --ds-global-green-contrast-2: #f9fcf9; - --ds-global-orange-1: #fffefe; - --ds-global-orange-2: #f9f2ed; - --ds-global-orange-3: #f1ded3; - --ds-global-orange-4: #e9cbb8; - --ds-global-orange-5: #e1b9a0; - --ds-global-orange-6: #deb296; - --ds-global-orange-7: #c06b36; - --ds-global-orange-8: #7c3b14; - --ds-global-orange-9: #B8581D; - --ds-global-orange-10: #984918; - --ds-global-orange-11: #7a3b13; - --ds-global-orange-12: #9e4b19; - --ds-global-orange-13: #47220b; + --ds-global-green-contrast-2: #fafdfb; + --ds-global-orange-1: #ffffff; + --ds-global-orange-2: #faf2ee; + --ds-global-orange-3: #f1dfd3; + --ds-global-orange-4: #e9ccba; + --ds-global-orange-5: #e2baa2; + --ds-global-orange-6: #dfb398; + --ds-global-orange-7: #bf6732; + --ds-global-orange-8: #9b4a18; + --ds-global-orange-9: #b7581d; + --ds-global-orange-10: #994918; + --ds-global-orange-11: #7b3b13; + --ds-global-orange-12: #9b4a18; + --ds-global-orange-13: #46220b; --ds-global-orange-contrast-1: #ffffff; - --ds-global-orange-contrast-2: #fdfbf9; - --ds-global-purple-1: #fefefe; - --ds-global-purple-2: #f5f2f9; + --ds-global-orange-contrast-2: #fdf9f8; + --ds-global-purple-1: #ffffff; + --ds-global-purple-2: #f6f2f9; --ds-global-purple-3: #e7dfef; - --ds-global-purple-4: #d9cce6; - --ds-global-purple-5: #ccbadd; + --ds-global-purple-4: #d9cde6; + --ds-global-purple-5: #cdbcdd; --ds-global-purple-6: #c7b4da; - --ds-global-purple-7: #9572b9; - --ds-global-purple-8: #663399; + --ds-global-purple-7: #936fb7; + --ds-global-purple-8: #794ca6; --ds-global-purple-9: #663299; - --ds-global-purple-10: #4e2676; + --ds-global-purple-10: #4f2776; --ds-global-purple-11: #371b53; - --ds-global-purple-12: #7b4ea7; - --ds-global-purple-13: #3b1d59; + --ds-global-purple-12: #794ca6; + --ds-global-purple-13: #3a1d57; --ds-global-purple-contrast-1: #ffffff; --ds-global-purple-contrast-2: #eee8f3; - --ds-global-red-1: #fffefe; + --ds-global-red-1: #ffffff; --ds-global-red-2: #fbf1f1; --ds-global-red-3: #f5dcdc; - --ds-global-red-4: #f0c7c7; - --ds-global-red-5: #eab3b3; - --ds-global-red-6: #e8acac; - --ds-global-red-7: #d25b5b; - --ds-global-red-8: #9a1616; - --ds-global-red-9: #C01B1B; - --ds-global-red-10: #9c1616; + --ds-global-red-4: #f0c8c8; + --ds-global-red-5: #ebb5b5; + --ds-global-red-6: #e8adad; + --ds-global-red-7: #d15757; + --ds-global-red-8: #bf1b1b; + --ds-global-red-9: #bf1b1b; + --ds-global-red-10: #9b1616; --ds-global-red-11: #791111; - --ds-global-red-12: #c22020; - --ds-global-red-13: #5a0d0d; + --ds-global-red-12: #bf1b1b; + --ds-global-red-13: #590d0d; --ds-global-red-contrast-1: #ffffff; --ds-global-red-contrast-2: #f7e1e1; - --ds-global-yellow-1: #fffefd; - --ds-global-yellow-2: #f9f4e2; - --ds-global-yellow-3: #efe2b3; - --ds-global-yellow-4: #e5d183; - --ds-global-yellow-5: #dcbf53; + --ds-global-yellow-1: #ffffff; + --ds-global-yellow-2: #f9f4e1; + --ds-global-yellow-3: #efe2b2; + --ds-global-yellow-4: #e6d184; + --ds-global-yellow-5: #ddc159; --ds-global-yellow-6: #d9b945; - --ds-global-yellow-7: #987f22; - --ds-global-yellow-8: #5c4c14; - --ds-global-yellow-9: #D4B12F; + --ds-global-yellow-7: #957c21; + --ds-global-yellow-8: #736019; + --ds-global-yellow-9: #d4b12f; --ds-global-yellow-10: #bb9c2a; - --ds-global-yellow-11: #a28724; - --ds-global-yellow-12: #75611a; - --ds-global-yellow-13: #342b0c; + --ds-global-yellow-11: #a38824; + --ds-global-yellow-12: #736019; + --ds-global-yellow-13: #332b0b; --ds-global-yellow-contrast-1: #000000; - --ds-global-yellow-contrast-2: #282109; - --ds-color-accent-background-default: #fefeff; + --ds-global-yellow-contrast-2: #282209; + --ds-color-accent-background-default: #ffffff; --ds-color-accent-background-subtle: #eef4fa; - --ds-color-accent-surface-default: #d1e3f3; - --ds-color-accent-surface-hover: #bad5ec; - --ds-color-accent-surface-active: #a1c5e5; - --ds-color-accent-border-subtle: #97bfe3; - --ds-color-accent-border-default: #3885c9; - --ds-color-accent-border-strong: #014e93; - --ds-color-accent-base-default: #0163ba; - --ds-color-accent-base-hover: #015097; - --ds-color-accent-base-active: #013f75; - --ds-color-accent-text-subtle: #0163ba; - --ds-color-accent-text-default: #002d54; + --ds-color-accent-surface-default: #d4e4f3; + --ds-color-accent-surface-hover: #bbd5ec; + --ds-color-accent-surface-active: #a3c6e6; + --ds-color-accent-border-subtle: #99c0e3; + --ds-color-accent-border-default: #3582c8; + --ds-color-accent-border-strong: #0161b8; + --ds-color-accent-base-default: #0162b9; + --ds-color-accent-base-hover: #014f96; + --ds-color-accent-base-active: #013d75; + --ds-color-accent-text-subtle: #0161b8; + --ds-color-accent-text-default: #002c54; --ds-color-accent-contrast-default: #ffffff; --ds-color-accent-contrast-subtle: #dbe9f5; - --ds-color-neutral-background-default: #fefefe; - --ds-color-neutral-background-subtle: #f3f4f5; - --ds-color-neutral-surface-default: #e1e3e5; - --ds-color-neutral-surface-hover: #ced1d4; - --ds-color-neutral-surface-active: #bdc1c6; + --ds-color-neutral-background-default: #ffffff; + --ds-color-neutral-background-subtle: #f3f4f4; + --ds-color-neutral-surface-default: #e0e2e4; + --ds-color-neutral-surface-hover: #cfd2d5; + --ds-color-neutral-surface-active: #bfc3c7; --ds-color-neutral-border-subtle: #b8bcc1; - --ds-color-neutral-border-default: #7a818c; - --ds-color-neutral-border-strong: #444e5d; + --ds-color-neutral-border-default: #777f89; + --ds-color-neutral-border-strong: #59626f; --ds-color-neutral-base-default: #1e2b3c; - --ds-color-neutral-base-hover: #303c4b; - --ds-color-neutral-base-active: #444e5d; - --ds-color-neutral-text-subtle: #5b6471; - --ds-color-neutral-text-default: #202c3d; + --ds-color-neutral-base-hover: #313d4d; + --ds-color-neutral-base-active: #444f5d; + --ds-color-neutral-text-subtle: #59626f; + --ds-color-neutral-text-default: #1f2c3d; --ds-color-neutral-contrast-default: #ffffff; - --ds-color-neutral-contrast-subtle: #bbbfc4; - --ds-color-brand1-background-default: #fefeff; - --ds-color-brand1-background-subtle: #f3f4fc; - --ds-color-brand1-surface-default: #dfe0f6; - --ds-color-brand1-surface-hover: #cecff1; - --ds-color-brand1-surface-active: #bbbdec; - --ds-color-brand1-border-subtle: #b5b7ea; - --ds-color-brand1-border-default: #7377d8; - --ds-color-brand1-border-strong: #414595; + --ds-color-neutral-contrast-subtle: #babec4; + --ds-color-brand1-background-default: #ffffff; + --ds-color-brand1-background-subtle: #f3f3fb; + --ds-color-brand1-surface-default: #e0e0f6; + --ds-color-brand1-surface-hover: #cdcff1; + --ds-color-brand1-surface-active: #bdbfec; + --ds-color-brand1-border-subtle: #b5b8ea; + --ds-color-brand1-border-default: #7075d7; + --ds-color-brand1-border-strong: #5156bb; --ds-color-brand1-base-default: #5b60d1; - --ds-color-brand1-base-hover: #4b4fad; - --ds-color-brand1-base-active: #3b3e88; - --ds-color-brand1-text-subtle: #5357be; - --ds-color-brand1-text-default: #252756; + --ds-color-brand1-base-hover: #4b4fab; + --ds-color-brand1-base-active: #3b3e87; + --ds-color-brand1-text-subtle: #5156bb; + --ds-color-brand1-text-default: #252754; --ds-color-brand1-contrast-default: #ffffff; - --ds-color-brand1-contrast-subtle: #f3f4fc; - --ds-color-brand2-background-default: #fffdfb; + --ds-color-brand1-contrast-subtle: #f2f2fb; + --ds-color-brand2-background-default: #ffffff; --ds-color-brand2-background-subtle: #fff1e7; - --ds-color-brand2-surface-default: #ffdac0; - --ds-color-brand2-surface-hover: #fec59c; - --ds-color-brand2-surface-active: #feb078; - --ds-color-brand2-border-subtle: #fea769; - --ds-color-brand2-border-default: #b07349; - --ds-color-brand2-border-strong: #6a452c; + --ds-color-brand2-surface-default: #ffdbc2; + --ds-color-brand2-surface-hover: #fec69e; + --ds-color-brand2-surface-active: #feb17a; + --ds-color-brand2-border-subtle: #fea86a; + --ds-color-brand2-border-default: #ac7147; + --ds-color-brand2-border-strong: #845737; --ds-color-brand2-base-default: #fea769; - --ds-color-brand2-base-hover: #e0945d; + --ds-color-brand2-base-hover: #e0935d; --ds-color-brand2-base-active: #c48151; - --ds-color-brand2-text-subtle: #875838; - --ds-color-brand2-text-default: #3c2719; + --ds-color-brand2-text-subtle: #845737; + --ds-color-brand2-text-default: #3b2718; --ds-color-brand2-contrast-default: #000000; - --ds-color-brand2-contrast-subtle: #362316; - --ds-color-brand3-background-default: #fcfefd; - --ds-color-brand3-background-subtle: #edf5f3; - --ds-color-brand3-surface-default: #d3e6e1; - --ds-color-brand3-surface-hover: #bad7cf; - --ds-color-brand3-surface-active: #a1c9bf; - --ds-color-brand3-border-subtle: #98c4b9; - --ds-color-brand3-border-default: #508c7c; - --ds-color-brand3-border-strong: #31544b; + --ds-color-brand2-contrast-subtle: #372417; + --ds-color-brand3-background-default: #ffffff; + --ds-color-brand3-background-subtle: #eef5f3; + --ds-color-brand3-surface-default: #d4e6e1; + --ds-color-brand3-surface-hover: #bad8d0; + --ds-color-brand3-surface-active: #a3cac0; + --ds-color-brand3-border-subtle: #99c5b9; + --ds-color-brand3-border-default: #4f897a; + --ds-color-brand3-border-strong: #3d6a5e; --ds-color-brand3-base-default: #5da290; - --ds-color-brand3-base-hover: #508c7c; - --ds-color-brand3-base-active: #437668; - --ds-color-brand3-text-subtle: #3e6b60; - --ds-color-brand3-text-default: #1c302b; + --ds-color-brand3-base-hover: #7fb6a8; + --ds-color-brand3-base-active: #a0c8be; + --ds-color-brand3-text-subtle: #3d6a5e; + --ds-color-brand3-text-default: #1b2f2a; --ds-color-brand3-contrast-default: #000000; - --ds-color-brand3-contrast-subtle: #050808; - --ds-color-success-background-default: #fcfefc; - --ds-color-success-background-subtle: #edf6ee; - --ds-color-success-surface-default: #d1e9d4; - --ds-color-success-surface-hover: #b5dbba; - --ds-color-success-surface-active: #96cd9e; + --ds-color-brand3-contrast-subtle: #040807; + --ds-color-success-background-default: #ffffff; + --ds-color-success-background-subtle: #ecf6ee; + --ds-color-success-surface-default: #d0e8d3; + --ds-color-success-surface-hover: #b4dbba; + --ds-color-success-surface-active: #9bcfa2; --ds-color-success-border-subtle: #8fc997; - --ds-color-success-border-default: #229532; - --ds-color-success-border-strong: #045a10; + --ds-color-success-border-default: #1d922d; + --ds-color-success-border-strong: #057114; --ds-color-success-base-default: #068718; --ds-color-success-base-hover: #057014; --ds-color-success-base-active: #045a10; - --ds-color-success-text-subtle: #057315; + --ds-color-success-text-subtle: #057114; --ds-color-success-text-default: #023409; --ds-color-success-contrast-default: #ffffff; - --ds-color-success-contrast-subtle: #f9fcf9; - --ds-color-danger-background-default: #fffefe; + --ds-color-success-contrast-subtle: #fafdfb; + --ds-color-danger-background-default: #ffffff; --ds-color-danger-background-subtle: #fbf1f1; --ds-color-danger-surface-default: #f5dcdc; - --ds-color-danger-surface-hover: #f0c7c7; - --ds-color-danger-surface-active: #eab3b3; - --ds-color-danger-border-subtle: #e8acac; - --ds-color-danger-border-default: #d25b5b; - --ds-color-danger-border-strong: #9a1616; - --ds-color-danger-base-default: #C01B1B; - --ds-color-danger-base-hover: #9c1616; + --ds-color-danger-surface-hover: #f0c8c8; + --ds-color-danger-surface-active: #ebb5b5; + --ds-color-danger-border-subtle: #e8adad; + --ds-color-danger-border-default: #d15757; + --ds-color-danger-border-strong: #bf1b1b; + --ds-color-danger-base-default: #bf1b1b; + --ds-color-danger-base-hover: #9b1616; --ds-color-danger-base-active: #791111; - --ds-color-danger-text-subtle: #c22020; - --ds-color-danger-text-default: #5a0d0d; + --ds-color-danger-text-subtle: #bf1b1b; + --ds-color-danger-text-default: #590d0d; --ds-color-danger-contrast-default: #ffffff; --ds-color-danger-contrast-subtle: #f7e1e1; - --ds-color-info-background-default: #fefeff; + --ds-color-info-background-default: #ffffff; --ds-color-info-background-subtle: #edf5fa; - --ds-color-info-surface-default: #d3e5f4; + --ds-color-info-surface-default: #d2e5f3; --ds-color-info-surface-hover: #b7d5ed; - --ds-color-info-surface-active: #9bc5e5; + --ds-color-info-surface-active: #9fc7e6; --ds-color-info-border-subtle: #94c1e3; - --ds-color-info-border-default: #2f86c9; - --ds-color-info-border-strong: #075089; - --ds-color-info-base-default: #0A71C0; - --ds-color-info-base-hover: #085e9f; - --ds-color-info-base-active: #074a7f; - --ds-color-info-text-subtle: #0966ac; + --ds-color-info-border-default: #2a83c8; + --ds-color-info-border-strong: #0964a9; + --ds-color-info-base-default: #0a71bf; + --ds-color-info-base-hover: #085d9f; + --ds-color-info-base-active: #074a7e; + --ds-color-info-text-subtle: #0964a9; --ds-color-info-text-default: #042d4d; --ds-color-info-contrast-default: #ffffff; - --ds-color-info-contrast-subtle: #edf5fa; - --ds-color-warning-background-default: #fffefd; - --ds-color-warning-background-subtle: #f9f4e2; - --ds-color-warning-surface-default: #efe2b3; - --ds-color-warning-surface-hover: #e5d183; - --ds-color-warning-surface-active: #dcbf53; + --ds-color-info-contrast-subtle: #eff6fb; + --ds-color-warning-background-default: #ffffff; + --ds-color-warning-background-subtle: #f9f4e1; + --ds-color-warning-surface-default: #efe2b2; + --ds-color-warning-surface-hover: #e6d184; + --ds-color-warning-surface-active: #ddc159; --ds-color-warning-border-subtle: #d9b945; - --ds-color-warning-border-default: #987f22; - --ds-color-warning-border-strong: #5c4c14; - --ds-color-warning-base-default: #B8581D; - --ds-color-warning-base-hover: #984918; - --ds-color-warning-base-active: #7a3b13; - --ds-color-warning-text-subtle: #9e4b19; - --ds-color-warning-text-default: #47220b; + --ds-color-warning-border-default: #957c21; + --ds-color-warning-border-strong: #736019; + --ds-color-warning-base-default: #b7581d; + --ds-color-warning-base-hover: #994918; + --ds-color-warning-base-active: #7b3b13; + --ds-color-warning-text-subtle: #9b4a18; + --ds-color-warning-text-default: #46220b; --ds-color-warning-contrast-default: #ffffff; - --ds-color-warning-contrast-subtle: #fdfbf9; - --ds-color-focus-inner: #fefefe; - --ds-color-focus-outer: #002d54; + --ds-color-warning-contrast-subtle: #fdf9f8; + --ds-color-focus-inner: #ffffff; + --ds-color-focus-outer: #002c54; color-scheme: light; } @media (prefers-color-scheme: light) { [data-color-scheme="auto"] { - --ds-global-blue-1: #fefeff; + --ds-global-blue-1: #ffffff; --ds-global-blue-2: #edf5fa; - --ds-global-blue-3: #d3e5f4; + --ds-global-blue-3: #d2e5f3; --ds-global-blue-4: #b7d5ed; - --ds-global-blue-5: #9bc5e5; + --ds-global-blue-5: #9fc7e6; --ds-global-blue-6: #94c1e3; - --ds-global-blue-7: #2f86c9; - --ds-global-blue-8: #075089; - --ds-global-blue-9: #0A71C0; - --ds-global-blue-10: #085e9f; - --ds-global-blue-11: #074a7f; - --ds-global-blue-12: #0966ac; + --ds-global-blue-7: #2a83c8; + --ds-global-blue-8: #0964a9; + --ds-global-blue-9: #0a71bf; + --ds-global-blue-10: #085d9f; + --ds-global-blue-11: #074a7e; + --ds-global-blue-12: #0964a9; --ds-global-blue-13: #042d4d; --ds-global-blue-contrast-1: #ffffff; - --ds-global-blue-contrast-2: #edf5fa; - --ds-global-green-1: #fcfefc; - --ds-global-green-2: #edf6ee; - --ds-global-green-3: #d1e9d4; - --ds-global-green-4: #b5dbba; - --ds-global-green-5: #96cd9e; + --ds-global-blue-contrast-2: #eff6fb; + --ds-global-green-1: #ffffff; + --ds-global-green-2: #ecf6ee; + --ds-global-green-3: #d0e8d3; + --ds-global-green-4: #b4dbba; + --ds-global-green-5: #9bcfa2; --ds-global-green-6: #8fc997; - --ds-global-green-7: #229532; - --ds-global-green-8: #045a10; + --ds-global-green-7: #1d922d; + --ds-global-green-8: #057114; --ds-global-green-9: #068718; --ds-global-green-10: #057014; --ds-global-green-11: #045a10; - --ds-global-green-12: #057315; + --ds-global-green-12: #057114; --ds-global-green-13: #023409; --ds-global-green-contrast-1: #ffffff; - --ds-global-green-contrast-2: #f9fcf9; - --ds-global-orange-1: #fffefe; - --ds-global-orange-2: #f9f2ed; - --ds-global-orange-3: #f1ded3; - --ds-global-orange-4: #e9cbb8; - --ds-global-orange-5: #e1b9a0; - --ds-global-orange-6: #deb296; - --ds-global-orange-7: #c06b36; - --ds-global-orange-8: #7c3b14; - --ds-global-orange-9: #B8581D; - --ds-global-orange-10: #984918; - --ds-global-orange-11: #7a3b13; - --ds-global-orange-12: #9e4b19; - --ds-global-orange-13: #47220b; + --ds-global-green-contrast-2: #fafdfb; + --ds-global-orange-1: #ffffff; + --ds-global-orange-2: #faf2ee; + --ds-global-orange-3: #f1dfd3; + --ds-global-orange-4: #e9ccba; + --ds-global-orange-5: #e2baa2; + --ds-global-orange-6: #dfb398; + --ds-global-orange-7: #bf6732; + --ds-global-orange-8: #9b4a18; + --ds-global-orange-9: #b7581d; + --ds-global-orange-10: #994918; + --ds-global-orange-11: #7b3b13; + --ds-global-orange-12: #9b4a18; + --ds-global-orange-13: #46220b; --ds-global-orange-contrast-1: #ffffff; - --ds-global-orange-contrast-2: #fdfbf9; - --ds-global-purple-1: #fefefe; - --ds-global-purple-2: #f5f2f9; + --ds-global-orange-contrast-2: #fdf9f8; + --ds-global-purple-1: #ffffff; + --ds-global-purple-2: #f6f2f9; --ds-global-purple-3: #e7dfef; - --ds-global-purple-4: #d9cce6; - --ds-global-purple-5: #ccbadd; + --ds-global-purple-4: #d9cde6; + --ds-global-purple-5: #cdbcdd; --ds-global-purple-6: #c7b4da; - --ds-global-purple-7: #9572b9; - --ds-global-purple-8: #663399; + --ds-global-purple-7: #936fb7; + --ds-global-purple-8: #794ca6; --ds-global-purple-9: #663299; - --ds-global-purple-10: #4e2676; + --ds-global-purple-10: #4f2776; --ds-global-purple-11: #371b53; - --ds-global-purple-12: #7b4ea7; - --ds-global-purple-13: #3b1d59; + --ds-global-purple-12: #794ca6; + --ds-global-purple-13: #3a1d57; --ds-global-purple-contrast-1: #ffffff; --ds-global-purple-contrast-2: #eee8f3; - --ds-global-red-1: #fffefe; + --ds-global-red-1: #ffffff; --ds-global-red-2: #fbf1f1; --ds-global-red-3: #f5dcdc; - --ds-global-red-4: #f0c7c7; - --ds-global-red-5: #eab3b3; - --ds-global-red-6: #e8acac; - --ds-global-red-7: #d25b5b; - --ds-global-red-8: #9a1616; - --ds-global-red-9: #C01B1B; - --ds-global-red-10: #9c1616; + --ds-global-red-4: #f0c8c8; + --ds-global-red-5: #ebb5b5; + --ds-global-red-6: #e8adad; + --ds-global-red-7: #d15757; + --ds-global-red-8: #bf1b1b; + --ds-global-red-9: #bf1b1b; + --ds-global-red-10: #9b1616; --ds-global-red-11: #791111; - --ds-global-red-12: #c22020; - --ds-global-red-13: #5a0d0d; + --ds-global-red-12: #bf1b1b; + --ds-global-red-13: #590d0d; --ds-global-red-contrast-1: #ffffff; --ds-global-red-contrast-2: #f7e1e1; - --ds-global-yellow-1: #fffefd; - --ds-global-yellow-2: #f9f4e2; - --ds-global-yellow-3: #efe2b3; - --ds-global-yellow-4: #e5d183; - --ds-global-yellow-5: #dcbf53; + --ds-global-yellow-1: #ffffff; + --ds-global-yellow-2: #f9f4e1; + --ds-global-yellow-3: #efe2b2; + --ds-global-yellow-4: #e6d184; + --ds-global-yellow-5: #ddc159; --ds-global-yellow-6: #d9b945; - --ds-global-yellow-7: #987f22; - --ds-global-yellow-8: #5c4c14; - --ds-global-yellow-9: #D4B12F; + --ds-global-yellow-7: #957c21; + --ds-global-yellow-8: #736019; + --ds-global-yellow-9: #d4b12f; --ds-global-yellow-10: #bb9c2a; - --ds-global-yellow-11: #a28724; - --ds-global-yellow-12: #75611a; - --ds-global-yellow-13: #342b0c; + --ds-global-yellow-11: #a38824; + --ds-global-yellow-12: #736019; + --ds-global-yellow-13: #332b0b; --ds-global-yellow-contrast-1: #000000; - --ds-global-yellow-contrast-2: #282109; - --ds-color-accent-background-default: #fefeff; + --ds-global-yellow-contrast-2: #282209; + --ds-color-accent-background-default: #ffffff; --ds-color-accent-background-subtle: #eef4fa; - --ds-color-accent-surface-default: #d1e3f3; - --ds-color-accent-surface-hover: #bad5ec; - --ds-color-accent-surface-active: #a1c5e5; - --ds-color-accent-border-subtle: #97bfe3; - --ds-color-accent-border-default: #3885c9; - --ds-color-accent-border-strong: #014e93; - --ds-color-accent-base-default: #0163ba; - --ds-color-accent-base-hover: #015097; - --ds-color-accent-base-active: #013f75; - --ds-color-accent-text-subtle: #0163ba; - --ds-color-accent-text-default: #002d54; + --ds-color-accent-surface-default: #d4e4f3; + --ds-color-accent-surface-hover: #bbd5ec; + --ds-color-accent-surface-active: #a3c6e6; + --ds-color-accent-border-subtle: #99c0e3; + --ds-color-accent-border-default: #3582c8; + --ds-color-accent-border-strong: #0161b8; + --ds-color-accent-base-default: #0162b9; + --ds-color-accent-base-hover: #014f96; + --ds-color-accent-base-active: #013d75; + --ds-color-accent-text-subtle: #0161b8; + --ds-color-accent-text-default: #002c54; --ds-color-accent-contrast-default: #ffffff; --ds-color-accent-contrast-subtle: #dbe9f5; - --ds-color-neutral-background-default: #fefefe; - --ds-color-neutral-background-subtle: #f3f4f5; - --ds-color-neutral-surface-default: #e1e3e5; - --ds-color-neutral-surface-hover: #ced1d4; - --ds-color-neutral-surface-active: #bdc1c6; + --ds-color-neutral-background-default: #ffffff; + --ds-color-neutral-background-subtle: #f3f4f4; + --ds-color-neutral-surface-default: #e0e2e4; + --ds-color-neutral-surface-hover: #cfd2d5; + --ds-color-neutral-surface-active: #bfc3c7; --ds-color-neutral-border-subtle: #b8bcc1; - --ds-color-neutral-border-default: #7a818c; - --ds-color-neutral-border-strong: #444e5d; + --ds-color-neutral-border-default: #777f89; + --ds-color-neutral-border-strong: #59626f; --ds-color-neutral-base-default: #1e2b3c; - --ds-color-neutral-base-hover: #303c4b; - --ds-color-neutral-base-active: #444e5d; - --ds-color-neutral-text-subtle: #5b6471; - --ds-color-neutral-text-default: #202c3d; + --ds-color-neutral-base-hover: #313d4d; + --ds-color-neutral-base-active: #444f5d; + --ds-color-neutral-text-subtle: #59626f; + --ds-color-neutral-text-default: #1f2c3d; --ds-color-neutral-contrast-default: #ffffff; - --ds-color-neutral-contrast-subtle: #bbbfc4; - --ds-color-brand1-background-default: #fefeff; - --ds-color-brand1-background-subtle: #f3f4fc; - --ds-color-brand1-surface-default: #dfe0f6; - --ds-color-brand1-surface-hover: #cecff1; - --ds-color-brand1-surface-active: #bbbdec; - --ds-color-brand1-border-subtle: #b5b7ea; - --ds-color-brand1-border-default: #7377d8; - --ds-color-brand1-border-strong: #414595; + --ds-color-neutral-contrast-subtle: #babec4; + --ds-color-brand1-background-default: #ffffff; + --ds-color-brand1-background-subtle: #f3f3fb; + --ds-color-brand1-surface-default: #e0e0f6; + --ds-color-brand1-surface-hover: #cdcff1; + --ds-color-brand1-surface-active: #bdbfec; + --ds-color-brand1-border-subtle: #b5b8ea; + --ds-color-brand1-border-default: #7075d7; + --ds-color-brand1-border-strong: #5156bb; --ds-color-brand1-base-default: #5b60d1; - --ds-color-brand1-base-hover: #4b4fad; - --ds-color-brand1-base-active: #3b3e88; - --ds-color-brand1-text-subtle: #5357be; - --ds-color-brand1-text-default: #252756; + --ds-color-brand1-base-hover: #4b4fab; + --ds-color-brand1-base-active: #3b3e87; + --ds-color-brand1-text-subtle: #5156bb; + --ds-color-brand1-text-default: #252754; --ds-color-brand1-contrast-default: #ffffff; - --ds-color-brand1-contrast-subtle: #f3f4fc; - --ds-color-brand2-background-default: #fffdfb; + --ds-color-brand1-contrast-subtle: #f2f2fb; + --ds-color-brand2-background-default: #ffffff; --ds-color-brand2-background-subtle: #fff1e7; - --ds-color-brand2-surface-default: #ffdac0; - --ds-color-brand2-surface-hover: #fec59c; - --ds-color-brand2-surface-active: #feb078; - --ds-color-brand2-border-subtle: #fea769; - --ds-color-brand2-border-default: #b07349; - --ds-color-brand2-border-strong: #6a452c; + --ds-color-brand2-surface-default: #ffdbc2; + --ds-color-brand2-surface-hover: #fec69e; + --ds-color-brand2-surface-active: #feb17a; + --ds-color-brand2-border-subtle: #fea86a; + --ds-color-brand2-border-default: #ac7147; + --ds-color-brand2-border-strong: #845737; --ds-color-brand2-base-default: #fea769; - --ds-color-brand2-base-hover: #e0945d; + --ds-color-brand2-base-hover: #e0935d; --ds-color-brand2-base-active: #c48151; - --ds-color-brand2-text-subtle: #875838; - --ds-color-brand2-text-default: #3c2719; + --ds-color-brand2-text-subtle: #845737; + --ds-color-brand2-text-default: #3b2718; --ds-color-brand2-contrast-default: #000000; - --ds-color-brand2-contrast-subtle: #362316; - --ds-color-brand3-background-default: #fcfefd; - --ds-color-brand3-background-subtle: #edf5f3; - --ds-color-brand3-surface-default: #d3e6e1; - --ds-color-brand3-surface-hover: #bad7cf; - --ds-color-brand3-surface-active: #a1c9bf; - --ds-color-brand3-border-subtle: #98c4b9; - --ds-color-brand3-border-default: #508c7c; - --ds-color-brand3-border-strong: #31544b; + --ds-color-brand2-contrast-subtle: #372417; + --ds-color-brand3-background-default: #ffffff; + --ds-color-brand3-background-subtle: #eef5f3; + --ds-color-brand3-surface-default: #d4e6e1; + --ds-color-brand3-surface-hover: #bad8d0; + --ds-color-brand3-surface-active: #a3cac0; + --ds-color-brand3-border-subtle: #99c5b9; + --ds-color-brand3-border-default: #4f897a; + --ds-color-brand3-border-strong: #3d6a5e; --ds-color-brand3-base-default: #5da290; - --ds-color-brand3-base-hover: #508c7c; - --ds-color-brand3-base-active: #437668; - --ds-color-brand3-text-subtle: #3e6b60; - --ds-color-brand3-text-default: #1c302b; + --ds-color-brand3-base-hover: #7fb6a8; + --ds-color-brand3-base-active: #a0c8be; + --ds-color-brand3-text-subtle: #3d6a5e; + --ds-color-brand3-text-default: #1b2f2a; --ds-color-brand3-contrast-default: #000000; - --ds-color-brand3-contrast-subtle: #050808; - --ds-color-success-background-default: #fcfefc; - --ds-color-success-background-subtle: #edf6ee; - --ds-color-success-surface-default: #d1e9d4; - --ds-color-success-surface-hover: #b5dbba; - --ds-color-success-surface-active: #96cd9e; + --ds-color-brand3-contrast-subtle: #040807; + --ds-color-success-background-default: #ffffff; + --ds-color-success-background-subtle: #ecf6ee; + --ds-color-success-surface-default: #d0e8d3; + --ds-color-success-surface-hover: #b4dbba; + --ds-color-success-surface-active: #9bcfa2; --ds-color-success-border-subtle: #8fc997; - --ds-color-success-border-default: #229532; - --ds-color-success-border-strong: #045a10; + --ds-color-success-border-default: #1d922d; + --ds-color-success-border-strong: #057114; --ds-color-success-base-default: #068718; --ds-color-success-base-hover: #057014; --ds-color-success-base-active: #045a10; - --ds-color-success-text-subtle: #057315; + --ds-color-success-text-subtle: #057114; --ds-color-success-text-default: #023409; --ds-color-success-contrast-default: #ffffff; - --ds-color-success-contrast-subtle: #f9fcf9; - --ds-color-danger-background-default: #fffefe; + --ds-color-success-contrast-subtle: #fafdfb; + --ds-color-danger-background-default: #ffffff; --ds-color-danger-background-subtle: #fbf1f1; --ds-color-danger-surface-default: #f5dcdc; - --ds-color-danger-surface-hover: #f0c7c7; - --ds-color-danger-surface-active: #eab3b3; - --ds-color-danger-border-subtle: #e8acac; - --ds-color-danger-border-default: #d25b5b; - --ds-color-danger-border-strong: #9a1616; - --ds-color-danger-base-default: #C01B1B; - --ds-color-danger-base-hover: #9c1616; + --ds-color-danger-surface-hover: #f0c8c8; + --ds-color-danger-surface-active: #ebb5b5; + --ds-color-danger-border-subtle: #e8adad; + --ds-color-danger-border-default: #d15757; + --ds-color-danger-border-strong: #bf1b1b; + --ds-color-danger-base-default: #bf1b1b; + --ds-color-danger-base-hover: #9b1616; --ds-color-danger-base-active: #791111; - --ds-color-danger-text-subtle: #c22020; - --ds-color-danger-text-default: #5a0d0d; + --ds-color-danger-text-subtle: #bf1b1b; + --ds-color-danger-text-default: #590d0d; --ds-color-danger-contrast-default: #ffffff; --ds-color-danger-contrast-subtle: #f7e1e1; - --ds-color-info-background-default: #fefeff; + --ds-color-info-background-default: #ffffff; --ds-color-info-background-subtle: #edf5fa; - --ds-color-info-surface-default: #d3e5f4; + --ds-color-info-surface-default: #d2e5f3; --ds-color-info-surface-hover: #b7d5ed; - --ds-color-info-surface-active: #9bc5e5; + --ds-color-info-surface-active: #9fc7e6; --ds-color-info-border-subtle: #94c1e3; - --ds-color-info-border-default: #2f86c9; - --ds-color-info-border-strong: #075089; - --ds-color-info-base-default: #0A71C0; - --ds-color-info-base-hover: #085e9f; - --ds-color-info-base-active: #074a7f; - --ds-color-info-text-subtle: #0966ac; + --ds-color-info-border-default: #2a83c8; + --ds-color-info-border-strong: #0964a9; + --ds-color-info-base-default: #0a71bf; + --ds-color-info-base-hover: #085d9f; + --ds-color-info-base-active: #074a7e; + --ds-color-info-text-subtle: #0964a9; --ds-color-info-text-default: #042d4d; --ds-color-info-contrast-default: #ffffff; - --ds-color-info-contrast-subtle: #edf5fa; - --ds-color-warning-background-default: #fffefd; - --ds-color-warning-background-subtle: #f9f4e2; - --ds-color-warning-surface-default: #efe2b3; - --ds-color-warning-surface-hover: #e5d183; - --ds-color-warning-surface-active: #dcbf53; + --ds-color-info-contrast-subtle: #eff6fb; + --ds-color-warning-background-default: #ffffff; + --ds-color-warning-background-subtle: #f9f4e1; + --ds-color-warning-surface-default: #efe2b2; + --ds-color-warning-surface-hover: #e6d184; + --ds-color-warning-surface-active: #ddc159; --ds-color-warning-border-subtle: #d9b945; - --ds-color-warning-border-default: #987f22; - --ds-color-warning-border-strong: #5c4c14; - --ds-color-warning-base-default: #B8581D; - --ds-color-warning-base-hover: #984918; - --ds-color-warning-base-active: #7a3b13; - --ds-color-warning-text-subtle: #9e4b19; - --ds-color-warning-text-default: #47220b; + --ds-color-warning-border-default: #957c21; + --ds-color-warning-border-strong: #736019; + --ds-color-warning-base-default: #b7581d; + --ds-color-warning-base-hover: #994918; + --ds-color-warning-base-active: #7b3b13; + --ds-color-warning-text-subtle: #9b4a18; + --ds-color-warning-text-default: #46220b; --ds-color-warning-contrast-default: #ffffff; - --ds-color-warning-contrast-subtle: #fdfbf9; - --ds-color-focus-inner: #fefefe; - --ds-color-focus-outer: #002d54; + --ds-color-warning-contrast-subtle: #fdf9f8; + --ds-color-focus-inner: #ffffff; + --ds-color-focus-outer: #002c54; color-scheme: light; } @@ -677,466 +677,466 @@ @layer ds.theme.color-scheme.dark { [data-color-scheme="dark"] { - --ds-global-blue-1: #031d30; - --ds-global-blue-2: #032540; - --ds-global-blue-3: #043256; - --ds-global-blue-4: #063f6c; - --ds-global-blue-5: #074d84; - --ds-global-blue-6: #075490; - --ds-global-blue-7: #0c72c1; - --ds-global-blue-8: #98c3e5; - --ds-global-blue-9: #2c85c9; - --ds-global-blue-10: #529bd2; - --ds-global-blue-11: #75afdc; - --ds-global-blue-12: #6ba9d9; - --ds-global-blue-13: #d3e5f4; + --ds-global-blue-1: #031e33; + --ds-global-blue-2: #032641; + --ds-global-blue-3: #043154; + --ds-global-blue-4: #063f6a; + --ds-global-blue-5: #074d82; + --ds-global-blue-6: #07538d; + --ds-global-blue-7: #2480c7; + --ds-global-blue-8: #69a8d8; + --ds-global-blue-9: #2d85c9; + --ds-global-blue-10: #519ad2; + --ds-global-blue-11: #77b0dc; + --ds-global-blue-12: #69a8d8; + --ds-global-blue-13: #d6e7f4; --ds-global-blue-contrast-1: #000000; - --ds-global-blue-contrast-2: #040e15; - --ds-global-green-1: #012106; - --ds-global-green-2: #022b08; + --ds-global-blue-contrast-2: #050e15; + --ds-global-green-1: #022306; + --ds-global-green-2: #022c08; --ds-global-green-3: #03380a; - --ds-global-green-4: #03490d; - --ds-global-green-5: #045810; + --ds-global-green-4: #03470d; + --ds-global-green-5: #04570f; --ds-global-green-6: #045f11; - --ds-global-green-7: #068217; - --ds-global-green-8: #93cb9b; + --ds-global-green-7: #178f28; + --ds-global-green-8: #62b36d; --ds-global-green-9: #138d24; - --ds-global-green-10: #3da14b; - --ds-global-green-11: #65b570; - --ds-global-green-12: #63b46f; - --ds-global-green-13: #d1e9d4; + --ds-global-green-10: #3ca14b; + --ds-global-green-11: #66b571; + --ds-global-green-12: #62b36d; + --ds-global-green-13: #d4ead7; --ds-global-green-contrast-1: #000000; --ds-global-green-contrast-2: #010501; - --ds-global-orange-1: #2d1507; - --ds-global-orange-2: #391b09; - --ds-global-orange-3: #4e250c; - --ds-global-orange-4: #633010; - --ds-global-orange-5: #783a13; - --ds-global-orange-6: #833f15; - --ds-global-orange-7: #b2551c; - --ds-global-orange-8: #e0b69c; - --ds-global-orange-9: #bc622b; + --ds-global-orange-1: #2f1607; + --ds-global-orange-2: #3b1c09; + --ds-global-orange-3: #4d250c; + --ds-global-orange-4: #612f0f; + --ds-global-orange-5: #773913; + --ds-global-orange-6: #823e14; + --ds-global-orange-7: #bd632d; + --ds-global-orange-8: #d2946e; + --ds-global-orange-9: #bc612a; --ds-global-orange-10: #c87d4f; - --ds-global-orange-11: #d39773; - --ds-global-orange-12: #d29671; - --ds-global-orange-13: #f1ded3; + --ds-global-orange-11: #d39772; + --ds-global-orange-12: #d2946e; + --ds-global-orange-13: #f2e2d7; --ds-global-orange-contrast-1: #000000; - --ds-global-orange-contrast-2: #090402; - --ds-global-purple-1: #251238; - --ds-global-purple-2: #301748; - --ds-global-purple-3: #402060; - --ds-global-purple-4: #52287a; - --ds-global-purple-5: #643196; - --ds-global-purple-6: #6b399d; - --ds-global-purple-7: #865daf; - --ds-global-purple-8: #c9b7db; - --ds-global-purple-9: #b39acd; + --ds-global-orange-contrast-2: #070301; + --ds-global-purple-1: #27133a; + --ds-global-purple-2: #31184a; + --ds-global-purple-3: #401f5f; + --ds-global-purple-4: #512879; + --ds-global-purple-5: #633094; + --ds-global-purple-6: #6a379c; + --ds-global-purple-7: #916cb6; + --ds-global-purple-8: #b297cb; + --ds-global-purple-9: #b49acd; --ds-global-purple-10: #a282c1; --ds-global-purple-11: #906ab5; - --ds-global-purple-12: #b298cc; - --ds-global-purple-13: #e7dfef; + --ds-global-purple-12: #b297cb; + --ds-global-purple-13: #e9e2f0; --ds-global-purple-contrast-1: #000000; - --ds-global-purple-contrast-2: #18141b; - --ds-global-red-1: #3b0808; - --ds-global-red-2: #4b0a0a; - --ds-global-red-3: #620e0e; - --ds-global-red-4: #7c1212; - --ds-global-red-5: #961515; - --ds-global-red-6: #a31717; - --ds-global-red-7: #c93c3c; - --ds-global-red-8: #e9b0b0; - --ds-global-red-9: #d76d6d; + --ds-global-purple-contrast-2: #18151c; + --ds-global-red-1: #3d0909; + --ds-global-red-2: #4c0b0b; + --ds-global-red-3: #610e0e; + --ds-global-red-4: #7a1111; + --ds-global-red-5: #941515; + --ds-global-red-6: #a11717; + --ds-global-red-7: #cf5252; + --ds-global-red-8: #df8b8b; + --ds-global-red-9: #d76e6e; --ds-global-red-10: #df8b8b; --ds-global-red-11: #e7a8a8; - --ds-global-red-12: #df8d8d; - --ds-global-red-13: #f5dcdc; + --ds-global-red-12: #df8b8b; + --ds-global-red-13: #f6dfdf; --ds-global-red-contrast-1: #000000; - --ds-global-red-contrast-2: #261313; - --ds-global-yellow-1: #211b07; - --ds-global-yellow-2: #2b2309; - --ds-global-yellow-3: #392f0d; + --ds-global-red-contrast-2: #271414; + --ds-global-yellow-1: #221c08; + --ds-global-yellow-2: #2b240a; + --ds-global-yellow-3: #382f0c; --ds-global-yellow-4: #483c10; - --ds-global-yellow-5: #594a14; - --ds-global-yellow-6: #625116; - --ds-global-yellow-7: #836d1d; - --ds-global-yellow-8: #dabc4c; - --ds-global-yellow-9: #4b3e11; - --ds-global-yellow-10: #605115; - --ds-global-yellow-11: #77641a; - --ds-global-yellow-12: #bfa02a; - --ds-global-yellow-13: #efe2b3; + --ds-global-yellow-5: #584913; + --ds-global-yellow-6: #5f5015; + --ds-global-yellow-7: #927a20; + --ds-global-yellow-8: #bf9f2a; + --ds-global-yellow-9: #4a3e10; + --ds-global-yellow-10: #615115; + --ds-global-yellow-11: #77631a; + --ds-global-yellow-12: #bf9f2a; + --ds-global-yellow-13: #f1e5b9; --ds-global-yellow-contrast-1: #ffffff; --ds-global-yellow-contrast-2: #dbd9d0; - --ds-color-accent-background-default: #001c36; - --ds-color-accent-background-subtle: #002545; - --ds-color-accent-surface-default: #00315b; - --ds-color-accent-surface-hover: #013f75; - --ds-color-accent-surface-active: #014b8e; - --ds-color-accent-border-subtle: #01539b; - --ds-color-accent-border-default: #1971c0; - --ds-color-accent-border-strong: #9bc2e4; - --ds-color-accent-base-default: #4b90ce; - --ds-color-accent-base-hover: #277ac4; - --ds-color-accent-base-active: #0163ba; - --ds-color-accent-text-subtle: #72a8d9; - --ds-color-accent-text-default: #d1e3f3; + --ds-color-accent-background-default: #001e38; + --ds-color-accent-background-subtle: #002547; + --ds-color-accent-surface-default: #00305c; + --ds-color-accent-surface-hover: #013d74; + --ds-color-accent-surface-active: #014a8d; + --ds-color-accent-border-subtle: #01519a; + --ds-color-accent-border-default: #307fc7; + --ds-color-accent-border-strong: #70a7d8; + --ds-color-accent-base-default: #4d91cf; + --ds-color-accent-base-hover: #6fa6d8; + --ds-color-accent-base-active: #92bce1; + --ds-color-accent-text-subtle: #70a7d8; + --ds-color-accent-text-default: #d8e7f4; --ds-color-accent-contrast-default: #000000; - --ds-color-accent-contrast-subtle: #0d1823; - --ds-color-neutral-background-default: #131c27; - --ds-color-neutral-background-subtle: #192433; - --ds-color-neutral-surface-default: #243142; - --ds-color-neutral-surface-hover: #333e4e; - --ds-color-neutral-surface-active: #424d5b; - --ds-color-neutral-border-subtle: #495361; - --ds-color-neutral-border-default: #67707c; - --ds-color-neutral-border-strong: #bbbfc4; - --ds-color-neutral-base-default: #a6abb2; - --ds-color-neutral-base-hover: #90969e; - --ds-color-neutral-base-active: #7a818c; - --ds-color-neutral-text-subtle: #9ea3ab; - --ds-color-neutral-text-default: #e1e3e5; + --ds-color-accent-contrast-subtle: #0d1924; + --ds-color-neutral-background-default: #141d29; + --ds-color-neutral-background-subtle: #1a2534; + --ds-color-neutral-surface-default: #243041; + --ds-color-neutral-surface-hover: #323e4d; + --ds-color-neutral-surface-active: #404b5a; + --ds-color-neutral-border-subtle: #475260; + --ds-color-neutral-border-default: #747c87; + --ds-color-neutral-border-strong: #9da2aa; + --ds-color-neutral-base-default: #a6acb2; + --ds-color-neutral-base-hover: #90979f; + --ds-color-neutral-base-active: #7a828c; + --ds-color-neutral-text-subtle: #9da2aa; + --ds-color-neutral-text-default: #e3e5e7; --ds-color-neutral-contrast-default: #000000; - --ds-color-neutral-contrast-subtle: #1b1b1d; - --ds-color-brand1-background-default: #171835; - --ds-color-brand1-background-subtle: #1e1f45; - --ds-color-brand1-surface-default: #292b5e; - --ds-color-brand1-surface-hover: #343677; - --ds-color-brand1-surface-active: #3f4391; - --ds-color-brand1-border-subtle: #45499f; - --ds-color-brand1-border-default: #5e63d2; - --ds-color-brand1-border-strong: #b8baeb; - --ds-color-brand1-base-default: #7377d8; - --ds-color-brand1-base-hover: #5b60d1; - --ds-color-brand1-base-active: #4b4fad; - --ds-color-brand1-text-subtle: #999de3; - --ds-color-brand1-text-default: #dfe0f6; + --ds-color-neutral-contrast-subtle: #1b1c1d; + --ds-color-brand1-background-default: #181a38; + --ds-color-brand1-background-subtle: #1f2047; + --ds-color-brand1-surface-default: #282a5c; + --ds-color-brand1-surface-hover: #333675; + --ds-color-brand1-surface-active: #3e428f; + --ds-color-brand1-border-subtle: #44489c; + --ds-color-brand1-border-default: #6d71d6; + --ds-color-brand1-border-strong: #999ce2; + --ds-color-brand1-base-default: #7378d8; + --ds-color-brand1-base-hover: #8c8fdf; + --ds-color-brand1-base-active: #a3a6e5; + --ds-color-brand1-text-subtle: #999ce2; + --ds-color-brand1-text-default: #e2e3f7; --ds-color-brand1-contrast-default: #000000; --ds-color-brand1-contrast-subtle: #0d0d18; - --ds-color-brand2-background-default: #25190f; - --ds-color-brand2-background-subtle: #312014; - --ds-color-brand2-surface-default: #422b1b; - --ds-color-brand2-surface-hover: #543823; - --ds-color-brand2-surface-active: #67442a; - --ds-color-brand2-border-subtle: #704a2e; - --ds-color-brand2-border-default: #97643f; - --ds-color-brand2-border-strong: #feab70; - --ds-color-brand2-base-default: #4e3420; - --ds-color-brand2-base-hover: #67442a; - --ds-color-brand2-base-active: #815535; - --ds-color-brand2-text-subtle: #dd915b; - --ds-color-brand2-text-default: #ffdac0; + --ds-color-brand2-background-default: #271a10; + --ds-color-brand2-background-subtle: #322115; + --ds-color-brand2-surface-default: #412b1b; + --ds-color-brand2-surface-hover: #533622; + --ds-color-brand2-surface-active: #65432a; + --ds-color-brand2-border-subtle: #6e482e; + --ds-color-brand2-border-default: #a86e45; + --ds-color-brand2-border-strong: #dc905b; + --ds-color-brand2-base-default: #4e3320; + --ds-color-brand2-base-hover: #66432a; + --ds-color-brand2-base-active: #805435; + --ds-color-brand2-text-subtle: #dc905b; + --ds-color-brand2-text-default: #ffdfc8; --ds-color-brand2-contrast-default: #ffffff; - --ds-color-brand2-contrast-subtle: #d6d0cb; - --ds-color-brand3-background-default: #121e1b; - --ds-color-brand3-background-subtle: #162622; - --ds-color-brand3-surface-default: #1e342f; + --ds-color-brand2-contrast-subtle: #d6d0cc; + --ds-color-brand3-background-default: #121f1c; + --ds-color-brand3-background-subtle: #172823; + --ds-color-brand3-surface-default: #1e342e; --ds-color-brand3-surface-hover: #26423b; - --ds-color-brand3-surface-active: #2f5148; - --ds-color-brand3-border-subtle: #335a50; - --ds-color-brand3-border-default: #45786b; - --ds-color-brand3-border-strong: #9cc6bb; - --ds-color-brand3-base-default: #376056; - --ds-color-brand3-base-hover: #2c4c44; - --ds-color-brand3-base-active: #213933; - --ds-color-brand3-text-subtle: #73ae9f; - --ds-color-brand3-text-default: #d3e6e1; + --ds-color-brand3-surface-active: #2e5148; + --ds-color-brand3-border-subtle: #32584e; + --ds-color-brand3-border-default: #4d8677; + --ds-color-brand3-border-strong: #71ad9e; + --ds-color-brand3-base-default: #386257; + --ds-color-brand3-base-hover: #2c4d45; + --ds-color-brand3-base-active: #213a33; + --ds-color-brand3-text-subtle: #71ad9e; + --ds-color-brand3-text-default: #d7e8e4; --ds-color-brand3-contrast-default: #ffffff; --ds-color-brand3-contrast-subtle: #f9fafa; - --ds-color-success-background-default: #012106; - --ds-color-success-background-subtle: #022b08; + --ds-color-success-background-default: #022306; + --ds-color-success-background-subtle: #022c08; --ds-color-success-surface-default: #03380a; - --ds-color-success-surface-hover: #03490d; - --ds-color-success-surface-active: #045810; + --ds-color-success-surface-hover: #03470d; + --ds-color-success-surface-active: #04570f; --ds-color-success-border-subtle: #045f11; - --ds-color-success-border-default: #068217; - --ds-color-success-border-strong: #93cb9b; + --ds-color-success-border-default: #178f28; + --ds-color-success-border-strong: #62b36d; --ds-color-success-base-default: #138d24; - --ds-color-success-base-hover: #3da14b; - --ds-color-success-base-active: #65b570; - --ds-color-success-text-subtle: #63b46f; - --ds-color-success-text-default: #d1e9d4; + --ds-color-success-base-hover: #3ca14b; + --ds-color-success-base-active: #66b571; + --ds-color-success-text-subtle: #62b36d; + --ds-color-success-text-default: #d4ead7; --ds-color-success-contrast-default: #000000; --ds-color-success-contrast-subtle: #010501; - --ds-color-danger-background-default: #3b0808; - --ds-color-danger-background-subtle: #4b0a0a; - --ds-color-danger-surface-default: #620e0e; - --ds-color-danger-surface-hover: #7c1212; - --ds-color-danger-surface-active: #961515; - --ds-color-danger-border-subtle: #a31717; - --ds-color-danger-border-default: #c93c3c; - --ds-color-danger-border-strong: #e9b0b0; - --ds-color-danger-base-default: #d76d6d; + --ds-color-danger-background-default: #3d0909; + --ds-color-danger-background-subtle: #4c0b0b; + --ds-color-danger-surface-default: #610e0e; + --ds-color-danger-surface-hover: #7a1111; + --ds-color-danger-surface-active: #941515; + --ds-color-danger-border-subtle: #a11717; + --ds-color-danger-border-default: #cf5252; + --ds-color-danger-border-strong: #df8b8b; + --ds-color-danger-base-default: #d76e6e; --ds-color-danger-base-hover: #df8b8b; --ds-color-danger-base-active: #e7a8a8; - --ds-color-danger-text-subtle: #df8d8d; - --ds-color-danger-text-default: #f5dcdc; + --ds-color-danger-text-subtle: #df8b8b; + --ds-color-danger-text-default: #f6dfdf; --ds-color-danger-contrast-default: #000000; - --ds-color-danger-contrast-subtle: #261313; - --ds-color-info-background-default: #031d30; - --ds-color-info-background-subtle: #032540; - --ds-color-info-surface-default: #043256; - --ds-color-info-surface-hover: #063f6c; - --ds-color-info-surface-active: #074d84; - --ds-color-info-border-subtle: #075490; - --ds-color-info-border-default: #0c72c1; - --ds-color-info-border-strong: #98c3e5; - --ds-color-info-base-default: #2c85c9; - --ds-color-info-base-hover: #529bd2; - --ds-color-info-base-active: #75afdc; - --ds-color-info-text-subtle: #6ba9d9; - --ds-color-info-text-default: #d3e5f4; + --ds-color-danger-contrast-subtle: #271414; + --ds-color-info-background-default: #031e33; + --ds-color-info-background-subtle: #032641; + --ds-color-info-surface-default: #043154; + --ds-color-info-surface-hover: #063f6a; + --ds-color-info-surface-active: #074d82; + --ds-color-info-border-subtle: #07538d; + --ds-color-info-border-default: #2480c7; + --ds-color-info-border-strong: #69a8d8; + --ds-color-info-base-default: #2d85c9; + --ds-color-info-base-hover: #519ad2; + --ds-color-info-base-active: #77b0dc; + --ds-color-info-text-subtle: #69a8d8; + --ds-color-info-text-default: #d6e7f4; --ds-color-info-contrast-default: #000000; - --ds-color-info-contrast-subtle: #040e15; - --ds-color-warning-background-default: #211b07; - --ds-color-warning-background-subtle: #2b2309; - --ds-color-warning-surface-default: #392f0d; + --ds-color-info-contrast-subtle: #050e15; + --ds-color-warning-background-default: #221c08; + --ds-color-warning-background-subtle: #2b240a; + --ds-color-warning-surface-default: #382f0c; --ds-color-warning-surface-hover: #483c10; - --ds-color-warning-surface-active: #594a14; - --ds-color-warning-border-subtle: #625116; - --ds-color-warning-border-default: #836d1d; - --ds-color-warning-border-strong: #dabc4c; - --ds-color-warning-base-default: #bc622b; + --ds-color-warning-surface-active: #584913; + --ds-color-warning-border-subtle: #5f5015; + --ds-color-warning-border-default: #927a20; + --ds-color-warning-border-strong: #bf9f2a; + --ds-color-warning-base-default: #bc612a; --ds-color-warning-base-hover: #c87d4f; - --ds-color-warning-base-active: #d39773; - --ds-color-warning-text-subtle: #d29671; - --ds-color-warning-text-default: #f1ded3; + --ds-color-warning-base-active: #d39772; + --ds-color-warning-text-subtle: #d2946e; + --ds-color-warning-text-default: #f2e2d7; --ds-color-warning-contrast-default: #000000; - --ds-color-warning-contrast-subtle: #090402; - --ds-color-focus-inner: #131c27; - --ds-color-focus-outer: #d1e3f3; + --ds-color-warning-contrast-subtle: #070301; + --ds-color-focus-inner: #141d29; + --ds-color-focus-outer: #d8e7f4; color-scheme: dark; } @media (prefers-color-scheme: dark) { [data-color-scheme="auto"] { - --ds-global-blue-1: #031d30; - --ds-global-blue-2: #032540; - --ds-global-blue-3: #043256; - --ds-global-blue-4: #063f6c; - --ds-global-blue-5: #074d84; - --ds-global-blue-6: #075490; - --ds-global-blue-7: #0c72c1; - --ds-global-blue-8: #98c3e5; - --ds-global-blue-9: #2c85c9; - --ds-global-blue-10: #529bd2; - --ds-global-blue-11: #75afdc; - --ds-global-blue-12: #6ba9d9; - --ds-global-blue-13: #d3e5f4; + --ds-global-blue-1: #031e33; + --ds-global-blue-2: #032641; + --ds-global-blue-3: #043154; + --ds-global-blue-4: #063f6a; + --ds-global-blue-5: #074d82; + --ds-global-blue-6: #07538d; + --ds-global-blue-7: #2480c7; + --ds-global-blue-8: #69a8d8; + --ds-global-blue-9: #2d85c9; + --ds-global-blue-10: #519ad2; + --ds-global-blue-11: #77b0dc; + --ds-global-blue-12: #69a8d8; + --ds-global-blue-13: #d6e7f4; --ds-global-blue-contrast-1: #000000; - --ds-global-blue-contrast-2: #040e15; - --ds-global-green-1: #012106; - --ds-global-green-2: #022b08; + --ds-global-blue-contrast-2: #050e15; + --ds-global-green-1: #022306; + --ds-global-green-2: #022c08; --ds-global-green-3: #03380a; - --ds-global-green-4: #03490d; - --ds-global-green-5: #045810; + --ds-global-green-4: #03470d; + --ds-global-green-5: #04570f; --ds-global-green-6: #045f11; - --ds-global-green-7: #068217; - --ds-global-green-8: #93cb9b; + --ds-global-green-7: #178f28; + --ds-global-green-8: #62b36d; --ds-global-green-9: #138d24; - --ds-global-green-10: #3da14b; - --ds-global-green-11: #65b570; - --ds-global-green-12: #63b46f; - --ds-global-green-13: #d1e9d4; + --ds-global-green-10: #3ca14b; + --ds-global-green-11: #66b571; + --ds-global-green-12: #62b36d; + --ds-global-green-13: #d4ead7; --ds-global-green-contrast-1: #000000; --ds-global-green-contrast-2: #010501; - --ds-global-orange-1: #2d1507; - --ds-global-orange-2: #391b09; - --ds-global-orange-3: #4e250c; - --ds-global-orange-4: #633010; - --ds-global-orange-5: #783a13; - --ds-global-orange-6: #833f15; - --ds-global-orange-7: #b2551c; - --ds-global-orange-8: #e0b69c; - --ds-global-orange-9: #bc622b; + --ds-global-orange-1: #2f1607; + --ds-global-orange-2: #3b1c09; + --ds-global-orange-3: #4d250c; + --ds-global-orange-4: #612f0f; + --ds-global-orange-5: #773913; + --ds-global-orange-6: #823e14; + --ds-global-orange-7: #bd632d; + --ds-global-orange-8: #d2946e; + --ds-global-orange-9: #bc612a; --ds-global-orange-10: #c87d4f; - --ds-global-orange-11: #d39773; - --ds-global-orange-12: #d29671; - --ds-global-orange-13: #f1ded3; + --ds-global-orange-11: #d39772; + --ds-global-orange-12: #d2946e; + --ds-global-orange-13: #f2e2d7; --ds-global-orange-contrast-1: #000000; - --ds-global-orange-contrast-2: #090402; - --ds-global-purple-1: #251238; - --ds-global-purple-2: #301748; - --ds-global-purple-3: #402060; - --ds-global-purple-4: #52287a; - --ds-global-purple-5: #643196; - --ds-global-purple-6: #6b399d; - --ds-global-purple-7: #865daf; - --ds-global-purple-8: #c9b7db; - --ds-global-purple-9: #b39acd; + --ds-global-orange-contrast-2: #070301; + --ds-global-purple-1: #27133a; + --ds-global-purple-2: #31184a; + --ds-global-purple-3: #401f5f; + --ds-global-purple-4: #512879; + --ds-global-purple-5: #633094; + --ds-global-purple-6: #6a379c; + --ds-global-purple-7: #916cb6; + --ds-global-purple-8: #b297cb; + --ds-global-purple-9: #b49acd; --ds-global-purple-10: #a282c1; --ds-global-purple-11: #906ab5; - --ds-global-purple-12: #b298cc; - --ds-global-purple-13: #e7dfef; + --ds-global-purple-12: #b297cb; + --ds-global-purple-13: #e9e2f0; --ds-global-purple-contrast-1: #000000; - --ds-global-purple-contrast-2: #18141b; - --ds-global-red-1: #3b0808; - --ds-global-red-2: #4b0a0a; - --ds-global-red-3: #620e0e; - --ds-global-red-4: #7c1212; - --ds-global-red-5: #961515; - --ds-global-red-6: #a31717; - --ds-global-red-7: #c93c3c; - --ds-global-red-8: #e9b0b0; - --ds-global-red-9: #d76d6d; + --ds-global-purple-contrast-2: #18151c; + --ds-global-red-1: #3d0909; + --ds-global-red-2: #4c0b0b; + --ds-global-red-3: #610e0e; + --ds-global-red-4: #7a1111; + --ds-global-red-5: #941515; + --ds-global-red-6: #a11717; + --ds-global-red-7: #cf5252; + --ds-global-red-8: #df8b8b; + --ds-global-red-9: #d76e6e; --ds-global-red-10: #df8b8b; --ds-global-red-11: #e7a8a8; - --ds-global-red-12: #df8d8d; - --ds-global-red-13: #f5dcdc; + --ds-global-red-12: #df8b8b; + --ds-global-red-13: #f6dfdf; --ds-global-red-contrast-1: #000000; - --ds-global-red-contrast-2: #261313; - --ds-global-yellow-1: #211b07; - --ds-global-yellow-2: #2b2309; - --ds-global-yellow-3: #392f0d; + --ds-global-red-contrast-2: #271414; + --ds-global-yellow-1: #221c08; + --ds-global-yellow-2: #2b240a; + --ds-global-yellow-3: #382f0c; --ds-global-yellow-4: #483c10; - --ds-global-yellow-5: #594a14; - --ds-global-yellow-6: #625116; - --ds-global-yellow-7: #836d1d; - --ds-global-yellow-8: #dabc4c; - --ds-global-yellow-9: #4b3e11; - --ds-global-yellow-10: #605115; - --ds-global-yellow-11: #77641a; - --ds-global-yellow-12: #bfa02a; - --ds-global-yellow-13: #efe2b3; + --ds-global-yellow-5: #584913; + --ds-global-yellow-6: #5f5015; + --ds-global-yellow-7: #927a20; + --ds-global-yellow-8: #bf9f2a; + --ds-global-yellow-9: #4a3e10; + --ds-global-yellow-10: #615115; + --ds-global-yellow-11: #77631a; + --ds-global-yellow-12: #bf9f2a; + --ds-global-yellow-13: #f1e5b9; --ds-global-yellow-contrast-1: #ffffff; --ds-global-yellow-contrast-2: #dbd9d0; - --ds-color-accent-background-default: #001c36; - --ds-color-accent-background-subtle: #002545; - --ds-color-accent-surface-default: #00315b; - --ds-color-accent-surface-hover: #013f75; - --ds-color-accent-surface-active: #014b8e; - --ds-color-accent-border-subtle: #01539b; - --ds-color-accent-border-default: #1971c0; - --ds-color-accent-border-strong: #9bc2e4; - --ds-color-accent-base-default: #4b90ce; - --ds-color-accent-base-hover: #277ac4; - --ds-color-accent-base-active: #0163ba; - --ds-color-accent-text-subtle: #72a8d9; - --ds-color-accent-text-default: #d1e3f3; + --ds-color-accent-background-default: #001e38; + --ds-color-accent-background-subtle: #002547; + --ds-color-accent-surface-default: #00305c; + --ds-color-accent-surface-hover: #013d74; + --ds-color-accent-surface-active: #014a8d; + --ds-color-accent-border-subtle: #01519a; + --ds-color-accent-border-default: #307fc7; + --ds-color-accent-border-strong: #70a7d8; + --ds-color-accent-base-default: #4d91cf; + --ds-color-accent-base-hover: #6fa6d8; + --ds-color-accent-base-active: #92bce1; + --ds-color-accent-text-subtle: #70a7d8; + --ds-color-accent-text-default: #d8e7f4; --ds-color-accent-contrast-default: #000000; - --ds-color-accent-contrast-subtle: #0d1823; - --ds-color-neutral-background-default: #131c27; - --ds-color-neutral-background-subtle: #192433; - --ds-color-neutral-surface-default: #243142; - --ds-color-neutral-surface-hover: #333e4e; - --ds-color-neutral-surface-active: #424d5b; - --ds-color-neutral-border-subtle: #495361; - --ds-color-neutral-border-default: #67707c; - --ds-color-neutral-border-strong: #bbbfc4; - --ds-color-neutral-base-default: #a6abb2; - --ds-color-neutral-base-hover: #90969e; - --ds-color-neutral-base-active: #7a818c; - --ds-color-neutral-text-subtle: #9ea3ab; - --ds-color-neutral-text-default: #e1e3e5; + --ds-color-accent-contrast-subtle: #0d1924; + --ds-color-neutral-background-default: #141d29; + --ds-color-neutral-background-subtle: #1a2534; + --ds-color-neutral-surface-default: #243041; + --ds-color-neutral-surface-hover: #323e4d; + --ds-color-neutral-surface-active: #404b5a; + --ds-color-neutral-border-subtle: #475260; + --ds-color-neutral-border-default: #747c87; + --ds-color-neutral-border-strong: #9da2aa; + --ds-color-neutral-base-default: #a6acb2; + --ds-color-neutral-base-hover: #90979f; + --ds-color-neutral-base-active: #7a828c; + --ds-color-neutral-text-subtle: #9da2aa; + --ds-color-neutral-text-default: #e3e5e7; --ds-color-neutral-contrast-default: #000000; - --ds-color-neutral-contrast-subtle: #1b1b1d; - --ds-color-brand1-background-default: #171835; - --ds-color-brand1-background-subtle: #1e1f45; - --ds-color-brand1-surface-default: #292b5e; - --ds-color-brand1-surface-hover: #343677; - --ds-color-brand1-surface-active: #3f4391; - --ds-color-brand1-border-subtle: #45499f; - --ds-color-brand1-border-default: #5e63d2; - --ds-color-brand1-border-strong: #b8baeb; - --ds-color-brand1-base-default: #7377d8; - --ds-color-brand1-base-hover: #5b60d1; - --ds-color-brand1-base-active: #4b4fad; - --ds-color-brand1-text-subtle: #999de3; - --ds-color-brand1-text-default: #dfe0f6; + --ds-color-neutral-contrast-subtle: #1b1c1d; + --ds-color-brand1-background-default: #181a38; + --ds-color-brand1-background-subtle: #1f2047; + --ds-color-brand1-surface-default: #282a5c; + --ds-color-brand1-surface-hover: #333675; + --ds-color-brand1-surface-active: #3e428f; + --ds-color-brand1-border-subtle: #44489c; + --ds-color-brand1-border-default: #6d71d6; + --ds-color-brand1-border-strong: #999ce2; + --ds-color-brand1-base-default: #7378d8; + --ds-color-brand1-base-hover: #8c8fdf; + --ds-color-brand1-base-active: #a3a6e5; + --ds-color-brand1-text-subtle: #999ce2; + --ds-color-brand1-text-default: #e2e3f7; --ds-color-brand1-contrast-default: #000000; --ds-color-brand1-contrast-subtle: #0d0d18; - --ds-color-brand2-background-default: #25190f; - --ds-color-brand2-background-subtle: #312014; - --ds-color-brand2-surface-default: #422b1b; - --ds-color-brand2-surface-hover: #543823; - --ds-color-brand2-surface-active: #67442a; - --ds-color-brand2-border-subtle: #704a2e; - --ds-color-brand2-border-default: #97643f; - --ds-color-brand2-border-strong: #feab70; - --ds-color-brand2-base-default: #4e3420; - --ds-color-brand2-base-hover: #67442a; - --ds-color-brand2-base-active: #815535; - --ds-color-brand2-text-subtle: #dd915b; - --ds-color-brand2-text-default: #ffdac0; + --ds-color-brand2-background-default: #271a10; + --ds-color-brand2-background-subtle: #322115; + --ds-color-brand2-surface-default: #412b1b; + --ds-color-brand2-surface-hover: #533622; + --ds-color-brand2-surface-active: #65432a; + --ds-color-brand2-border-subtle: #6e482e; + --ds-color-brand2-border-default: #a86e45; + --ds-color-brand2-border-strong: #dc905b; + --ds-color-brand2-base-default: #4e3320; + --ds-color-brand2-base-hover: #66432a; + --ds-color-brand2-base-active: #805435; + --ds-color-brand2-text-subtle: #dc905b; + --ds-color-brand2-text-default: #ffdfc8; --ds-color-brand2-contrast-default: #ffffff; - --ds-color-brand2-contrast-subtle: #d6d0cb; - --ds-color-brand3-background-default: #121e1b; - --ds-color-brand3-background-subtle: #162622; - --ds-color-brand3-surface-default: #1e342f; + --ds-color-brand2-contrast-subtle: #d6d0cc; + --ds-color-brand3-background-default: #121f1c; + --ds-color-brand3-background-subtle: #172823; + --ds-color-brand3-surface-default: #1e342e; --ds-color-brand3-surface-hover: #26423b; - --ds-color-brand3-surface-active: #2f5148; - --ds-color-brand3-border-subtle: #335a50; - --ds-color-brand3-border-default: #45786b; - --ds-color-brand3-border-strong: #9cc6bb; - --ds-color-brand3-base-default: #376056; - --ds-color-brand3-base-hover: #2c4c44; - --ds-color-brand3-base-active: #213933; - --ds-color-brand3-text-subtle: #73ae9f; - --ds-color-brand3-text-default: #d3e6e1; + --ds-color-brand3-surface-active: #2e5148; + --ds-color-brand3-border-subtle: #32584e; + --ds-color-brand3-border-default: #4d8677; + --ds-color-brand3-border-strong: #71ad9e; + --ds-color-brand3-base-default: #386257; + --ds-color-brand3-base-hover: #2c4d45; + --ds-color-brand3-base-active: #213a33; + --ds-color-brand3-text-subtle: #71ad9e; + --ds-color-brand3-text-default: #d7e8e4; --ds-color-brand3-contrast-default: #ffffff; --ds-color-brand3-contrast-subtle: #f9fafa; - --ds-color-success-background-default: #012106; - --ds-color-success-background-subtle: #022b08; + --ds-color-success-background-default: #022306; + --ds-color-success-background-subtle: #022c08; --ds-color-success-surface-default: #03380a; - --ds-color-success-surface-hover: #03490d; - --ds-color-success-surface-active: #045810; + --ds-color-success-surface-hover: #03470d; + --ds-color-success-surface-active: #04570f; --ds-color-success-border-subtle: #045f11; - --ds-color-success-border-default: #068217; - --ds-color-success-border-strong: #93cb9b; + --ds-color-success-border-default: #178f28; + --ds-color-success-border-strong: #62b36d; --ds-color-success-base-default: #138d24; - --ds-color-success-base-hover: #3da14b; - --ds-color-success-base-active: #65b570; - --ds-color-success-text-subtle: #63b46f; - --ds-color-success-text-default: #d1e9d4; + --ds-color-success-base-hover: #3ca14b; + --ds-color-success-base-active: #66b571; + --ds-color-success-text-subtle: #62b36d; + --ds-color-success-text-default: #d4ead7; --ds-color-success-contrast-default: #000000; --ds-color-success-contrast-subtle: #010501; - --ds-color-danger-background-default: #3b0808; - --ds-color-danger-background-subtle: #4b0a0a; - --ds-color-danger-surface-default: #620e0e; - --ds-color-danger-surface-hover: #7c1212; - --ds-color-danger-surface-active: #961515; - --ds-color-danger-border-subtle: #a31717; - --ds-color-danger-border-default: #c93c3c; - --ds-color-danger-border-strong: #e9b0b0; - --ds-color-danger-base-default: #d76d6d; + --ds-color-danger-background-default: #3d0909; + --ds-color-danger-background-subtle: #4c0b0b; + --ds-color-danger-surface-default: #610e0e; + --ds-color-danger-surface-hover: #7a1111; + --ds-color-danger-surface-active: #941515; + --ds-color-danger-border-subtle: #a11717; + --ds-color-danger-border-default: #cf5252; + --ds-color-danger-border-strong: #df8b8b; + --ds-color-danger-base-default: #d76e6e; --ds-color-danger-base-hover: #df8b8b; --ds-color-danger-base-active: #e7a8a8; - --ds-color-danger-text-subtle: #df8d8d; - --ds-color-danger-text-default: #f5dcdc; + --ds-color-danger-text-subtle: #df8b8b; + --ds-color-danger-text-default: #f6dfdf; --ds-color-danger-contrast-default: #000000; - --ds-color-danger-contrast-subtle: #261313; - --ds-color-info-background-default: #031d30; - --ds-color-info-background-subtle: #032540; - --ds-color-info-surface-default: #043256; - --ds-color-info-surface-hover: #063f6c; - --ds-color-info-surface-active: #074d84; - --ds-color-info-border-subtle: #075490; - --ds-color-info-border-default: #0c72c1; - --ds-color-info-border-strong: #98c3e5; - --ds-color-info-base-default: #2c85c9; - --ds-color-info-base-hover: #529bd2; - --ds-color-info-base-active: #75afdc; - --ds-color-info-text-subtle: #6ba9d9; - --ds-color-info-text-default: #d3e5f4; + --ds-color-danger-contrast-subtle: #271414; + --ds-color-info-background-default: #031e33; + --ds-color-info-background-subtle: #032641; + --ds-color-info-surface-default: #043154; + --ds-color-info-surface-hover: #063f6a; + --ds-color-info-surface-active: #074d82; + --ds-color-info-border-subtle: #07538d; + --ds-color-info-border-default: #2480c7; + --ds-color-info-border-strong: #69a8d8; + --ds-color-info-base-default: #2d85c9; + --ds-color-info-base-hover: #519ad2; + --ds-color-info-base-active: #77b0dc; + --ds-color-info-text-subtle: #69a8d8; + --ds-color-info-text-default: #d6e7f4; --ds-color-info-contrast-default: #000000; - --ds-color-info-contrast-subtle: #040e15; - --ds-color-warning-background-default: #211b07; - --ds-color-warning-background-subtle: #2b2309; - --ds-color-warning-surface-default: #392f0d; + --ds-color-info-contrast-subtle: #050e15; + --ds-color-warning-background-default: #221c08; + --ds-color-warning-background-subtle: #2b240a; + --ds-color-warning-surface-default: #382f0c; --ds-color-warning-surface-hover: #483c10; - --ds-color-warning-surface-active: #594a14; - --ds-color-warning-border-subtle: #625116; - --ds-color-warning-border-default: #836d1d; - --ds-color-warning-border-strong: #dabc4c; - --ds-color-warning-base-default: #bc622b; + --ds-color-warning-surface-active: #584913; + --ds-color-warning-border-subtle: #5f5015; + --ds-color-warning-border-default: #927a20; + --ds-color-warning-border-strong: #bf9f2a; + --ds-color-warning-base-default: #bc612a; --ds-color-warning-base-hover: #c87d4f; - --ds-color-warning-base-active: #d39773; - --ds-color-warning-text-subtle: #d29671; - --ds-color-warning-text-default: #f1ded3; + --ds-color-warning-base-active: #d39772; + --ds-color-warning-text-subtle: #d2946e; + --ds-color-warning-text-default: #f2e2d7; --ds-color-warning-contrast-default: #000000; - --ds-color-warning-contrast-subtle: #090402; - --ds-color-focus-inner: #131c27; - --ds-color-focus-outer: #d1e3f3; + --ds-color-warning-contrast-subtle: #070301; + --ds-color-focus-inner: #141d29; + --ds-color-focus-outer: #d8e7f4; color-scheme: dark; } diff --git a/packages/theme/brand/uutilsynet/color-scheme/dark.css b/packages/theme/brand/uutilsynet/color-scheme/dark.css index 0e563edbc6..1ee3282ddc 100644 --- a/packages/theme/brand/uutilsynet/color-scheme/dark.css +++ b/packages/theme/brand/uutilsynet/color-scheme/dark.css @@ -4,466 +4,466 @@ @layer ds.theme.color-scheme.dark { [data-color-scheme="dark"] { - --ds-global-blue-1: #031d30; - --ds-global-blue-2: #032540; - --ds-global-blue-3: #043256; - --ds-global-blue-4: #063f6c; - --ds-global-blue-5: #074d84; - --ds-global-blue-6: #075490; - --ds-global-blue-7: #0c72c1; - --ds-global-blue-8: #98c3e5; - --ds-global-blue-9: #2c85c9; - --ds-global-blue-10: #529bd2; - --ds-global-blue-11: #75afdc; - --ds-global-blue-12: #6ba9d9; - --ds-global-blue-13: #d3e5f4; + --ds-global-blue-1: #031e33; + --ds-global-blue-2: #032641; + --ds-global-blue-3: #043154; + --ds-global-blue-4: #063f6a; + --ds-global-blue-5: #074d82; + --ds-global-blue-6: #07538d; + --ds-global-blue-7: #2480c7; + --ds-global-blue-8: #69a8d8; + --ds-global-blue-9: #2d85c9; + --ds-global-blue-10: #519ad2; + --ds-global-blue-11: #77b0dc; + --ds-global-blue-12: #69a8d8; + --ds-global-blue-13: #d6e7f4; --ds-global-blue-contrast-1: #000000; - --ds-global-blue-contrast-2: #040e15; - --ds-global-green-1: #012106; - --ds-global-green-2: #022b08; + --ds-global-blue-contrast-2: #050e15; + --ds-global-green-1: #022306; + --ds-global-green-2: #022c08; --ds-global-green-3: #03380a; - --ds-global-green-4: #03490d; - --ds-global-green-5: #045810; + --ds-global-green-4: #03470d; + --ds-global-green-5: #04570f; --ds-global-green-6: #045f11; - --ds-global-green-7: #068217; - --ds-global-green-8: #93cb9b; + --ds-global-green-7: #178f28; + --ds-global-green-8: #62b36d; --ds-global-green-9: #138d24; - --ds-global-green-10: #3da14b; - --ds-global-green-11: #65b570; - --ds-global-green-12: #63b46f; - --ds-global-green-13: #d1e9d4; + --ds-global-green-10: #3ca14b; + --ds-global-green-11: #66b571; + --ds-global-green-12: #62b36d; + --ds-global-green-13: #d4ead7; --ds-global-green-contrast-1: #000000; --ds-global-green-contrast-2: #010501; - --ds-global-orange-1: #2d1507; - --ds-global-orange-2: #391b09; - --ds-global-orange-3: #4e250c; - --ds-global-orange-4: #633010; - --ds-global-orange-5: #783a13; - --ds-global-orange-6: #833f15; - --ds-global-orange-7: #b2551c; - --ds-global-orange-8: #e0b69c; - --ds-global-orange-9: #bc622b; + --ds-global-orange-1: #2f1607; + --ds-global-orange-2: #3b1c09; + --ds-global-orange-3: #4d250c; + --ds-global-orange-4: #612f0f; + --ds-global-orange-5: #773913; + --ds-global-orange-6: #823e14; + --ds-global-orange-7: #bd632d; + --ds-global-orange-8: #d2946e; + --ds-global-orange-9: #bc612a; --ds-global-orange-10: #c87d4f; - --ds-global-orange-11: #d39773; - --ds-global-orange-12: #d29671; - --ds-global-orange-13: #f1ded3; + --ds-global-orange-11: #d39772; + --ds-global-orange-12: #d2946e; + --ds-global-orange-13: #f2e2d7; --ds-global-orange-contrast-1: #000000; - --ds-global-orange-contrast-2: #090402; - --ds-global-purple-1: #251238; - --ds-global-purple-2: #301748; - --ds-global-purple-3: #402060; - --ds-global-purple-4: #52287a; - --ds-global-purple-5: #643196; - --ds-global-purple-6: #6b399d; - --ds-global-purple-7: #865daf; - --ds-global-purple-8: #c9b7db; - --ds-global-purple-9: #b39acd; + --ds-global-orange-contrast-2: #070301; + --ds-global-purple-1: #27133a; + --ds-global-purple-2: #31184a; + --ds-global-purple-3: #401f5f; + --ds-global-purple-4: #512879; + --ds-global-purple-5: #633094; + --ds-global-purple-6: #6a379c; + --ds-global-purple-7: #916cb6; + --ds-global-purple-8: #b297cb; + --ds-global-purple-9: #b49acd; --ds-global-purple-10: #a282c1; --ds-global-purple-11: #906ab5; - --ds-global-purple-12: #b298cc; - --ds-global-purple-13: #e7dfef; + --ds-global-purple-12: #b297cb; + --ds-global-purple-13: #e9e2f0; --ds-global-purple-contrast-1: #000000; - --ds-global-purple-contrast-2: #18141b; - --ds-global-red-1: #3b0808; - --ds-global-red-2: #4b0a0a; - --ds-global-red-3: #620e0e; - --ds-global-red-4: #7c1212; - --ds-global-red-5: #961515; - --ds-global-red-6: #a31717; - --ds-global-red-7: #c93c3c; - --ds-global-red-8: #e9b0b0; - --ds-global-red-9: #d76d6d; + --ds-global-purple-contrast-2: #18151c; + --ds-global-red-1: #3d0909; + --ds-global-red-2: #4c0b0b; + --ds-global-red-3: #610e0e; + --ds-global-red-4: #7a1111; + --ds-global-red-5: #941515; + --ds-global-red-6: #a11717; + --ds-global-red-7: #cf5252; + --ds-global-red-8: #df8b8b; + --ds-global-red-9: #d76e6e; --ds-global-red-10: #df8b8b; --ds-global-red-11: #e7a8a8; - --ds-global-red-12: #df8d8d; - --ds-global-red-13: #f5dcdc; + --ds-global-red-12: #df8b8b; + --ds-global-red-13: #f6dfdf; --ds-global-red-contrast-1: #000000; - --ds-global-red-contrast-2: #261313; - --ds-global-yellow-1: #211b07; - --ds-global-yellow-2: #2b2309; - --ds-global-yellow-3: #392f0d; + --ds-global-red-contrast-2: #271414; + --ds-global-yellow-1: #221c08; + --ds-global-yellow-2: #2b240a; + --ds-global-yellow-3: #382f0c; --ds-global-yellow-4: #483c10; - --ds-global-yellow-5: #594a14; - --ds-global-yellow-6: #625116; - --ds-global-yellow-7: #836d1d; - --ds-global-yellow-8: #dabc4c; - --ds-global-yellow-9: #4b3e11; - --ds-global-yellow-10: #605115; - --ds-global-yellow-11: #77641a; - --ds-global-yellow-12: #bfa02a; - --ds-global-yellow-13: #efe2b3; + --ds-global-yellow-5: #584913; + --ds-global-yellow-6: #5f5015; + --ds-global-yellow-7: #927a20; + --ds-global-yellow-8: #bf9f2a; + --ds-global-yellow-9: #4a3e10; + --ds-global-yellow-10: #615115; + --ds-global-yellow-11: #77631a; + --ds-global-yellow-12: #bf9f2a; + --ds-global-yellow-13: #f1e5b9; --ds-global-yellow-contrast-1: #ffffff; --ds-global-yellow-contrast-2: #dbd9d0; - --ds-color-accent-background-default: #001c36; - --ds-color-accent-background-subtle: #002545; - --ds-color-accent-surface-default: #00315b; - --ds-color-accent-surface-hover: #013f75; - --ds-color-accent-surface-active: #014b8e; - --ds-color-accent-border-subtle: #01539b; - --ds-color-accent-border-default: #1971c0; - --ds-color-accent-border-strong: #9bc2e4; - --ds-color-accent-base-default: #4b90ce; - --ds-color-accent-base-hover: #277ac4; - --ds-color-accent-base-active: #0163ba; - --ds-color-accent-text-subtle: #72a8d9; - --ds-color-accent-text-default: #d1e3f3; + --ds-color-accent-background-default: #001e38; + --ds-color-accent-background-subtle: #002547; + --ds-color-accent-surface-default: #00305c; + --ds-color-accent-surface-hover: #013d74; + --ds-color-accent-surface-active: #014a8d; + --ds-color-accent-border-subtle: #01519a; + --ds-color-accent-border-default: #307fc7; + --ds-color-accent-border-strong: #70a7d8; + --ds-color-accent-base-default: #4d91cf; + --ds-color-accent-base-hover: #6fa6d8; + --ds-color-accent-base-active: #92bce1; + --ds-color-accent-text-subtle: #70a7d8; + --ds-color-accent-text-default: #d8e7f4; --ds-color-accent-contrast-default: #000000; - --ds-color-accent-contrast-subtle: #0d1823; - --ds-color-neutral-background-default: #131c27; - --ds-color-neutral-background-subtle: #192433; - --ds-color-neutral-surface-default: #243142; - --ds-color-neutral-surface-hover: #333e4e; - --ds-color-neutral-surface-active: #424d5b; - --ds-color-neutral-border-subtle: #495361; - --ds-color-neutral-border-default: #67707c; - --ds-color-neutral-border-strong: #bbbfc4; - --ds-color-neutral-base-default: #a6abb2; - --ds-color-neutral-base-hover: #90969e; - --ds-color-neutral-base-active: #7a818c; - --ds-color-neutral-text-subtle: #9ea3ab; - --ds-color-neutral-text-default: #e1e3e5; + --ds-color-accent-contrast-subtle: #0d1924; + --ds-color-neutral-background-default: #141d29; + --ds-color-neutral-background-subtle: #1a2534; + --ds-color-neutral-surface-default: #243041; + --ds-color-neutral-surface-hover: #323e4d; + --ds-color-neutral-surface-active: #404b5a; + --ds-color-neutral-border-subtle: #475260; + --ds-color-neutral-border-default: #747c87; + --ds-color-neutral-border-strong: #9da2aa; + --ds-color-neutral-base-default: #a6acb2; + --ds-color-neutral-base-hover: #90979f; + --ds-color-neutral-base-active: #7a828c; + --ds-color-neutral-text-subtle: #9da2aa; + --ds-color-neutral-text-default: #e3e5e7; --ds-color-neutral-contrast-default: #000000; - --ds-color-neutral-contrast-subtle: #1b1b1d; - --ds-color-brand1-background-default: #171835; - --ds-color-brand1-background-subtle: #1e1f45; - --ds-color-brand1-surface-default: #292b5e; - --ds-color-brand1-surface-hover: #343677; - --ds-color-brand1-surface-active: #3f4391; - --ds-color-brand1-border-subtle: #45499f; - --ds-color-brand1-border-default: #5e63d2; - --ds-color-brand1-border-strong: #b8baeb; - --ds-color-brand1-base-default: #7377d8; - --ds-color-brand1-base-hover: #5b60d1; - --ds-color-brand1-base-active: #4b4fad; - --ds-color-brand1-text-subtle: #999de3; - --ds-color-brand1-text-default: #dfe0f6; + --ds-color-neutral-contrast-subtle: #1b1c1d; + --ds-color-brand1-background-default: #181a38; + --ds-color-brand1-background-subtle: #1f2047; + --ds-color-brand1-surface-default: #282a5c; + --ds-color-brand1-surface-hover: #333675; + --ds-color-brand1-surface-active: #3e428f; + --ds-color-brand1-border-subtle: #44489c; + --ds-color-brand1-border-default: #6d71d6; + --ds-color-brand1-border-strong: #999ce2; + --ds-color-brand1-base-default: #7378d8; + --ds-color-brand1-base-hover: #8c8fdf; + --ds-color-brand1-base-active: #a3a6e5; + --ds-color-brand1-text-subtle: #999ce2; + --ds-color-brand1-text-default: #e2e3f7; --ds-color-brand1-contrast-default: #000000; --ds-color-brand1-contrast-subtle: #0d0d18; - --ds-color-brand2-background-default: #25190f; - --ds-color-brand2-background-subtle: #312014; - --ds-color-brand2-surface-default: #422b1b; - --ds-color-brand2-surface-hover: #543823; - --ds-color-brand2-surface-active: #67442a; - --ds-color-brand2-border-subtle: #704a2e; - --ds-color-brand2-border-default: #97643f; - --ds-color-brand2-border-strong: #feab70; - --ds-color-brand2-base-default: #4e3420; - --ds-color-brand2-base-hover: #67442a; - --ds-color-brand2-base-active: #815535; - --ds-color-brand2-text-subtle: #dd915b; - --ds-color-brand2-text-default: #ffdac0; + --ds-color-brand2-background-default: #271a10; + --ds-color-brand2-background-subtle: #322115; + --ds-color-brand2-surface-default: #412b1b; + --ds-color-brand2-surface-hover: #533622; + --ds-color-brand2-surface-active: #65432a; + --ds-color-brand2-border-subtle: #6e482e; + --ds-color-brand2-border-default: #a86e45; + --ds-color-brand2-border-strong: #dc905b; + --ds-color-brand2-base-default: #4e3320; + --ds-color-brand2-base-hover: #66432a; + --ds-color-brand2-base-active: #805435; + --ds-color-brand2-text-subtle: #dc905b; + --ds-color-brand2-text-default: #ffdfc8; --ds-color-brand2-contrast-default: #ffffff; - --ds-color-brand2-contrast-subtle: #d6d0cb; - --ds-color-brand3-background-default: #121e1b; - --ds-color-brand3-background-subtle: #162622; - --ds-color-brand3-surface-default: #1e342f; + --ds-color-brand2-contrast-subtle: #d6d0cc; + --ds-color-brand3-background-default: #121f1c; + --ds-color-brand3-background-subtle: #172823; + --ds-color-brand3-surface-default: #1e342e; --ds-color-brand3-surface-hover: #26423b; - --ds-color-brand3-surface-active: #2f5148; - --ds-color-brand3-border-subtle: #335a50; - --ds-color-brand3-border-default: #45786b; - --ds-color-brand3-border-strong: #9cc6bb; - --ds-color-brand3-base-default: #376056; - --ds-color-brand3-base-hover: #2c4c44; - --ds-color-brand3-base-active: #213933; - --ds-color-brand3-text-subtle: #73ae9f; - --ds-color-brand3-text-default: #d3e6e1; + --ds-color-brand3-surface-active: #2e5148; + --ds-color-brand3-border-subtle: #32584e; + --ds-color-brand3-border-default: #4d8677; + --ds-color-brand3-border-strong: #71ad9e; + --ds-color-brand3-base-default: #386257; + --ds-color-brand3-base-hover: #2c4d45; + --ds-color-brand3-base-active: #213a33; + --ds-color-brand3-text-subtle: #71ad9e; + --ds-color-brand3-text-default: #d7e8e4; --ds-color-brand3-contrast-default: #ffffff; --ds-color-brand3-contrast-subtle: #f9fafa; - --ds-color-success-background-default: #012106; - --ds-color-success-background-subtle: #022b08; + --ds-color-success-background-default: #022306; + --ds-color-success-background-subtle: #022c08; --ds-color-success-surface-default: #03380a; - --ds-color-success-surface-hover: #03490d; - --ds-color-success-surface-active: #045810; + --ds-color-success-surface-hover: #03470d; + --ds-color-success-surface-active: #04570f; --ds-color-success-border-subtle: #045f11; - --ds-color-success-border-default: #068217; - --ds-color-success-border-strong: #93cb9b; + --ds-color-success-border-default: #178f28; + --ds-color-success-border-strong: #62b36d; --ds-color-success-base-default: #138d24; - --ds-color-success-base-hover: #3da14b; - --ds-color-success-base-active: #65b570; - --ds-color-success-text-subtle: #63b46f; - --ds-color-success-text-default: #d1e9d4; + --ds-color-success-base-hover: #3ca14b; + --ds-color-success-base-active: #66b571; + --ds-color-success-text-subtle: #62b36d; + --ds-color-success-text-default: #d4ead7; --ds-color-success-contrast-default: #000000; --ds-color-success-contrast-subtle: #010501; - --ds-color-danger-background-default: #3b0808; - --ds-color-danger-background-subtle: #4b0a0a; - --ds-color-danger-surface-default: #620e0e; - --ds-color-danger-surface-hover: #7c1212; - --ds-color-danger-surface-active: #961515; - --ds-color-danger-border-subtle: #a31717; - --ds-color-danger-border-default: #c93c3c; - --ds-color-danger-border-strong: #e9b0b0; - --ds-color-danger-base-default: #d76d6d; + --ds-color-danger-background-default: #3d0909; + --ds-color-danger-background-subtle: #4c0b0b; + --ds-color-danger-surface-default: #610e0e; + --ds-color-danger-surface-hover: #7a1111; + --ds-color-danger-surface-active: #941515; + --ds-color-danger-border-subtle: #a11717; + --ds-color-danger-border-default: #cf5252; + --ds-color-danger-border-strong: #df8b8b; + --ds-color-danger-base-default: #d76e6e; --ds-color-danger-base-hover: #df8b8b; --ds-color-danger-base-active: #e7a8a8; - --ds-color-danger-text-subtle: #df8d8d; - --ds-color-danger-text-default: #f5dcdc; + --ds-color-danger-text-subtle: #df8b8b; + --ds-color-danger-text-default: #f6dfdf; --ds-color-danger-contrast-default: #000000; - --ds-color-danger-contrast-subtle: #261313; - --ds-color-info-background-default: #031d30; - --ds-color-info-background-subtle: #032540; - --ds-color-info-surface-default: #043256; - --ds-color-info-surface-hover: #063f6c; - --ds-color-info-surface-active: #074d84; - --ds-color-info-border-subtle: #075490; - --ds-color-info-border-default: #0c72c1; - --ds-color-info-border-strong: #98c3e5; - --ds-color-info-base-default: #2c85c9; - --ds-color-info-base-hover: #529bd2; - --ds-color-info-base-active: #75afdc; - --ds-color-info-text-subtle: #6ba9d9; - --ds-color-info-text-default: #d3e5f4; + --ds-color-danger-contrast-subtle: #271414; + --ds-color-info-background-default: #031e33; + --ds-color-info-background-subtle: #032641; + --ds-color-info-surface-default: #043154; + --ds-color-info-surface-hover: #063f6a; + --ds-color-info-surface-active: #074d82; + --ds-color-info-border-subtle: #07538d; + --ds-color-info-border-default: #2480c7; + --ds-color-info-border-strong: #69a8d8; + --ds-color-info-base-default: #2d85c9; + --ds-color-info-base-hover: #519ad2; + --ds-color-info-base-active: #77b0dc; + --ds-color-info-text-subtle: #69a8d8; + --ds-color-info-text-default: #d6e7f4; --ds-color-info-contrast-default: #000000; - --ds-color-info-contrast-subtle: #040e15; - --ds-color-warning-background-default: #211b07; - --ds-color-warning-background-subtle: #2b2309; - --ds-color-warning-surface-default: #392f0d; + --ds-color-info-contrast-subtle: #050e15; + --ds-color-warning-background-default: #221c08; + --ds-color-warning-background-subtle: #2b240a; + --ds-color-warning-surface-default: #382f0c; --ds-color-warning-surface-hover: #483c10; - --ds-color-warning-surface-active: #594a14; - --ds-color-warning-border-subtle: #625116; - --ds-color-warning-border-default: #836d1d; - --ds-color-warning-border-strong: #dabc4c; - --ds-color-warning-base-default: #bc622b; + --ds-color-warning-surface-active: #584913; + --ds-color-warning-border-subtle: #5f5015; + --ds-color-warning-border-default: #927a20; + --ds-color-warning-border-strong: #bf9f2a; + --ds-color-warning-base-default: #bc612a; --ds-color-warning-base-hover: #c87d4f; - --ds-color-warning-base-active: #d39773; - --ds-color-warning-text-subtle: #d29671; - --ds-color-warning-text-default: #f1ded3; + --ds-color-warning-base-active: #d39772; + --ds-color-warning-text-subtle: #d2946e; + --ds-color-warning-text-default: #f2e2d7; --ds-color-warning-contrast-default: #000000; - --ds-color-warning-contrast-subtle: #090402; - --ds-color-focus-inner: #131c27; - --ds-color-focus-outer: #d1e3f3; + --ds-color-warning-contrast-subtle: #070301; + --ds-color-focus-inner: #141d29; + --ds-color-focus-outer: #d8e7f4; color-scheme: dark; } @media (prefers-color-scheme: dark) { [data-color-scheme="auto"] { - --ds-global-blue-1: #031d30; - --ds-global-blue-2: #032540; - --ds-global-blue-3: #043256; - --ds-global-blue-4: #063f6c; - --ds-global-blue-5: #074d84; - --ds-global-blue-6: #075490; - --ds-global-blue-7: #0c72c1; - --ds-global-blue-8: #98c3e5; - --ds-global-blue-9: #2c85c9; - --ds-global-blue-10: #529bd2; - --ds-global-blue-11: #75afdc; - --ds-global-blue-12: #6ba9d9; - --ds-global-blue-13: #d3e5f4; + --ds-global-blue-1: #031e33; + --ds-global-blue-2: #032641; + --ds-global-blue-3: #043154; + --ds-global-blue-4: #063f6a; + --ds-global-blue-5: #074d82; + --ds-global-blue-6: #07538d; + --ds-global-blue-7: #2480c7; + --ds-global-blue-8: #69a8d8; + --ds-global-blue-9: #2d85c9; + --ds-global-blue-10: #519ad2; + --ds-global-blue-11: #77b0dc; + --ds-global-blue-12: #69a8d8; + --ds-global-blue-13: #d6e7f4; --ds-global-blue-contrast-1: #000000; - --ds-global-blue-contrast-2: #040e15; - --ds-global-green-1: #012106; - --ds-global-green-2: #022b08; + --ds-global-blue-contrast-2: #050e15; + --ds-global-green-1: #022306; + --ds-global-green-2: #022c08; --ds-global-green-3: #03380a; - --ds-global-green-4: #03490d; - --ds-global-green-5: #045810; + --ds-global-green-4: #03470d; + --ds-global-green-5: #04570f; --ds-global-green-6: #045f11; - --ds-global-green-7: #068217; - --ds-global-green-8: #93cb9b; + --ds-global-green-7: #178f28; + --ds-global-green-8: #62b36d; --ds-global-green-9: #138d24; - --ds-global-green-10: #3da14b; - --ds-global-green-11: #65b570; - --ds-global-green-12: #63b46f; - --ds-global-green-13: #d1e9d4; + --ds-global-green-10: #3ca14b; + --ds-global-green-11: #66b571; + --ds-global-green-12: #62b36d; + --ds-global-green-13: #d4ead7; --ds-global-green-contrast-1: #000000; --ds-global-green-contrast-2: #010501; - --ds-global-orange-1: #2d1507; - --ds-global-orange-2: #391b09; - --ds-global-orange-3: #4e250c; - --ds-global-orange-4: #633010; - --ds-global-orange-5: #783a13; - --ds-global-orange-6: #833f15; - --ds-global-orange-7: #b2551c; - --ds-global-orange-8: #e0b69c; - --ds-global-orange-9: #bc622b; + --ds-global-orange-1: #2f1607; + --ds-global-orange-2: #3b1c09; + --ds-global-orange-3: #4d250c; + --ds-global-orange-4: #612f0f; + --ds-global-orange-5: #773913; + --ds-global-orange-6: #823e14; + --ds-global-orange-7: #bd632d; + --ds-global-orange-8: #d2946e; + --ds-global-orange-9: #bc612a; --ds-global-orange-10: #c87d4f; - --ds-global-orange-11: #d39773; - --ds-global-orange-12: #d29671; - --ds-global-orange-13: #f1ded3; + --ds-global-orange-11: #d39772; + --ds-global-orange-12: #d2946e; + --ds-global-orange-13: #f2e2d7; --ds-global-orange-contrast-1: #000000; - --ds-global-orange-contrast-2: #090402; - --ds-global-purple-1: #251238; - --ds-global-purple-2: #301748; - --ds-global-purple-3: #402060; - --ds-global-purple-4: #52287a; - --ds-global-purple-5: #643196; - --ds-global-purple-6: #6b399d; - --ds-global-purple-7: #865daf; - --ds-global-purple-8: #c9b7db; - --ds-global-purple-9: #b39acd; + --ds-global-orange-contrast-2: #070301; + --ds-global-purple-1: #27133a; + --ds-global-purple-2: #31184a; + --ds-global-purple-3: #401f5f; + --ds-global-purple-4: #512879; + --ds-global-purple-5: #633094; + --ds-global-purple-6: #6a379c; + --ds-global-purple-7: #916cb6; + --ds-global-purple-8: #b297cb; + --ds-global-purple-9: #b49acd; --ds-global-purple-10: #a282c1; --ds-global-purple-11: #906ab5; - --ds-global-purple-12: #b298cc; - --ds-global-purple-13: #e7dfef; + --ds-global-purple-12: #b297cb; + --ds-global-purple-13: #e9e2f0; --ds-global-purple-contrast-1: #000000; - --ds-global-purple-contrast-2: #18141b; - --ds-global-red-1: #3b0808; - --ds-global-red-2: #4b0a0a; - --ds-global-red-3: #620e0e; - --ds-global-red-4: #7c1212; - --ds-global-red-5: #961515; - --ds-global-red-6: #a31717; - --ds-global-red-7: #c93c3c; - --ds-global-red-8: #e9b0b0; - --ds-global-red-9: #d76d6d; + --ds-global-purple-contrast-2: #18151c; + --ds-global-red-1: #3d0909; + --ds-global-red-2: #4c0b0b; + --ds-global-red-3: #610e0e; + --ds-global-red-4: #7a1111; + --ds-global-red-5: #941515; + --ds-global-red-6: #a11717; + --ds-global-red-7: #cf5252; + --ds-global-red-8: #df8b8b; + --ds-global-red-9: #d76e6e; --ds-global-red-10: #df8b8b; --ds-global-red-11: #e7a8a8; - --ds-global-red-12: #df8d8d; - --ds-global-red-13: #f5dcdc; + --ds-global-red-12: #df8b8b; + --ds-global-red-13: #f6dfdf; --ds-global-red-contrast-1: #000000; - --ds-global-red-contrast-2: #261313; - --ds-global-yellow-1: #211b07; - --ds-global-yellow-2: #2b2309; - --ds-global-yellow-3: #392f0d; + --ds-global-red-contrast-2: #271414; + --ds-global-yellow-1: #221c08; + --ds-global-yellow-2: #2b240a; + --ds-global-yellow-3: #382f0c; --ds-global-yellow-4: #483c10; - --ds-global-yellow-5: #594a14; - --ds-global-yellow-6: #625116; - --ds-global-yellow-7: #836d1d; - --ds-global-yellow-8: #dabc4c; - --ds-global-yellow-9: #4b3e11; - --ds-global-yellow-10: #605115; - --ds-global-yellow-11: #77641a; - --ds-global-yellow-12: #bfa02a; - --ds-global-yellow-13: #efe2b3; + --ds-global-yellow-5: #584913; + --ds-global-yellow-6: #5f5015; + --ds-global-yellow-7: #927a20; + --ds-global-yellow-8: #bf9f2a; + --ds-global-yellow-9: #4a3e10; + --ds-global-yellow-10: #615115; + --ds-global-yellow-11: #77631a; + --ds-global-yellow-12: #bf9f2a; + --ds-global-yellow-13: #f1e5b9; --ds-global-yellow-contrast-1: #ffffff; --ds-global-yellow-contrast-2: #dbd9d0; - --ds-color-accent-background-default: #001c36; - --ds-color-accent-background-subtle: #002545; - --ds-color-accent-surface-default: #00315b; - --ds-color-accent-surface-hover: #013f75; - --ds-color-accent-surface-active: #014b8e; - --ds-color-accent-border-subtle: #01539b; - --ds-color-accent-border-default: #1971c0; - --ds-color-accent-border-strong: #9bc2e4; - --ds-color-accent-base-default: #4b90ce; - --ds-color-accent-base-hover: #277ac4; - --ds-color-accent-base-active: #0163ba; - --ds-color-accent-text-subtle: #72a8d9; - --ds-color-accent-text-default: #d1e3f3; + --ds-color-accent-background-default: #001e38; + --ds-color-accent-background-subtle: #002547; + --ds-color-accent-surface-default: #00305c; + --ds-color-accent-surface-hover: #013d74; + --ds-color-accent-surface-active: #014a8d; + --ds-color-accent-border-subtle: #01519a; + --ds-color-accent-border-default: #307fc7; + --ds-color-accent-border-strong: #70a7d8; + --ds-color-accent-base-default: #4d91cf; + --ds-color-accent-base-hover: #6fa6d8; + --ds-color-accent-base-active: #92bce1; + --ds-color-accent-text-subtle: #70a7d8; + --ds-color-accent-text-default: #d8e7f4; --ds-color-accent-contrast-default: #000000; - --ds-color-accent-contrast-subtle: #0d1823; - --ds-color-neutral-background-default: #131c27; - --ds-color-neutral-background-subtle: #192433; - --ds-color-neutral-surface-default: #243142; - --ds-color-neutral-surface-hover: #333e4e; - --ds-color-neutral-surface-active: #424d5b; - --ds-color-neutral-border-subtle: #495361; - --ds-color-neutral-border-default: #67707c; - --ds-color-neutral-border-strong: #bbbfc4; - --ds-color-neutral-base-default: #a6abb2; - --ds-color-neutral-base-hover: #90969e; - --ds-color-neutral-base-active: #7a818c; - --ds-color-neutral-text-subtle: #9ea3ab; - --ds-color-neutral-text-default: #e1e3e5; + --ds-color-accent-contrast-subtle: #0d1924; + --ds-color-neutral-background-default: #141d29; + --ds-color-neutral-background-subtle: #1a2534; + --ds-color-neutral-surface-default: #243041; + --ds-color-neutral-surface-hover: #323e4d; + --ds-color-neutral-surface-active: #404b5a; + --ds-color-neutral-border-subtle: #475260; + --ds-color-neutral-border-default: #747c87; + --ds-color-neutral-border-strong: #9da2aa; + --ds-color-neutral-base-default: #a6acb2; + --ds-color-neutral-base-hover: #90979f; + --ds-color-neutral-base-active: #7a828c; + --ds-color-neutral-text-subtle: #9da2aa; + --ds-color-neutral-text-default: #e3e5e7; --ds-color-neutral-contrast-default: #000000; - --ds-color-neutral-contrast-subtle: #1b1b1d; - --ds-color-brand1-background-default: #171835; - --ds-color-brand1-background-subtle: #1e1f45; - --ds-color-brand1-surface-default: #292b5e; - --ds-color-brand1-surface-hover: #343677; - --ds-color-brand1-surface-active: #3f4391; - --ds-color-brand1-border-subtle: #45499f; - --ds-color-brand1-border-default: #5e63d2; - --ds-color-brand1-border-strong: #b8baeb; - --ds-color-brand1-base-default: #7377d8; - --ds-color-brand1-base-hover: #5b60d1; - --ds-color-brand1-base-active: #4b4fad; - --ds-color-brand1-text-subtle: #999de3; - --ds-color-brand1-text-default: #dfe0f6; + --ds-color-neutral-contrast-subtle: #1b1c1d; + --ds-color-brand1-background-default: #181a38; + --ds-color-brand1-background-subtle: #1f2047; + --ds-color-brand1-surface-default: #282a5c; + --ds-color-brand1-surface-hover: #333675; + --ds-color-brand1-surface-active: #3e428f; + --ds-color-brand1-border-subtle: #44489c; + --ds-color-brand1-border-default: #6d71d6; + --ds-color-brand1-border-strong: #999ce2; + --ds-color-brand1-base-default: #7378d8; + --ds-color-brand1-base-hover: #8c8fdf; + --ds-color-brand1-base-active: #a3a6e5; + --ds-color-brand1-text-subtle: #999ce2; + --ds-color-brand1-text-default: #e2e3f7; --ds-color-brand1-contrast-default: #000000; --ds-color-brand1-contrast-subtle: #0d0d18; - --ds-color-brand2-background-default: #25190f; - --ds-color-brand2-background-subtle: #312014; - --ds-color-brand2-surface-default: #422b1b; - --ds-color-brand2-surface-hover: #543823; - --ds-color-brand2-surface-active: #67442a; - --ds-color-brand2-border-subtle: #704a2e; - --ds-color-brand2-border-default: #97643f; - --ds-color-brand2-border-strong: #feab70; - --ds-color-brand2-base-default: #4e3420; - --ds-color-brand2-base-hover: #67442a; - --ds-color-brand2-base-active: #815535; - --ds-color-brand2-text-subtle: #dd915b; - --ds-color-brand2-text-default: #ffdac0; + --ds-color-brand2-background-default: #271a10; + --ds-color-brand2-background-subtle: #322115; + --ds-color-brand2-surface-default: #412b1b; + --ds-color-brand2-surface-hover: #533622; + --ds-color-brand2-surface-active: #65432a; + --ds-color-brand2-border-subtle: #6e482e; + --ds-color-brand2-border-default: #a86e45; + --ds-color-brand2-border-strong: #dc905b; + --ds-color-brand2-base-default: #4e3320; + --ds-color-brand2-base-hover: #66432a; + --ds-color-brand2-base-active: #805435; + --ds-color-brand2-text-subtle: #dc905b; + --ds-color-brand2-text-default: #ffdfc8; --ds-color-brand2-contrast-default: #ffffff; - --ds-color-brand2-contrast-subtle: #d6d0cb; - --ds-color-brand3-background-default: #121e1b; - --ds-color-brand3-background-subtle: #162622; - --ds-color-brand3-surface-default: #1e342f; + --ds-color-brand2-contrast-subtle: #d6d0cc; + --ds-color-brand3-background-default: #121f1c; + --ds-color-brand3-background-subtle: #172823; + --ds-color-brand3-surface-default: #1e342e; --ds-color-brand3-surface-hover: #26423b; - --ds-color-brand3-surface-active: #2f5148; - --ds-color-brand3-border-subtle: #335a50; - --ds-color-brand3-border-default: #45786b; - --ds-color-brand3-border-strong: #9cc6bb; - --ds-color-brand3-base-default: #376056; - --ds-color-brand3-base-hover: #2c4c44; - --ds-color-brand3-base-active: #213933; - --ds-color-brand3-text-subtle: #73ae9f; - --ds-color-brand3-text-default: #d3e6e1; + --ds-color-brand3-surface-active: #2e5148; + --ds-color-brand3-border-subtle: #32584e; + --ds-color-brand3-border-default: #4d8677; + --ds-color-brand3-border-strong: #71ad9e; + --ds-color-brand3-base-default: #386257; + --ds-color-brand3-base-hover: #2c4d45; + --ds-color-brand3-base-active: #213a33; + --ds-color-brand3-text-subtle: #71ad9e; + --ds-color-brand3-text-default: #d7e8e4; --ds-color-brand3-contrast-default: #ffffff; --ds-color-brand3-contrast-subtle: #f9fafa; - --ds-color-success-background-default: #012106; - --ds-color-success-background-subtle: #022b08; + --ds-color-success-background-default: #022306; + --ds-color-success-background-subtle: #022c08; --ds-color-success-surface-default: #03380a; - --ds-color-success-surface-hover: #03490d; - --ds-color-success-surface-active: #045810; + --ds-color-success-surface-hover: #03470d; + --ds-color-success-surface-active: #04570f; --ds-color-success-border-subtle: #045f11; - --ds-color-success-border-default: #068217; - --ds-color-success-border-strong: #93cb9b; + --ds-color-success-border-default: #178f28; + --ds-color-success-border-strong: #62b36d; --ds-color-success-base-default: #138d24; - --ds-color-success-base-hover: #3da14b; - --ds-color-success-base-active: #65b570; - --ds-color-success-text-subtle: #63b46f; - --ds-color-success-text-default: #d1e9d4; + --ds-color-success-base-hover: #3ca14b; + --ds-color-success-base-active: #66b571; + --ds-color-success-text-subtle: #62b36d; + --ds-color-success-text-default: #d4ead7; --ds-color-success-contrast-default: #000000; --ds-color-success-contrast-subtle: #010501; - --ds-color-danger-background-default: #3b0808; - --ds-color-danger-background-subtle: #4b0a0a; - --ds-color-danger-surface-default: #620e0e; - --ds-color-danger-surface-hover: #7c1212; - --ds-color-danger-surface-active: #961515; - --ds-color-danger-border-subtle: #a31717; - --ds-color-danger-border-default: #c93c3c; - --ds-color-danger-border-strong: #e9b0b0; - --ds-color-danger-base-default: #d76d6d; + --ds-color-danger-background-default: #3d0909; + --ds-color-danger-background-subtle: #4c0b0b; + --ds-color-danger-surface-default: #610e0e; + --ds-color-danger-surface-hover: #7a1111; + --ds-color-danger-surface-active: #941515; + --ds-color-danger-border-subtle: #a11717; + --ds-color-danger-border-default: #cf5252; + --ds-color-danger-border-strong: #df8b8b; + --ds-color-danger-base-default: #d76e6e; --ds-color-danger-base-hover: #df8b8b; --ds-color-danger-base-active: #e7a8a8; - --ds-color-danger-text-subtle: #df8d8d; - --ds-color-danger-text-default: #f5dcdc; + --ds-color-danger-text-subtle: #df8b8b; + --ds-color-danger-text-default: #f6dfdf; --ds-color-danger-contrast-default: #000000; - --ds-color-danger-contrast-subtle: #261313; - --ds-color-info-background-default: #031d30; - --ds-color-info-background-subtle: #032540; - --ds-color-info-surface-default: #043256; - --ds-color-info-surface-hover: #063f6c; - --ds-color-info-surface-active: #074d84; - --ds-color-info-border-subtle: #075490; - --ds-color-info-border-default: #0c72c1; - --ds-color-info-border-strong: #98c3e5; - --ds-color-info-base-default: #2c85c9; - --ds-color-info-base-hover: #529bd2; - --ds-color-info-base-active: #75afdc; - --ds-color-info-text-subtle: #6ba9d9; - --ds-color-info-text-default: #d3e5f4; + --ds-color-danger-contrast-subtle: #271414; + --ds-color-info-background-default: #031e33; + --ds-color-info-background-subtle: #032641; + --ds-color-info-surface-default: #043154; + --ds-color-info-surface-hover: #063f6a; + --ds-color-info-surface-active: #074d82; + --ds-color-info-border-subtle: #07538d; + --ds-color-info-border-default: #2480c7; + --ds-color-info-border-strong: #69a8d8; + --ds-color-info-base-default: #2d85c9; + --ds-color-info-base-hover: #519ad2; + --ds-color-info-base-active: #77b0dc; + --ds-color-info-text-subtle: #69a8d8; + --ds-color-info-text-default: #d6e7f4; --ds-color-info-contrast-default: #000000; - --ds-color-info-contrast-subtle: #040e15; - --ds-color-warning-background-default: #211b07; - --ds-color-warning-background-subtle: #2b2309; - --ds-color-warning-surface-default: #392f0d; + --ds-color-info-contrast-subtle: #050e15; + --ds-color-warning-background-default: #221c08; + --ds-color-warning-background-subtle: #2b240a; + --ds-color-warning-surface-default: #382f0c; --ds-color-warning-surface-hover: #483c10; - --ds-color-warning-surface-active: #594a14; - --ds-color-warning-border-subtle: #625116; - --ds-color-warning-border-default: #836d1d; - --ds-color-warning-border-strong: #dabc4c; - --ds-color-warning-base-default: #bc622b; + --ds-color-warning-surface-active: #584913; + --ds-color-warning-border-subtle: #5f5015; + --ds-color-warning-border-default: #927a20; + --ds-color-warning-border-strong: #bf9f2a; + --ds-color-warning-base-default: #bc612a; --ds-color-warning-base-hover: #c87d4f; - --ds-color-warning-base-active: #d39773; - --ds-color-warning-text-subtle: #d29671; - --ds-color-warning-text-default: #f1ded3; + --ds-color-warning-base-active: #d39772; + --ds-color-warning-text-subtle: #d2946e; + --ds-color-warning-text-default: #f2e2d7; --ds-color-warning-contrast-default: #000000; - --ds-color-warning-contrast-subtle: #090402; - --ds-color-focus-inner: #131c27; - --ds-color-focus-outer: #d1e3f3; + --ds-color-warning-contrast-subtle: #070301; + --ds-color-focus-inner: #141d29; + --ds-color-focus-outer: #d8e7f4; color-scheme: dark; } diff --git a/packages/theme/brand/uutilsynet/color-scheme/light.css b/packages/theme/brand/uutilsynet/color-scheme/light.css index ca5c5ee218..aebe68e6ea 100644 --- a/packages/theme/brand/uutilsynet/color-scheme/light.css +++ b/packages/theme/brand/uutilsynet/color-scheme/light.css @@ -4,466 +4,466 @@ @layer ds.theme.color-scheme.light { :root, [data-color-scheme="light"] { - --ds-global-blue-1: #fefeff; + --ds-global-blue-1: #ffffff; --ds-global-blue-2: #edf5fa; - --ds-global-blue-3: #d3e5f4; + --ds-global-blue-3: #d2e5f3; --ds-global-blue-4: #b7d5ed; - --ds-global-blue-5: #9bc5e5; + --ds-global-blue-5: #9fc7e6; --ds-global-blue-6: #94c1e3; - --ds-global-blue-7: #2f86c9; - --ds-global-blue-8: #075089; - --ds-global-blue-9: #0A71C0; - --ds-global-blue-10: #085e9f; - --ds-global-blue-11: #074a7f; - --ds-global-blue-12: #0966ac; + --ds-global-blue-7: #2a83c8; + --ds-global-blue-8: #0964a9; + --ds-global-blue-9: #0a71bf; + --ds-global-blue-10: #085d9f; + --ds-global-blue-11: #074a7e; + --ds-global-blue-12: #0964a9; --ds-global-blue-13: #042d4d; --ds-global-blue-contrast-1: #ffffff; - --ds-global-blue-contrast-2: #edf5fa; - --ds-global-green-1: #fcfefc; - --ds-global-green-2: #edf6ee; - --ds-global-green-3: #d1e9d4; - --ds-global-green-4: #b5dbba; - --ds-global-green-5: #96cd9e; + --ds-global-blue-contrast-2: #eff6fb; + --ds-global-green-1: #ffffff; + --ds-global-green-2: #ecf6ee; + --ds-global-green-3: #d0e8d3; + --ds-global-green-4: #b4dbba; + --ds-global-green-5: #9bcfa2; --ds-global-green-6: #8fc997; - --ds-global-green-7: #229532; - --ds-global-green-8: #045a10; + --ds-global-green-7: #1d922d; + --ds-global-green-8: #057114; --ds-global-green-9: #068718; --ds-global-green-10: #057014; --ds-global-green-11: #045a10; - --ds-global-green-12: #057315; + --ds-global-green-12: #057114; --ds-global-green-13: #023409; --ds-global-green-contrast-1: #ffffff; - --ds-global-green-contrast-2: #f9fcf9; - --ds-global-orange-1: #fffefe; - --ds-global-orange-2: #f9f2ed; - --ds-global-orange-3: #f1ded3; - --ds-global-orange-4: #e9cbb8; - --ds-global-orange-5: #e1b9a0; - --ds-global-orange-6: #deb296; - --ds-global-orange-7: #c06b36; - --ds-global-orange-8: #7c3b14; - --ds-global-orange-9: #B8581D; - --ds-global-orange-10: #984918; - --ds-global-orange-11: #7a3b13; - --ds-global-orange-12: #9e4b19; - --ds-global-orange-13: #47220b; + --ds-global-green-contrast-2: #fafdfb; + --ds-global-orange-1: #ffffff; + --ds-global-orange-2: #faf2ee; + --ds-global-orange-3: #f1dfd3; + --ds-global-orange-4: #e9ccba; + --ds-global-orange-5: #e2baa2; + --ds-global-orange-6: #dfb398; + --ds-global-orange-7: #bf6732; + --ds-global-orange-8: #9b4a18; + --ds-global-orange-9: #b7581d; + --ds-global-orange-10: #994918; + --ds-global-orange-11: #7b3b13; + --ds-global-orange-12: #9b4a18; + --ds-global-orange-13: #46220b; --ds-global-orange-contrast-1: #ffffff; - --ds-global-orange-contrast-2: #fdfbf9; - --ds-global-purple-1: #fefefe; - --ds-global-purple-2: #f5f2f9; + --ds-global-orange-contrast-2: #fdf9f8; + --ds-global-purple-1: #ffffff; + --ds-global-purple-2: #f6f2f9; --ds-global-purple-3: #e7dfef; - --ds-global-purple-4: #d9cce6; - --ds-global-purple-5: #ccbadd; + --ds-global-purple-4: #d9cde6; + --ds-global-purple-5: #cdbcdd; --ds-global-purple-6: #c7b4da; - --ds-global-purple-7: #9572b9; - --ds-global-purple-8: #663399; + --ds-global-purple-7: #936fb7; + --ds-global-purple-8: #794ca6; --ds-global-purple-9: #663299; - --ds-global-purple-10: #4e2676; + --ds-global-purple-10: #4f2776; --ds-global-purple-11: #371b53; - --ds-global-purple-12: #7b4ea7; - --ds-global-purple-13: #3b1d59; + --ds-global-purple-12: #794ca6; + --ds-global-purple-13: #3a1d57; --ds-global-purple-contrast-1: #ffffff; --ds-global-purple-contrast-2: #eee8f3; - --ds-global-red-1: #fffefe; + --ds-global-red-1: #ffffff; --ds-global-red-2: #fbf1f1; --ds-global-red-3: #f5dcdc; - --ds-global-red-4: #f0c7c7; - --ds-global-red-5: #eab3b3; - --ds-global-red-6: #e8acac; - --ds-global-red-7: #d25b5b; - --ds-global-red-8: #9a1616; - --ds-global-red-9: #C01B1B; - --ds-global-red-10: #9c1616; + --ds-global-red-4: #f0c8c8; + --ds-global-red-5: #ebb5b5; + --ds-global-red-6: #e8adad; + --ds-global-red-7: #d15757; + --ds-global-red-8: #bf1b1b; + --ds-global-red-9: #bf1b1b; + --ds-global-red-10: #9b1616; --ds-global-red-11: #791111; - --ds-global-red-12: #c22020; - --ds-global-red-13: #5a0d0d; + --ds-global-red-12: #bf1b1b; + --ds-global-red-13: #590d0d; --ds-global-red-contrast-1: #ffffff; --ds-global-red-contrast-2: #f7e1e1; - --ds-global-yellow-1: #fffefd; - --ds-global-yellow-2: #f9f4e2; - --ds-global-yellow-3: #efe2b3; - --ds-global-yellow-4: #e5d183; - --ds-global-yellow-5: #dcbf53; + --ds-global-yellow-1: #ffffff; + --ds-global-yellow-2: #f9f4e1; + --ds-global-yellow-3: #efe2b2; + --ds-global-yellow-4: #e6d184; + --ds-global-yellow-5: #ddc159; --ds-global-yellow-6: #d9b945; - --ds-global-yellow-7: #987f22; - --ds-global-yellow-8: #5c4c14; - --ds-global-yellow-9: #D4B12F; + --ds-global-yellow-7: #957c21; + --ds-global-yellow-8: #736019; + --ds-global-yellow-9: #d4b12f; --ds-global-yellow-10: #bb9c2a; - --ds-global-yellow-11: #a28724; - --ds-global-yellow-12: #75611a; - --ds-global-yellow-13: #342b0c; + --ds-global-yellow-11: #a38824; + --ds-global-yellow-12: #736019; + --ds-global-yellow-13: #332b0b; --ds-global-yellow-contrast-1: #000000; - --ds-global-yellow-contrast-2: #282109; - --ds-color-accent-background-default: #fefeff; + --ds-global-yellow-contrast-2: #282209; + --ds-color-accent-background-default: #ffffff; --ds-color-accent-background-subtle: #eef4fa; - --ds-color-accent-surface-default: #d1e3f3; - --ds-color-accent-surface-hover: #bad5ec; - --ds-color-accent-surface-active: #a1c5e5; - --ds-color-accent-border-subtle: #97bfe3; - --ds-color-accent-border-default: #3885c9; - --ds-color-accent-border-strong: #014e93; - --ds-color-accent-base-default: #0163ba; - --ds-color-accent-base-hover: #015097; - --ds-color-accent-base-active: #013f75; - --ds-color-accent-text-subtle: #0163ba; - --ds-color-accent-text-default: #002d54; + --ds-color-accent-surface-default: #d4e4f3; + --ds-color-accent-surface-hover: #bbd5ec; + --ds-color-accent-surface-active: #a3c6e6; + --ds-color-accent-border-subtle: #99c0e3; + --ds-color-accent-border-default: #3582c8; + --ds-color-accent-border-strong: #0161b8; + --ds-color-accent-base-default: #0162b9; + --ds-color-accent-base-hover: #014f96; + --ds-color-accent-base-active: #013d75; + --ds-color-accent-text-subtle: #0161b8; + --ds-color-accent-text-default: #002c54; --ds-color-accent-contrast-default: #ffffff; --ds-color-accent-contrast-subtle: #dbe9f5; - --ds-color-neutral-background-default: #fefefe; - --ds-color-neutral-background-subtle: #f3f4f5; - --ds-color-neutral-surface-default: #e1e3e5; - --ds-color-neutral-surface-hover: #ced1d4; - --ds-color-neutral-surface-active: #bdc1c6; + --ds-color-neutral-background-default: #ffffff; + --ds-color-neutral-background-subtle: #f3f4f4; + --ds-color-neutral-surface-default: #e0e2e4; + --ds-color-neutral-surface-hover: #cfd2d5; + --ds-color-neutral-surface-active: #bfc3c7; --ds-color-neutral-border-subtle: #b8bcc1; - --ds-color-neutral-border-default: #7a818c; - --ds-color-neutral-border-strong: #444e5d; + --ds-color-neutral-border-default: #777f89; + --ds-color-neutral-border-strong: #59626f; --ds-color-neutral-base-default: #1e2b3c; - --ds-color-neutral-base-hover: #303c4b; - --ds-color-neutral-base-active: #444e5d; - --ds-color-neutral-text-subtle: #5b6471; - --ds-color-neutral-text-default: #202c3d; + --ds-color-neutral-base-hover: #313d4d; + --ds-color-neutral-base-active: #444f5d; + --ds-color-neutral-text-subtle: #59626f; + --ds-color-neutral-text-default: #1f2c3d; --ds-color-neutral-contrast-default: #ffffff; - --ds-color-neutral-contrast-subtle: #bbbfc4; - --ds-color-brand1-background-default: #fefeff; - --ds-color-brand1-background-subtle: #f3f4fc; - --ds-color-brand1-surface-default: #dfe0f6; - --ds-color-brand1-surface-hover: #cecff1; - --ds-color-brand1-surface-active: #bbbdec; - --ds-color-brand1-border-subtle: #b5b7ea; - --ds-color-brand1-border-default: #7377d8; - --ds-color-brand1-border-strong: #414595; + --ds-color-neutral-contrast-subtle: #babec4; + --ds-color-brand1-background-default: #ffffff; + --ds-color-brand1-background-subtle: #f3f3fb; + --ds-color-brand1-surface-default: #e0e0f6; + --ds-color-brand1-surface-hover: #cdcff1; + --ds-color-brand1-surface-active: #bdbfec; + --ds-color-brand1-border-subtle: #b5b8ea; + --ds-color-brand1-border-default: #7075d7; + --ds-color-brand1-border-strong: #5156bb; --ds-color-brand1-base-default: #5b60d1; - --ds-color-brand1-base-hover: #4b4fad; - --ds-color-brand1-base-active: #3b3e88; - --ds-color-brand1-text-subtle: #5357be; - --ds-color-brand1-text-default: #252756; + --ds-color-brand1-base-hover: #4b4fab; + --ds-color-brand1-base-active: #3b3e87; + --ds-color-brand1-text-subtle: #5156bb; + --ds-color-brand1-text-default: #252754; --ds-color-brand1-contrast-default: #ffffff; - --ds-color-brand1-contrast-subtle: #f3f4fc; - --ds-color-brand2-background-default: #fffdfb; + --ds-color-brand1-contrast-subtle: #f2f2fb; + --ds-color-brand2-background-default: #ffffff; --ds-color-brand2-background-subtle: #fff1e7; - --ds-color-brand2-surface-default: #ffdac0; - --ds-color-brand2-surface-hover: #fec59c; - --ds-color-brand2-surface-active: #feb078; - --ds-color-brand2-border-subtle: #fea769; - --ds-color-brand2-border-default: #b07349; - --ds-color-brand2-border-strong: #6a452c; + --ds-color-brand2-surface-default: #ffdbc2; + --ds-color-brand2-surface-hover: #fec69e; + --ds-color-brand2-surface-active: #feb17a; + --ds-color-brand2-border-subtle: #fea86a; + --ds-color-brand2-border-default: #ac7147; + --ds-color-brand2-border-strong: #845737; --ds-color-brand2-base-default: #fea769; - --ds-color-brand2-base-hover: #e0945d; + --ds-color-brand2-base-hover: #e0935d; --ds-color-brand2-base-active: #c48151; - --ds-color-brand2-text-subtle: #875838; - --ds-color-brand2-text-default: #3c2719; + --ds-color-brand2-text-subtle: #845737; + --ds-color-brand2-text-default: #3b2718; --ds-color-brand2-contrast-default: #000000; - --ds-color-brand2-contrast-subtle: #362316; - --ds-color-brand3-background-default: #fcfefd; - --ds-color-brand3-background-subtle: #edf5f3; - --ds-color-brand3-surface-default: #d3e6e1; - --ds-color-brand3-surface-hover: #bad7cf; - --ds-color-brand3-surface-active: #a1c9bf; - --ds-color-brand3-border-subtle: #98c4b9; - --ds-color-brand3-border-default: #508c7c; - --ds-color-brand3-border-strong: #31544b; + --ds-color-brand2-contrast-subtle: #372417; + --ds-color-brand3-background-default: #ffffff; + --ds-color-brand3-background-subtle: #eef5f3; + --ds-color-brand3-surface-default: #d4e6e1; + --ds-color-brand3-surface-hover: #bad8d0; + --ds-color-brand3-surface-active: #a3cac0; + --ds-color-brand3-border-subtle: #99c5b9; + --ds-color-brand3-border-default: #4f897a; + --ds-color-brand3-border-strong: #3d6a5e; --ds-color-brand3-base-default: #5da290; - --ds-color-brand3-base-hover: #508c7c; - --ds-color-brand3-base-active: #437668; - --ds-color-brand3-text-subtle: #3e6b60; - --ds-color-brand3-text-default: #1c302b; + --ds-color-brand3-base-hover: #7fb6a8; + --ds-color-brand3-base-active: #a0c8be; + --ds-color-brand3-text-subtle: #3d6a5e; + --ds-color-brand3-text-default: #1b2f2a; --ds-color-brand3-contrast-default: #000000; - --ds-color-brand3-contrast-subtle: #050808; - --ds-color-success-background-default: #fcfefc; - --ds-color-success-background-subtle: #edf6ee; - --ds-color-success-surface-default: #d1e9d4; - --ds-color-success-surface-hover: #b5dbba; - --ds-color-success-surface-active: #96cd9e; + --ds-color-brand3-contrast-subtle: #040807; + --ds-color-success-background-default: #ffffff; + --ds-color-success-background-subtle: #ecf6ee; + --ds-color-success-surface-default: #d0e8d3; + --ds-color-success-surface-hover: #b4dbba; + --ds-color-success-surface-active: #9bcfa2; --ds-color-success-border-subtle: #8fc997; - --ds-color-success-border-default: #229532; - --ds-color-success-border-strong: #045a10; + --ds-color-success-border-default: #1d922d; + --ds-color-success-border-strong: #057114; --ds-color-success-base-default: #068718; --ds-color-success-base-hover: #057014; --ds-color-success-base-active: #045a10; - --ds-color-success-text-subtle: #057315; + --ds-color-success-text-subtle: #057114; --ds-color-success-text-default: #023409; --ds-color-success-contrast-default: #ffffff; - --ds-color-success-contrast-subtle: #f9fcf9; - --ds-color-danger-background-default: #fffefe; + --ds-color-success-contrast-subtle: #fafdfb; + --ds-color-danger-background-default: #ffffff; --ds-color-danger-background-subtle: #fbf1f1; --ds-color-danger-surface-default: #f5dcdc; - --ds-color-danger-surface-hover: #f0c7c7; - --ds-color-danger-surface-active: #eab3b3; - --ds-color-danger-border-subtle: #e8acac; - --ds-color-danger-border-default: #d25b5b; - --ds-color-danger-border-strong: #9a1616; - --ds-color-danger-base-default: #C01B1B; - --ds-color-danger-base-hover: #9c1616; + --ds-color-danger-surface-hover: #f0c8c8; + --ds-color-danger-surface-active: #ebb5b5; + --ds-color-danger-border-subtle: #e8adad; + --ds-color-danger-border-default: #d15757; + --ds-color-danger-border-strong: #bf1b1b; + --ds-color-danger-base-default: #bf1b1b; + --ds-color-danger-base-hover: #9b1616; --ds-color-danger-base-active: #791111; - --ds-color-danger-text-subtle: #c22020; - --ds-color-danger-text-default: #5a0d0d; + --ds-color-danger-text-subtle: #bf1b1b; + --ds-color-danger-text-default: #590d0d; --ds-color-danger-contrast-default: #ffffff; --ds-color-danger-contrast-subtle: #f7e1e1; - --ds-color-info-background-default: #fefeff; + --ds-color-info-background-default: #ffffff; --ds-color-info-background-subtle: #edf5fa; - --ds-color-info-surface-default: #d3e5f4; + --ds-color-info-surface-default: #d2e5f3; --ds-color-info-surface-hover: #b7d5ed; - --ds-color-info-surface-active: #9bc5e5; + --ds-color-info-surface-active: #9fc7e6; --ds-color-info-border-subtle: #94c1e3; - --ds-color-info-border-default: #2f86c9; - --ds-color-info-border-strong: #075089; - --ds-color-info-base-default: #0A71C0; - --ds-color-info-base-hover: #085e9f; - --ds-color-info-base-active: #074a7f; - --ds-color-info-text-subtle: #0966ac; + --ds-color-info-border-default: #2a83c8; + --ds-color-info-border-strong: #0964a9; + --ds-color-info-base-default: #0a71bf; + --ds-color-info-base-hover: #085d9f; + --ds-color-info-base-active: #074a7e; + --ds-color-info-text-subtle: #0964a9; --ds-color-info-text-default: #042d4d; --ds-color-info-contrast-default: #ffffff; - --ds-color-info-contrast-subtle: #edf5fa; - --ds-color-warning-background-default: #fffefd; - --ds-color-warning-background-subtle: #f9f4e2; - --ds-color-warning-surface-default: #efe2b3; - --ds-color-warning-surface-hover: #e5d183; - --ds-color-warning-surface-active: #dcbf53; + --ds-color-info-contrast-subtle: #eff6fb; + --ds-color-warning-background-default: #ffffff; + --ds-color-warning-background-subtle: #f9f4e1; + --ds-color-warning-surface-default: #efe2b2; + --ds-color-warning-surface-hover: #e6d184; + --ds-color-warning-surface-active: #ddc159; --ds-color-warning-border-subtle: #d9b945; - --ds-color-warning-border-default: #987f22; - --ds-color-warning-border-strong: #5c4c14; - --ds-color-warning-base-default: #B8581D; - --ds-color-warning-base-hover: #984918; - --ds-color-warning-base-active: #7a3b13; - --ds-color-warning-text-subtle: #9e4b19; - --ds-color-warning-text-default: #47220b; + --ds-color-warning-border-default: #957c21; + --ds-color-warning-border-strong: #736019; + --ds-color-warning-base-default: #b7581d; + --ds-color-warning-base-hover: #994918; + --ds-color-warning-base-active: #7b3b13; + --ds-color-warning-text-subtle: #9b4a18; + --ds-color-warning-text-default: #46220b; --ds-color-warning-contrast-default: #ffffff; - --ds-color-warning-contrast-subtle: #fdfbf9; - --ds-color-focus-inner: #fefefe; - --ds-color-focus-outer: #002d54; + --ds-color-warning-contrast-subtle: #fdf9f8; + --ds-color-focus-inner: #ffffff; + --ds-color-focus-outer: #002c54; color-scheme: light; } @media (prefers-color-scheme: light) { [data-color-scheme="auto"] { - --ds-global-blue-1: #fefeff; + --ds-global-blue-1: #ffffff; --ds-global-blue-2: #edf5fa; - --ds-global-blue-3: #d3e5f4; + --ds-global-blue-3: #d2e5f3; --ds-global-blue-4: #b7d5ed; - --ds-global-blue-5: #9bc5e5; + --ds-global-blue-5: #9fc7e6; --ds-global-blue-6: #94c1e3; - --ds-global-blue-7: #2f86c9; - --ds-global-blue-8: #075089; - --ds-global-blue-9: #0A71C0; - --ds-global-blue-10: #085e9f; - --ds-global-blue-11: #074a7f; - --ds-global-blue-12: #0966ac; + --ds-global-blue-7: #2a83c8; + --ds-global-blue-8: #0964a9; + --ds-global-blue-9: #0a71bf; + --ds-global-blue-10: #085d9f; + --ds-global-blue-11: #074a7e; + --ds-global-blue-12: #0964a9; --ds-global-blue-13: #042d4d; --ds-global-blue-contrast-1: #ffffff; - --ds-global-blue-contrast-2: #edf5fa; - --ds-global-green-1: #fcfefc; - --ds-global-green-2: #edf6ee; - --ds-global-green-3: #d1e9d4; - --ds-global-green-4: #b5dbba; - --ds-global-green-5: #96cd9e; + --ds-global-blue-contrast-2: #eff6fb; + --ds-global-green-1: #ffffff; + --ds-global-green-2: #ecf6ee; + --ds-global-green-3: #d0e8d3; + --ds-global-green-4: #b4dbba; + --ds-global-green-5: #9bcfa2; --ds-global-green-6: #8fc997; - --ds-global-green-7: #229532; - --ds-global-green-8: #045a10; + --ds-global-green-7: #1d922d; + --ds-global-green-8: #057114; --ds-global-green-9: #068718; --ds-global-green-10: #057014; --ds-global-green-11: #045a10; - --ds-global-green-12: #057315; + --ds-global-green-12: #057114; --ds-global-green-13: #023409; --ds-global-green-contrast-1: #ffffff; - --ds-global-green-contrast-2: #f9fcf9; - --ds-global-orange-1: #fffefe; - --ds-global-orange-2: #f9f2ed; - --ds-global-orange-3: #f1ded3; - --ds-global-orange-4: #e9cbb8; - --ds-global-orange-5: #e1b9a0; - --ds-global-orange-6: #deb296; - --ds-global-orange-7: #c06b36; - --ds-global-orange-8: #7c3b14; - --ds-global-orange-9: #B8581D; - --ds-global-orange-10: #984918; - --ds-global-orange-11: #7a3b13; - --ds-global-orange-12: #9e4b19; - --ds-global-orange-13: #47220b; + --ds-global-green-contrast-2: #fafdfb; + --ds-global-orange-1: #ffffff; + --ds-global-orange-2: #faf2ee; + --ds-global-orange-3: #f1dfd3; + --ds-global-orange-4: #e9ccba; + --ds-global-orange-5: #e2baa2; + --ds-global-orange-6: #dfb398; + --ds-global-orange-7: #bf6732; + --ds-global-orange-8: #9b4a18; + --ds-global-orange-9: #b7581d; + --ds-global-orange-10: #994918; + --ds-global-orange-11: #7b3b13; + --ds-global-orange-12: #9b4a18; + --ds-global-orange-13: #46220b; --ds-global-orange-contrast-1: #ffffff; - --ds-global-orange-contrast-2: #fdfbf9; - --ds-global-purple-1: #fefefe; - --ds-global-purple-2: #f5f2f9; + --ds-global-orange-contrast-2: #fdf9f8; + --ds-global-purple-1: #ffffff; + --ds-global-purple-2: #f6f2f9; --ds-global-purple-3: #e7dfef; - --ds-global-purple-4: #d9cce6; - --ds-global-purple-5: #ccbadd; + --ds-global-purple-4: #d9cde6; + --ds-global-purple-5: #cdbcdd; --ds-global-purple-6: #c7b4da; - --ds-global-purple-7: #9572b9; - --ds-global-purple-8: #663399; + --ds-global-purple-7: #936fb7; + --ds-global-purple-8: #794ca6; --ds-global-purple-9: #663299; - --ds-global-purple-10: #4e2676; + --ds-global-purple-10: #4f2776; --ds-global-purple-11: #371b53; - --ds-global-purple-12: #7b4ea7; - --ds-global-purple-13: #3b1d59; + --ds-global-purple-12: #794ca6; + --ds-global-purple-13: #3a1d57; --ds-global-purple-contrast-1: #ffffff; --ds-global-purple-contrast-2: #eee8f3; - --ds-global-red-1: #fffefe; + --ds-global-red-1: #ffffff; --ds-global-red-2: #fbf1f1; --ds-global-red-3: #f5dcdc; - --ds-global-red-4: #f0c7c7; - --ds-global-red-5: #eab3b3; - --ds-global-red-6: #e8acac; - --ds-global-red-7: #d25b5b; - --ds-global-red-8: #9a1616; - --ds-global-red-9: #C01B1B; - --ds-global-red-10: #9c1616; + --ds-global-red-4: #f0c8c8; + --ds-global-red-5: #ebb5b5; + --ds-global-red-6: #e8adad; + --ds-global-red-7: #d15757; + --ds-global-red-8: #bf1b1b; + --ds-global-red-9: #bf1b1b; + --ds-global-red-10: #9b1616; --ds-global-red-11: #791111; - --ds-global-red-12: #c22020; - --ds-global-red-13: #5a0d0d; + --ds-global-red-12: #bf1b1b; + --ds-global-red-13: #590d0d; --ds-global-red-contrast-1: #ffffff; --ds-global-red-contrast-2: #f7e1e1; - --ds-global-yellow-1: #fffefd; - --ds-global-yellow-2: #f9f4e2; - --ds-global-yellow-3: #efe2b3; - --ds-global-yellow-4: #e5d183; - --ds-global-yellow-5: #dcbf53; + --ds-global-yellow-1: #ffffff; + --ds-global-yellow-2: #f9f4e1; + --ds-global-yellow-3: #efe2b2; + --ds-global-yellow-4: #e6d184; + --ds-global-yellow-5: #ddc159; --ds-global-yellow-6: #d9b945; - --ds-global-yellow-7: #987f22; - --ds-global-yellow-8: #5c4c14; - --ds-global-yellow-9: #D4B12F; + --ds-global-yellow-7: #957c21; + --ds-global-yellow-8: #736019; + --ds-global-yellow-9: #d4b12f; --ds-global-yellow-10: #bb9c2a; - --ds-global-yellow-11: #a28724; - --ds-global-yellow-12: #75611a; - --ds-global-yellow-13: #342b0c; + --ds-global-yellow-11: #a38824; + --ds-global-yellow-12: #736019; + --ds-global-yellow-13: #332b0b; --ds-global-yellow-contrast-1: #000000; - --ds-global-yellow-contrast-2: #282109; - --ds-color-accent-background-default: #fefeff; + --ds-global-yellow-contrast-2: #282209; + --ds-color-accent-background-default: #ffffff; --ds-color-accent-background-subtle: #eef4fa; - --ds-color-accent-surface-default: #d1e3f3; - --ds-color-accent-surface-hover: #bad5ec; - --ds-color-accent-surface-active: #a1c5e5; - --ds-color-accent-border-subtle: #97bfe3; - --ds-color-accent-border-default: #3885c9; - --ds-color-accent-border-strong: #014e93; - --ds-color-accent-base-default: #0163ba; - --ds-color-accent-base-hover: #015097; - --ds-color-accent-base-active: #013f75; - --ds-color-accent-text-subtle: #0163ba; - --ds-color-accent-text-default: #002d54; + --ds-color-accent-surface-default: #d4e4f3; + --ds-color-accent-surface-hover: #bbd5ec; + --ds-color-accent-surface-active: #a3c6e6; + --ds-color-accent-border-subtle: #99c0e3; + --ds-color-accent-border-default: #3582c8; + --ds-color-accent-border-strong: #0161b8; + --ds-color-accent-base-default: #0162b9; + --ds-color-accent-base-hover: #014f96; + --ds-color-accent-base-active: #013d75; + --ds-color-accent-text-subtle: #0161b8; + --ds-color-accent-text-default: #002c54; --ds-color-accent-contrast-default: #ffffff; --ds-color-accent-contrast-subtle: #dbe9f5; - --ds-color-neutral-background-default: #fefefe; - --ds-color-neutral-background-subtle: #f3f4f5; - --ds-color-neutral-surface-default: #e1e3e5; - --ds-color-neutral-surface-hover: #ced1d4; - --ds-color-neutral-surface-active: #bdc1c6; + --ds-color-neutral-background-default: #ffffff; + --ds-color-neutral-background-subtle: #f3f4f4; + --ds-color-neutral-surface-default: #e0e2e4; + --ds-color-neutral-surface-hover: #cfd2d5; + --ds-color-neutral-surface-active: #bfc3c7; --ds-color-neutral-border-subtle: #b8bcc1; - --ds-color-neutral-border-default: #7a818c; - --ds-color-neutral-border-strong: #444e5d; + --ds-color-neutral-border-default: #777f89; + --ds-color-neutral-border-strong: #59626f; --ds-color-neutral-base-default: #1e2b3c; - --ds-color-neutral-base-hover: #303c4b; - --ds-color-neutral-base-active: #444e5d; - --ds-color-neutral-text-subtle: #5b6471; - --ds-color-neutral-text-default: #202c3d; + --ds-color-neutral-base-hover: #313d4d; + --ds-color-neutral-base-active: #444f5d; + --ds-color-neutral-text-subtle: #59626f; + --ds-color-neutral-text-default: #1f2c3d; --ds-color-neutral-contrast-default: #ffffff; - --ds-color-neutral-contrast-subtle: #bbbfc4; - --ds-color-brand1-background-default: #fefeff; - --ds-color-brand1-background-subtle: #f3f4fc; - --ds-color-brand1-surface-default: #dfe0f6; - --ds-color-brand1-surface-hover: #cecff1; - --ds-color-brand1-surface-active: #bbbdec; - --ds-color-brand1-border-subtle: #b5b7ea; - --ds-color-brand1-border-default: #7377d8; - --ds-color-brand1-border-strong: #414595; + --ds-color-neutral-contrast-subtle: #babec4; + --ds-color-brand1-background-default: #ffffff; + --ds-color-brand1-background-subtle: #f3f3fb; + --ds-color-brand1-surface-default: #e0e0f6; + --ds-color-brand1-surface-hover: #cdcff1; + --ds-color-brand1-surface-active: #bdbfec; + --ds-color-brand1-border-subtle: #b5b8ea; + --ds-color-brand1-border-default: #7075d7; + --ds-color-brand1-border-strong: #5156bb; --ds-color-brand1-base-default: #5b60d1; - --ds-color-brand1-base-hover: #4b4fad; - --ds-color-brand1-base-active: #3b3e88; - --ds-color-brand1-text-subtle: #5357be; - --ds-color-brand1-text-default: #252756; + --ds-color-brand1-base-hover: #4b4fab; + --ds-color-brand1-base-active: #3b3e87; + --ds-color-brand1-text-subtle: #5156bb; + --ds-color-brand1-text-default: #252754; --ds-color-brand1-contrast-default: #ffffff; - --ds-color-brand1-contrast-subtle: #f3f4fc; - --ds-color-brand2-background-default: #fffdfb; + --ds-color-brand1-contrast-subtle: #f2f2fb; + --ds-color-brand2-background-default: #ffffff; --ds-color-brand2-background-subtle: #fff1e7; - --ds-color-brand2-surface-default: #ffdac0; - --ds-color-brand2-surface-hover: #fec59c; - --ds-color-brand2-surface-active: #feb078; - --ds-color-brand2-border-subtle: #fea769; - --ds-color-brand2-border-default: #b07349; - --ds-color-brand2-border-strong: #6a452c; + --ds-color-brand2-surface-default: #ffdbc2; + --ds-color-brand2-surface-hover: #fec69e; + --ds-color-brand2-surface-active: #feb17a; + --ds-color-brand2-border-subtle: #fea86a; + --ds-color-brand2-border-default: #ac7147; + --ds-color-brand2-border-strong: #845737; --ds-color-brand2-base-default: #fea769; - --ds-color-brand2-base-hover: #e0945d; + --ds-color-brand2-base-hover: #e0935d; --ds-color-brand2-base-active: #c48151; - --ds-color-brand2-text-subtle: #875838; - --ds-color-brand2-text-default: #3c2719; + --ds-color-brand2-text-subtle: #845737; + --ds-color-brand2-text-default: #3b2718; --ds-color-brand2-contrast-default: #000000; - --ds-color-brand2-contrast-subtle: #362316; - --ds-color-brand3-background-default: #fcfefd; - --ds-color-brand3-background-subtle: #edf5f3; - --ds-color-brand3-surface-default: #d3e6e1; - --ds-color-brand3-surface-hover: #bad7cf; - --ds-color-brand3-surface-active: #a1c9bf; - --ds-color-brand3-border-subtle: #98c4b9; - --ds-color-brand3-border-default: #508c7c; - --ds-color-brand3-border-strong: #31544b; + --ds-color-brand2-contrast-subtle: #372417; + --ds-color-brand3-background-default: #ffffff; + --ds-color-brand3-background-subtle: #eef5f3; + --ds-color-brand3-surface-default: #d4e6e1; + --ds-color-brand3-surface-hover: #bad8d0; + --ds-color-brand3-surface-active: #a3cac0; + --ds-color-brand3-border-subtle: #99c5b9; + --ds-color-brand3-border-default: #4f897a; + --ds-color-brand3-border-strong: #3d6a5e; --ds-color-brand3-base-default: #5da290; - --ds-color-brand3-base-hover: #508c7c; - --ds-color-brand3-base-active: #437668; - --ds-color-brand3-text-subtle: #3e6b60; - --ds-color-brand3-text-default: #1c302b; + --ds-color-brand3-base-hover: #7fb6a8; + --ds-color-brand3-base-active: #a0c8be; + --ds-color-brand3-text-subtle: #3d6a5e; + --ds-color-brand3-text-default: #1b2f2a; --ds-color-brand3-contrast-default: #000000; - --ds-color-brand3-contrast-subtle: #050808; - --ds-color-success-background-default: #fcfefc; - --ds-color-success-background-subtle: #edf6ee; - --ds-color-success-surface-default: #d1e9d4; - --ds-color-success-surface-hover: #b5dbba; - --ds-color-success-surface-active: #96cd9e; + --ds-color-brand3-contrast-subtle: #040807; + --ds-color-success-background-default: #ffffff; + --ds-color-success-background-subtle: #ecf6ee; + --ds-color-success-surface-default: #d0e8d3; + --ds-color-success-surface-hover: #b4dbba; + --ds-color-success-surface-active: #9bcfa2; --ds-color-success-border-subtle: #8fc997; - --ds-color-success-border-default: #229532; - --ds-color-success-border-strong: #045a10; + --ds-color-success-border-default: #1d922d; + --ds-color-success-border-strong: #057114; --ds-color-success-base-default: #068718; --ds-color-success-base-hover: #057014; --ds-color-success-base-active: #045a10; - --ds-color-success-text-subtle: #057315; + --ds-color-success-text-subtle: #057114; --ds-color-success-text-default: #023409; --ds-color-success-contrast-default: #ffffff; - --ds-color-success-contrast-subtle: #f9fcf9; - --ds-color-danger-background-default: #fffefe; + --ds-color-success-contrast-subtle: #fafdfb; + --ds-color-danger-background-default: #ffffff; --ds-color-danger-background-subtle: #fbf1f1; --ds-color-danger-surface-default: #f5dcdc; - --ds-color-danger-surface-hover: #f0c7c7; - --ds-color-danger-surface-active: #eab3b3; - --ds-color-danger-border-subtle: #e8acac; - --ds-color-danger-border-default: #d25b5b; - --ds-color-danger-border-strong: #9a1616; - --ds-color-danger-base-default: #C01B1B; - --ds-color-danger-base-hover: #9c1616; + --ds-color-danger-surface-hover: #f0c8c8; + --ds-color-danger-surface-active: #ebb5b5; + --ds-color-danger-border-subtle: #e8adad; + --ds-color-danger-border-default: #d15757; + --ds-color-danger-border-strong: #bf1b1b; + --ds-color-danger-base-default: #bf1b1b; + --ds-color-danger-base-hover: #9b1616; --ds-color-danger-base-active: #791111; - --ds-color-danger-text-subtle: #c22020; - --ds-color-danger-text-default: #5a0d0d; + --ds-color-danger-text-subtle: #bf1b1b; + --ds-color-danger-text-default: #590d0d; --ds-color-danger-contrast-default: #ffffff; --ds-color-danger-contrast-subtle: #f7e1e1; - --ds-color-info-background-default: #fefeff; + --ds-color-info-background-default: #ffffff; --ds-color-info-background-subtle: #edf5fa; - --ds-color-info-surface-default: #d3e5f4; + --ds-color-info-surface-default: #d2e5f3; --ds-color-info-surface-hover: #b7d5ed; - --ds-color-info-surface-active: #9bc5e5; + --ds-color-info-surface-active: #9fc7e6; --ds-color-info-border-subtle: #94c1e3; - --ds-color-info-border-default: #2f86c9; - --ds-color-info-border-strong: #075089; - --ds-color-info-base-default: #0A71C0; - --ds-color-info-base-hover: #085e9f; - --ds-color-info-base-active: #074a7f; - --ds-color-info-text-subtle: #0966ac; + --ds-color-info-border-default: #2a83c8; + --ds-color-info-border-strong: #0964a9; + --ds-color-info-base-default: #0a71bf; + --ds-color-info-base-hover: #085d9f; + --ds-color-info-base-active: #074a7e; + --ds-color-info-text-subtle: #0964a9; --ds-color-info-text-default: #042d4d; --ds-color-info-contrast-default: #ffffff; - --ds-color-info-contrast-subtle: #edf5fa; - --ds-color-warning-background-default: #fffefd; - --ds-color-warning-background-subtle: #f9f4e2; - --ds-color-warning-surface-default: #efe2b3; - --ds-color-warning-surface-hover: #e5d183; - --ds-color-warning-surface-active: #dcbf53; + --ds-color-info-contrast-subtle: #eff6fb; + --ds-color-warning-background-default: #ffffff; + --ds-color-warning-background-subtle: #f9f4e1; + --ds-color-warning-surface-default: #efe2b2; + --ds-color-warning-surface-hover: #e6d184; + --ds-color-warning-surface-active: #ddc159; --ds-color-warning-border-subtle: #d9b945; - --ds-color-warning-border-default: #987f22; - --ds-color-warning-border-strong: #5c4c14; - --ds-color-warning-base-default: #B8581D; - --ds-color-warning-base-hover: #984918; - --ds-color-warning-base-active: #7a3b13; - --ds-color-warning-text-subtle: #9e4b19; - --ds-color-warning-text-default: #47220b; + --ds-color-warning-border-default: #957c21; + --ds-color-warning-border-strong: #736019; + --ds-color-warning-base-default: #b7581d; + --ds-color-warning-base-hover: #994918; + --ds-color-warning-base-active: #7b3b13; + --ds-color-warning-text-subtle: #9b4a18; + --ds-color-warning-text-default: #46220b; --ds-color-warning-contrast-default: #ffffff; - --ds-color-warning-contrast-subtle: #fdfbf9; - --ds-color-focus-inner: #fefefe; - --ds-color-focus-outer: #002d54; + --ds-color-warning-contrast-subtle: #fdf9f8; + --ds-color-focus-inner: #ffffff; + --ds-color-focus-outer: #002c54; color-scheme: light; } From b590481af46fd1cc4de0817e8343b8843a9d5ab3 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Tue, 10 Dec 2024 08:50:23 +0100 Subject: [PATCH 22/24] added changeset --- .changeset/small-seahorses-add.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/small-seahorses-add.md diff --git a/.changeset/small-seahorses-add.md b/.changeset/small-seahorses-add.md new file mode 100644 index 0000000000..e1c4d97c11 --- /dev/null +++ b/.changeset/small-seahorses-add.md @@ -0,0 +1,5 @@ +--- +"@digdir/designsystemet-theme": patch +--- + +Tweaked color codes. Visually remains the same From 0713d85ab919ea4661de12e03194ff397a877625 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Tue, 10 Dec 2024 13:28:43 +0100 Subject: [PATCH 23/24] fix type error --- apps/theme/app/themebuilder/_utils/useThemeParams.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/theme/app/themebuilder/_utils/useThemeParams.tsx b/apps/theme/app/themebuilder/_utils/useThemeParams.tsx index 695b115179..862ad5a646 100644 --- a/apps/theme/app/themebuilder/_utils/useThemeParams.tsx +++ b/apps/theme/app/themebuilder/_utils/useThemeParams.tsx @@ -1,6 +1,6 @@ -import type { CssColor } from '@adobe/leonardo-contrast-colors'; import { type ColorMode, + type CssColor, generateThemeForColor, } from '@digdir/designsystemet/color'; import { usePathname, useRouter, useSearchParams } from 'next/navigation'; From 70dd5bb7fc331046dc11bf491a198947a2d2a8e5 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Tue, 10 Dec 2024 13:58:16 +0100 Subject: [PATCH 24/24] fixed some more types --- apps/theme/components/Sidebar/ColorPage/ColorPage.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/apps/theme/components/Sidebar/ColorPage/ColorPage.tsx b/apps/theme/components/Sidebar/ColorPage/ColorPage.tsx index 970d79ceb8..01be6aa766 100644 --- a/apps/theme/components/Sidebar/ColorPage/ColorPage.tsx +++ b/apps/theme/components/Sidebar/ColorPage/ColorPage.tsx @@ -1,6 +1,6 @@ -import type { CssColor } from '@adobe/leonardo-contrast-colors'; import { generateThemeForColor } from '@digdir/designsystemet'; import { Button, Heading, Paragraph } from '@digdir/designsystemet-react'; +import type { CssColor } from '@digdir/designsystemet/color'; import { PlusIcon } from '@navikt/aksel-icons'; import { useState } from 'react'; import { ColorService, useColor } from 'react-color-palette'; @@ -31,12 +31,12 @@ export const ColorPage = ({ onPrevClick, onNextClick }: ColorPageProps) => { const [open, setOpen] = useState(false); const addNewColor = (color: string, name: string) => { - const theme = generateThemeForColor(color as CssColor, 'aa'); + const theme = generateThemeForColor(color as CssColor); addColor({ name: name, colors: theme }, colorType); }; const updateExistingColor = (color: string, name: string) => { - const theme = generateThemeForColor(color as CssColor, 'aa'); + const theme = generateThemeForColor(color as CssColor); updateColor({ name: name, colors: theme }, index, colorType); };