([]);
@@ -21,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 }) => {
@@ -133,7 +99,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 +117,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 (
- 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/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';
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/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);
};
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/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/apps/theme/types.ts b/apps/theme/types.ts
index bf98b30404..e7be941aa1 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 '@digdir/designsystemet/color';
export type modeType = 'light' | 'dark' | 'contrast';
export type ThemeColors = 'accent' | 'neutral' | 'brand1' | 'brand2' | 'brand3';
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/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/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/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/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
+}
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
+}
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
+}
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
+}
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/package.json b/packages/cli/package.json
index 10cec7a73a..1c1b49944b 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,10 +41,14 @@
"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 -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": {
- "@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/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 4576fee6be..43a5d32db2 100644
--- a/packages/cli/src/colors/theme.ts
+++ b/packages/cli/src/colors/theme.ts
@@ -1,11 +1,18 @@
-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 type { Colors } from '../tokens/types.js';
-import type { ColorInfo, ColorMode, ColorNumber, ContrastMode, GlobalColors, ThemeInfo } from './types.js';
-import { getContrastFromHex, getContrastFromLightness, getLightnessFromHex } from './utils.js';
+import type { CssColor } from './types.js';
+
+import chroma from 'chroma-js';
+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',
@@ -16,355 +23,132 @@ 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;
-};
-
/**
- * 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]),
- ],
- });
-};
-
-/**
- *
- * 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: 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: CssColor, colorScheme: ColorMode): ColorInfo[] => {
+ const baseColors = getBaseColors(color, colorScheme);
+ const luminanceValues = luminance[colorScheme];
+
+ // 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() as CssColor,
+ 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: hex as CssColor,
+ number: number as ColorNumber,
+ name: getColorNameFromNumber(number as ColorNumber),
+ };
}
return outputArray;
};
/**
- *
- * 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);
-
- 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,
- };
-};
+export const generateThemeForColor = (color: CssColor): ThemeInfo => ({
+ light: generateScaleForColor(color, 'light'),
+ dark: generateScaleForColor(color, 'dark'),
+ contrast: generateScaleForColor(color, 'contrast'),
+});
-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,
- };
-};
+export const generateColorTheme = ({ colors }: ThemeGenType): GeneratedColorTheme => ({
+ main: R.map(generateThemeForColor, colors.main),
+ support: R.map(generateThemeForColor, colors.support),
+ neutral: generateThemeForColor(colors.neutral),
+});
/**
+ * Generates a color theme for the global colors. Light, Dark and Contrast scales are included.
*
- * 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 generateGlobalColors = (): Record => {
+ return R.mapObjIndexed(generateThemeForColor, baseColors);
};
/**
+ * Returns the base colors for a color and color scheme.
*
- * This function calculates a color that can be used as a subtle contrast color to a base color.
- *
- * @param color The base color
+ * @param color The base color as a hex string
+ * @param colorScheme The color scheme to generate the base colors for
+ * @returns
*/
-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';
+const getBaseColors = (color: CssColor, colorScheme: ColorMode) => {
+ let colorLightness = getLightnessFromHex(color);
+ if (colorScheme !== 'light') {
+ colorLightness = colorLightness <= 30 ? 70 : 100 - colorLightness;
+ }
- targetLightness =
- contrastDirection === 'lighten' ? lightness + doubleALightnessModifier : lightness - doubleALightnessModifier;
+ const modifier = colorLightness <= 30 || (colorLightness >= 49 && colorLightness <= 65) ? -8 : 8;
+ const calculateLightness = (base: number, mod: number) => base - mod;
- return createColorWithLightness(color, targetLightness);
+ 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
*
- * 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
+ * @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: CssColor) =>
+ 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: CssColor): 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();
};
/**
+ * Returns the css variable for a color.
*
- * This function returns the color number based on the color name.
- *
- * @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];
-};
-
-/**
- *
- * 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];
-};
-
-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();
-
- return conv.hex as CssColor;
-};
-
export const getCssVariable = (colorType: string, colorNumber: ColorNumber) => {
return `--ds-color-${colorType}-${getColorNameFromNumber(colorNumber).toLowerCase().replace(/\s/g, '-')}`;
};
diff --git a/packages/cli/src/colors/types.ts b/packages/cli/src/colors/types.ts
index a9f957bf2e..d920202f07 100644
--- a/packages/cli/src/colors/types.ts
+++ b/packages/cli/src/colors/types.ts
@@ -1,16 +1,64 @@
-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 ColorError = 'none' | 'decorative' | 'interaction';
+
export type ColorInfo = {
hex: CssColor;
number: ColorNumber;
name: string;
};
+
export type ThemeInfo = {
light: ColorInfo[];
dark: ColorInfo[];
contrast: ColorInfo[];
};
+
+export type GeneratedColorTheme = {
+ main: Record;
+ support: Record;
+ neutral: ThemeInfo;
+};
+
+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 090e0560eb..b1c60ba84e 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, CssColor } 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;
+ const lum1 = chroma(color1).luminance();
+ const lum2 = chroma(color2).luminance();
+ return (Math.max(lum1, lum2) + 0.05) / (Math.min(lum1, lum2) + 0.05);
};
/**
@@ -311,20 +108,13 @@ export const getContrastFromLightness = (lightness: number, mainColor: CssColor,
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
*
@@ -346,30 +136,121 @@ 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 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 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: 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;
+};
+
+/**
+ * Converts a color to a HEX color
*
* @param color
* @returns
@@ -383,15 +264,3 @@ export const convertToHex = (color?: string): CssColor => {
}
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('')
- );
-};
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/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;
}
diff --git a/yarn.lock b/yarn.lock
index 56dd71e09a..d40985ebf1 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"
@@ -16932,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:^"