From 10986faeb584d99fcf322017749dd82de28f60f8 Mon Sep 17 00:00:00 2001 From: Memo Lopez Date: Thu, 17 Oct 2024 14:14:17 -0600 Subject: [PATCH] fix(tokens): fixed tokens as per UXQA review --- .../genesys-spark-tokens/data/$themes.json | 8 +- .../data/ui/feedback.json | 2 +- .../data/ui/unordered.json | 6 +- .../reports/missing-old-tokens.json | 73 ++ .../reports/missing-used-tokens.json | 7 +- .../reports/new-new-tokens.json | 72 +- .../reports/used-tokens.json | 1 - .../json/gse-flare-dark-core.json | 133 ++-- .../json/gse-flare-dark-semantic.json | 374 ++++----- .../snapshot-new/json/gse-flare-dark-ui.json | 721 +++++++++-------- .../json/gse-flare-light-core.json | 133 ++-- .../json/gse-flare-light-semantic.json | 374 ++++----- .../snapshot-new/json/gse-flare-light-ui.json | 721 +++++++++-------- .../json/gse-legacy-light-core.json | 133 ++-- .../json/gse-legacy-light-semantic.json | 20 +- .../json/gse-legacy-light-ui.json | 91 +-- .../scss/gse-flare-dark-core.scss | 113 +-- .../scss/gse-flare-dark-semantic.scss | 374 ++++----- .../snapshot-new/scss/gse-flare-dark-ui.scss | 723 +++++++++--------- .../scss/gse-flare-light-core.scss | 113 +-- .../scss/gse-flare-light-semantic.scss | 374 ++++----- .../snapshot-new/scss/gse-flare-light-ui.scss | 723 +++++++++--------- .../scss/gse-legacy-light-core.scss | 113 +-- .../scss/gse-legacy-light-semantic.scss | 20 +- .../scss/gse-legacy-light-ui.scss | 91 +-- 25 files changed, 2819 insertions(+), 2694 deletions(-) diff --git a/packages/genesys-spark-tokens/data/$themes.json b/packages/genesys-spark-tokens/data/$themes.json index fdd45ee52..668669490 100644 --- a/packages/genesys-spark-tokens/data/$themes.json +++ b/packages/genesys-spark-tokens/data/$themes.json @@ -237,6 +237,9 @@ "color.haze.900": "7ef521d069fa54b2d0c54c2abb12308defccc1c2", "color.haze.950": "b6a3d16d109077b13b30d59f6abebf3953b97155", "color.haze.1000": "b2aa5a05820dadfb894d390c2b55a52d85da944b", + "font_family.roboto": "dc50b068ce1b65a0841dcad9bc92dfdfb0243ad4", + "font_family.urbanist": "baea2b16c89fe165379efda844872ea548909e86", + "font_family.noto_sans": "bcbe9161d03b94bda69433360e05fb456cc68af9", "font_weight.semi_bold": "3a81b998792b53f91fe828ca1cf5a5731ed00467", "size.2xs": "1ea06e8daa5c26711e77989aa7efb6ffaf37ca4b", "size.3xs": "353c414395ec36a9215fb1e44bd6bbcae61676ee", @@ -351,6 +354,8 @@ "$figmaCollectionId": "VariableCollectionId:28327:138243", "$figmaModeId": "28327:1", "$figmaVariableReferences": { + "theme.font_family.headings": "9873bdf942d20820c95b63c324d1185a38a36977", + "theme.font_family.body": "fea55e158a08e7b793bca0deb975d0260cdc868f", "theme.background.container.primary.10": "82bd2396a245f57fc5929e1418f486d5ee07369e", "theme.background.container.primary.20": "ad9338de48f80bf06477e724c7789fa62c79dbb4", "theme.background.container.primary.30": "961ebc1867b91b40f7d12ee93b2bd52ee0598738", @@ -509,6 +514,8 @@ "$figmaCollectionId": "VariableCollectionId:28327:138243", "$figmaModeId": "28327:2", "$figmaVariableReferences": { + "theme.font_family.headings": "9873bdf942d20820c95b63c324d1185a38a36977", + "theme.font_family.body": "fea55e158a08e7b793bca0deb975d0260cdc868f", "theme.background.container.primary.10": "82bd2396a245f57fc5929e1418f486d5ee07369e", "theme.background.container.primary.20": "ad9338de48f80bf06477e724c7789fa62c79dbb4", "theme.background.container.primary.30": "961ebc1867b91b40f7d12ee93b2bd52ee0598738", @@ -1391,7 +1398,6 @@ "color.focus": "4903357e580485abfbc7eec7c53a94eb42f7f2fd", "card.background-color": "f1ee3f17d5190864c318ecdf9f74569843a5a447", "card.border_radius": "27d8a98ce6e6f6132f91ec3fd77a758a74c2969a", - "card.border_radius-copy": "87d0cb9888261fffa790be906f39a7b790747a7c", "card.padding": "af1ed011aaf01f9be7575a712353e25bb6aaeeda", "tooltip.light.background_color": "05ae3c8ab3aa8ad19b4e54e876c7ddb015649050", "tooltip.light.foreground_color": "22a3415175c18086f4a0ec30fe57099d874f0618", diff --git a/packages/genesys-spark-tokens/data/ui/feedback.json b/packages/genesys-spark-tokens/data/ui/feedback.json index e74b50a0b..64f0186b6 100644 --- a/packages/genesys-spark-tokens/data/ui/feedback.json +++ b/packages/genesys-spark-tokens/data/ui/feedback.json @@ -674,4 +674,4 @@ } } } -} +} \ No newline at end of file diff --git a/packages/genesys-spark-tokens/data/ui/unordered.json b/packages/genesys-spark-tokens/data/ui/unordered.json index bab41d986..15d090714 100644 --- a/packages/genesys-spark-tokens/data/ui/unordered.json +++ b/packages/genesys-spark-tokens/data/ui/unordered.json @@ -5,11 +5,7 @@ "type": "color" }, "border_radius": { - "value": "{theme.border_radius.container.large}", - "type": "borderRadius" - }, - "border_radius-copy": { - "value": "{theme.border_radius.container.large}", + "value": "{container.md.border_radius}", "type": "borderRadius" }, "default": { diff --git a/packages/genesys-spark-tokens/reports/missing-old-tokens.json b/packages/genesys-spark-tokens/reports/missing-old-tokens.json index b73013310..d3fa8eecf 100644 --- a/packages/genesys-spark-tokens/reports/missing-old-tokens.json +++ b/packages/genesys-spark-tokens/reports/missing-old-tokens.json @@ -1,4 +1,55 @@ [ + "--gse-core-color-blueberry-100", + "--gse-core-color-blueberry-1000", + "--gse-core-color-blueberry-200", + "--gse-core-color-blueberry-300", + "--gse-core-color-blueberry-400", + "--gse-core-color-blueberry-50", + "--gse-core-color-blueberry-500", + "--gse-core-color-blueberry-600", + "--gse-core-color-blueberry-700", + "--gse-core-color-blueberry-800", + "--gse-core-color-blueberry-900", + "--gse-core-color-cornflower-100", + "--gse-core-color-cornflower-1000", + "--gse-core-color-cornflower-200", + "--gse-core-color-cornflower-300", + "--gse-core-color-cornflower-400", + "--gse-core-color-cornflower-500", + "--gse-core-color-cornflower-600", + "--gse-core-color-cornflower-700", + "--gse-core-color-cornflower-800", + "--gse-core-color-cornflower-900", + "--gse-core-color-islandaqua-100", + "--gse-core-color-islandaqua-1000", + "--gse-core-color-islandaqua-200", + "--gse-core-color-islandaqua-300", + "--gse-core-color-islandaqua-400", + "--gse-core-color-islandaqua-500", + "--gse-core-color-islandaqua-600", + "--gse-core-color-islandaqua-700", + "--gse-core-color-islandaqua-800", + "--gse-core-color-islandaqua-900", + "--gse-core-color-lavenderhaze-100", + "--gse-core-color-lavenderhaze-1000", + "--gse-core-color-lavenderhaze-200", + "--gse-core-color-lavenderhaze-300", + "--gse-core-color-lavenderhaze-400", + "--gse-core-color-lavenderhaze-500", + "--gse-core-color-lavenderhaze-600", + "--gse-core-color-lavenderhaze-700", + "--gse-core-color-lavenderhaze-800", + "--gse-core-color-lavenderhaze-900", + "--gse-core-color-tomato-100", + "--gse-core-color-tomato-1000", + "--gse-core-color-tomato-200", + "--gse-core-color-tomato-300", + "--gse-core-color-tomato-400", + "--gse-core-color-tomato-500", + "--gse-core-color-tomato-600", + "--gse-core-color-tomato-700", + "--gse-core-color-tomato-800", + "--gse-core-color-tomato-900", "--gse-core-elevation-high-x", "--gse-core-elevation-high-y", "--gse-core-elevation-low-x", @@ -263,6 +314,28 @@ "--gse-ui-modal-heading-letterSpacing", "--gse-ui-popover-boxShadow-x", "--gse-ui-popover-boxShadow-y", + "--gse-ui-tag-accent1-backgroundColor", + "--gse-ui-tag-accent1-foregroundColor", + "--gse-ui-tag-accent10-backgroundColor", + "--gse-ui-tag-accent10-foregroundColor", + "--gse-ui-tag-accent2-backgroundColor", + "--gse-ui-tag-accent2-foregroundColor", + "--gse-ui-tag-accent3-backgroundColor", + "--gse-ui-tag-accent3-foregroundColor", + "--gse-ui-tag-accent4-backgroundColor", + "--gse-ui-tag-accent4-foregroundColor", + "--gse-ui-tag-accent5-backgroundColor", + "--gse-ui-tag-accent5-foregroundColor", + "--gse-ui-tag-accent6-backgroundColor", + "--gse-ui-tag-accent6-foregroundColor", + "--gse-ui-tag-accent7-backgroundColor", + "--gse-ui-tag-accent7-foregroundColor", + "--gse-ui-tag-accent8-backgroundColor", + "--gse-ui-tag-accent8-foregroundColor", + "--gse-ui-tag-accent9-backgroundColor", + "--gse-ui-tag-accent9-foregroundColor", + "--gse-ui-tag-default-backgroundColor", + "--gse-ui-tag-default-foregroundColor", "--gse-ui-tag-large-label-fontFamily", "--gse-ui-tag-large-label-fontSize", "--gse-ui-tag-large-label-fontWeight", diff --git a/packages/genesys-spark-tokens/reports/missing-used-tokens.json b/packages/genesys-spark-tokens/reports/missing-used-tokens.json index fe51488c7..d60e8b14b 100644 --- a/packages/genesys-spark-tokens/reports/missing-used-tokens.json +++ b/packages/genesys-spark-tokens/reports/missing-used-tokens.json @@ -1 +1,6 @@ -[] +[ + "--gse-ui-tag-accent1-backgroundColor", + "--gse-ui-tag-accent1-foregroundColor", + "--gse-ui-tag-default-backgroundColor", + "--gse-ui-tag-default-foregroundColor" +] diff --git a/packages/genesys-spark-tokens/reports/new-new-tokens.json b/packages/genesys-spark-tokens/reports/new-new-tokens.json index 82bb621b0..7db94aeb9 100644 --- a/packages/genesys-spark-tokens/reports/new-new-tokens.json +++ b/packages/genesys-spark-tokens/reports/new-new-tokens.json @@ -3,6 +3,18 @@ "--gse-core-borderWidth-1", "--gse-core-borderWidth-2", "--gse-core-borderWidth-3", + "--gse-core-color-azureBlue-100", + "--gse-core-color-azureBlue-1000", + "--gse-core-color-azureBlue-200", + "--gse-core-color-azureBlue-300", + "--gse-core-color-azureBlue-400", + "--gse-core-color-azureBlue-50", + "--gse-core-color-azureBlue-500", + "--gse-core-color-azureBlue-600", + "--gse-core-color-azureBlue-700", + "--gse-core-color-azureBlue-800", + "--gse-core-color-azureBlue-900", + "--gse-core-color-azureBlue-950", "--gse-core-color-emerald-100", "--gse-core-color-emerald-1000", "--gse-core-color-emerald-200", @@ -13,6 +25,44 @@ "--gse-core-color-emerald-700", "--gse-core-color-emerald-800", "--gse-core-color-emerald-900", + "--gse-core-color-genesysNavy-100", + "--gse-core-color-genesysNavy-1000", + "--gse-core-color-genesysNavy-200", + "--gse-core-color-genesysNavy-300", + "--gse-core-color-genesysNavy-400", + "--gse-core-color-genesysNavy-50", + "--gse-core-color-genesysNavy-500", + "--gse-core-color-genesysNavy-600", + "--gse-core-color-genesysNavy-700", + "--gse-core-color-genesysNavy-800", + "--gse-core-color-genesysNavy-900", + "--gse-core-color-genesysNavy-950", + "--gse-core-color-genesysOrange-100", + "--gse-core-color-genesysOrange-1000", + "--gse-core-color-genesysOrange-200", + "--gse-core-color-genesysOrange-300", + "--gse-core-color-genesysOrange-400", + "--gse-core-color-genesysOrange-50", + "--gse-core-color-genesysOrange-500", + "--gse-core-color-genesysOrange-600", + "--gse-core-color-genesysOrange-700", + "--gse-core-color-genesysOrange-800", + "--gse-core-color-genesysOrange-900", + "--gse-core-color-genesysOrange-950", + "--gse-core-color-haze-100", + "--gse-core-color-haze-1000", + "--gse-core-color-haze-150", + "--gse-core-color-haze-200", + "--gse-core-color-haze-300", + "--gse-core-color-haze-400", + "--gse-core-color-haze-50", + "--gse-core-color-haze-500", + "--gse-core-color-haze-600", + "--gse-core-color-haze-700", + "--gse-core-color-haze-800", + "--gse-core-color-haze-850", + "--gse-core-color-haze-900", + "--gse-core-color-haze-950", "--gse-core-color-honey-100", "--gse-core-color-honey-1000", "--gse-core-color-honey-200", @@ -23,6 +73,18 @@ "--gse-core-color-honey-700", "--gse-core-color-honey-800", "--gse-core-color-honey-900", + "--gse-core-color-island-100", + "--gse-core-color-island-1000", + "--gse-core-color-island-200", + "--gse-core-color-island-300", + "--gse-core-color-island-400", + "--gse-core-color-island-50", + "--gse-core-color-island-500", + "--gse-core-color-island-600", + "--gse-core-color-island-700", + "--gse-core-color-island-800", + "--gse-core-color-island-900", + "--gse-core-color-island-950", "--gse-core-color-pepper-100", "--gse-core-color-pepper-1000", "--gse-core-color-pepper-200", @@ -213,11 +275,15 @@ "--gse-semantic-background-system-customAccents-subtle-accent_7", "--gse-semantic-background-system-customAccents-subtle-accent_8", "--gse-semantic-background-system-customAccents-subtle-accent_9", + "--gse-semantic-background-system-error-tonalHigh", "--gse-semantic-background-system-error-tonalMedium", "--gse-semantic-background-system-error-tonalSubtle", + "--gse-semantic-background-system-info-tonalHigh", "--gse-semantic-background-system-info-tonalMedium", "--gse-semantic-background-system-info-tonalSubtle", + "--gse-semantic-background-system-primary-tonalHigh", "--gse-semantic-background-system-primary-tonalMedium", + "--gse-semantic-background-system-primary-tonalMediumCopy", "--gse-semantic-background-system-primary-tonalSubtle", "--gse-semantic-background-system-progressAndLoading-default", "--gse-semantic-background-system-progressAndLoading-progressed", @@ -228,8 +294,10 @@ "--gse-semantic-background-system-status-offline", "--gse-semantic-background-system-status-onQueue", "--gse-semantic-background-system-status-outOfOffice", + "--gse-semantic-background-system-success-tonalHigh", "--gse-semantic-background-system-success-tonalMedium", "--gse-semantic-background-system-success-tonalSubtle", + "--gse-semantic-background-system-warning-tonalHigh", "--gse-semantic-background-system-warning-tonalMedium", "--gse-semantic-background-system-warning-tonalSubtle", "--gse-semantic-body-lg-bold-fontFamily", @@ -606,6 +674,7 @@ "--gse-semantic-theme-background-system-success-10", "--gse-semantic-theme-background-system-success-20", "--gse-semantic-theme-background-system-success-30", + "--gse-semantic-theme-background-system-success-35", "--gse-semantic-theme-background-system-success-40", "--gse-semantic-theme-background-system-success-5", "--gse-semantic-theme-background-system-success-50", @@ -807,5 +876,6 @@ "--gse-ui-toast-boxShadow-offsetX", "--gse-ui-toast-boxShadow-offsetY", "--gse-ui-tooltip-boxShadow-offsetX", - "--gse-ui-tooltip-boxShadow-offsetY" + "--gse-ui-tooltip-boxShadow-offsetY", + "--gse-ui-tooltip-targetOffset" ] diff --git a/packages/genesys-spark-tokens/reports/used-tokens.json b/packages/genesys-spark-tokens/reports/used-tokens.json index d8bbc6abc..ef0a36b50 100644 --- a/packages/genesys-spark-tokens/reports/used-tokens.json +++ b/packages/genesys-spark-tokens/reports/used-tokens.json @@ -65,7 +65,6 @@ "--gse-semantic-focusOutline-sm-borderWidth", "--gse-semantic-focusRing-cornerRadius", "--gse-semantic-focusRing-default-border-color", - "--gse-semantic-focusRing-default-border-style", "--gse-semantic-focusRing-default-border-width", "--gse-semantic-focusRing-offset", "--gse-semantic-focusRing-small-border-color", diff --git a/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-dark-core.json b/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-dark-core.json index 58ea8b18c..638c8150b 100644 --- a/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-dark-core.json +++ b/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-dark-core.json @@ -35,67 +35,6 @@ "white": "#ffffff", "black": "#000000", "transparent": "rgba(0, 0, 0, 0)", - "cornflower": { - "100": "#f2f2f3", - "200": "#e4e5e7", - "300": "#c6c8ce", - "400": "#a3a7b0", - "500": "#767c8d", - "600": "#626e84", - "700": "#3e5374", - "800": "#23395d", - "900": "#1b2c48", - "1000": "#0f1929" - }, - "islandaqua": { - "100": "#edf8f9", - "200": "#daf0f4", - "300": "#b5e2e8", - "400": "#90d3dd", - "500": "#6bc5d1", - "600": "#46b6c6", - "700": "#2c808c", - "800": "#0c6d7e", - "900": "#115d71", - "1000": "#094052" - }, - "tomato": { - "100": "#fef3f3", - "200": "#fee8e6", - "300": "#fecfcb", - "400": "#feb2ab", - "500": "#fe8f85", - "600": "#fe624d", - "700": "#e35744", - "800": "#c44b3b", - "900": "#a03d30", - "1000": "#712b22" - }, - "lavenderhaze": { - "100": "#fbfcfe", - "200": "#f3f5fb", - "300": "#e8ebf7", - "400": "#d1d7ef", - "500": "#c6ceec", - "600": "#b5bfe6", - "700": "#a8b4e2", - "800": "#9ba9dd", - "900": "#7785b8", - "1000": "#626d97" - }, - "blueberry": { - "50": "#eff0fe", - "100": "#dee1fd", - "200": "#ced2fc", - "300": "#9ca6f9", - "400": "#7b88f7", - "500": "#5a6af5", - "600": "#4856cb", - "700": "#3742a2", - "800": "#252e78", - "900": "#1c2463", - "1000": "#141a4f" - }, "mineral": { "100": "#ddeaf7", "200": "#cde0f4", @@ -227,6 +166,78 @@ "800": "#2e275f", "900": "#241e4b", "1000": "#191536" + }, + "genesys_navy": { + "50": "#f0f1f5", + "100": "#dfe3ec", + "200": "#bfc6d9", + "300": "#9faac6", + "400": "#808db2", + "500": "#596ea6", + "600": "#3d538f", + "700": "#263b73", + "800": "#152550", + "900": "#141c34", + "950": "#141929", + "1000": "#0f1219" + }, + "island": { + "50": "#e6f4fa", + "100": "#cdeaf5", + "200": "#9fd6ea", + "300": "#81cbe5", + "400": "#53bee5", + "500": "#28afe0", + "600": "#1589b2", + "700": "#056385", + "800": "#04445c", + "900": "#003447", + "950": "#002533", + "1000": "#00161f" + }, + "genesys_orange": { + "50": "#ffece8", + "100": "#ffdad1", + "200": "#ffb5a3", + "300": "#ff8f76", + "400": "#ff6a48", + "500": "#ff451a", + "600": "#cc3715", + "700": "#992910", + "800": "#661c0a", + "900": "#4d1508", + "950": "#330e05", + "1000": "#1a0703" + }, + "azure_blue": { + "50": "#eff3ff", + "100": "#d5def7", + "200": "#adbff0", + "300": "#829ce5", + "400": "#5476d5", + "500": "#2954cb", + "600": "#2143a2", + "700": "#19327a", + "800": "#102251", + "900": "#0c193d", + "950": "#081129", + "1000": "#040814" + }, + "haze": { + "50": "#f5f6fa", + "100": "#ebedf5", + "150": "#dce1ed", + "200": "#cad1e1", + "300": "#c1c6d4", + "400": "#b2b7c4", + "500": "#a3a8b5", + "600": "#848891", + "700": "#6a6d75", + "800": "#4f5157", + "850": "#3e4044", + "900": "#2a2a2e", + "950": "#1e1e21", + "1000": "#131315" } }, "font_family": { diff --git a/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-dark-semantic.json b/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-dark-semantic.json index 512964615..1232cc16a 100644 --- a/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-dark-semantic.json +++ b/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-dark-semantic.json @@ -25,58 +25,59 @@ "container": { "primary": { "10": "#ffffff", - "20": "#fbfcfe", - "30": "#f3f5fb", - "40": "#eff0fe", - "50": "#dee1fd", - "60": "#ced2fc" + "20": "#f5f6fa", + "30": "#ebedf5", + "40": "#eff3ff", + "50": "#d5def7", + "60": "#adbff0" }, "secondary": { - "10": "#4856cb", - "20": "#3742a2", - "30": "#252e78" + "10": "#2143a2", + "20": "#19327a", + "30": "#102251" }, "tertiary": { "10": "rgba(0, 0, 0, 0)", - "20": "#c6c8ce" + "20": "#c1c6d4" }, "high_contrast": { - "10": "#1b2c48", - "20": "#1c2463", - "30": "#141a4f", - "40": "#000000" + "10": "#2a2a2e", + "20": "#0c193d", + "30": "#081129", + "40": "#131315" } }, "form_control": { "input": { "10": "#ffffff", - "20": "#c6c8ce" + "20": "#c1c6d4" } }, "overlay": { - "10": "#3e5374cc" + "10": "#263b73cc" }, "system": { "primary": { - "10": "#dee1fd", - "20": "#9ca6f9", - "30": "#5a6af5", - "40": "#3742a2", - "50": "#1c2463" + "10": "#d5def7", + "20": "#829ce5", + "30": "#2954cb", + "40": "#19327a", + "50": "#0c193d" }, "info": { - "5": "#e2dff8", - "10": "#c5bef1", - "20": "#a89ee9", - "30": "#6e5ddb", - "40": "#443989", - "50": "#241e4b" + "5": "#f0f1f5", + "10": "#dfe3ec", + "20": "#9faac6", + "30": "#3d538f", + "40": "#263b73", + "50": "#141c34" }, "success": { "5": "#cef0e6", "10": "#9de1cd", "20": "#6bd3b3", "30": "#09b581", + "35": "#079167", "40": "#056d4d", "50": "#033627" }, @@ -99,140 +100,140 @@ }, "custom_accents": { "bold": { - "10": "#3e5374", - "20": "#626d97", + "10": "#263b73", + "20": "#596ea6", "30": "#3ac49a", - "40": "#0c6d7e", + "40": "#056385", "50": "#607732", "60": "#467aae", "70": "#8a5ecc", "80": "#89387b", "90": "#ff5c77", - "100": "#c44b3b", + "100": "#992910", "110": "#ffc650", - "120": "#b5e2e8", + "120": "#81cbe5", "130": "#5798d9" }, "subtle": { - "10": "#c6c8ce", - "20": "#d1d7ef", + "10": "#9faac6", + "20": "#b2b7c4", "30": "#9de1cd", - "40": "#90d3dd", + "40": "#81cbe5", "50": "#c6dd98", "60": "#9ac1e8", "70": "#cdacff", "80": "#ef9ee1", "90": "#ff9dad", - "100": "#feb2ab", + "100": "#ffb5a3", "110": "#ffdd96", - "120": "#daf0f4" + "120": "#9fd6ea" }, "status": { "10": "#09b581", "20": "#e22245", "30": "#f8c73e", - "40": "#4856cb", - "50": "#626e84", + "40": "#2143a2", + "50": "#848891", "60": "#b74ba4", - "70": "#fe624d" + "70": "#ff451a" } } }, "foreground": { "primary": { - "10": "#3e5374", - "20": "#23395d", - "30": "#1b2c48" + "10": "#4f5157", + "20": "#3e4044", + "30": "#2a2a2e" }, "secondary": { "10": "#ffffff", - "20": "#767c8d", - "30": "#626e84" + "20": "#848891", + "30": "#6a6d75" }, "tertiary": { - "10": "#4856cb", - "20": "#3742a2", - "30": "#252e78", - "05": "#9ca6f9" + "10": "#2143a2", + "20": "#19327a", + "30": "#102251", + "05": "#5476d5" }, "high_contrast": { "10": "#ffffff", - "20": "#e8ebf7", - "30": "#c6ceec" + "20": "#dce1ed", + "30": "#c1c6d4" }, "system": { "primary": { - "10": "#5a6af5" + "10": "#2954cb" }, "info": { - "10": "#6e5ddb" + "10": "#3d538f" }, "success": { - "10": "#09b581" + "10": "#079167" }, "warning": { - "10": "#f8c73e" + "10": "#9a7b25" }, "error": { - "10": "#e22245" + "10": "#b51b37" } }, "special_accents": { "brand": { - "10": "#ff4f1f" + "10": "#ff451a" }, "ai": { "10": "#8a5ecc" } }, "link": { - "10": "#4856cb", - "20": "#3742a2", - "30": "#252e78", - "40": "#8a5ecc" + "10": "#2143a2", + "20": "#19327a", + "30": "#102251", + "40": "#3d538f" }, "icon": { - "10": "#3e5374" + "10": "#4f5157" }, "form_control": { "click_input": { - "10": "#4856cb", - "20": "#3742a2", - "30": "#252e78", - "50": "#767c8d" + "10": "#2143a2", + "20": "#19327a", + "30": "#102251", + "50": "#a3a8b5" } } }, "border": { "focus": { - "10": "#7b88f7" + "10": "#5476d5" }, "divider": { "10": "#ffffff", - "20": "#c6c8ce", - "30": "#4856cb" + "20": "#c1c6d4", + "30": "#2143a2" }, "edges": { "default": { - "10": "#c6c8ce", - "20": "#3e5374", - "30": "#1b2c48", - "05": "#e8ebf7" + "10": "#c1c6d4", + "20": "#4f5157", + "30": "#3e4044", + "05": "#cad1e1" }, "enabled": { - "10": "#4856cb" + "10": "#2143a2" }, "hover": { - "10": "#7b88f7", - "20": "#252e78" + "10": "#5476d5", + "20": "#102251" }, "active": { - "10": "#3742a2" + "10": "#19327a" } }, "system": { "primary": { - "10": "#9ca6f9" + "10": "#829ce5" }, "info": { "10": "#c5bef1" @@ -250,13 +251,13 @@ }, "inputs": { "default": { - "10": "#a3a7b0" + "10": "#a3a8b5" }, "hover": { - "10": "#3742a2" + "10": "#19327a" }, "active": { - "10": "#252e78" + "10": "#102251" } } }, @@ -291,29 +292,29 @@ "background": { "interactive": { "primary": { - "default": "#4856cb", - "hover": "#3742a2", - "active": "#252e78" + "default": "#2143a2", + "hover": "#19327a", + "active": "#102251" }, "secondary": { - "default": "#eff0fe", - "hover": "#dee1fd", - "active": "#ced2fc" + "default": "#eff3ff", + "hover": "#d5def7", + "active": "#adbff0" }, "tertiary": { "default": "rgba(0, 0, 0, 0)", - "hover": "#3742a2", - "active": "#252e78" + "hover": "#19327a", + "active": "#102251" }, "ghost": { "default": "rgba(0, 0, 0, 0)", - "hover": "#dee1fd", - "active": "#ced2fc" + "hover": "#d5def7", + "active": "#adbff0" }, "subtle": { "default": "#ffffff", - "hover": "#dee1fd", - "active": "#ced2fc" + "hover": "#d5def7", + "active": "#adbff0" }, "danger": { "default": "#e22245", @@ -323,97 +324,102 @@ }, "overlay": { "shroud": { - "default": "#3e5374cc" + "default": "#263b73cc" } }, "container": { "page": { "default": "#ffffff", - "tonal_subtle": "#fbfcfe", - "tonal_medium": "#f3f5fb", - "tonal_high": "#dee1fd" + "tonal_subtle": "#f5f6fa", + "tonal_medium": "#ebedf5", + "tonal_high": "#d5def7" }, "elevated": { "default": "#ffffff", - "hover": "#eff0fe", - "active": "#ced2fc", + "hover": "#eff3ff", + "active": "#adbff0", "error": "#f3a7b5" }, "high_constrast": { - "default": "#1b2c48", - "hover": "#141a4f", - "active": "#1c2463" + "default": "#2a2a2e", + "hover": "#081129", + "active": "#0c193d" } }, "system": { "error": { "tonal_medium": "#f3a7b5", + "tonal_high": "#e22245", "tonal_subtle": "#f9d3da" }, "warning": { "tonal_medium": "#fce9b2", + "tonal_high": "#f8c73e", "tonal_subtle": "#fef4d8" }, "success": { "tonal_medium": "#9de1cd", + "tonal_high": "#09b581", "tonal_subtle": "#cef0e6" }, "info": { - "tonal_medium": "#c5bef1", - "tonal_subtle": "#e2dff8" + "tonal_medium": "#dfe3ec", + "tonal_high": "#3d538f", + "tonal_subtle": "#f0f1f5" }, "primary": { - "tonal_medium": "#dee1fd", - "tonal_subtle": "#dee1fd" + "tonal_medium": "#d5def7", + "tonal_medium-copy": "#2954cb", + "tonal_subtle": "#d5def7" }, "custom_accents": { "bold": { - "accent_1": "#3e5374", - "accent_2": "#626d97", + "accent_1": "#263b73", + "accent_2": "#596ea6", "accent_3": "#3ac49a", - "accent_4": "#0c6d7e", + "accent_4": "#056385", "accent_5": "#607732", "accent_6": "#467aae", "accent_7": "#8a5ecc", "accent_8": "#89387b", "accent_9": "#ff5c77", - "accent_10": "#c44b3b", + "accent_10": "#992910", "accent_11": "#ffc650", - "accent_12": "#b5e2e8", + "accent_12": "#81cbe5", "accent_13": "#5798d9" }, "subtle": { - "accent_1": "#c6c8ce", - "accent_2": "#d1d7ef", + "accent_1": "#9faac6", + "accent_2": "#b2b7c4", "accent_3": "#9de1cd", - "accent_4": "#90d3dd", + "accent_4": "#81cbe5", "accent_5": "#c6dd98", "accent_6": "#9ac1e8", "accent_7": "#cdacff", "accent_8": "#ef9ee1", "accent_9": "#ff9dad", - "accent_10": "#feb2ab", + "accent_10": "#ffb5a3", "accent_11": "#ffdd96", - "accent_12": "#daf0f4" + "accent_12": "#9fd6ea" } }, "progress_and_loading": { - "default": "#dee1fd", - "progressed": "#4856cb" + "default": "#d5def7", + "progressed": "#2143a2" }, "status": { "available": "#09b581", "busy": "#e22245", "away": "#f8c73e", - "on_queue": "#4856cb", - "offline": "#626e84", + "on_queue": "#2143a2", + "offline": "#848891", "out_of_office": "#b74ba4", - "notification": "#fe624d" + "notification": "#ff451a" } }, "form_control": { "click_input": { - "track": "#c6c8ce" + "track": "#c1c6d4" }, "text_input": { "track": "#ffffff" @@ -428,24 +434,24 @@ "hover": "#ffffff" }, "secondary": { - "default": "#4856cb", - "active": "#252e78", - "hover": "#3742a2" + "default": "#2143a2", + "active": "#102251", + "hover": "#19327a" }, "tertiary": { - "default": "#4856cb", + "default": "#2143a2", "active": "#ffffff", "hover": "#ffffff" }, "ghost": { - "default": "#4856cb", - "active": "#252e78", - "hover": "#3742a2" + "default": "#2143a2", + "active": "#102251", + "hover": "#19327a" }, "subtle": { - "default": "#3e5374", - "active": "#1b2c48", - "hover": "#23395d" + "default": "#4f5157", + "active": "#2a2a2e", + "hover": "#3e4044" }, "danger": { "default": "#ffffff", @@ -453,103 +459,103 @@ "hover": "#ffffff" }, "link": { - "default": "#4856cb", - "active": "#252e78", - "hover": "#3742a2", - "visited": "#8a5ecc" + "default": "#2143a2", + "active": "#102251", + "hover": "#19327a", + "visited": "#3d538f" }, "indicator": { - "default": "#9ca6f9" + "default": "#5476d5" } }, "container": { - "high_emphasis": "#1b2c48", - "mid_emphasis": "#3e5374", - "low_emphasis": "#626e84", + "high_emphasis": "#2a2a2e", + "mid_emphasis": "#4f5157", + "low_emphasis": "#6a6d75", "high_contrast": { "high_emphasis": "#ffffff", - "mid_emphasis": "#e8ebf7", - "low_emphasis": "#c6ceec" + "mid_emphasis": "#dce1ed", + "low_emphasis": "#c1c6d4" }, "special_accents": { "ai": "#8a5ecc", - "brand": "#ff4f1f" + "brand": "#ff451a" } }, "system": { "custom_accents": { "light": "#ffffff", - "dark": "#1b2c48" + "dark": "#2a2a2e" }, "progress_and_loading": { - "default": "#23395d", + "default": "#3e4044", "progressed": "#ffffff" }, "info": { - "high_emphasis": "#1b2c48", - "accent": "#6e5ddb" + "high_emphasis": "#2a2a2e", + "accent": "#3d538f" }, "success": { - "high_emphasis": "#1b2c48", - "accent": "#09b581" + "high_emphasis": "#2a2a2e", + "accent": "#079167" }, "warning": { - "high_emphasis": "#1b2c48", - "accent": "#f8c73e" + "high_emphasis": "#2a2a2e", + "accent": "#9a7b25" }, "error": { - "high_emphasis": "#1b2c48", - "accent": "#e22245" + "high_emphasis": "#2a2a2e", + "accent": "#b51b37" }, "icon": { - "default": "#3e5374" + "default": "#4f5157" } }, "form_control": { "help_text": { - "default": "#626e84", - "error": "#e22245" + "default": "#6a6d75", + "error": "#b51b37" }, "text_input": { - "placeholder": "#626e84", - "populated": "#1b2c48", - "icon": "#626e84" + "placeholder": "#6a6d75", + "populated": "#2a2a2e", + "icon": "#6a6d75" }, "click_input": { - "enabled": "#767c8d", - "selected": "#4856cb", - "hover": "#3742a2", - "active": "#252e78", - "error": "#e22245" + "enabled": "#a3a8b5", + "selected": "#2143a2", + "hover": "#19327a", + "active": "#102251", + "error": "#b51b37" }, "label": { - "default": "#1b2c48", - "required_accent": "#e22245", - "optional_accent": "#3e5374", - "tooltip": "#3e5374" + "default": "#2a2a2e", + "required_accent": "#b51b37", + "optional_accent": "#4f5157", + "tooltip": "#4f5157" } } }, "border": { - "focus": "#7b88f7", + "focus": "#5476d5", "container": { - "divider": "#c6c8ce", + "divider": "#c1c6d4", "edges": { - "default": "#c6c8ce", - "hover": "#7b88f7", + "default": "#c1c6d4", + "hover": "#5476d5", "error": "#e22245", - "enabled": "#4856cb", - "active": "#3742a2", - "high_emphasis": "#1b2c48", + "enabled": "#2143a2", + "active": "#19327a", + "high_emphasis": "#3e4044", "data_table": { - "default": "#e8ebf7" + "default": "#cad1e1" } }, "high_constrast": { - "default": "#3e5374", - "enabled": "#4856cb", - "hover": "#252e78", - "active": "#3742a2" + "default": "#4f5157", + "enabled": "#2143a2", + "hover": "#102251", + "active": "#19327a" } }, "system": { @@ -557,7 +563,7 @@ "warning": "#fce9b2", "success": "#9de1cd", "error": "#f3a7b5", - "primary": "#9ca6f9" + "primary": "#829ce5" }, "interactive": { "primary": { @@ -567,7 +573,7 @@ "divider": "#ffffff" }, "tertiary": { - "divider": "#4856cb" + "divider": "#2143a2" }, "danger": { "divider": "#ffffff" @@ -575,9 +581,9 @@ }, "form_control": { "text_input": { - "default": "#a3a7b0", - "hover": "#3742a2", - "active": "#252e78", + "default": "#a3a8b5", + "hover": "#19327a", + "active": "#102251", "error": "#e22245" } } diff --git a/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-dark-ui.json b/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-dark-ui.json index c31917e78..53eaa50c7 100644 --- a/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-dark-ui.json +++ b/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-dark-ui.json @@ -1,6 +1,6 @@ { "color": { - "focus": "#7b88f7" + "focus": "#5476d5" }, "form_control": { "input": { @@ -12,21 +12,21 @@ }, "default": { "border": { - "color": "#a3a7b0", + "color": "#a3a8b5", "width": "1px", "style": "solid" } }, "hover": { "border": { - "color": "#3742a2", + "color": "#19327a", "width": "1px", "style": "solid" } }, "active": { "border": { - "color": "#252e78", + "color": "#102251", "width": "1px", "style": "solid" } @@ -40,7 +40,7 @@ }, "disabled": { "border": { - "color": "#a3a7b0", + "color": "#a3a8b5", "width": "1px", "style": "solid" }, @@ -48,11 +48,11 @@ }, "border_radius": "4px", "background_color": "#ffffff", - "placeholder_color": "#626e84", - "suggestion_color": "#626e84", - "populated_color": "#1b2c48", + "placeholder_color": "#6a6d75", + "suggestion_color": "#6a6d75", + "populated_color": "#2a2a2e", "input_clearable": { - "input_clearable_color": "#626e84", + "input_clearable_color": "#6a6d75", "size": "16px" }, "gap": "12px", @@ -66,7 +66,7 @@ "lineHeight": "20px" }, "height": "32px", - "default_color": "#626e84" + "default_color": "#6a6d75" }, "textfield": { "height": "32px", @@ -77,18 +77,18 @@ }, "input_icon": { "size": "16px", - "default_color": "#1b2c48", - "icon_end_color": "#626e84" + "default_color": "#2a2a2e", + "icon_end_color": "#6a6d75" }, "focus_ring": { - "default_color": "#7b88f7" + "default_color": "#5476d5" }, "textarea": { "height": "98px" }, "focus": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" } @@ -97,7 +97,7 @@ "size": "16px" }, "focus_selection": { - "background_color": "#7b88f7" + "background_color": "#5476d5" } }, "label": { @@ -114,7 +114,7 @@ "fontSize": "12px", "lineHeight": "18px" }, - "label_color": "#1b2c48", + "label_color": "#2a2a2e", "indicator": { "text": { "fontFamily": "'Noto Sans'", @@ -122,12 +122,12 @@ "fontSize": "12px", "lineHeight": "18px" }, - "required_color": "#e22245", - "optional_color": "#3e5374" + "required_color": "#b51b37", + "optional_color": "#4f5157" }, "icon_size": "16px", "tooltip_trigger": { - "color": "#3e5374", + "color": "#4f5157", "border_radius": "2px" } }, @@ -151,16 +151,16 @@ }, "padding_small": "4px 0 0 0", "error_padding": "4px 0 0 0", - "default_color": "#626e84", - "error_color": "#e22245", + "default_color": "#6a6d75", + "error_color": "#b51b37", "icon_size": "16px" }, "spin_button": { "gap": "8px" }, "spinner": { - "track": "#4856cb", - "error_color": "#dee1fd" + "track": "#2143a2", + "error_color": "#d5def7" }, "textarea": { "padding": "8px" @@ -175,14 +175,14 @@ "border_radius-copy": "16px", "default": { "border": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" } }, "raised": { "border": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" }, @@ -207,20 +207,20 @@ "tooltip": { "light": { "border": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" }, "background_color": "#ffffff", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "dark": { "border": { - "color": "#1b2c48", + "color": "#3e4044", "width": "1px", "style": "solid" }, - "background_color": "#1b2c48", + "background_color": "#2a2a2e", "foreground_color": "#ffffff", "icon_color": "#ffffff" }, @@ -241,88 +241,75 @@ "fontWeight": "400", "fontSize": "12px", "lineHeight": "18px" - } + }, + "target_offset": "16px" }, "tag": { "border_radius": "16px", "default": { - "background_color": "#23395d", - "foreground_color": "#ffffff", "bold": { - "background_color": "#3e5374", + "background_color": "#263b73", "foreground_color": "#ffffff" }, "subtle": { - "background_color": "#c6c8ce", - "foreground_color": "#1b2c48" + "background_color": "#9faac6", + "foreground_color": "#2a2a2e" } }, "accent1": { - "background_color": "#e4e5e7", - "foreground_color": "#1b2c48", "bold": { - "background_color": "#626d97", + "background_color": "#596ea6", "foreground_color": "#ffffff" }, "subtle": { - "background_color": "#d1d7ef", - "foreground_color": "#1b2c48" + "background_color": "#b2b7c4", + "foreground_color": "#2a2a2e" } }, "accent2": { - "background_color": "#90d3dd", - "foreground_color": "#1b2c48", "bold": { "background_color": "#3ac49a", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "subtle": { "background_color": "#9de1cd", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "accent3": { - "background_color": "#0c6d7e", - "foreground_color": "#ffffff", "bold": { - "background_color": "#0c6d7e", + "background_color": "#056385", "foreground_color": "#ffffff" }, "subtle": { - "background_color": "#90d3dd", - "foreground_color": "#1b2c48" + "background_color": "#81cbe5", + "foreground_color": "#2a2a2e" } }, "accent4": { - "background_color": "#547688", - "foreground_color": "#ffffff", "bold": { "background_color": "#607732", "foreground_color": "#ffffff" }, "subtle": { "background_color": "#c6dd98", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "accent5": { - "background_color": "#a5cae0", - "foreground_color": "#1b2c48", "bold": { "background_color": "#5798d9", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "subtle": { "background_color": "#9ac1e8", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "accent6": { - "background_color": "#b5bfe6", - "foreground_color": "#1b2c48", "subtle": { "background_color": "#cdacff", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "bold": { "background_color": "#8a5ecc", @@ -341,52 +328,44 @@ "gap": "4px" }, "accent7": { - "background_color": "#a05195", - "foreground_color": "#ffffff", "bold": { "background_color": "#89387b", "foreground_color": "#ffffff" }, "subtle": { "background_color": "#ef9ee1", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "height": "20px", "accent8": { - "background_color": "#f95d6a", - "foreground_color": "#1b2c48", "bold": { "background_color": "#ff5c77", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "subtle": { "background_color": "#ff9dad", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "accent9": { - "background_color": "#fe8f85", - "foreground_color": "#1b2c48", "bold": { - "background_color": "#c44b3b", + "background_color": "#992910", "foreground_color": "#ffffff" }, "subtle": { - "background_color": "#feb2ab", - "foreground_color": "#1b2c48" + "background_color": "#ffb5a3", + "foreground_color": "#2a2a2e" } }, "accent10": { - "background_color": "#ffc650", - "foreground_color": "#1b2c48", "bold": { "background_color": "#ffc650", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "subtle": { "background_color": "#ffdd96", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "button": { @@ -415,32 +394,32 @@ "gap": "4px", "info": { "bold": { - "background_color": "#6e5ddb", + "background_color": "#3d538f", "foreground_color": "#ffffff" }, "regular": { - "background_color": "#c5bef1", - "foreground_color": "#1b2c48" + "background_color": "#dfe3ec", + "foreground_color": "#2a2a2e" } }, "success": { "bold": { "background_color": "#09b581", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "regular": { "background_color": "#9de1cd", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "warning": { "bold": { "background_color": "#f8c73e", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "regular": { "background_color": "#fce9b2", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "error": { @@ -450,7 +429,7 @@ }, "regular": { "background_color": "#f3a7b5", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } } }, @@ -464,15 +443,15 @@ "large": { "size": "32px" }, - "color": "#3e5374" + "color": "#4f5157" }, "alert": { "padding": "8px 16px", "gap": "8px", "info": { - "background_color": "#e2dff8", - "foreground_color": "#1b2c48", - "icon_color": "#6e5ddb", + "background_color": "#f0f1f5", + "foreground_color": "#2a2a2e", + "icon_color": "#3d538f", "border": { "color": "#c5bef1", "width": "1px", @@ -481,8 +460,8 @@ }, "success": { "background_color": "#cef0e6", - "foreground_color": "#1b2c48", - "icon_color": "#09b581", + "foreground_color": "#2a2a2e", + "icon_color": "#079167", "border": { "color": "#9de1cd", "width": "1px", @@ -491,8 +470,8 @@ }, "warning": { "background_color": "#fef4d8", - "foreground_color": "#1b2c48", - "icon_color": "#f8c73e", + "foreground_color": "#2a2a2e", + "icon_color": "#9a7b25", "border": { "color": "#fce9b2", "width": "1px", @@ -501,8 +480,8 @@ }, "error": { "background_color": "#f9d3da", - "foreground_color": "#1b2c48", - "icon_color": "#e22245", + "foreground_color": "#2a2a2e", + "icon_color": "#b51b37", "border": { "color": "#f3a7b5", "width": "1px", @@ -525,16 +504,16 @@ }, "rating": { "default": { - "color": "#767c8d" + "color": "#a3a8b5" }, "active": { - "color": "#4856cb" + "color": "#2143a2" }, "hover": { - "color": "#3742a2" + "color": "#19327a" }, "disabled": { - "color": "#767c8d", + "color": "#a3a8b5", "opacity": ".5" }, "size": "16px", @@ -568,7 +547,7 @@ } }, "separator": { - "color": "#c6c8ce" + "color": "#c1c6d4" }, "border_radius": "0" }, @@ -588,30 +567,30 @@ "disabled": { "opacity": ".5", "background_color": "rgba(0, 0, 0, 0)", - "foreground_color": "#4856cb" + "foreground_color": "#2143a2" }, "default": { "background_color": "rgba(0, 0, 0, 0)", - "foreground_color": "#4856cb" + "foreground_color": "#2143a2" }, "hover": { - "background_color": "#dee1fd", - "foreground_color": "#3742a2" + "background_color": "#d5def7", + "foreground_color": "#19327a" }, "active": { - "background_color": "#4856cb", + "background_color": "#2143a2", "foreground_color": "#ffffff" } }, "border_radius": "4px", "height": "32px", "border": { - "color": "#4856cb", + "color": "#2143a2", "width": "1px", "style": "solid" }, "divider": { - "color": "#4856cb", + "color": "#2143a2", "width": "1px", "style": "solid" }, @@ -638,7 +617,7 @@ } }, "separator": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" }, @@ -660,7 +639,7 @@ }, "background_color": "#ffffff", "border": { - "color": "#3742a2", + "color": "#19327a", "width": "1px", "style": "solid" } @@ -668,9 +647,9 @@ "copy_to_clipboard": { "label": { "active": { - "background_color": "#ced2fc" + "background_color": "#adbff0" }, - "foreground_color": "#1b2c48", + "foreground_color": "#2a2a2e", "padding": "2px 4px", "border_radius": "4px", "text": { @@ -690,15 +669,15 @@ }, "tooltip_icon": { "success": { - "foreground_color": "#09b581" + "foreground_color": "#079167" }, "error": { - "foreground_color": "#e22245" + "foreground_color": "#b51b37" } } }, "dismiss_button": { - "foreground_color": "#3e5374" + "foreground_color": "#4f5157" }, "button": { "default": { @@ -730,63 +709,63 @@ "gap": "8px", "primary": { "default": { - "background_color": "#4856cb", + "background_color": "#2143a2", "foreground_color": "#ffffff" }, "hover": { - "background_color": "#3742a2", + "background_color": "#19327a", "foreground_color": "#ffffff" }, "active": { - "background_color": "#252e78", + "background_color": "#102251", "foreground_color": "#ffffff" } }, "secondary": { "default": { - "background_color": "#eff0fe", - "foreground_color": "#4856cb" + "background_color": "#eff3ff", + "foreground_color": "#2143a2" }, "hover": { - "background_color": "#dee1fd", - "foreground_color": "#3742a2" + "background_color": "#d5def7", + "foreground_color": "#19327a" }, "active": { - "background_color": "#ced2fc", - "foreground_color": "#252e78" + "background_color": "#adbff0", + "foreground_color": "#102251" } }, "tertiary": { "default": { "background_color": "rgba(0, 0, 0, 0)", - "foreground_color": "#4856cb", + "foreground_color": "#2143a2", "border": { - "color": "#4856cb", + "color": "#2143a2", "width": "1px", "style": "solid" } }, "hover": { - "background_color": "#3742a2", + "background_color": "#19327a", "foreground_color": "#ffffff" }, "active": { - "background_color": "#252e78", + "background_color": "#102251", "foreground_color": "#ffffff" } }, "ghost": { "default": { "background_color": "rgba(0, 0, 0, 0)", - "foreground_color": "#4856cb" + "foreground_color": "#2143a2" }, "hover": { - "background_color": "#dee1fd", - "foreground_color": "#3742a2" + "background_color": "#d5def7", + "foreground_color": "#19327a" }, "active": { - "background_color": "#ced2fc", - "foreground_color": "#252e78" + "background_color": "#adbff0", + "foreground_color": "#102251" } }, "danger": { @@ -834,7 +813,7 @@ "border_radius": "4px", "tertiary": { "divider": { - "color": "#4856cb", + "color": "#2143a2", "width": "2px", "style": "solid" } @@ -917,42 +896,42 @@ }, "icon": "16px", "default": { - "foregroundColor": "#4856cb" + "foregroundColor": "#2143a2" }, "disabled": { - "foregroundColor": "#4856cb" + "foregroundColor": "#2143a2" }, "hover": { - "foregroundColor": "#3742a2" + "foregroundColor": "#19327a" }, "active": { - "foregroundColor": "#252e78" + "foregroundColor": "#102251" }, "visited": { - "foregroundColor": "#8a5ecc" + "foregroundColor": "#3d538f" }, "border_radius": "0" }, "radio_button": { "icon": { "default": { - "unselected_foreground_color": "#767c8d", - "selected_foreground_color": "#4856cb" + "unselected_foreground_color": "#a3a8b5", + "selected_foreground_color": "#2143a2" }, "hover": { - "foreground_color": "#3742a2" + "foreground_color": "#19327a" }, "active": { - "foreground_color": "#252e78" + "foreground_color": "#102251" }, "error": { - "foreground_color": "#e22245" + "foreground_color": "#b51b37" }, "height": "16px", "width": "16px" }, "label": { - "foreground_color": "#1b2c48", + "foreground_color": "#2a2a2e", "text": { "fontFamily": "'Noto Sans'", "fontWeight": "400", @@ -970,7 +949,7 @@ }, "focus": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -981,23 +960,23 @@ "checkbox": { "icon": { "default": { - "unselected_foreground_color": "#767c8d", - "selected_foreground_color": "#4856cb" + "unselected_foreground_color": "#a3a8b5", + "selected_foreground_color": "#2143a2" }, "hover": { - "foreground_color": "#3742a2" + "foreground_color": "#19327a" }, "active": { - "foreground_color": "#252e78" + "foreground_color": "#102251" }, "error": { - "foreground_color": "#e22245" + "foreground_color": "#b51b37" }, "height": "16px", "width": "16px" }, "label": { - "foreground_color": "#1b2c48", + "foreground_color": "#2a2a2e", "text": { "fontFamily": "'Noto Sans'", "fontWeight": "400", @@ -1015,7 +994,7 @@ }, "focus": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -1053,7 +1032,7 @@ "lineHeight": "18px" } }, - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "shortcut": { "text": { @@ -1063,17 +1042,17 @@ "lineHeight": "20px" }, "default": { - "foreground_color": "#626e84" + "foreground_color": "#6a6d75" }, "selected": { - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "hover": { - "background_color": "#eff0fe" + "background_color": "#eff3ff" }, "selected": { - "background_color": "#ced2fc" + "background_color": "#adbff0" }, "disabled": { "opacity": ".5" @@ -1081,24 +1060,24 @@ "checkbox": { "unchecked": { "default": { - "foreground_color": "#767c8d" + "foreground_color": "#a3a8b5" }, "hover": { - "foreground_color": "#3742a2" + "foreground_color": "#19327a" }, "selected": { - "foreground_color": "#252e78" + "foreground_color": "#102251" } }, "checked": { "default": { - "foreground_color": "#4856cb" + "foreground_color": "#2143a2" }, "hover": { - "foreground_color": "#3742a2" + "foreground_color": "#19327a" }, "selected": { - "foreground_color": "#252e78" + "foreground_color": "#102251" } } }, @@ -1106,18 +1085,18 @@ "width": "16px", "height": "16px", "default": { - "foreground_color": "#3e5374" + "foreground_color": "#4f5157" }, "hover": { - "foreground_color": "#23395d" + "foreground_color": "#3e4044" }, "selected": { - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "focus": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "1px", "style": "solid" } @@ -1129,7 +1108,7 @@ "max_height": "344px", "border_radius": "4px", "border": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" }, @@ -1144,10 +1123,10 @@ "padding": "8px 1px", "background_color": "#ffffff", "scrollbar": { - "foreground_color": "#3e5374" + "foreground_color": "#4f5157" }, "divider": { - "background_color": "#c6c8ce", + "background_color": "#c1c6d4", "margin": "4px 0 8px 0", "height": "1px" }, @@ -1155,7 +1134,7 @@ "title": { "padding": "8px 12px 4px", "height": "32px", - "foreground_color": "#626e84", + "foreground_color": "#6a6d75", "text": { "fontFamily": "Urbanist", "fontWeight": "600", @@ -1165,13 +1144,13 @@ "letterSpacing": "1px" } }, - "padding": "8px 2px", + "padding": "8px 1px", "divider": { "padding": "4px 0px 8px", "height": "13px" }, "subtext": { - "foreground_color": "#626e84" + "foreground_color": "#6a6d75" } } }, @@ -1185,7 +1164,7 @@ "lineHeight": "18px", "fontSize": "12px" }, - "foreground_color": "#23395d" + "foreground_color": "#2a2a2e" }, "subheader": { "text": { @@ -1194,7 +1173,7 @@ "lineHeight": "18px", "fontSize": "12px" }, - "foreground_color": "#626e84" + "foreground_color": "#4f5157" } } }, @@ -1224,7 +1203,7 @@ "width": "250px", "month": { "default": { - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "single": { "header": { @@ -1268,11 +1247,11 @@ }, "selected": { "foreground_color": "#ffffff", - "background_color": "#4856cb", - "hover_background_color": "#3742a2" + "background_color": "#2143a2", + "hover_background_color": "#19327a" }, "hover": { - "background_color": "#eff0fe" + "background_color": "#eff3ff" } }, "date_body": { @@ -1280,7 +1259,7 @@ "gap": "8px" }, "header": { - "background_color": "#4856cb", + "background_color": "#2143a2", "foreground_color": "#ffffff", "gap": "8px", "padding": "12px 16px", @@ -1304,17 +1283,17 @@ }, "selected": { "foreground_color": "#ffffff", - "background_color": "#4856cb", - "hover_background_color": "#3742a2" + "background_color": "#2143a2", + "hover_background_color": "#19327a" }, "hover": { - "background_color": "#eff0fe" + "background_color": "#eff3ff" }, "range": { - "background_color": "#dee1fd" + "background_color": "#d5def7" }, "default": { - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "single": { @@ -1376,7 +1355,7 @@ }, "date_typed": { "gap": "10px", - "background_color": "#dee1fd" + "background_color": "#eff3ff" }, "disabled": { "opacity": ".5" @@ -1384,8 +1363,8 @@ "focus_calendar": { "gap": "2px" }, - "icon_hover": "#3742a2", - "icon_focus": "#3742a2" + "icon_hover": "#3e4044", + "icon_focus": "#2a2a2e" }, "toggle": { "label": { @@ -1401,18 +1380,18 @@ "height": "16px", "enabled": { "off": { - "background_color": "#c6c8ce" + "background_color": "#c1c6d4" }, "on": { - "background_color": "#4856cb" + "background_color": "#2143a2" } }, "disabled": { "off": { - "background_color": "#c6c8ce" + "background_color": "#c1c6d4" }, "on": { - "background_color": "#4856cb" + "background_color": "#2143a2" } }, "error": { @@ -1420,15 +1399,15 @@ "background_color": "#f3a7b5" }, "on": { - "background_color": "#e22245" + "background_color": "#b51b37" } }, "hover": { "off": { - "background_color": "#eff0fe" + "background_color": "#eff3ff" }, "on": { - "background_color": "#3742a2" + "background_color": "#19327a" } }, "border_radius": "100%" @@ -1440,20 +1419,20 @@ "border": { "width": "2px", "style": "solid", - "color": "#7b88f7" + "color": "#5476d5" } }, "enabled": { "border": { "width": "2px", - "color": "#4856cb", + "color": "#2143a2", "style": "solid" } }, "disabled": { "border": { "width": "2px", - "color": "#4856cb", + "color": "#2143a2", "style": "solid" } }, @@ -1465,7 +1444,7 @@ } }, "background_color": "#ffffff", - "foreground_color": "#4856cb", + "foreground_color": "#2143a2", "border_radius": "16px" }, "disabled": { @@ -1473,7 +1452,7 @@ }, "focus": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -1486,14 +1465,14 @@ "padding": "2px" }, "clock_states": { - "default_color": "#3e5374", - "hover_color": "#23395d", - "active_color": "#1b2c48", - "disabled_color": "#3e537480" + "default_color": "#4f5157", + "hover_color": "#3e4044", + "active_color": "#2a2a2e", + "disabled_color": "#4f515780" }, "focus_clock": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -1501,7 +1480,7 @@ }, "focus_ampm": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -1509,7 +1488,7 @@ }, "focus_time": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -1521,8 +1500,8 @@ }, "color_picker": { "label": { - "required_symbol_color": "#e22245", - "text_color": "#1b2c48", + "required_symbol_color": "#b51b37", + "text_color": "#2a2a2e", "text": { "fontFamily": "'Noto Sans'", "fontWeight": "400", @@ -1533,9 +1512,9 @@ "input_container": { "background_color": "#ffffff", "border": { - "default_color": "#a3a7b0", - "hover_color": "#3742a2", - "active_color": "#252e78", + "default_color": "#a3a8b5", + "hover_color": "#19327a", + "active_color": "#102251", "error_color": "#e22245" } }, @@ -1551,16 +1530,16 @@ "width": "20px", "height": "20px", "default": { - "background_color": "#4856cb" + "background_color": "#2143a2" }, "hover": { - "background_color": "#3742a2" + "background_color": "#19327a" }, "active": { - "background_color": "#252e78" + "background_color": "#102251" }, "disabled": { - "background_color": "#4856cb" + "background_color": "#2143a2" }, "border_radius": "100%" }, @@ -1574,14 +1553,14 @@ "fontSize": "14px", "lineHeight": "20px" }, - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "bar": { "selected": { - "background_color": "#4856cb" + "background_color": "#2143a2" }, "default": { - "background_color": "#c6c8ce" + "background_color": "#c1c6d4" }, "height": "4px" }, @@ -1612,12 +1591,12 @@ "phone_input": { "dropdown": { "hover": { - "background_color": "#eff0fe" + "background_color": "#eff3ff" }, "active": { - "background_color": "#ced2fc" + "background_color": "#adbff0" }, - "foreground_color": "#626e84", + "foreground_color": "#6a6d75", "flag": { "height": "12px", "width": "16px" @@ -1637,7 +1616,7 @@ "gap": "4px" }, "country_code": { - "foreground_color": "#626e84" + "foreground_color": "#2a2a2e" }, "min_width": "230px" }, @@ -1654,13 +1633,13 @@ }, "month_picker": { "calendar_states": { - "default_color": "#3e5374", - "hover_color": "#23395d", - "active_color": "#1b2c48", - "disabled_color": "#3e537480", + "default_color": "#4f5157", + "hover_color": "#3e4044", + "active_color": "#2a2a2e", + "disabled_color": "#4f515780", "focus": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" } @@ -1669,38 +1648,38 @@ }, "selector_card": { "ilustrative_icon": { - "foreground_color": "#3e5374" + "foreground_color": "#4f5157" }, "text": { - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "default": { "background_color": "#ffffff", "selected_indicator": { "selected": { - "foreground_color": "#4856cb" + "foreground_color": "#2143a2" }, "unselected": { - "foreground_color": "#767c8d" + "foreground_color": "#a3a8b5" } } }, "hover": { - "background_color": "#eff0fe", + "background_color": "#eff3ff", "selected_indicator": { - "foreground_color": "#3742a2" + "foreground_color": "#19327a" } }, "active": { - "background_color": "#ced2fc", + "background_color": "#adbff0", "selected_indicator": { - "foreground_color": "#252e78" + "foreground_color": "#102251" } }, "error": { "background_color": "#f3a7b5", "selected_indicator": { - "foreground_color": "#e22245" + "foreground_color": "#b51b37" }, "border": { "color": "#e22245", @@ -1752,14 +1731,14 @@ }, "unselected": { "border": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" } }, "selected": { "border": { - "color": "#3742a2", + "color": "#19327a", "width": "1px", "style": "solid" } @@ -1769,10 +1748,10 @@ "background_color": "#ffffff", "selected_indicator": { "selected": { - "foreground_color": "#4856cb" + "foreground_color": "#2143a2" }, "unselected": { - "foreground_color": "#767c8d" + "foreground_color": "#a3a8b5" } } } @@ -1783,18 +1762,18 @@ "search": { "counter": { "default": { - "foreground_color": "#626e84" + "foreground_color": "#6a6d75" }, "hover": { - "foreground_color": "#3742a2" + "foreground_color": "#19327a" }, "divider": { "border": { - "color": "#a3a7b0", + "color": "#a3a8b5", "width": "1px", "style": "solid" }, - "foreground_color": "#a3a7b0" + "foreground_color": "#a3a8b5" }, "text": { "fontFamily": "'Noto Sans'", @@ -1811,12 +1790,12 @@ "width": "320px", "match": { "first_level": { - "background_color": "#b5e2e8", - "foreground_colour": "#1b2c48" + "background_color": "#81cbe5", + "foreground_colour": "#2a2a2e" }, "subsequent_level": { - "foreground_colour": "#1b2c48", - "background_color": "#daf0f4" + "foreground_colour": "#2a2a2e", + "background_color": "#9fd6ea" } } }, @@ -1849,12 +1828,12 @@ } } }, - "selected_indicator_color": "#9ca6f9", + "selected_indicator_color": "#5476d5", "default_background_color": "#ffffff", - "fixed_background_color": "#dee1fd", - "foreground_color": "#1b2c48", + "fixed_background_color": "#d5def7", + "foreground_color": "#2a2a2e", "sort": { - "foreground_color": "#626e84" + "foreground_color": "#6a6d75" }, "default": { "height": "40px", @@ -1872,21 +1851,21 @@ } }, "divider": { - "color": "#e8ebf7", + "color": "#cad1e1", "width": "1px", "style": "solid" }, "scrollbar": { "border_radius": "45px", - "foreground_color": "#626e84" + "foreground_color": "#6a6d75" }, "cell": { - "alt_background_color": "#f3f5fb", + "alt_background_color": "#ebedf5", "default_background_color": "#ffffff", - "hover_background_color": "#dee1fd", - "foreground_color": "#1b2c48", + "hover_background_color": "#d5def7", + "foreground_color": "#2a2a2e", "chevron": { - "foreground_color": "#626e84" + "foreground_color": "#6a6d75" }, "multiselect": { "default": { @@ -1919,7 +1898,7 @@ "padding": "0 12px", "gap": "8px", "icon": { - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "text": { "fontFamily": "'Noto Sans'", @@ -1945,7 +1924,7 @@ "edit_column": { "edit_column_item": { "gap": "8px", - "foreground_color": "#3e5374", + "foreground_color": "#4f5157", "height": "18px" }, "edit_column_content": { @@ -1958,7 +1937,7 @@ "gap": "4px" }, "gap": "4px", - "divider_color": "#c6c8ce", + "divider_color": "#c1c6d4", "divider": { "width": "1px", "height": "32px" @@ -1971,7 +1950,7 @@ }, "padding": "12px", "divider": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" }, @@ -1988,7 +1967,7 @@ "lineHeight": "18px" }, "default_background_color": "#ffffff", - "foreground_color": "#1b2c48", + "foreground_color": "#2a2a2e", "count-display": { "gap": "4px" } @@ -2023,11 +2002,11 @@ } }, "presence_ring": { - "available": "linear-gradient(135deg, #09b581 0%, #9de1cd 100%)", - "busy": "linear-gradient(135deg, #e22245 0%, #f3a7b5 100%)", - "away": "linear-gradient(135deg, #f8c73e 0%, #fce9b2 100%)", - "on-queue": "linear-gradient(135deg, #4856cb 0%, #9ca6f9 100%)", - "offline": "linear-gradient(135deg, #767c8d 0%, #a3a7b0 100%)", + "available": "linear-gradient(135deg, #079167 0%, #9de1cd 100%)", + "busy": "linear-gradient(135deg, #b51b37 0%, #f3a7b5 100%)", + "away": "linear-gradient(135deg, #9a7b25 0%, #fce9b2 100%)", + "on-queue": "linear-gradient(135deg, #2143a2 0%, #829ce5 100%)", + "offline": "linear-gradient(135deg, #848891 0%, #848891 100%)", "out_of_office": "linear-gradient(135deg, #b74ba4 0%, #f5bfeb 100%)" }, "medium": { @@ -2110,20 +2089,20 @@ } }, "on-queue": { - "color": "#4856cb" + "color": "#2143a2" }, "offline": { - "color": "#626e84" + "color": "#848891" }, "out-of-office": "#b74ba4", "notification": { - "color": "#fe624d" + "color": "#ff451a" }, "foreground_default": { "color": "#ffffff" }, "foreground_dark": { - "color": "#3e5374" + "color": "#4f5157" }, "notifications": { "icon": { @@ -2138,30 +2117,30 @@ }, "media": { "initials_background": { - "default": "#3e5374", - "accent1": "#626d97", - "accent2": "#90d3dd", - "accent3": "#0c6d7e", + "default": "#263b73", + "accent1": "#596ea6", + "accent2": "#81cbe5", + "accent3": "#056385", "accent4": "#467aae", "accent5": "#9ac1e8", - "accent6": "#d1d7ef", + "accent6": "#b2b7c4", "accent7": "#89387b", "accent8": "#ff5c77", "accent9": "#ff9dad", "accent10": "#ffc650", - "accent11": "#feb2ab", - "accent12": "#c44b3b", - "overflow_count": "#626e84", - "add": "#eff0fe" + "accent11": "#ffb5a3", + "accent12": "#992910", + "overflow_count": "#6a6d75", + "add": "#eff3ff" }, "initials_foreground": { - "default": "#1b2c48", + "default": "#2a2a2e", "inverse": "#ffffff", - "add": "#4856cb" + "add": "#2143a2" } }, "hover_modal": { - "shroud-color": "#3e5374cc", + "shroud-color": "#263b73cc", "foreground-color": "#ffffff", "opacity": ".8" }, @@ -2189,7 +2168,7 @@ "large": { "border_radius": "100%", "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" } @@ -2199,27 +2178,27 @@ }, "medium": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" } }, "small": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" } }, "xsmall": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" } } }, - "focus": "#7b88f7", + "focus": "#5476d5", "add-change-image": { "hover-modal": { "shroud-size": "84px" @@ -2258,8 +2237,8 @@ }, "focus": { "border": { - "color": "#7b88f7", - "width": "3px", + "color": "#5476d5", + "width": "2px", "style": "solid" } }, @@ -2272,11 +2251,11 @@ "foreground_color": "#ffffff" }, "hover": { - "background_color": "#252e78", + "background_color": "#102251", "foreground_color": "#ffffff" }, "selected": { - "background_color": "#4856cb", + "background_color": "#2143a2", "foreground_color": "#ffffff" }, "disabled": { @@ -2288,25 +2267,25 @@ "border_radius": "4px", "disable_opacity": "0.5", "selected_panel": { - "background_color": "#3742a2", + "background_color": "#19327a", "foreground_color": "#ffffff" }, "return": { "default": { - "background_color": "#1c2463", + "background_color": "#19327a", "foreground_color": "#ffffff" }, "hover": { - "background_color": "#141a4f", + "background_color": "#102251", "foreground_color": "#ffffff" }, "selected": { - "background_color": "#4856cb", + "background_color": "#2143a2", "foreground_color": "#ffffff" } }, "tree_view": { - "bar": "#314669" + "bar": "#c1c6d44d" } }, "button_return": { @@ -2317,7 +2296,7 @@ }, "tree_view": { "border": { - "color": "#3e5374", + "color": "#c1c6d44d", "width": "2px", "style": "solid" }, @@ -2335,17 +2314,17 @@ "height": "64px", "frame": { "background_color": "#ffffff", - "stroke": "#c6ceec" + "stroke": "#c1c6d4" }, - "logo": "#ff4f1f", + "logo": "#ff451a", "menu_button": { "closed": { "default": { - "foreground_color": "#4856cb" + "foreground_color": "#2143a2" }, "hover": { - "background_color": "#3742a2", - "foreground_color_stroke": "#4856cb", + "background_color": "#19327a", + "foreground_color_stroke": "#2143a2", "foreground_color": "#ffffff" } }, @@ -2354,7 +2333,7 @@ "foreground_color_stroke": "#ffffff" }, "hover": { - "background_color": "#3742a2", + "background_color": "#19327a", "foreground_color": "#ffffff" } } @@ -2378,7 +2357,7 @@ "width": "1440px" }, "focus": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -2396,7 +2375,7 @@ "fontSize": "12px", "lineHeight": "18px" }, - "item_text_color": "#1b2c48", + "item_text_color": "#2a2a2e", "divider": { "horizontal": { "height": "1px" @@ -2405,7 +2384,7 @@ "height": "40px", "width": "1px" }, - "divider_color": "#c6c8ce" + "divider_color": "#c1c6d4" }, "indicator": { "vertical": { @@ -2415,11 +2394,11 @@ "horizontal": { "height": "2px" }, - "hover_color": "#4856cb", - "active_color": "#3742a2" + "hover_color": "#2143a2", + "active_color": "#19327a" }, "icon": { - "icon_color": "#1b2c48", + "icon_color": "#2a2a2e", "size": "16px" }, "gap": "8px", @@ -2454,7 +2433,7 @@ }, "focus_ring": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -2463,7 +2442,7 @@ }, "advanced_tabs": { "divider": { - "divider_color": "#c6c8ce" + "divider_color": "#c1c6d4" }, "item": { "padding": "11px 12px 10px", @@ -2471,7 +2450,7 @@ "focus": { "border_radius": "8px", "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -2495,24 +2474,24 @@ } }, "text": { - "color": "#1b2c48", + "color": "#2a2a2e", "height": "9px" }, "indicator": { - "hover_color": "#4856cb", - "active_color": "#3742a2", + "hover_color": "#2143a2", + "active_color": "#19327a", "height": "2px" }, "icon": { - "icon_color": "#1b2c48", + "icon_color": "#2a2a2e", "size": "16px" }, "menu_button": { "gap": "4px", "height": "45px", "width": "32px", - "default_color": "#3e5374", - "active_color": "#1b2c48", + "default_color": "#4f5157", + "active_color": "#2a2a2e", "focus": { "height": "53px", "width": "40px" @@ -2534,38 +2513,38 @@ } }, "set": { - "background_color": "#f3f5fb", + "background_color": "#ebedf5", "standard": { "width": "920px" } } }, "toast": { - "close_button_color": "#3e5374", + "close_button_color": "#4f5157", "success": { "background_color": "#ffffff", - "foreground_color": "#1b2c48", - "icon_color": "#09b581" + "foreground_color": "#2a2a2e", + "icon_color": "#079167" }, "warning": { "background_color": "#ffffff", - "foreground_color": "#1b2c48", - "icon_color": "#f8c73e" + "foreground_color": "#2a2a2e", + "icon_color": "#9a7b25" }, "info": { "background_color": "#ffffff", - "foreground_color": "#1b2c48", - "icon_color": "#6e5ddb" + "foreground_color": "#2a2a2e", + "icon_color": "#3d538f" }, "action": { "background_color": "#ffffff", - "foreground_color": "#1b2c48", - "icon_color": "#4856cb" + "foreground_color": "#2a2a2e", + "icon_color": "#2143a2" }, "error": { "background_color": "#ffffff", - "foreground_color": "#1b2c48", - "icon_color": "#e22245" + "foreground_color": "#2a2a2e", + "icon_color": "#b51b37" }, "heading": { "fontFamily": "Urbanist", @@ -2602,10 +2581,10 @@ } }, "modal": { - "close_button_color": "#3e5374", - "header_color": "#1b2c48", + "close_button_color": "#4f5157", + "header_color": "#2a2a2e", "background_color": "#ffffff", - "shroud_color": "#3e5374cc", + "shroud_color": "#263b73cc", "header": { "gap": "12px" }, @@ -2657,8 +2636,8 @@ "offsetX": "0", "offsetY": "0" }, - "close_button_color": "#3e5374", - "header_color": "#1b2c48", + "close_button_color": "#4f5157", + "header_color": "#2a2a2e", "background_color": "#ffffff", "gap": "16px", "padding": "24px", @@ -2694,8 +2673,8 @@ }, "progress_and_loading": { "spinner": { - "foreground": "#4856cb", - "base": "#dee1fd", + "foreground": "#2143a2", + "base": "#d5def7", "large": "48px", "small": "16px", "text": { @@ -2705,7 +2684,7 @@ "lineHeight": "18px" } }, - "text_color": "#1b2c48", + "text_color": "#2a2a2e", "loading_state": { "large": { "header": { @@ -2820,21 +2799,21 @@ "gap_message": "4px", "gap_main": "12px", "gap_content": "24px", - "icon_color": "#626e84", - "foreground_color": "#1b2c48", + "icon_color": "#6a6d75", + "foreground_color": "#2a2a2e", "background_color": "rgba(0, 0, 0, 0)", "border_radius": "8px" }, "modal_side_sheet": { "background_color": "#ffffff", - "header_color": "#1b2c48", - "close_color": "#3e5374", - "divider_color": "#c6c8ce", - "shroud_color": "#3e5374cc", + "header_color": "#2a2a2e", + "close_color": "#4f5157", + "divider_color": "#c1c6d4", + "shroud_color": "#263b73cc", "shroud": { "opacity": ".8" }, - "description_color": "#3e5374", + "description_color": "#4f5157", "heading": { "fontFamily": "Urbanist", "fontWeight": "600", @@ -2870,9 +2849,9 @@ }, "dynamic_side_sheet": { "background_color": "#ffffff", - "header_color": "#1b2c48", - "close_color": "#3e5374", - "divider_color": "#c6c8ce", + "header_color": "#2a2a2e", + "close_color": "#4f5157", + "divider_color": "#c1c6d4", "box_shadow": { "blur": "6px", "spread": "1px", @@ -2881,7 +2860,7 @@ "offsetX": "0", "offsetY": "0" }, - "description_color": "#3e5374", + "description_color": "#4f5157", "heading": { "fontFamily": "Urbanist", "fontWeight": "600", @@ -2922,11 +2901,11 @@ "gap": "8px", "default": { "foreground": { - "label_color": "#1b2c48", + "label_color": "#2a2a2e", "chevron_icon": { - "closed": "#3e5374", - "open": "#1b2c48", - "hover": "#23395d" + "closed": "#4f5157", + "open": "#2a2a2e", + "hover": "#3e4044" } } }, @@ -2950,29 +2929,29 @@ "gap": "8px", "default": { "foreground": { - "start_icon_color": "#1b2c48", - "label_color": "#1b2c48", - "start_shortcut_color": "#626e84", - "parent_icon_color": "#3e5374" + "start_icon_color": "#2a2a2e", + "label_color": "#2a2a2e", + "start_shortcut_color": "#6a6d75", + "parent_icon_color": "#4f5157" } }, "hover": { "foreground": { - "start_icon_color": "#1b2c48", - "label_color": "#1b2c48", - "start_shortcut_color": "#626e84", - "parent_icon_color": "#23395d" + "start_icon_color": "#2a2a2e", + "label_color": "#2a2a2e", + "start_shortcut_color": "#6a6d75", + "parent_icon_color": "#3e4044" }, - "background_color": "#eff0fe" + "background_color": "#eff3ff" }, "selected": { "foreground": { - "start_icon_color": "#1b2c48", - "label_color": "#1b2c48", - "start_shortcut_color": "#1b2c48", - "parent_icon_color": "#1b2c48" + "start_icon_color": "#2a2a2e", + "label_color": "#2a2a2e", + "start_shortcut_color": "#2a2a2e", + "parent_icon_color": "#2a2a2e" }, - "background_color": "#ced2fc" + "background_color": "#adbff0" }, "focus": { "border_radius": "4px" @@ -3001,14 +2980,14 @@ } }, "focus_border": { - "color": "#7b88f7", + "color": "#5476d5", "style": "solid", "width": "2px" }, "content_item": { "padding": "16px", "gap": "16px", - "foreground_color": "#1b2c48", + "foreground_color": "#2a2a2e", "background_color": "#ffffff", "default_text": { "fontFamily": "'Noto Sans'", @@ -3019,7 +2998,7 @@ }, "wrapper": { "divider_border": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" } diff --git a/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-light-core.json b/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-light-core.json index 58ea8b18c..638c8150b 100644 --- a/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-light-core.json +++ b/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-light-core.json @@ -35,67 +35,6 @@ "white": "#ffffff", "black": "#000000", "transparent": "rgba(0, 0, 0, 0)", - "cornflower": { - "100": "#f2f2f3", - "200": "#e4e5e7", - "300": "#c6c8ce", - "400": "#a3a7b0", - "500": "#767c8d", - "600": "#626e84", - "700": "#3e5374", - "800": "#23395d", - "900": "#1b2c48", - "1000": "#0f1929" - }, - "islandaqua": { - "100": "#edf8f9", - "200": "#daf0f4", - "300": "#b5e2e8", - "400": "#90d3dd", - "500": "#6bc5d1", - "600": "#46b6c6", - "700": "#2c808c", - "800": "#0c6d7e", - "900": "#115d71", - "1000": "#094052" - }, - "tomato": { - "100": "#fef3f3", - "200": "#fee8e6", - "300": "#fecfcb", - "400": "#feb2ab", - "500": "#fe8f85", - "600": "#fe624d", - "700": "#e35744", - "800": "#c44b3b", - "900": "#a03d30", - "1000": "#712b22" - }, - "lavenderhaze": { - "100": "#fbfcfe", - "200": "#f3f5fb", - "300": "#e8ebf7", - "400": "#d1d7ef", - "500": "#c6ceec", - "600": "#b5bfe6", - "700": "#a8b4e2", - "800": "#9ba9dd", - "900": "#7785b8", - "1000": "#626d97" - }, - "blueberry": { - "50": "#eff0fe", - "100": "#dee1fd", - "200": "#ced2fc", - "300": "#9ca6f9", - "400": "#7b88f7", - "500": "#5a6af5", - "600": "#4856cb", - "700": "#3742a2", - "800": "#252e78", - "900": "#1c2463", - "1000": "#141a4f" - }, "mineral": { "100": "#ddeaf7", "200": "#cde0f4", @@ -227,6 +166,78 @@ "800": "#2e275f", "900": "#241e4b", "1000": "#191536" + }, + "genesys_navy": { + "50": "#f0f1f5", + "100": "#dfe3ec", + "200": "#bfc6d9", + "300": "#9faac6", + "400": "#808db2", + "500": "#596ea6", + "600": "#3d538f", + "700": "#263b73", + "800": "#152550", + "900": "#141c34", + "950": "#141929", + "1000": "#0f1219" + }, + "island": { + "50": "#e6f4fa", + "100": "#cdeaf5", + "200": "#9fd6ea", + "300": "#81cbe5", + "400": "#53bee5", + "500": "#28afe0", + "600": "#1589b2", + "700": "#056385", + "800": "#04445c", + "900": "#003447", + "950": "#002533", + "1000": "#00161f" + }, + "genesys_orange": { + "50": "#ffece8", + "100": "#ffdad1", + "200": "#ffb5a3", + "300": "#ff8f76", + "400": "#ff6a48", + "500": "#ff451a", + "600": "#cc3715", + "700": "#992910", + "800": "#661c0a", + "900": "#4d1508", + "950": "#330e05", + "1000": "#1a0703" + }, + "azure_blue": { + "50": "#eff3ff", + "100": "#d5def7", + "200": "#adbff0", + "300": "#829ce5", + "400": "#5476d5", + "500": "#2954cb", + "600": "#2143a2", + "700": "#19327a", + "800": "#102251", + "900": "#0c193d", + "950": "#081129", + "1000": "#040814" + }, + "haze": { + "50": "#f5f6fa", + "100": "#ebedf5", + "150": "#dce1ed", + "200": "#cad1e1", + "300": "#c1c6d4", + "400": "#b2b7c4", + "500": "#a3a8b5", + "600": "#848891", + "700": "#6a6d75", + "800": "#4f5157", + "850": "#3e4044", + "900": "#2a2a2e", + "950": "#1e1e21", + "1000": "#131315" } }, "font_family": { diff --git a/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-light-semantic.json b/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-light-semantic.json index 512964615..5be30f15f 100644 --- a/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-light-semantic.json +++ b/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-light-semantic.json @@ -25,58 +25,59 @@ "container": { "primary": { "10": "#ffffff", - "20": "#fbfcfe", - "30": "#f3f5fb", - "40": "#eff0fe", - "50": "#dee1fd", - "60": "#ced2fc" + "20": "#f5f6fa", + "30": "#ebedf5", + "40": "#eff3ff", + "50": "#d5def7", + "60": "#adbff0" }, "secondary": { - "10": "#4856cb", - "20": "#3742a2", - "30": "#252e78" + "10": "#2143a2", + "20": "#19327a", + "30": "#102251" }, "tertiary": { "10": "rgba(0, 0, 0, 0)", - "20": "#c6c8ce" + "20": "#c1c6d4" }, "high_contrast": { - "10": "#1b2c48", - "20": "#1c2463", - "30": "#141a4f", - "40": "#000000" + "10": "#2a2a2e", + "20": "#0c193d", + "30": "#081129", + "40": "#131315" } }, "form_control": { "input": { "10": "#ffffff", - "20": "#c6c8ce" + "20": "#c1c6d4" } }, "overlay": { - "10": "#3e5374cc" + "10": "#263b73cc" }, "system": { "primary": { - "10": "#dee1fd", - "20": "#9ca6f9", - "30": "#5a6af5", - "40": "#3742a2", - "50": "#1c2463" + "10": "#d5def7", + "20": "#829ce5", + "30": "#2954cb", + "40": "#19327a", + "50": "#0c193d" }, "info": { - "5": "#e2dff8", - "10": "#c5bef1", - "20": "#a89ee9", - "30": "#6e5ddb", - "40": "#443989", - "50": "#241e4b" + "5": "#f0f1f5", + "10": "#dfe3ec", + "20": "#9faac6", + "30": "#3d538f", + "40": "#263b73", + "50": "#141c34" }, "success": { "5": "#cef0e6", "10": "#9de1cd", "20": "#6bd3b3", "30": "#09b581", + "35": "#079167", "40": "#056d4d", "50": "#033627" }, @@ -99,140 +100,140 @@ }, "custom_accents": { "bold": { - "10": "#3e5374", - "20": "#626d97", + "10": "#263b73", + "20": "#596ea6", "30": "#3ac49a", - "40": "#0c6d7e", + "40": "#056385", "50": "#607732", "60": "#467aae", "70": "#8a5ecc", "80": "#89387b", "90": "#ff5c77", - "100": "#c44b3b", + "100": "#992910", "110": "#ffc650", - "120": "#b5e2e8", + "120": "#81cbe5", "130": "#5798d9" }, "subtle": { - "10": "#c6c8ce", - "20": "#d1d7ef", + "10": "#9faac6", + "20": "#b2b7c4", "30": "#9de1cd", - "40": "#90d3dd", + "40": "#81cbe5", "50": "#c6dd98", "60": "#9ac1e8", "70": "#cdacff", "80": "#ef9ee1", "90": "#ff9dad", - "100": "#feb2ab", + "100": "#ffb5a3", "110": "#ffdd96", - "120": "#daf0f4" + "120": "#9fd6ea" }, "status": { "10": "#09b581", "20": "#e22245", "30": "#f8c73e", - "40": "#4856cb", - "50": "#626e84", + "40": "#2143a2", + "50": "#848891", "60": "#b74ba4", - "70": "#fe624d" + "70": "#ff451a" } } }, "foreground": { "primary": { - "10": "#3e5374", - "20": "#23395d", - "30": "#1b2c48" + "10": "#4f5157", + "20": "#3e4044", + "30": "#2a2a2e" }, "secondary": { "10": "#ffffff", - "20": "#767c8d", - "30": "#626e84" + "20": "#848891", + "30": "#6a6d75" }, "tertiary": { - "10": "#4856cb", - "20": "#3742a2", - "30": "#252e78", - "05": "#9ca6f9" + "10": "#2143a2", + "20": "#19327a", + "30": "#102251", + "05": "#5476d5" }, "high_contrast": { "10": "#ffffff", - "20": "#e8ebf7", - "30": "#c6ceec" + "20": "#dce1ed", + "30": "#c1c6d4" }, "system": { "primary": { - "10": "#5a6af5" + "10": "#2954cb" }, "info": { - "10": "#6e5ddb" + "10": "#3d538f" }, "success": { - "10": "#09b581" + "10": "#079167" }, "warning": { - "10": "#f8c73e" + "10": "#9a7b25" }, "error": { - "10": "#e22245" + "10": "#b51b37" } }, "special_accents": { "brand": { - "10": "#ff4f1f" + "10": "#ff451a" }, "ai": { "10": "#8a5ecc" } }, "link": { - "10": "#4856cb", - "20": "#3742a2", - "30": "#252e78", - "40": "#8a5ecc" + "10": "#2143a2", + "20": "#19327a", + "30": "#102251", + "40": "#3d538f" }, "icon": { - "10": "#3e5374" + "10": "#4f5157" }, "form_control": { "click_input": { - "10": "#4856cb", - "20": "#3742a2", - "30": "#252e78", - "50": "#767c8d" + "10": "#2143a2", + "20": "#19327a", + "30": "#102251", + "50": "#a3a8b5" } } }, "border": { "focus": { - "10": "#7b88f7" + "10": "#5476d5" }, "divider": { "10": "#ffffff", - "20": "#c6c8ce", - "30": "#4856cb" + "20": "#c1c6d4", + "30": "#2143a2" }, "edges": { "default": { - "10": "#c6c8ce", - "20": "#3e5374", - "30": "#1b2c48", - "05": "#e8ebf7" + "10": "#c1c6d4", + "20": "#4f5157", + "30": "#3e4044", + "05": "#cad1e1" }, "enabled": { - "10": "#4856cb" + "10": "#2143a2" }, "hover": { - "10": "#7b88f7", - "20": "#252e78" + "10": "#5476d5", + "20": "#102251" }, "active": { - "10": "#3742a2" + "10": "#19327a" } }, "system": { "primary": { - "10": "#9ca6f9" + "10": "#829ce5" }, "info": { "10": "#c5bef1" @@ -250,13 +251,13 @@ }, "inputs": { "default": { - "10": "#a3a7b0" + "10": "#a3a8b5" }, "hover": { - "10": "#3742a2" + "10": "#19327a" }, "active": { - "10": "#252e78" + "10": "#102251" } } }, @@ -291,29 +292,29 @@ "background": { "interactive": { "primary": { - "default": "#4856cb", - "hover": "#3742a2", - "active": "#252e78" + "default": "#2143a2", + "hover": "#19327a", + "active": "#102251" }, "secondary": { - "default": "#eff0fe", - "hover": "#dee1fd", - "active": "#ced2fc" + "default": "#eff3ff", + "hover": "#d5def7", + "active": "#adbff0" }, "tertiary": { "default": "rgba(0, 0, 0, 0)", - "hover": "#3742a2", - "active": "#252e78" + "hover": "#19327a", + "active": "#102251" }, "ghost": { "default": "rgba(0, 0, 0, 0)", - "hover": "#dee1fd", - "active": "#ced2fc" + "hover": "#d5def7", + "active": "#adbff0" }, "subtle": { "default": "#ffffff", - "hover": "#dee1fd", - "active": "#ced2fc" + "hover": "#d5def7", + "active": "#adbff0" }, "danger": { "default": "#e22245", @@ -323,97 +324,102 @@ }, "overlay": { "shroud": { - "default": "#3e5374cc" + "default": "#263b73cc" } }, "container": { "page": { "default": "#ffffff", - "tonal_subtle": "#fbfcfe", - "tonal_medium": "#f3f5fb", - "tonal_high": "#dee1fd" + "tonal_subtle": "#f5f6fa", + "tonal_medium": "#ebedf5", + "tonal_high": "#d5def7" }, "elevated": { "default": "#ffffff", - "hover": "#eff0fe", - "active": "#ced2fc", + "hover": "#eff3ff", + "active": "#adbff0", "error": "#f3a7b5" }, "high_constrast": { - "default": "#1b2c48", - "hover": "#141a4f", - "active": "#1c2463" + "default": "#2a2a2e", + "hover": "#081129", + "active": "#0c193d" } }, "system": { "error": { "tonal_medium": "#f3a7b5", + "tonal_high": "#e22245", "tonal_subtle": "#f9d3da" }, "warning": { "tonal_medium": "#fce9b2", + "tonal_high": "#f8c73e", "tonal_subtle": "#fef4d8" }, "success": { "tonal_medium": "#9de1cd", + "tonal_high": "#09b581", "tonal_subtle": "#cef0e6" }, "info": { - "tonal_medium": "#c5bef1", - "tonal_subtle": "#e2dff8" + "tonal_medium": "#dfe3ec", + "tonal_high": "#3d538f", + "tonal_subtle": "#f0f1f5" }, "primary": { - "tonal_medium": "#dee1fd", - "tonal_subtle": "#dee1fd" + "tonal_medium": "#d5def7", + "tonal_high": "#2954cb", + "tonal_subtle": "#d5def7" }, "custom_accents": { "bold": { - "accent_1": "#3e5374", - "accent_2": "#626d97", + "accent_1": "#263b73", + "accent_2": "#596ea6", "accent_3": "#3ac49a", - "accent_4": "#0c6d7e", + "accent_4": "#056385", "accent_5": "#607732", "accent_6": "#467aae", "accent_7": "#8a5ecc", "accent_8": "#89387b", "accent_9": "#ff5c77", - "accent_10": "#c44b3b", + "accent_10": "#992910", "accent_11": "#ffc650", - "accent_12": "#b5e2e8", + "accent_12": "#81cbe5", "accent_13": "#5798d9" }, "subtle": { - "accent_1": "#c6c8ce", - "accent_2": "#d1d7ef", + "accent_1": "#9faac6", + "accent_2": "#b2b7c4", "accent_3": "#9de1cd", - "accent_4": "#90d3dd", + "accent_4": "#81cbe5", "accent_5": "#c6dd98", "accent_6": "#9ac1e8", "accent_7": "#cdacff", "accent_8": "#ef9ee1", "accent_9": "#ff9dad", - "accent_10": "#feb2ab", + "accent_10": "#ffb5a3", "accent_11": "#ffdd96", - "accent_12": "#daf0f4" + "accent_12": "#9fd6ea" } }, "progress_and_loading": { - "default": "#dee1fd", - "progressed": "#4856cb" + "default": "#d5def7", + "progressed": "#2143a2" }, "status": { "available": "#09b581", "busy": "#e22245", "away": "#f8c73e", - "on_queue": "#4856cb", - "offline": "#626e84", + "on_queue": "#2143a2", + "offline": "#848891", "out_of_office": "#b74ba4", - "notification": "#fe624d" + "notification": "#ff451a" } }, "form_control": { "click_input": { - "track": "#c6c8ce" + "track": "#c1c6d4" }, "text_input": { "track": "#ffffff" @@ -428,24 +434,24 @@ "hover": "#ffffff" }, "secondary": { - "default": "#4856cb", - "active": "#252e78", - "hover": "#3742a2" + "default": "#2143a2", + "active": "#102251", + "hover": "#19327a" }, "tertiary": { - "default": "#4856cb", + "default": "#2143a2", "active": "#ffffff", "hover": "#ffffff" }, "ghost": { - "default": "#4856cb", - "active": "#252e78", - "hover": "#3742a2" + "default": "#2143a2", + "active": "#102251", + "hover": "#19327a" }, "subtle": { - "default": "#3e5374", - "active": "#1b2c48", - "hover": "#23395d" + "default": "#4f5157", + "active": "#2a2a2e", + "hover": "#3e4044" }, "danger": { "default": "#ffffff", @@ -453,103 +459,103 @@ "hover": "#ffffff" }, "link": { - "default": "#4856cb", - "active": "#252e78", - "hover": "#3742a2", - "visited": "#8a5ecc" + "default": "#2143a2", + "active": "#102251", + "hover": "#19327a", + "visited": "#3d538f" }, "indicator": { - "default": "#9ca6f9" + "default": "#5476d5" } }, "container": { - "high_emphasis": "#1b2c48", - "mid_emphasis": "#3e5374", - "low_emphasis": "#626e84", + "high_emphasis": "#2a2a2e", + "mid_emphasis": "#4f5157", + "low_emphasis": "#6a6d75", "high_contrast": { "high_emphasis": "#ffffff", - "mid_emphasis": "#e8ebf7", - "low_emphasis": "#c6ceec" + "mid_emphasis": "#dce1ed", + "low_emphasis": "#c1c6d4" }, "special_accents": { "ai": "#8a5ecc", - "brand": "#ff4f1f" + "brand": "#ff451a" } }, "system": { "custom_accents": { "light": "#ffffff", - "dark": "#1b2c48" + "dark": "#2a2a2e" }, "progress_and_loading": { - "default": "#23395d", + "default": "#3e4044", "progressed": "#ffffff" }, "info": { - "high_emphasis": "#1b2c48", - "accent": "#6e5ddb" + "high_emphasis": "#2a2a2e", + "accent": "#3d538f" }, "success": { - "high_emphasis": "#1b2c48", - "accent": "#09b581" + "high_emphasis": "#2a2a2e", + "accent": "#079167" }, "warning": { - "high_emphasis": "#1b2c48", - "accent": "#f8c73e" + "high_emphasis": "#2a2a2e", + "accent": "#9a7b25" }, "error": { - "high_emphasis": "#1b2c48", - "accent": "#e22245" + "high_emphasis": "#2a2a2e", + "accent": "#b51b37" }, "icon": { - "default": "#3e5374" + "default": "#4f5157" } }, "form_control": { "help_text": { - "default": "#626e84", - "error": "#e22245" + "default": "#6a6d75", + "error": "#b51b37" }, "text_input": { - "placeholder": "#626e84", - "populated": "#1b2c48", - "icon": "#626e84" + "placeholder": "#6a6d75", + "populated": "#2a2a2e", + "icon": "#6a6d75" }, "click_input": { - "enabled": "#767c8d", - "selected": "#4856cb", - "hover": "#3742a2", - "active": "#252e78", - "error": "#e22245" + "enabled": "#a3a8b5", + "selected": "#2143a2", + "hover": "#19327a", + "active": "#102251", + "error": "#b51b37" }, "label": { - "default": "#1b2c48", - "required_accent": "#e22245", - "optional_accent": "#3e5374", - "tooltip": "#3e5374" + "default": "#2a2a2e", + "required_accent": "#b51b37", + "optional_accent": "#4f5157", + "tooltip": "#4f5157" } } }, "border": { - "focus": "#7b88f7", + "focus": "#5476d5", "container": { - "divider": "#c6c8ce", + "divider": "#c1c6d4", "edges": { - "default": "#c6c8ce", - "hover": "#7b88f7", + "default": "#c1c6d4", + "hover": "#5476d5", "error": "#e22245", - "enabled": "#4856cb", - "active": "#3742a2", - "high_emphasis": "#1b2c48", + "enabled": "#2143a2", + "active": "#19327a", + "high_emphasis": "#3e4044", "data_table": { - "default": "#e8ebf7" + "default": "#cad1e1" } }, "high_constrast": { - "default": "#3e5374", - "enabled": "#4856cb", - "hover": "#252e78", - "active": "#3742a2" + "default": "#4f5157", + "enabled": "#2143a2", + "hover": "#102251", + "active": "#19327a" } }, "system": { @@ -557,7 +563,7 @@ "warning": "#fce9b2", "success": "#9de1cd", "error": "#f3a7b5", - "primary": "#9ca6f9" + "primary": "#829ce5" }, "interactive": { "primary": { @@ -567,7 +573,7 @@ "divider": "#ffffff" }, "tertiary": { - "divider": "#4856cb" + "divider": "#2143a2" }, "danger": { "divider": "#ffffff" @@ -575,9 +581,9 @@ }, "form_control": { "text_input": { - "default": "#a3a7b0", - "hover": "#3742a2", - "active": "#252e78", + "default": "#a3a8b5", + "hover": "#19327a", + "active": "#102251", "error": "#e22245" } } diff --git a/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-light-ui.json b/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-light-ui.json index c31917e78..53eaa50c7 100644 --- a/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-light-ui.json +++ b/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-light-ui.json @@ -1,6 +1,6 @@ { "color": { - "focus": "#7b88f7" + "focus": "#5476d5" }, "form_control": { "input": { @@ -12,21 +12,21 @@ }, "default": { "border": { - "color": "#a3a7b0", + "color": "#a3a8b5", "width": "1px", "style": "solid" } }, "hover": { "border": { - "color": "#3742a2", + "color": "#19327a", "width": "1px", "style": "solid" } }, "active": { "border": { - "color": "#252e78", + "color": "#102251", "width": "1px", "style": "solid" } @@ -40,7 +40,7 @@ }, "disabled": { "border": { - "color": "#a3a7b0", + "color": "#a3a8b5", "width": "1px", "style": "solid" }, @@ -48,11 +48,11 @@ }, "border_radius": "4px", "background_color": "#ffffff", - "placeholder_color": "#626e84", - "suggestion_color": "#626e84", - "populated_color": "#1b2c48", + "placeholder_color": "#6a6d75", + "suggestion_color": "#6a6d75", + "populated_color": "#2a2a2e", "input_clearable": { - "input_clearable_color": "#626e84", + "input_clearable_color": "#6a6d75", "size": "16px" }, "gap": "12px", @@ -66,7 +66,7 @@ "lineHeight": "20px" }, "height": "32px", - "default_color": "#626e84" + "default_color": "#6a6d75" }, "textfield": { "height": "32px", @@ -77,18 +77,18 @@ }, "input_icon": { "size": "16px", - "default_color": "#1b2c48", - "icon_end_color": "#626e84" + "default_color": "#2a2a2e", + "icon_end_color": "#6a6d75" }, "focus_ring": { - "default_color": "#7b88f7" + "default_color": "#5476d5" }, "textarea": { "height": "98px" }, "focus": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" } @@ -97,7 +97,7 @@ "size": "16px" }, "focus_selection": { - "background_color": "#7b88f7" + "background_color": "#5476d5" } }, "label": { @@ -114,7 +114,7 @@ "fontSize": "12px", "lineHeight": "18px" }, - "label_color": "#1b2c48", + "label_color": "#2a2a2e", "indicator": { "text": { "fontFamily": "'Noto Sans'", @@ -122,12 +122,12 @@ "fontSize": "12px", "lineHeight": "18px" }, - "required_color": "#e22245", - "optional_color": "#3e5374" + "required_color": "#b51b37", + "optional_color": "#4f5157" }, "icon_size": "16px", "tooltip_trigger": { - "color": "#3e5374", + "color": "#4f5157", "border_radius": "2px" } }, @@ -151,16 +151,16 @@ }, "padding_small": "4px 0 0 0", "error_padding": "4px 0 0 0", - "default_color": "#626e84", - "error_color": "#e22245", + "default_color": "#6a6d75", + "error_color": "#b51b37", "icon_size": "16px" }, "spin_button": { "gap": "8px" }, "spinner": { - "track": "#4856cb", - "error_color": "#dee1fd" + "track": "#2143a2", + "error_color": "#d5def7" }, "textarea": { "padding": "8px" @@ -175,14 +175,14 @@ "border_radius-copy": "16px", "default": { "border": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" } }, "raised": { "border": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" }, @@ -207,20 +207,20 @@ "tooltip": { "light": { "border": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" }, "background_color": "#ffffff", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "dark": { "border": { - "color": "#1b2c48", + "color": "#3e4044", "width": "1px", "style": "solid" }, - "background_color": "#1b2c48", + "background_color": "#2a2a2e", "foreground_color": "#ffffff", "icon_color": "#ffffff" }, @@ -241,88 +241,75 @@ "fontWeight": "400", "fontSize": "12px", "lineHeight": "18px" - } + }, + "target_offset": "16px" }, "tag": { "border_radius": "16px", "default": { - "background_color": "#23395d", - "foreground_color": "#ffffff", "bold": { - "background_color": "#3e5374", + "background_color": "#263b73", "foreground_color": "#ffffff" }, "subtle": { - "background_color": "#c6c8ce", - "foreground_color": "#1b2c48" + "background_color": "#9faac6", + "foreground_color": "#2a2a2e" } }, "accent1": { - "background_color": "#e4e5e7", - "foreground_color": "#1b2c48", "bold": { - "background_color": "#626d97", + "background_color": "#596ea6", "foreground_color": "#ffffff" }, "subtle": { - "background_color": "#d1d7ef", - "foreground_color": "#1b2c48" + "background_color": "#b2b7c4", + "foreground_color": "#2a2a2e" } }, "accent2": { - "background_color": "#90d3dd", - "foreground_color": "#1b2c48", "bold": { "background_color": "#3ac49a", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "subtle": { "background_color": "#9de1cd", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "accent3": { - "background_color": "#0c6d7e", - "foreground_color": "#ffffff", "bold": { - "background_color": "#0c6d7e", + "background_color": "#056385", "foreground_color": "#ffffff" }, "subtle": { - "background_color": "#90d3dd", - "foreground_color": "#1b2c48" + "background_color": "#81cbe5", + "foreground_color": "#2a2a2e" } }, "accent4": { - "background_color": "#547688", - "foreground_color": "#ffffff", "bold": { "background_color": "#607732", "foreground_color": "#ffffff" }, "subtle": { "background_color": "#c6dd98", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "accent5": { - "background_color": "#a5cae0", - "foreground_color": "#1b2c48", "bold": { "background_color": "#5798d9", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "subtle": { "background_color": "#9ac1e8", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "accent6": { - "background_color": "#b5bfe6", - "foreground_color": "#1b2c48", "subtle": { "background_color": "#cdacff", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "bold": { "background_color": "#8a5ecc", @@ -341,52 +328,44 @@ "gap": "4px" }, "accent7": { - "background_color": "#a05195", - "foreground_color": "#ffffff", "bold": { "background_color": "#89387b", "foreground_color": "#ffffff" }, "subtle": { "background_color": "#ef9ee1", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "height": "20px", "accent8": { - "background_color": "#f95d6a", - "foreground_color": "#1b2c48", "bold": { "background_color": "#ff5c77", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "subtle": { "background_color": "#ff9dad", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "accent9": { - "background_color": "#fe8f85", - "foreground_color": "#1b2c48", "bold": { - "background_color": "#c44b3b", + "background_color": "#992910", "foreground_color": "#ffffff" }, "subtle": { - "background_color": "#feb2ab", - "foreground_color": "#1b2c48" + "background_color": "#ffb5a3", + "foreground_color": "#2a2a2e" } }, "accent10": { - "background_color": "#ffc650", - "foreground_color": "#1b2c48", "bold": { "background_color": "#ffc650", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "subtle": { "background_color": "#ffdd96", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "button": { @@ -415,32 +394,32 @@ "gap": "4px", "info": { "bold": { - "background_color": "#6e5ddb", + "background_color": "#3d538f", "foreground_color": "#ffffff" }, "regular": { - "background_color": "#c5bef1", - "foreground_color": "#1b2c48" + "background_color": "#dfe3ec", + "foreground_color": "#2a2a2e" } }, "success": { "bold": { "background_color": "#09b581", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "regular": { "background_color": "#9de1cd", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "warning": { "bold": { "background_color": "#f8c73e", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "regular": { "background_color": "#fce9b2", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "error": { @@ -450,7 +429,7 @@ }, "regular": { "background_color": "#f3a7b5", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } } }, @@ -464,15 +443,15 @@ "large": { "size": "32px" }, - "color": "#3e5374" + "color": "#4f5157" }, "alert": { "padding": "8px 16px", "gap": "8px", "info": { - "background_color": "#e2dff8", - "foreground_color": "#1b2c48", - "icon_color": "#6e5ddb", + "background_color": "#f0f1f5", + "foreground_color": "#2a2a2e", + "icon_color": "#3d538f", "border": { "color": "#c5bef1", "width": "1px", @@ -481,8 +460,8 @@ }, "success": { "background_color": "#cef0e6", - "foreground_color": "#1b2c48", - "icon_color": "#09b581", + "foreground_color": "#2a2a2e", + "icon_color": "#079167", "border": { "color": "#9de1cd", "width": "1px", @@ -491,8 +470,8 @@ }, "warning": { "background_color": "#fef4d8", - "foreground_color": "#1b2c48", - "icon_color": "#f8c73e", + "foreground_color": "#2a2a2e", + "icon_color": "#9a7b25", "border": { "color": "#fce9b2", "width": "1px", @@ -501,8 +480,8 @@ }, "error": { "background_color": "#f9d3da", - "foreground_color": "#1b2c48", - "icon_color": "#e22245", + "foreground_color": "#2a2a2e", + "icon_color": "#b51b37", "border": { "color": "#f3a7b5", "width": "1px", @@ -525,16 +504,16 @@ }, "rating": { "default": { - "color": "#767c8d" + "color": "#a3a8b5" }, "active": { - "color": "#4856cb" + "color": "#2143a2" }, "hover": { - "color": "#3742a2" + "color": "#19327a" }, "disabled": { - "color": "#767c8d", + "color": "#a3a8b5", "opacity": ".5" }, "size": "16px", @@ -568,7 +547,7 @@ } }, "separator": { - "color": "#c6c8ce" + "color": "#c1c6d4" }, "border_radius": "0" }, @@ -588,30 +567,30 @@ "disabled": { "opacity": ".5", "background_color": "rgba(0, 0, 0, 0)", - "foreground_color": "#4856cb" + "foreground_color": "#2143a2" }, "default": { "background_color": "rgba(0, 0, 0, 0)", - "foreground_color": "#4856cb" + "foreground_color": "#2143a2" }, "hover": { - "background_color": "#dee1fd", - "foreground_color": "#3742a2" + "background_color": "#d5def7", + "foreground_color": "#19327a" }, "active": { - "background_color": "#4856cb", + "background_color": "#2143a2", "foreground_color": "#ffffff" } }, "border_radius": "4px", "height": "32px", "border": { - "color": "#4856cb", + "color": "#2143a2", "width": "1px", "style": "solid" }, "divider": { - "color": "#4856cb", + "color": "#2143a2", "width": "1px", "style": "solid" }, @@ -638,7 +617,7 @@ } }, "separator": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" }, @@ -660,7 +639,7 @@ }, "background_color": "#ffffff", "border": { - "color": "#3742a2", + "color": "#19327a", "width": "1px", "style": "solid" } @@ -668,9 +647,9 @@ "copy_to_clipboard": { "label": { "active": { - "background_color": "#ced2fc" + "background_color": "#adbff0" }, - "foreground_color": "#1b2c48", + "foreground_color": "#2a2a2e", "padding": "2px 4px", "border_radius": "4px", "text": { @@ -690,15 +669,15 @@ }, "tooltip_icon": { "success": { - "foreground_color": "#09b581" + "foreground_color": "#079167" }, "error": { - "foreground_color": "#e22245" + "foreground_color": "#b51b37" } } }, "dismiss_button": { - "foreground_color": "#3e5374" + "foreground_color": "#4f5157" }, "button": { "default": { @@ -730,63 +709,63 @@ "gap": "8px", "primary": { "default": { - "background_color": "#4856cb", + "background_color": "#2143a2", "foreground_color": "#ffffff" }, "hover": { - "background_color": "#3742a2", + "background_color": "#19327a", "foreground_color": "#ffffff" }, "active": { - "background_color": "#252e78", + "background_color": "#102251", "foreground_color": "#ffffff" } }, "secondary": { "default": { - "background_color": "#eff0fe", - "foreground_color": "#4856cb" + "background_color": "#eff3ff", + "foreground_color": "#2143a2" }, "hover": { - "background_color": "#dee1fd", - "foreground_color": "#3742a2" + "background_color": "#d5def7", + "foreground_color": "#19327a" }, "active": { - "background_color": "#ced2fc", - "foreground_color": "#252e78" + "background_color": "#adbff0", + "foreground_color": "#102251" } }, "tertiary": { "default": { "background_color": "rgba(0, 0, 0, 0)", - "foreground_color": "#4856cb", + "foreground_color": "#2143a2", "border": { - "color": "#4856cb", + "color": "#2143a2", "width": "1px", "style": "solid" } }, "hover": { - "background_color": "#3742a2", + "background_color": "#19327a", "foreground_color": "#ffffff" }, "active": { - "background_color": "#252e78", + "background_color": "#102251", "foreground_color": "#ffffff" } }, "ghost": { "default": { "background_color": "rgba(0, 0, 0, 0)", - "foreground_color": "#4856cb" + "foreground_color": "#2143a2" }, "hover": { - "background_color": "#dee1fd", - "foreground_color": "#3742a2" + "background_color": "#d5def7", + "foreground_color": "#19327a" }, "active": { - "background_color": "#ced2fc", - "foreground_color": "#252e78" + "background_color": "#adbff0", + "foreground_color": "#102251" } }, "danger": { @@ -834,7 +813,7 @@ "border_radius": "4px", "tertiary": { "divider": { - "color": "#4856cb", + "color": "#2143a2", "width": "2px", "style": "solid" } @@ -917,42 +896,42 @@ }, "icon": "16px", "default": { - "foregroundColor": "#4856cb" + "foregroundColor": "#2143a2" }, "disabled": { - "foregroundColor": "#4856cb" + "foregroundColor": "#2143a2" }, "hover": { - "foregroundColor": "#3742a2" + "foregroundColor": "#19327a" }, "active": { - "foregroundColor": "#252e78" + "foregroundColor": "#102251" }, "visited": { - "foregroundColor": "#8a5ecc" + "foregroundColor": "#3d538f" }, "border_radius": "0" }, "radio_button": { "icon": { "default": { - "unselected_foreground_color": "#767c8d", - "selected_foreground_color": "#4856cb" + "unselected_foreground_color": "#a3a8b5", + "selected_foreground_color": "#2143a2" }, "hover": { - "foreground_color": "#3742a2" + "foreground_color": "#19327a" }, "active": { - "foreground_color": "#252e78" + "foreground_color": "#102251" }, "error": { - "foreground_color": "#e22245" + "foreground_color": "#b51b37" }, "height": "16px", "width": "16px" }, "label": { - "foreground_color": "#1b2c48", + "foreground_color": "#2a2a2e", "text": { "fontFamily": "'Noto Sans'", "fontWeight": "400", @@ -970,7 +949,7 @@ }, "focus": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -981,23 +960,23 @@ "checkbox": { "icon": { "default": { - "unselected_foreground_color": "#767c8d", - "selected_foreground_color": "#4856cb" + "unselected_foreground_color": "#a3a8b5", + "selected_foreground_color": "#2143a2" }, "hover": { - "foreground_color": "#3742a2" + "foreground_color": "#19327a" }, "active": { - "foreground_color": "#252e78" + "foreground_color": "#102251" }, "error": { - "foreground_color": "#e22245" + "foreground_color": "#b51b37" }, "height": "16px", "width": "16px" }, "label": { - "foreground_color": "#1b2c48", + "foreground_color": "#2a2a2e", "text": { "fontFamily": "'Noto Sans'", "fontWeight": "400", @@ -1015,7 +994,7 @@ }, "focus": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -1053,7 +1032,7 @@ "lineHeight": "18px" } }, - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "shortcut": { "text": { @@ -1063,17 +1042,17 @@ "lineHeight": "20px" }, "default": { - "foreground_color": "#626e84" + "foreground_color": "#6a6d75" }, "selected": { - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "hover": { - "background_color": "#eff0fe" + "background_color": "#eff3ff" }, "selected": { - "background_color": "#ced2fc" + "background_color": "#adbff0" }, "disabled": { "opacity": ".5" @@ -1081,24 +1060,24 @@ "checkbox": { "unchecked": { "default": { - "foreground_color": "#767c8d" + "foreground_color": "#a3a8b5" }, "hover": { - "foreground_color": "#3742a2" + "foreground_color": "#19327a" }, "selected": { - "foreground_color": "#252e78" + "foreground_color": "#102251" } }, "checked": { "default": { - "foreground_color": "#4856cb" + "foreground_color": "#2143a2" }, "hover": { - "foreground_color": "#3742a2" + "foreground_color": "#19327a" }, "selected": { - "foreground_color": "#252e78" + "foreground_color": "#102251" } } }, @@ -1106,18 +1085,18 @@ "width": "16px", "height": "16px", "default": { - "foreground_color": "#3e5374" + "foreground_color": "#4f5157" }, "hover": { - "foreground_color": "#23395d" + "foreground_color": "#3e4044" }, "selected": { - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "focus": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "1px", "style": "solid" } @@ -1129,7 +1108,7 @@ "max_height": "344px", "border_radius": "4px", "border": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" }, @@ -1144,10 +1123,10 @@ "padding": "8px 1px", "background_color": "#ffffff", "scrollbar": { - "foreground_color": "#3e5374" + "foreground_color": "#4f5157" }, "divider": { - "background_color": "#c6c8ce", + "background_color": "#c1c6d4", "margin": "4px 0 8px 0", "height": "1px" }, @@ -1155,7 +1134,7 @@ "title": { "padding": "8px 12px 4px", "height": "32px", - "foreground_color": "#626e84", + "foreground_color": "#6a6d75", "text": { "fontFamily": "Urbanist", "fontWeight": "600", @@ -1165,13 +1144,13 @@ "letterSpacing": "1px" } }, - "padding": "8px 2px", + "padding": "8px 1px", "divider": { "padding": "4px 0px 8px", "height": "13px" }, "subtext": { - "foreground_color": "#626e84" + "foreground_color": "#6a6d75" } } }, @@ -1185,7 +1164,7 @@ "lineHeight": "18px", "fontSize": "12px" }, - "foreground_color": "#23395d" + "foreground_color": "#2a2a2e" }, "subheader": { "text": { @@ -1194,7 +1173,7 @@ "lineHeight": "18px", "fontSize": "12px" }, - "foreground_color": "#626e84" + "foreground_color": "#4f5157" } } }, @@ -1224,7 +1203,7 @@ "width": "250px", "month": { "default": { - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "single": { "header": { @@ -1268,11 +1247,11 @@ }, "selected": { "foreground_color": "#ffffff", - "background_color": "#4856cb", - "hover_background_color": "#3742a2" + "background_color": "#2143a2", + "hover_background_color": "#19327a" }, "hover": { - "background_color": "#eff0fe" + "background_color": "#eff3ff" } }, "date_body": { @@ -1280,7 +1259,7 @@ "gap": "8px" }, "header": { - "background_color": "#4856cb", + "background_color": "#2143a2", "foreground_color": "#ffffff", "gap": "8px", "padding": "12px 16px", @@ -1304,17 +1283,17 @@ }, "selected": { "foreground_color": "#ffffff", - "background_color": "#4856cb", - "hover_background_color": "#3742a2" + "background_color": "#2143a2", + "hover_background_color": "#19327a" }, "hover": { - "background_color": "#eff0fe" + "background_color": "#eff3ff" }, "range": { - "background_color": "#dee1fd" + "background_color": "#d5def7" }, "default": { - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "single": { @@ -1376,7 +1355,7 @@ }, "date_typed": { "gap": "10px", - "background_color": "#dee1fd" + "background_color": "#eff3ff" }, "disabled": { "opacity": ".5" @@ -1384,8 +1363,8 @@ "focus_calendar": { "gap": "2px" }, - "icon_hover": "#3742a2", - "icon_focus": "#3742a2" + "icon_hover": "#3e4044", + "icon_focus": "#2a2a2e" }, "toggle": { "label": { @@ -1401,18 +1380,18 @@ "height": "16px", "enabled": { "off": { - "background_color": "#c6c8ce" + "background_color": "#c1c6d4" }, "on": { - "background_color": "#4856cb" + "background_color": "#2143a2" } }, "disabled": { "off": { - "background_color": "#c6c8ce" + "background_color": "#c1c6d4" }, "on": { - "background_color": "#4856cb" + "background_color": "#2143a2" } }, "error": { @@ -1420,15 +1399,15 @@ "background_color": "#f3a7b5" }, "on": { - "background_color": "#e22245" + "background_color": "#b51b37" } }, "hover": { "off": { - "background_color": "#eff0fe" + "background_color": "#eff3ff" }, "on": { - "background_color": "#3742a2" + "background_color": "#19327a" } }, "border_radius": "100%" @@ -1440,20 +1419,20 @@ "border": { "width": "2px", "style": "solid", - "color": "#7b88f7" + "color": "#5476d5" } }, "enabled": { "border": { "width": "2px", - "color": "#4856cb", + "color": "#2143a2", "style": "solid" } }, "disabled": { "border": { "width": "2px", - "color": "#4856cb", + "color": "#2143a2", "style": "solid" } }, @@ -1465,7 +1444,7 @@ } }, "background_color": "#ffffff", - "foreground_color": "#4856cb", + "foreground_color": "#2143a2", "border_radius": "16px" }, "disabled": { @@ -1473,7 +1452,7 @@ }, "focus": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -1486,14 +1465,14 @@ "padding": "2px" }, "clock_states": { - "default_color": "#3e5374", - "hover_color": "#23395d", - "active_color": "#1b2c48", - "disabled_color": "#3e537480" + "default_color": "#4f5157", + "hover_color": "#3e4044", + "active_color": "#2a2a2e", + "disabled_color": "#4f515780" }, "focus_clock": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -1501,7 +1480,7 @@ }, "focus_ampm": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -1509,7 +1488,7 @@ }, "focus_time": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -1521,8 +1500,8 @@ }, "color_picker": { "label": { - "required_symbol_color": "#e22245", - "text_color": "#1b2c48", + "required_symbol_color": "#b51b37", + "text_color": "#2a2a2e", "text": { "fontFamily": "'Noto Sans'", "fontWeight": "400", @@ -1533,9 +1512,9 @@ "input_container": { "background_color": "#ffffff", "border": { - "default_color": "#a3a7b0", - "hover_color": "#3742a2", - "active_color": "#252e78", + "default_color": "#a3a8b5", + "hover_color": "#19327a", + "active_color": "#102251", "error_color": "#e22245" } }, @@ -1551,16 +1530,16 @@ "width": "20px", "height": "20px", "default": { - "background_color": "#4856cb" + "background_color": "#2143a2" }, "hover": { - "background_color": "#3742a2" + "background_color": "#19327a" }, "active": { - "background_color": "#252e78" + "background_color": "#102251" }, "disabled": { - "background_color": "#4856cb" + "background_color": "#2143a2" }, "border_radius": "100%" }, @@ -1574,14 +1553,14 @@ "fontSize": "14px", "lineHeight": "20px" }, - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "bar": { "selected": { - "background_color": "#4856cb" + "background_color": "#2143a2" }, "default": { - "background_color": "#c6c8ce" + "background_color": "#c1c6d4" }, "height": "4px" }, @@ -1612,12 +1591,12 @@ "phone_input": { "dropdown": { "hover": { - "background_color": "#eff0fe" + "background_color": "#eff3ff" }, "active": { - "background_color": "#ced2fc" + "background_color": "#adbff0" }, - "foreground_color": "#626e84", + "foreground_color": "#6a6d75", "flag": { "height": "12px", "width": "16px" @@ -1637,7 +1616,7 @@ "gap": "4px" }, "country_code": { - "foreground_color": "#626e84" + "foreground_color": "#2a2a2e" }, "min_width": "230px" }, @@ -1654,13 +1633,13 @@ }, "month_picker": { "calendar_states": { - "default_color": "#3e5374", - "hover_color": "#23395d", - "active_color": "#1b2c48", - "disabled_color": "#3e537480", + "default_color": "#4f5157", + "hover_color": "#3e4044", + "active_color": "#2a2a2e", + "disabled_color": "#4f515780", "focus": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" } @@ -1669,38 +1648,38 @@ }, "selector_card": { "ilustrative_icon": { - "foreground_color": "#3e5374" + "foreground_color": "#4f5157" }, "text": { - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "default": { "background_color": "#ffffff", "selected_indicator": { "selected": { - "foreground_color": "#4856cb" + "foreground_color": "#2143a2" }, "unselected": { - "foreground_color": "#767c8d" + "foreground_color": "#a3a8b5" } } }, "hover": { - "background_color": "#eff0fe", + "background_color": "#eff3ff", "selected_indicator": { - "foreground_color": "#3742a2" + "foreground_color": "#19327a" } }, "active": { - "background_color": "#ced2fc", + "background_color": "#adbff0", "selected_indicator": { - "foreground_color": "#252e78" + "foreground_color": "#102251" } }, "error": { "background_color": "#f3a7b5", "selected_indicator": { - "foreground_color": "#e22245" + "foreground_color": "#b51b37" }, "border": { "color": "#e22245", @@ -1752,14 +1731,14 @@ }, "unselected": { "border": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" } }, "selected": { "border": { - "color": "#3742a2", + "color": "#19327a", "width": "1px", "style": "solid" } @@ -1769,10 +1748,10 @@ "background_color": "#ffffff", "selected_indicator": { "selected": { - "foreground_color": "#4856cb" + "foreground_color": "#2143a2" }, "unselected": { - "foreground_color": "#767c8d" + "foreground_color": "#a3a8b5" } } } @@ -1783,18 +1762,18 @@ "search": { "counter": { "default": { - "foreground_color": "#626e84" + "foreground_color": "#6a6d75" }, "hover": { - "foreground_color": "#3742a2" + "foreground_color": "#19327a" }, "divider": { "border": { - "color": "#a3a7b0", + "color": "#a3a8b5", "width": "1px", "style": "solid" }, - "foreground_color": "#a3a7b0" + "foreground_color": "#a3a8b5" }, "text": { "fontFamily": "'Noto Sans'", @@ -1811,12 +1790,12 @@ "width": "320px", "match": { "first_level": { - "background_color": "#b5e2e8", - "foreground_colour": "#1b2c48" + "background_color": "#81cbe5", + "foreground_colour": "#2a2a2e" }, "subsequent_level": { - "foreground_colour": "#1b2c48", - "background_color": "#daf0f4" + "foreground_colour": "#2a2a2e", + "background_color": "#9fd6ea" } } }, @@ -1849,12 +1828,12 @@ } } }, - "selected_indicator_color": "#9ca6f9", + "selected_indicator_color": "#5476d5", "default_background_color": "#ffffff", - "fixed_background_color": "#dee1fd", - "foreground_color": "#1b2c48", + "fixed_background_color": "#d5def7", + "foreground_color": "#2a2a2e", "sort": { - "foreground_color": "#626e84" + "foreground_color": "#6a6d75" }, "default": { "height": "40px", @@ -1872,21 +1851,21 @@ } }, "divider": { - "color": "#e8ebf7", + "color": "#cad1e1", "width": "1px", "style": "solid" }, "scrollbar": { "border_radius": "45px", - "foreground_color": "#626e84" + "foreground_color": "#6a6d75" }, "cell": { - "alt_background_color": "#f3f5fb", + "alt_background_color": "#ebedf5", "default_background_color": "#ffffff", - "hover_background_color": "#dee1fd", - "foreground_color": "#1b2c48", + "hover_background_color": "#d5def7", + "foreground_color": "#2a2a2e", "chevron": { - "foreground_color": "#626e84" + "foreground_color": "#6a6d75" }, "multiselect": { "default": { @@ -1919,7 +1898,7 @@ "padding": "0 12px", "gap": "8px", "icon": { - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "text": { "fontFamily": "'Noto Sans'", @@ -1945,7 +1924,7 @@ "edit_column": { "edit_column_item": { "gap": "8px", - "foreground_color": "#3e5374", + "foreground_color": "#4f5157", "height": "18px" }, "edit_column_content": { @@ -1958,7 +1937,7 @@ "gap": "4px" }, "gap": "4px", - "divider_color": "#c6c8ce", + "divider_color": "#c1c6d4", "divider": { "width": "1px", "height": "32px" @@ -1971,7 +1950,7 @@ }, "padding": "12px", "divider": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" }, @@ -1988,7 +1967,7 @@ "lineHeight": "18px" }, "default_background_color": "#ffffff", - "foreground_color": "#1b2c48", + "foreground_color": "#2a2a2e", "count-display": { "gap": "4px" } @@ -2023,11 +2002,11 @@ } }, "presence_ring": { - "available": "linear-gradient(135deg, #09b581 0%, #9de1cd 100%)", - "busy": "linear-gradient(135deg, #e22245 0%, #f3a7b5 100%)", - "away": "linear-gradient(135deg, #f8c73e 0%, #fce9b2 100%)", - "on-queue": "linear-gradient(135deg, #4856cb 0%, #9ca6f9 100%)", - "offline": "linear-gradient(135deg, #767c8d 0%, #a3a7b0 100%)", + "available": "linear-gradient(135deg, #079167 0%, #9de1cd 100%)", + "busy": "linear-gradient(135deg, #b51b37 0%, #f3a7b5 100%)", + "away": "linear-gradient(135deg, #9a7b25 0%, #fce9b2 100%)", + "on-queue": "linear-gradient(135deg, #2143a2 0%, #829ce5 100%)", + "offline": "linear-gradient(135deg, #848891 0%, #848891 100%)", "out_of_office": "linear-gradient(135deg, #b74ba4 0%, #f5bfeb 100%)" }, "medium": { @@ -2110,20 +2089,20 @@ } }, "on-queue": { - "color": "#4856cb" + "color": "#2143a2" }, "offline": { - "color": "#626e84" + "color": "#848891" }, "out-of-office": "#b74ba4", "notification": { - "color": "#fe624d" + "color": "#ff451a" }, "foreground_default": { "color": "#ffffff" }, "foreground_dark": { - "color": "#3e5374" + "color": "#4f5157" }, "notifications": { "icon": { @@ -2138,30 +2117,30 @@ }, "media": { "initials_background": { - "default": "#3e5374", - "accent1": "#626d97", - "accent2": "#90d3dd", - "accent3": "#0c6d7e", + "default": "#263b73", + "accent1": "#596ea6", + "accent2": "#81cbe5", + "accent3": "#056385", "accent4": "#467aae", "accent5": "#9ac1e8", - "accent6": "#d1d7ef", + "accent6": "#b2b7c4", "accent7": "#89387b", "accent8": "#ff5c77", "accent9": "#ff9dad", "accent10": "#ffc650", - "accent11": "#feb2ab", - "accent12": "#c44b3b", - "overflow_count": "#626e84", - "add": "#eff0fe" + "accent11": "#ffb5a3", + "accent12": "#992910", + "overflow_count": "#6a6d75", + "add": "#eff3ff" }, "initials_foreground": { - "default": "#1b2c48", + "default": "#2a2a2e", "inverse": "#ffffff", - "add": "#4856cb" + "add": "#2143a2" } }, "hover_modal": { - "shroud-color": "#3e5374cc", + "shroud-color": "#263b73cc", "foreground-color": "#ffffff", "opacity": ".8" }, @@ -2189,7 +2168,7 @@ "large": { "border_radius": "100%", "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" } @@ -2199,27 +2178,27 @@ }, "medium": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" } }, "small": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" } }, "xsmall": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" } } }, - "focus": "#7b88f7", + "focus": "#5476d5", "add-change-image": { "hover-modal": { "shroud-size": "84px" @@ -2258,8 +2237,8 @@ }, "focus": { "border": { - "color": "#7b88f7", - "width": "3px", + "color": "#5476d5", + "width": "2px", "style": "solid" } }, @@ -2272,11 +2251,11 @@ "foreground_color": "#ffffff" }, "hover": { - "background_color": "#252e78", + "background_color": "#102251", "foreground_color": "#ffffff" }, "selected": { - "background_color": "#4856cb", + "background_color": "#2143a2", "foreground_color": "#ffffff" }, "disabled": { @@ -2288,25 +2267,25 @@ "border_radius": "4px", "disable_opacity": "0.5", "selected_panel": { - "background_color": "#3742a2", + "background_color": "#19327a", "foreground_color": "#ffffff" }, "return": { "default": { - "background_color": "#1c2463", + "background_color": "#19327a", "foreground_color": "#ffffff" }, "hover": { - "background_color": "#141a4f", + "background_color": "#102251", "foreground_color": "#ffffff" }, "selected": { - "background_color": "#4856cb", + "background_color": "#2143a2", "foreground_color": "#ffffff" } }, "tree_view": { - "bar": "#314669" + "bar": "#c1c6d44d" } }, "button_return": { @@ -2317,7 +2296,7 @@ }, "tree_view": { "border": { - "color": "#3e5374", + "color": "#c1c6d44d", "width": "2px", "style": "solid" }, @@ -2335,17 +2314,17 @@ "height": "64px", "frame": { "background_color": "#ffffff", - "stroke": "#c6ceec" + "stroke": "#c1c6d4" }, - "logo": "#ff4f1f", + "logo": "#ff451a", "menu_button": { "closed": { "default": { - "foreground_color": "#4856cb" + "foreground_color": "#2143a2" }, "hover": { - "background_color": "#3742a2", - "foreground_color_stroke": "#4856cb", + "background_color": "#19327a", + "foreground_color_stroke": "#2143a2", "foreground_color": "#ffffff" } }, @@ -2354,7 +2333,7 @@ "foreground_color_stroke": "#ffffff" }, "hover": { - "background_color": "#3742a2", + "background_color": "#19327a", "foreground_color": "#ffffff" } } @@ -2378,7 +2357,7 @@ "width": "1440px" }, "focus": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -2396,7 +2375,7 @@ "fontSize": "12px", "lineHeight": "18px" }, - "item_text_color": "#1b2c48", + "item_text_color": "#2a2a2e", "divider": { "horizontal": { "height": "1px" @@ -2405,7 +2384,7 @@ "height": "40px", "width": "1px" }, - "divider_color": "#c6c8ce" + "divider_color": "#c1c6d4" }, "indicator": { "vertical": { @@ -2415,11 +2394,11 @@ "horizontal": { "height": "2px" }, - "hover_color": "#4856cb", - "active_color": "#3742a2" + "hover_color": "#2143a2", + "active_color": "#19327a" }, "icon": { - "icon_color": "#1b2c48", + "icon_color": "#2a2a2e", "size": "16px" }, "gap": "8px", @@ -2454,7 +2433,7 @@ }, "focus_ring": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -2463,7 +2442,7 @@ }, "advanced_tabs": { "divider": { - "divider_color": "#c6c8ce" + "divider_color": "#c1c6d4" }, "item": { "padding": "11px 12px 10px", @@ -2471,7 +2450,7 @@ "focus": { "border_radius": "8px", "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -2495,24 +2474,24 @@ } }, "text": { - "color": "#1b2c48", + "color": "#2a2a2e", "height": "9px" }, "indicator": { - "hover_color": "#4856cb", - "active_color": "#3742a2", + "hover_color": "#2143a2", + "active_color": "#19327a", "height": "2px" }, "icon": { - "icon_color": "#1b2c48", + "icon_color": "#2a2a2e", "size": "16px" }, "menu_button": { "gap": "4px", "height": "45px", "width": "32px", - "default_color": "#3e5374", - "active_color": "#1b2c48", + "default_color": "#4f5157", + "active_color": "#2a2a2e", "focus": { "height": "53px", "width": "40px" @@ -2534,38 +2513,38 @@ } }, "set": { - "background_color": "#f3f5fb", + "background_color": "#ebedf5", "standard": { "width": "920px" } } }, "toast": { - "close_button_color": "#3e5374", + "close_button_color": "#4f5157", "success": { "background_color": "#ffffff", - "foreground_color": "#1b2c48", - "icon_color": "#09b581" + "foreground_color": "#2a2a2e", + "icon_color": "#079167" }, "warning": { "background_color": "#ffffff", - "foreground_color": "#1b2c48", - "icon_color": "#f8c73e" + "foreground_color": "#2a2a2e", + "icon_color": "#9a7b25" }, "info": { "background_color": "#ffffff", - "foreground_color": "#1b2c48", - "icon_color": "#6e5ddb" + "foreground_color": "#2a2a2e", + "icon_color": "#3d538f" }, "action": { "background_color": "#ffffff", - "foreground_color": "#1b2c48", - "icon_color": "#4856cb" + "foreground_color": "#2a2a2e", + "icon_color": "#2143a2" }, "error": { "background_color": "#ffffff", - "foreground_color": "#1b2c48", - "icon_color": "#e22245" + "foreground_color": "#2a2a2e", + "icon_color": "#b51b37" }, "heading": { "fontFamily": "Urbanist", @@ -2602,10 +2581,10 @@ } }, "modal": { - "close_button_color": "#3e5374", - "header_color": "#1b2c48", + "close_button_color": "#4f5157", + "header_color": "#2a2a2e", "background_color": "#ffffff", - "shroud_color": "#3e5374cc", + "shroud_color": "#263b73cc", "header": { "gap": "12px" }, @@ -2657,8 +2636,8 @@ "offsetX": "0", "offsetY": "0" }, - "close_button_color": "#3e5374", - "header_color": "#1b2c48", + "close_button_color": "#4f5157", + "header_color": "#2a2a2e", "background_color": "#ffffff", "gap": "16px", "padding": "24px", @@ -2694,8 +2673,8 @@ }, "progress_and_loading": { "spinner": { - "foreground": "#4856cb", - "base": "#dee1fd", + "foreground": "#2143a2", + "base": "#d5def7", "large": "48px", "small": "16px", "text": { @@ -2705,7 +2684,7 @@ "lineHeight": "18px" } }, - "text_color": "#1b2c48", + "text_color": "#2a2a2e", "loading_state": { "large": { "header": { @@ -2820,21 +2799,21 @@ "gap_message": "4px", "gap_main": "12px", "gap_content": "24px", - "icon_color": "#626e84", - "foreground_color": "#1b2c48", + "icon_color": "#6a6d75", + "foreground_color": "#2a2a2e", "background_color": "rgba(0, 0, 0, 0)", "border_radius": "8px" }, "modal_side_sheet": { "background_color": "#ffffff", - "header_color": "#1b2c48", - "close_color": "#3e5374", - "divider_color": "#c6c8ce", - "shroud_color": "#3e5374cc", + "header_color": "#2a2a2e", + "close_color": "#4f5157", + "divider_color": "#c1c6d4", + "shroud_color": "#263b73cc", "shroud": { "opacity": ".8" }, - "description_color": "#3e5374", + "description_color": "#4f5157", "heading": { "fontFamily": "Urbanist", "fontWeight": "600", @@ -2870,9 +2849,9 @@ }, "dynamic_side_sheet": { "background_color": "#ffffff", - "header_color": "#1b2c48", - "close_color": "#3e5374", - "divider_color": "#c6c8ce", + "header_color": "#2a2a2e", + "close_color": "#4f5157", + "divider_color": "#c1c6d4", "box_shadow": { "blur": "6px", "spread": "1px", @@ -2881,7 +2860,7 @@ "offsetX": "0", "offsetY": "0" }, - "description_color": "#3e5374", + "description_color": "#4f5157", "heading": { "fontFamily": "Urbanist", "fontWeight": "600", @@ -2922,11 +2901,11 @@ "gap": "8px", "default": { "foreground": { - "label_color": "#1b2c48", + "label_color": "#2a2a2e", "chevron_icon": { - "closed": "#3e5374", - "open": "#1b2c48", - "hover": "#23395d" + "closed": "#4f5157", + "open": "#2a2a2e", + "hover": "#3e4044" } } }, @@ -2950,29 +2929,29 @@ "gap": "8px", "default": { "foreground": { - "start_icon_color": "#1b2c48", - "label_color": "#1b2c48", - "start_shortcut_color": "#626e84", - "parent_icon_color": "#3e5374" + "start_icon_color": "#2a2a2e", + "label_color": "#2a2a2e", + "start_shortcut_color": "#6a6d75", + "parent_icon_color": "#4f5157" } }, "hover": { "foreground": { - "start_icon_color": "#1b2c48", - "label_color": "#1b2c48", - "start_shortcut_color": "#626e84", - "parent_icon_color": "#23395d" + "start_icon_color": "#2a2a2e", + "label_color": "#2a2a2e", + "start_shortcut_color": "#6a6d75", + "parent_icon_color": "#3e4044" }, - "background_color": "#eff0fe" + "background_color": "#eff3ff" }, "selected": { "foreground": { - "start_icon_color": "#1b2c48", - "label_color": "#1b2c48", - "start_shortcut_color": "#1b2c48", - "parent_icon_color": "#1b2c48" + "start_icon_color": "#2a2a2e", + "label_color": "#2a2a2e", + "start_shortcut_color": "#2a2a2e", + "parent_icon_color": "#2a2a2e" }, - "background_color": "#ced2fc" + "background_color": "#adbff0" }, "focus": { "border_radius": "4px" @@ -3001,14 +2980,14 @@ } }, "focus_border": { - "color": "#7b88f7", + "color": "#5476d5", "style": "solid", "width": "2px" }, "content_item": { "padding": "16px", "gap": "16px", - "foreground_color": "#1b2c48", + "foreground_color": "#2a2a2e", "background_color": "#ffffff", "default_text": { "fontFamily": "'Noto Sans'", @@ -3019,7 +2998,7 @@ }, "wrapper": { "divider_border": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" } diff --git a/packages/genesys-spark-tokens/snapshot-new/json/gse-legacy-light-core.json b/packages/genesys-spark-tokens/snapshot-new/json/gse-legacy-light-core.json index 58ea8b18c..638c8150b 100644 --- a/packages/genesys-spark-tokens/snapshot-new/json/gse-legacy-light-core.json +++ b/packages/genesys-spark-tokens/snapshot-new/json/gse-legacy-light-core.json @@ -35,67 +35,6 @@ "white": "#ffffff", "black": "#000000", "transparent": "rgba(0, 0, 0, 0)", - "cornflower": { - "100": "#f2f2f3", - "200": "#e4e5e7", - "300": "#c6c8ce", - "400": "#a3a7b0", - "500": "#767c8d", - "600": "#626e84", - "700": "#3e5374", - "800": "#23395d", - "900": "#1b2c48", - "1000": "#0f1929" - }, - "islandaqua": { - "100": "#edf8f9", - "200": "#daf0f4", - "300": "#b5e2e8", - "400": "#90d3dd", - "500": "#6bc5d1", - "600": "#46b6c6", - "700": "#2c808c", - "800": "#0c6d7e", - "900": "#115d71", - "1000": "#094052" - }, - "tomato": { - "100": "#fef3f3", - "200": "#fee8e6", - "300": "#fecfcb", - "400": "#feb2ab", - "500": "#fe8f85", - "600": "#fe624d", - "700": "#e35744", - "800": "#c44b3b", - "900": "#a03d30", - "1000": "#712b22" - }, - "lavenderhaze": { - "100": "#fbfcfe", - "200": "#f3f5fb", - "300": "#e8ebf7", - "400": "#d1d7ef", - "500": "#c6ceec", - "600": "#b5bfe6", - "700": "#a8b4e2", - "800": "#9ba9dd", - "900": "#7785b8", - "1000": "#626d97" - }, - "blueberry": { - "50": "#eff0fe", - "100": "#dee1fd", - "200": "#ced2fc", - "300": "#9ca6f9", - "400": "#7b88f7", - "500": "#5a6af5", - "600": "#4856cb", - "700": "#3742a2", - "800": "#252e78", - "900": "#1c2463", - "1000": "#141a4f" - }, "mineral": { "100": "#ddeaf7", "200": "#cde0f4", @@ -227,6 +166,78 @@ "800": "#2e275f", "900": "#241e4b", "1000": "#191536" + }, + "genesys_navy": { + "50": "#f0f1f5", + "100": "#dfe3ec", + "200": "#bfc6d9", + "300": "#9faac6", + "400": "#808db2", + "500": "#596ea6", + "600": "#3d538f", + "700": "#263b73", + "800": "#152550", + "900": "#141c34", + "950": "#141929", + "1000": "#0f1219" + }, + "island": { + "50": "#e6f4fa", + "100": "#cdeaf5", + "200": "#9fd6ea", + "300": "#81cbe5", + "400": "#53bee5", + "500": "#28afe0", + "600": "#1589b2", + "700": "#056385", + "800": "#04445c", + "900": "#003447", + "950": "#002533", + "1000": "#00161f" + }, + "genesys_orange": { + "50": "#ffece8", + "100": "#ffdad1", + "200": "#ffb5a3", + "300": "#ff8f76", + "400": "#ff6a48", + "500": "#ff451a", + "600": "#cc3715", + "700": "#992910", + "800": "#661c0a", + "900": "#4d1508", + "950": "#330e05", + "1000": "#1a0703" + }, + "azure_blue": { + "50": "#eff3ff", + "100": "#d5def7", + "200": "#adbff0", + "300": "#829ce5", + "400": "#5476d5", + "500": "#2954cb", + "600": "#2143a2", + "700": "#19327a", + "800": "#102251", + "900": "#0c193d", + "950": "#081129", + "1000": "#040814" + }, + "haze": { + "50": "#f5f6fa", + "100": "#ebedf5", + "150": "#dce1ed", + "200": "#cad1e1", + "300": "#c1c6d4", + "400": "#b2b7c4", + "500": "#a3a8b5", + "600": "#848891", + "700": "#6a6d75", + "800": "#4f5157", + "850": "#3e4044", + "900": "#2a2a2e", + "950": "#1e1e21", + "1000": "#131315" } }, "font_family": { diff --git a/packages/genesys-spark-tokens/snapshot-new/json/gse-legacy-light-semantic.json b/packages/genesys-spark-tokens/snapshot-new/json/gse-legacy-light-semantic.json index 6e99bbb05..3cb49431d 100644 --- a/packages/genesys-spark-tokens/snapshot-new/json/gse-legacy-light-semantic.json +++ b/packages/genesys-spark-tokens/snapshot-new/json/gse-legacy-light-semantic.json @@ -76,7 +76,8 @@ "5": "#eefcea", "10": "#eefcea", "20": "#95c189", - "30": "#3c8527", + "30": "#95c189", + "35": "#3c8527", "40": "#205a10", "50": "#0d3d00" }, @@ -131,10 +132,10 @@ "10": "#09b581", "20": "#e22245", "30": "#f8c73e", - "40": "#4856cb", - "50": "#626e84", + "40": "#2143a2", + "50": "#848891", "60": "#b74ba4", - "70": "#fe624d" + "70": "#ff451a" } } }, @@ -348,22 +349,27 @@ "system": { "error": { "tonal_medium": "#fceaea", + "tonal_high": "#ea0b0b", "tonal_subtle": "#fceaea" }, "warning": { "tonal_medium": "#fdf8ec", + "tonal_high": "#ffae00", "tonal_subtle": "#fdf8ec" }, "success": { "tonal_medium": "#eefcea", + "tonal_high": "#95c189", "tonal_subtle": "#eefcea" }, "info": { "tonal_medium": "#deeaff", + "tonal_high": "#2a60c8", "tonal_subtle": "#deeaff" }, "primary": { "tonal_medium": "#deeaff", + "tonal_high": "#2a60c8", "tonal_subtle": "#deeaff" }, "custom_accents": { @@ -405,10 +411,10 @@ "available": "#09b581", "busy": "#e22245", "away": "#f8c73e", - "on_queue": "#4856cb", - "offline": "#626e84", + "on_queue": "#2143a2", + "offline": "#848891", "out_of_office": "#b74ba4", - "notification": "#fe624d" + "notification": "#ff451a" } }, "form_control": { diff --git a/packages/genesys-spark-tokens/snapshot-new/json/gse-legacy-light-ui.json b/packages/genesys-spark-tokens/snapshot-new/json/gse-legacy-light-ui.json index a51335acf..879320fbd 100644 --- a/packages/genesys-spark-tokens/snapshot-new/json/gse-legacy-light-ui.json +++ b/packages/genesys-spark-tokens/snapshot-new/json/gse-legacy-light-ui.json @@ -241,13 +241,12 @@ "fontWeight": "400", "fontSize": "12px", "lineHeight": "18px" - } + }, + "target_offset": "16px" }, "tag": { "border_radius": "4px", "default": { - "background_color": "#23395d", - "foreground_color": "#ffffff", "bold": { "background_color": "#203b73", "foreground_color": "#ffffff" @@ -258,8 +257,6 @@ } }, "accent1": { - "background_color": "#e4e5e7", - "foreground_color": "#1b2c48", "bold": { "background_color": "#23478f", "foreground_color": "#ffffff" @@ -270,8 +267,6 @@ } }, "accent2": { - "background_color": "#90d3dd", - "foreground_color": "#1b2c48", "bold": { "background_color": "#b5b5eb", "foreground_color": "#2e394c" @@ -282,8 +277,6 @@ } }, "accent3": { - "background_color": "#0c6d7e", - "foreground_color": "#ffffff", "bold": { "background_color": "#205a10", "foreground_color": "#ffffff" @@ -294,8 +287,6 @@ } }, "accent4": { - "background_color": "#547688", - "foreground_color": "#ffffff", "bold": { "background_color": "#151d28", "foreground_color": "#ffffff" @@ -306,8 +297,6 @@ } }, "accent5": { - "background_color": "#a5cae0", - "foreground_color": "#1b2c48", "bold": { "background_color": "#75a8ff", "foreground_color": "#2e394c" @@ -318,8 +307,6 @@ } }, "accent6": { - "background_color": "#b5bfe6", - "foreground_color": "#1b2c48", "subtle": { "background_color": "#dcc9f2", "foreground_color": "#2e394c" @@ -341,8 +328,6 @@ "gap": "4px" }, "accent7": { - "background_color": "#a05195", - "foreground_color": "#ffffff", "bold": { "background_color": "#5e5782", "foreground_color": "#ffffff" @@ -354,8 +339,6 @@ }, "height": "20px", "accent8": { - "background_color": "#f95d6a", - "foreground_color": "#1b2c48", "bold": { "background_color": "#ff8fdd", "foreground_color": "#2e394c" @@ -366,8 +349,6 @@ } }, "accent9": { - "background_color": "#fe8f85", - "foreground_color": "#1b2c48", "bold": { "background_color": "#755000", "foreground_color": "#ffffff" @@ -378,8 +359,6 @@ } }, "accent10": { - "background_color": "#ffc650", - "foreground_color": "#1b2c48", "bold": { "background_color": "#ddd933", "foreground_color": "#2e394c" @@ -425,7 +404,7 @@ }, "success": { "bold": { - "background_color": "#3c8527", + "background_color": "#95c189", "foreground_color": "#2e394c" }, "regular": { @@ -595,7 +574,7 @@ "foreground_color": "#2a60c8" }, "hover": { - "background_color": "#dee1fd", + "background_color": "#deeaff", "foreground_color": "#2754ac" }, "active": { @@ -1165,7 +1144,7 @@ "letterSpacing": "1px" } }, - "padding": "8px 2px", + "padding": "8px 1px", "divider": { "padding": "4px 0px 8px", "height": "13px" @@ -1185,7 +1164,7 @@ "lineHeight": "18px", "fontSize": "12px" }, - "foreground_color": "#23395d" + "foreground_color": "#2e394c" }, "subheader": { "text": { @@ -1194,7 +1173,7 @@ "lineHeight": "18px", "fontSize": "12px" }, - "foreground_color": "#626e84" + "foreground_color": "#3e4a5b" } } }, @@ -1376,7 +1355,7 @@ }, "date_typed": { "gap": "10px", - "background_color": "#dee1fd" + "background_color": "#e8ecf2" }, "disabled": { "opacity": ".5" @@ -1384,8 +1363,8 @@ "focus_calendar": { "gap": "2px" }, - "icon_hover": "#3742a2", - "icon_focus": "#3742a2" + "icon_hover": "#2e394c", + "icon_focus": "#2e394c" }, "toggle": { "label": { @@ -1612,12 +1591,12 @@ "phone_input": { "dropdown": { "hover": { - "background_color": "#eff0fe" + "background_color": "#e8ecf2" }, "active": { - "background_color": "#ced2fc" + "background_color": "#e2e6ee" }, - "foreground_color": "#626e84", + "foreground_color": "#4c5667", "flag": { "height": "12px", "width": "16px" @@ -1637,7 +1616,7 @@ "gap": "4px" }, "country_code": { - "foreground_color": "#626e84" + "foreground_color": "#2e394c" }, "min_width": "230px" }, @@ -1988,7 +1967,7 @@ "lineHeight": "18px" }, "default_background_color": "#ffffff", - "foreground_color": "#1b2c48", + "foreground_color": "#2e394c", "count-display": { "gap": "4px" } @@ -2027,7 +2006,7 @@ "busy": "linear-gradient(135deg, #ea0b0b 0%, #f37a7a 100%)", "away": "linear-gradient(135deg, #ffae00 0%, #fcd276 100%)", "on-queue": "linear-gradient(135deg, #2a60c8 0%, #75a8ff 100%)", - "offline": "linear-gradient(135deg, #767c8d 0%, #a3a7b0 100%)", + "offline": "linear-gradient(135deg, #848891 0%, #848891 100%)", "out_of_office": "linear-gradient(135deg, #b74ba4 0%, #f5bfeb 100%)" }, "medium": { @@ -2110,14 +2089,14 @@ } }, "on-queue": { - "color": "#4856cb" + "color": "#2143a2" }, "offline": { - "color": "#626e84" + "color": "#848891" }, "out-of-office": "#b74ba4", "notification": { - "color": "#fe624d" + "color": "#ff451a" }, "foreground_default": { "color": "#ffffff" @@ -2155,7 +2134,7 @@ "add": "#e8ecf2" }, "initials_foreground": { - "default": "#1b2c48", + "default": "#2e394c", "inverse": "#ffffff", "add": "#2e394c" } @@ -2258,8 +2237,8 @@ }, "focus": { "border": { - "color": "#7b88f7", - "width": "3px", + "color": "#aac9ff", + "width": "2px", "style": "solid" } }, @@ -2272,11 +2251,11 @@ "foreground_color": "#ffffff" }, "hover": { - "background_color": "#252e78", + "background_color": "#23478f", "foreground_color": "#ffffff" }, "selected": { - "background_color": "#4856cb", + "background_color": "#2a60c8", "foreground_color": "#ffffff" }, "disabled": { @@ -2288,25 +2267,25 @@ "border_radius": "4px", "disable_opacity": "0.5", "selected_panel": { - "background_color": "#3742a2", + "background_color": "#2754ac", "foreground_color": "#ffffff" }, "return": { "default": { - "background_color": "#1c2463", + "background_color": "#2754ac", "foreground_color": "#ffffff" }, "hover": { - "background_color": "#141a4f", + "background_color": "#23478f", "foreground_color": "#ffffff" }, "selected": { - "background_color": "#4856cb", + "background_color": "#2a60c8", "foreground_color": "#ffffff" } }, "tree_view": { - "bar": "#314669" + "bar": "#b4bccb4d" } }, "button_return": { @@ -2317,7 +2296,7 @@ }, "tree_view": { "border": { - "color": "#3e5374", + "color": "#b4bccb4d", "width": "2px", "style": "solid" }, @@ -2335,17 +2314,17 @@ "height": "64px", "frame": { "background_color": "#ffffff", - "stroke": "#c6ceec" + "stroke": "#b4bccb" }, "logo": "#ff4f1f", "menu_button": { "closed": { "default": { - "foreground_color": "#4856cb" + "foreground_color": "#2a60c8" }, "hover": { - "background_color": "#3742a2", - "foreground_color_stroke": "#4856cb", + "background_color": "#2754ac", + "foreground_color_stroke": "#2a60c8", "foreground_color": "#ffffff" } }, @@ -2354,7 +2333,7 @@ "foreground_color_stroke": "#ffffff" }, "hover": { - "background_color": "#3742a2", + "background_color": "#2754ac", "foreground_color": "#ffffff" } } diff --git a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-core.scss b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-core.scss index d5d1fcc2a..25595befa 100644 --- a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-core.scss +++ b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-core.scss @@ -28,57 +28,6 @@ --gse-core-color-white: #ffffff; --gse-core-color-black: #000000; --gse-core-color-transparent: rgba(0, 0, 0, 0); - --gse-core-color-cornflower-100: #f2f2f3; - --gse-core-color-cornflower-200: #e4e5e7; - --gse-core-color-cornflower-300: #c6c8ce; - --gse-core-color-cornflower-400: #a3a7b0; - --gse-core-color-cornflower-500: #767c8d; - --gse-core-color-cornflower-600: #626e84; - --gse-core-color-cornflower-700: #3e5374; - --gse-core-color-cornflower-800: #23395d; - --gse-core-color-cornflower-900: #1b2c48; - --gse-core-color-cornflower-1000: #0f1929; - --gse-core-color-islandaqua-100: #edf8f9; - --gse-core-color-islandaqua-200: #daf0f4; - --gse-core-color-islandaqua-300: #b5e2e8; - --gse-core-color-islandaqua-400: #90d3dd; - --gse-core-color-islandaqua-500: #6bc5d1; - --gse-core-color-islandaqua-600: #46b6c6; - --gse-core-color-islandaqua-700: #2c808c; - --gse-core-color-islandaqua-800: #0c6d7e; - --gse-core-color-islandaqua-900: #115d71; - --gse-core-color-islandaqua-1000: #094052; - --gse-core-color-tomato-100: #fef3f3; - --gse-core-color-tomato-200: #fee8e6; - --gse-core-color-tomato-300: #fecfcb; - --gse-core-color-tomato-400: #feb2ab; - --gse-core-color-tomato-500: #fe8f85; - --gse-core-color-tomato-600: #fe624d; - --gse-core-color-tomato-700: #e35744; - --gse-core-color-tomato-800: #c44b3b; - --gse-core-color-tomato-900: #a03d30; - --gse-core-color-tomato-1000: #712b22; - --gse-core-color-lavenderhaze-100: #fbfcfe; - --gse-core-color-lavenderhaze-200: #f3f5fb; - --gse-core-color-lavenderhaze-300: #e8ebf7; - --gse-core-color-lavenderhaze-400: #d1d7ef; - --gse-core-color-lavenderhaze-500: #c6ceec; - --gse-core-color-lavenderhaze-600: #b5bfe6; - --gse-core-color-lavenderhaze-700: #a8b4e2; - --gse-core-color-lavenderhaze-800: #9ba9dd; - --gse-core-color-lavenderhaze-900: #7785b8; - --gse-core-color-lavenderhaze-1000: #626d97; - --gse-core-color-blueberry-50: #eff0fe; - --gse-core-color-blueberry-100: #dee1fd; - --gse-core-color-blueberry-200: #ced2fc; - --gse-core-color-blueberry-300: #9ca6f9; - --gse-core-color-blueberry-400: #7b88f7; - --gse-core-color-blueberry-500: #5a6af5; - --gse-core-color-blueberry-600: #4856cb; - --gse-core-color-blueberry-700: #3742a2; - --gse-core-color-blueberry-800: #252e78; - --gse-core-color-blueberry-900: #1c2463; - --gse-core-color-blueberry-1000: #141a4f; --gse-core-color-mineral-100: #ddeaf7; --gse-core-color-mineral-200: #cde0f4; --gse-core-color-mineral-300: #bcd6f0; @@ -189,6 +138,68 @@ --gse-core-color-violet-800: #2e275f; --gse-core-color-violet-900: #241e4b; --gse-core-color-violet-1000: #191536; + --gse-core-color-genesysNavy-50: #f0f1f5; + --gse-core-color-genesysNavy-100: #dfe3ec; + --gse-core-color-genesysNavy-200: #bfc6d9; + --gse-core-color-genesysNavy-300: #9faac6; + --gse-core-color-genesysNavy-400: #808db2; + --gse-core-color-genesysNavy-500: #596ea6; + --gse-core-color-genesysNavy-600: #3d538f; + --gse-core-color-genesysNavy-700: #263b73; + --gse-core-color-genesysNavy-800: #152550; + --gse-core-color-genesysNavy-900: #141c34; + --gse-core-color-genesysNavy-950: #141929; + --gse-core-color-genesysNavy-1000: #0f1219; + --gse-core-color-island-50: #e6f4fa; + --gse-core-color-island-100: #cdeaf5; + --gse-core-color-island-200: #9fd6ea; + --gse-core-color-island-300: #81cbe5; + --gse-core-color-island-400: #53bee5; + --gse-core-color-island-500: #28afe0; + --gse-core-color-island-600: #1589b2; + --gse-core-color-island-700: #056385; + --gse-core-color-island-800: #04445c; + --gse-core-color-island-900: #003447; + --gse-core-color-island-950: #002533; + --gse-core-color-island-1000: #00161f; + --gse-core-color-genesysOrange-50: #ffece8; + --gse-core-color-genesysOrange-100: #ffdad1; + --gse-core-color-genesysOrange-200: #ffb5a3; + --gse-core-color-genesysOrange-300: #ff8f76; + --gse-core-color-genesysOrange-400: #ff6a48; + --gse-core-color-genesysOrange-500: #ff451a; + --gse-core-color-genesysOrange-600: #cc3715; + --gse-core-color-genesysOrange-700: #992910; + --gse-core-color-genesysOrange-800: #661c0a; + --gse-core-color-genesysOrange-900: #4d1508; + --gse-core-color-genesysOrange-950: #330e05; + --gse-core-color-genesysOrange-1000: #1a0703; + --gse-core-color-azureBlue-50: #eff3ff; + --gse-core-color-azureBlue-100: #d5def7; + --gse-core-color-azureBlue-200: #adbff0; + --gse-core-color-azureBlue-300: #829ce5; + --gse-core-color-azureBlue-400: #5476d5; + --gse-core-color-azureBlue-500: #2954cb; + --gse-core-color-azureBlue-600: #2143a2; + --gse-core-color-azureBlue-700: #19327a; + --gse-core-color-azureBlue-800: #102251; + --gse-core-color-azureBlue-900: #0c193d; + --gse-core-color-azureBlue-950: #081129; + --gse-core-color-azureBlue-1000: #040814; + --gse-core-color-haze-50: #f5f6fa; + --gse-core-color-haze-100: #ebedf5; + --gse-core-color-haze-150: #dce1ed; + --gse-core-color-haze-200: #cad1e1; + --gse-core-color-haze-300: #c1c6d4; + --gse-core-color-haze-400: #b2b7c4; + --gse-core-color-haze-500: #a3a8b5; + --gse-core-color-haze-600: #848891; + --gse-core-color-haze-700: #6a6d75; + --gse-core-color-haze-800: #4f5157; + --gse-core-color-haze-850: #3e4044; + --gse-core-color-haze-900: #2a2a2e; + --gse-core-color-haze-950: #1e1e21; + --gse-core-color-haze-1000: #131315; --gse-core-fontFamily-roboto: Roboto; --gse-core-fontFamily-urbanist: Urbanist; --gse-core-fontFamily-notoSans: 'Noto Sans'; diff --git a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-semantic.scss b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-semantic.scss index 35e90f0de..84c9f1f8c 100644 --- a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-semantic.scss +++ b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-semantic.scss @@ -15,38 +15,39 @@ --gse-semantic-theme-fontFamily-headings: Urbanist; --gse-semantic-theme-fontFamily-body: 'Noto Sans'; --gse-semantic-theme-background-container-primary-10: #ffffff; - --gse-semantic-theme-background-container-primary-20: #fbfcfe; - --gse-semantic-theme-background-container-primary-30: #f3f5fb; - --gse-semantic-theme-background-container-primary-40: #eff0fe; - --gse-semantic-theme-background-container-primary-50: #dee1fd; - --gse-semantic-theme-background-container-primary-60: #ced2fc; - --gse-semantic-theme-background-container-secondary-10: #4856cb; - --gse-semantic-theme-background-container-secondary-20: #3742a2; - --gse-semantic-theme-background-container-secondary-30: #252e78; + --gse-semantic-theme-background-container-primary-20: #f5f6fa; + --gse-semantic-theme-background-container-primary-30: #ebedf5; + --gse-semantic-theme-background-container-primary-40: #eff3ff; + --gse-semantic-theme-background-container-primary-50: #d5def7; + --gse-semantic-theme-background-container-primary-60: #adbff0; + --gse-semantic-theme-background-container-secondary-10: #2143a2; + --gse-semantic-theme-background-container-secondary-20: #19327a; + --gse-semantic-theme-background-container-secondary-30: #102251; --gse-semantic-theme-background-container-tertiary-10: rgba(0, 0, 0, 0); - --gse-semantic-theme-background-container-tertiary-20: #c6c8ce; - --gse-semantic-theme-background-container-highContrast-10: #1b2c48; - --gse-semantic-theme-background-container-highContrast-20: #1c2463; - --gse-semantic-theme-background-container-highContrast-30: #141a4f; - --gse-semantic-theme-background-container-highContrast-40: #000000; + --gse-semantic-theme-background-container-tertiary-20: #c1c6d4; + --gse-semantic-theme-background-container-highContrast-10: #2a2a2e; + --gse-semantic-theme-background-container-highContrast-20: #0c193d; + --gse-semantic-theme-background-container-highContrast-30: #081129; + --gse-semantic-theme-background-container-highContrast-40: #131315; --gse-semantic-theme-background-formControl-input-10: #ffffff; - --gse-semantic-theme-background-formControl-input-20: #c6c8ce; - --gse-semantic-theme-background-overlay-10: #3e5374cc; - --gse-semantic-theme-background-system-primary-10: #dee1fd; - --gse-semantic-theme-background-system-primary-20: #9ca6f9; - --gse-semantic-theme-background-system-primary-30: #5a6af5; - --gse-semantic-theme-background-system-primary-40: #3742a2; - --gse-semantic-theme-background-system-primary-50: #1c2463; - --gse-semantic-theme-background-system-info-5: #e2dff8; - --gse-semantic-theme-background-system-info-10: #c5bef1; - --gse-semantic-theme-background-system-info-20: #a89ee9; - --gse-semantic-theme-background-system-info-30: #6e5ddb; - --gse-semantic-theme-background-system-info-40: #443989; - --gse-semantic-theme-background-system-info-50: #241e4b; + --gse-semantic-theme-background-formControl-input-20: #c1c6d4; + --gse-semantic-theme-background-overlay-10: #263b73cc; + --gse-semantic-theme-background-system-primary-10: #d5def7; + --gse-semantic-theme-background-system-primary-20: #829ce5; + --gse-semantic-theme-background-system-primary-30: #2954cb; + --gse-semantic-theme-background-system-primary-40: #19327a; + --gse-semantic-theme-background-system-primary-50: #0c193d; + --gse-semantic-theme-background-system-info-5: #f0f1f5; + --gse-semantic-theme-background-system-info-10: #dfe3ec; + --gse-semantic-theme-background-system-info-20: #9faac6; + --gse-semantic-theme-background-system-info-30: #3d538f; + --gse-semantic-theme-background-system-info-40: #263b73; + --gse-semantic-theme-background-system-info-50: #141c34; --gse-semantic-theme-background-system-success-5: #cef0e6; --gse-semantic-theme-background-system-success-10: #9de1cd; --gse-semantic-theme-background-system-success-20: #6bd3b3; --gse-semantic-theme-background-system-success-30: #09b581; + --gse-semantic-theme-background-system-success-35: #079167; --gse-semantic-theme-background-system-success-40: #056d4d; --gse-semantic-theme-background-system-success-50: #033627; --gse-semantic-theme-background-system-warning-5: #fef4d8; @@ -61,88 +62,88 @@ --gse-semantic-theme-background-system-error-30: #e22245; --gse-semantic-theme-background-system-error-40: #881429; --gse-semantic-theme-background-system-error-50: #440a15; - --gse-semantic-theme-background-customAccents-bold-10: #3e5374; - --gse-semantic-theme-background-customAccents-bold-20: #626d97; + --gse-semantic-theme-background-customAccents-bold-10: #263b73; + --gse-semantic-theme-background-customAccents-bold-20: #596ea6; --gse-semantic-theme-background-customAccents-bold-30: #3ac49a; - --gse-semantic-theme-background-customAccents-bold-40: #0c6d7e; + --gse-semantic-theme-background-customAccents-bold-40: #056385; --gse-semantic-theme-background-customAccents-bold-50: #607732; --gse-semantic-theme-background-customAccents-bold-60: #467aae; --gse-semantic-theme-background-customAccents-bold-70: #8a5ecc; --gse-semantic-theme-background-customAccents-bold-80: #89387b; --gse-semantic-theme-background-customAccents-bold-90: #ff5c77; - --gse-semantic-theme-background-customAccents-bold-100: #c44b3b; + --gse-semantic-theme-background-customAccents-bold-100: #992910; --gse-semantic-theme-background-customAccents-bold-110: #ffc650; - --gse-semantic-theme-background-customAccents-bold-120: #b5e2e8; + --gse-semantic-theme-background-customAccents-bold-120: #81cbe5; --gse-semantic-theme-background-customAccents-bold-130: #5798d9; - --gse-semantic-theme-background-customAccents-subtle-10: #c6c8ce; - --gse-semantic-theme-background-customAccents-subtle-20: #d1d7ef; + --gse-semantic-theme-background-customAccents-subtle-10: #9faac6; + --gse-semantic-theme-background-customAccents-subtle-20: #b2b7c4; --gse-semantic-theme-background-customAccents-subtle-30: #9de1cd; - --gse-semantic-theme-background-customAccents-subtle-40: #90d3dd; + --gse-semantic-theme-background-customAccents-subtle-40: #81cbe5; --gse-semantic-theme-background-customAccents-subtle-50: #c6dd98; --gse-semantic-theme-background-customAccents-subtle-60: #9ac1e8; --gse-semantic-theme-background-customAccents-subtle-70: #cdacff; --gse-semantic-theme-background-customAccents-subtle-80: #ef9ee1; --gse-semantic-theme-background-customAccents-subtle-90: #ff9dad; - --gse-semantic-theme-background-customAccents-subtle-100: #feb2ab; + --gse-semantic-theme-background-customAccents-subtle-100: #ffb5a3; --gse-semantic-theme-background-customAccents-subtle-110: #ffdd96; - --gse-semantic-theme-background-customAccents-subtle-120: #daf0f4; + --gse-semantic-theme-background-customAccents-subtle-120: #9fd6ea; --gse-semantic-theme-background-customAccents-status-10: #09b581; --gse-semantic-theme-background-customAccents-status-20: #e22245; --gse-semantic-theme-background-customAccents-status-30: #f8c73e; - --gse-semantic-theme-background-customAccents-status-40: #4856cb; - --gse-semantic-theme-background-customAccents-status-50: #626e84; + --gse-semantic-theme-background-customAccents-status-40: #2143a2; + --gse-semantic-theme-background-customAccents-status-50: #848891; --gse-semantic-theme-background-customAccents-status-60: #b74ba4; - --gse-semantic-theme-background-customAccents-status-70: #fe624d; - --gse-semantic-theme-foreground-primary-10: #3e5374; - --gse-semantic-theme-foreground-primary-20: #23395d; - --gse-semantic-theme-foreground-primary-30: #1b2c48; + --gse-semantic-theme-background-customAccents-status-70: #ff451a; + --gse-semantic-theme-foreground-primary-10: #4f5157; + --gse-semantic-theme-foreground-primary-20: #3e4044; + --gse-semantic-theme-foreground-primary-30: #2a2a2e; --gse-semantic-theme-foreground-secondary-10: #ffffff; - --gse-semantic-theme-foreground-secondary-20: #767c8d; - --gse-semantic-theme-foreground-secondary-30: #626e84; - --gse-semantic-theme-foreground-tertiary-10: #4856cb; - --gse-semantic-theme-foreground-tertiary-20: #3742a2; - --gse-semantic-theme-foreground-tertiary-30: #252e78; - --gse-semantic-theme-foreground-tertiary-05: #9ca6f9; + --gse-semantic-theme-foreground-secondary-20: #848891; + --gse-semantic-theme-foreground-secondary-30: #6a6d75; + --gse-semantic-theme-foreground-tertiary-10: #2143a2; + --gse-semantic-theme-foreground-tertiary-20: #19327a; + --gse-semantic-theme-foreground-tertiary-30: #102251; + --gse-semantic-theme-foreground-tertiary-05: #5476d5; --gse-semantic-theme-foreground-highContrast-10: #ffffff; - --gse-semantic-theme-foreground-highContrast-20: #e8ebf7; - --gse-semantic-theme-foreground-highContrast-30: #c6ceec; - --gse-semantic-theme-foreground-system-primary-10: #5a6af5; - --gse-semantic-theme-foreground-system-info-10: #6e5ddb; - --gse-semantic-theme-foreground-system-success-10: #09b581; - --gse-semantic-theme-foreground-system-warning-10: #f8c73e; - --gse-semantic-theme-foreground-system-error-10: #e22245; - --gse-semantic-theme-foreground-specialAccents-brand-10: #ff4f1f; + --gse-semantic-theme-foreground-highContrast-20: #dce1ed; + --gse-semantic-theme-foreground-highContrast-30: #c1c6d4; + --gse-semantic-theme-foreground-system-primary-10: #2954cb; + --gse-semantic-theme-foreground-system-info-10: #3d538f; + --gse-semantic-theme-foreground-system-success-10: #079167; + --gse-semantic-theme-foreground-system-warning-10: #9a7b25; + --gse-semantic-theme-foreground-system-error-10: #b51b37; + --gse-semantic-theme-foreground-specialAccents-brand-10: #ff451a; --gse-semantic-theme-foreground-specialAccents-ai-10: #8a5ecc; - --gse-semantic-theme-foreground-link-10: #4856cb; - --gse-semantic-theme-foreground-link-20: #3742a2; - --gse-semantic-theme-foreground-link-30: #252e78; - --gse-semantic-theme-foreground-link-40: #8a5ecc; - --gse-semantic-theme-foreground-icon-10: #3e5374; - --gse-semantic-theme-foreground-formControl-clickInput-10: #4856cb; - --gse-semantic-theme-foreground-formControl-clickInput-20: #3742a2; - --gse-semantic-theme-foreground-formControl-clickInput-30: #252e78; - --gse-semantic-theme-foreground-formControl-clickInput-50: #767c8d; - --gse-semantic-theme-border-focus-10: #7b88f7; + --gse-semantic-theme-foreground-link-10: #2143a2; + --gse-semantic-theme-foreground-link-20: #19327a; + --gse-semantic-theme-foreground-link-30: #102251; + --gse-semantic-theme-foreground-link-40: #3d538f; + --gse-semantic-theme-foreground-icon-10: #4f5157; + --gse-semantic-theme-foreground-formControl-clickInput-10: #2143a2; + --gse-semantic-theme-foreground-formControl-clickInput-20: #19327a; + --gse-semantic-theme-foreground-formControl-clickInput-30: #102251; + --gse-semantic-theme-foreground-formControl-clickInput-50: #a3a8b5; + --gse-semantic-theme-border-focus-10: #5476d5; --gse-semantic-theme-border-divider-10: #ffffff; - --gse-semantic-theme-border-divider-20: #c6c8ce; - --gse-semantic-theme-border-divider-30: #4856cb; - --gse-semantic-theme-border-edges-default-10: #c6c8ce; - --gse-semantic-theme-border-edges-default-20: #3e5374; - --gse-semantic-theme-border-edges-default-30: #1b2c48; - --gse-semantic-theme-border-edges-default-05: #e8ebf7; - --gse-semantic-theme-border-edges-enabled-10: #4856cb; - --gse-semantic-theme-border-edges-hover-10: #7b88f7; - --gse-semantic-theme-border-edges-hover-20: #252e78; - --gse-semantic-theme-border-edges-active-10: #3742a2; - --gse-semantic-theme-border-system-primary-10: #9ca6f9; + --gse-semantic-theme-border-divider-20: #c1c6d4; + --gse-semantic-theme-border-divider-30: #2143a2; + --gse-semantic-theme-border-edges-default-10: #c1c6d4; + --gse-semantic-theme-border-edges-default-20: #4f5157; + --gse-semantic-theme-border-edges-default-30: #3e4044; + --gse-semantic-theme-border-edges-default-05: #cad1e1; + --gse-semantic-theme-border-edges-enabled-10: #2143a2; + --gse-semantic-theme-border-edges-hover-10: #5476d5; + --gse-semantic-theme-border-edges-hover-20: #102251; + --gse-semantic-theme-border-edges-active-10: #19327a; + --gse-semantic-theme-border-system-primary-10: #829ce5; --gse-semantic-theme-border-system-info-10: #c5bef1; --gse-semantic-theme-border-system-success-10: #9de1cd; --gse-semantic-theme-border-system-warning-10: #fce9b2; --gse-semantic-theme-border-system-error-10: #f3a7b5; --gse-semantic-theme-border-system-error-20: #e22245; - --gse-semantic-theme-border-inputs-default-10: #a3a7b0; - --gse-semantic-theme-border-inputs-hover-10: #3742a2; - --gse-semantic-theme-border-inputs-active-10: #252e78; + --gse-semantic-theme-border-inputs-default-10: #a3a8b5; + --gse-semantic-theme-border-inputs-hover-10: #19327a; + --gse-semantic-theme-border-inputs-active-10: #102251; --gse-semantic-theme-borderRadius-interactive-xlarge: 100%; --gse-semantic-theme-borderRadius-interactive-large: 16px; --gse-semantic-theme-borderRadius-interactive-small: 4px; @@ -158,165 +159,170 @@ --gse-semantic-theme-borderRadius-focus-medium: 8px; --gse-semantic-theme-borderRadius-focus-small: 4px; --gse-semantic-theme-borderRadius-focus-xsmall: 2px; - --gse-semantic-background-interactive-primary-default: #4856cb; - --gse-semantic-background-interactive-primary-hover: #3742a2; - --gse-semantic-background-interactive-primary-active: #252e78; - --gse-semantic-background-interactive-secondary-default: #eff0fe; - --gse-semantic-background-interactive-secondary-hover: #dee1fd; - --gse-semantic-background-interactive-secondary-active: #ced2fc; + --gse-semantic-background-interactive-primary-default: #2143a2; + --gse-semantic-background-interactive-primary-hover: #19327a; + --gse-semantic-background-interactive-primary-active: #102251; + --gse-semantic-background-interactive-secondary-default: #eff3ff; + --gse-semantic-background-interactive-secondary-hover: #d5def7; + --gse-semantic-background-interactive-secondary-active: #adbff0; --gse-semantic-background-interactive-tertiary-default: rgba(0, 0, 0, 0); - --gse-semantic-background-interactive-tertiary-hover: #3742a2; - --gse-semantic-background-interactive-tertiary-active: #252e78; + --gse-semantic-background-interactive-tertiary-hover: #19327a; + --gse-semantic-background-interactive-tertiary-active: #102251; --gse-semantic-background-interactive-ghost-default: rgba(0, 0, 0, 0); - --gse-semantic-background-interactive-ghost-hover: #dee1fd; - --gse-semantic-background-interactive-ghost-active: #ced2fc; + --gse-semantic-background-interactive-ghost-hover: #d5def7; + --gse-semantic-background-interactive-ghost-active: #adbff0; --gse-semantic-background-interactive-subtle-default: #ffffff; - --gse-semantic-background-interactive-subtle-hover: #dee1fd; - --gse-semantic-background-interactive-subtle-active: #ced2fc; + --gse-semantic-background-interactive-subtle-hover: #d5def7; + --gse-semantic-background-interactive-subtle-active: #adbff0; --gse-semantic-background-interactive-danger-default: #e22245; --gse-semantic-background-interactive-danger-hover: #881429; --gse-semantic-background-interactive-danger-active: #440a15; - --gse-semantic-background-overlay-shroud-default: #3e5374cc; + --gse-semantic-background-overlay-shroud-default: #263b73cc; --gse-semantic-background-container-page-default: #ffffff; - --gse-semantic-background-container-page-tonalSubtle: #fbfcfe; - --gse-semantic-background-container-page-tonalMedium: #f3f5fb; - --gse-semantic-background-container-page-tonalHigh: #dee1fd; + --gse-semantic-background-container-page-tonalSubtle: #f5f6fa; + --gse-semantic-background-container-page-tonalMedium: #ebedf5; + --gse-semantic-background-container-page-tonalHigh: #d5def7; --gse-semantic-background-container-elevated-default: #ffffff; - --gse-semantic-background-container-elevated-hover: #eff0fe; - --gse-semantic-background-container-elevated-active: #ced2fc; + --gse-semantic-background-container-elevated-hover: #eff3ff; + --gse-semantic-background-container-elevated-active: #adbff0; --gse-semantic-background-container-elevated-error: #f3a7b5; - --gse-semantic-background-container-highConstrast-default: #1b2c48; - --gse-semantic-background-container-highConstrast-hover: #141a4f; - --gse-semantic-background-container-highConstrast-active: #1c2463; + --gse-semantic-background-container-highConstrast-default: #2a2a2e; + --gse-semantic-background-container-highConstrast-hover: #081129; + --gse-semantic-background-container-highConstrast-active: #0c193d; --gse-semantic-background-system-error-tonalMedium: #f3a7b5; + --gse-semantic-background-system-error-tonalHigh: #e22245; --gse-semantic-background-system-error-tonalSubtle: #f9d3da; --gse-semantic-background-system-warning-tonalMedium: #fce9b2; + --gse-semantic-background-system-warning-tonalHigh: #f8c73e; --gse-semantic-background-system-warning-tonalSubtle: #fef4d8; --gse-semantic-background-system-success-tonalMedium: #9de1cd; + --gse-semantic-background-system-success-tonalHigh: #09b581; --gse-semantic-background-system-success-tonalSubtle: #cef0e6; - --gse-semantic-background-system-info-tonalMedium: #c5bef1; - --gse-semantic-background-system-info-tonalSubtle: #e2dff8; - --gse-semantic-background-system-primary-tonalMedium: #dee1fd; - --gse-semantic-background-system-primary-tonalSubtle: #dee1fd; - --gse-semantic-background-system-customAccents-bold-accent_1: #3e5374; - --gse-semantic-background-system-customAccents-bold-accent_2: #626d97; + --gse-semantic-background-system-info-tonalMedium: #dfe3ec; + --gse-semantic-background-system-info-tonalHigh: #3d538f; + --gse-semantic-background-system-info-tonalSubtle: #f0f1f5; + --gse-semantic-background-system-primary-tonalMedium: #d5def7; + --gse-semantic-background-system-primary-tonalMediumCopy: #2954cb; + --gse-semantic-background-system-primary-tonalSubtle: #d5def7; + --gse-semantic-background-system-customAccents-bold-accent_1: #263b73; + --gse-semantic-background-system-customAccents-bold-accent_2: #596ea6; --gse-semantic-background-system-customAccents-bold-accent_3: #3ac49a; - --gse-semantic-background-system-customAccents-bold-accent_4: #0c6d7e; + --gse-semantic-background-system-customAccents-bold-accent_4: #056385; --gse-semantic-background-system-customAccents-bold-accent_5: #607732; --gse-semantic-background-system-customAccents-bold-accent_6: #467aae; --gse-semantic-background-system-customAccents-bold-accent_7: #8a5ecc; --gse-semantic-background-system-customAccents-bold-accent_8: #89387b; --gse-semantic-background-system-customAccents-bold-accent_9: #ff5c77; - --gse-semantic-background-system-customAccents-bold-accent_10: #c44b3b; + --gse-semantic-background-system-customAccents-bold-accent_10: #992910; --gse-semantic-background-system-customAccents-bold-accent_11: #ffc650; - --gse-semantic-background-system-customAccents-bold-accent_12: #b5e2e8; + --gse-semantic-background-system-customAccents-bold-accent_12: #81cbe5; --gse-semantic-background-system-customAccents-bold-accent_13: #5798d9; - --gse-semantic-background-system-customAccents-subtle-accent_1: #c6c8ce; - --gse-semantic-background-system-customAccents-subtle-accent_2: #d1d7ef; + --gse-semantic-background-system-customAccents-subtle-accent_1: #9faac6; + --gse-semantic-background-system-customAccents-subtle-accent_2: #b2b7c4; --gse-semantic-background-system-customAccents-subtle-accent_3: #9de1cd; - --gse-semantic-background-system-customAccents-subtle-accent_4: #90d3dd; + --gse-semantic-background-system-customAccents-subtle-accent_4: #81cbe5; --gse-semantic-background-system-customAccents-subtle-accent_5: #c6dd98; --gse-semantic-background-system-customAccents-subtle-accent_6: #9ac1e8; --gse-semantic-background-system-customAccents-subtle-accent_7: #cdacff; --gse-semantic-background-system-customAccents-subtle-accent_8: #ef9ee1; --gse-semantic-background-system-customAccents-subtle-accent_9: #ff9dad; - --gse-semantic-background-system-customAccents-subtle-accent_10: #feb2ab; + --gse-semantic-background-system-customAccents-subtle-accent_10: #ffb5a3; --gse-semantic-background-system-customAccents-subtle-accent_11: #ffdd96; - --gse-semantic-background-system-customAccents-subtle-accent_12: #daf0f4; - --gse-semantic-background-system-progressAndLoading-default: #dee1fd; - --gse-semantic-background-system-progressAndLoading-progressed: #4856cb; + --gse-semantic-background-system-customAccents-subtle-accent_12: #9fd6ea; + --gse-semantic-background-system-progressAndLoading-default: #d5def7; + --gse-semantic-background-system-progressAndLoading-progressed: #2143a2; --gse-semantic-background-system-status-available: #09b581; --gse-semantic-background-system-status-busy: #e22245; --gse-semantic-background-system-status-away: #f8c73e; - --gse-semantic-background-system-status-onQueue: #4856cb; - --gse-semantic-background-system-status-offline: #626e84; + --gse-semantic-background-system-status-onQueue: #2143a2; + --gse-semantic-background-system-status-offline: #848891; --gse-semantic-background-system-status-outOfOffice: #b74ba4; - --gse-semantic-background-system-status-notification: #fe624d; - --gse-semantic-background-formControl-clickInput-track: #c6c8ce; + --gse-semantic-background-system-status-notification: #ff451a; + --gse-semantic-background-formControl-clickInput-track: #c1c6d4; --gse-semantic-background-formControl-textInput-track: #ffffff; --gse-semantic-foreground-interactive-primary-default: #ffffff; --gse-semantic-foreground-interactive-primary-active: #ffffff; --gse-semantic-foreground-interactive-primary-hover: #ffffff; - --gse-semantic-foreground-interactive-secondary-default: #4856cb; - --gse-semantic-foreground-interactive-secondary-active: #252e78; - --gse-semantic-foreground-interactive-secondary-hover: #3742a2; - --gse-semantic-foreground-interactive-tertiary-default: #4856cb; + --gse-semantic-foreground-interactive-secondary-default: #2143a2; + --gse-semantic-foreground-interactive-secondary-active: #102251; + --gse-semantic-foreground-interactive-secondary-hover: #19327a; + --gse-semantic-foreground-interactive-tertiary-default: #2143a2; --gse-semantic-foreground-interactive-tertiary-active: #ffffff; --gse-semantic-foreground-interactive-tertiary-hover: #ffffff; - --gse-semantic-foreground-interactive-ghost-default: #4856cb; - --gse-semantic-foreground-interactive-ghost-active: #252e78; - --gse-semantic-foreground-interactive-ghost-hover: #3742a2; - --gse-semantic-foreground-interactive-subtle-default: #3e5374; - --gse-semantic-foreground-interactive-subtle-active: #1b2c48; - --gse-semantic-foreground-interactive-subtle-hover: #23395d; + --gse-semantic-foreground-interactive-ghost-default: #2143a2; + --gse-semantic-foreground-interactive-ghost-active: #102251; + --gse-semantic-foreground-interactive-ghost-hover: #19327a; + --gse-semantic-foreground-interactive-subtle-default: #4f5157; + --gse-semantic-foreground-interactive-subtle-active: #2a2a2e; + --gse-semantic-foreground-interactive-subtle-hover: #3e4044; --gse-semantic-foreground-interactive-danger-default: #ffffff; --gse-semantic-foreground-interactive-danger-active: #ffffff; --gse-semantic-foreground-interactive-danger-hover: #ffffff; - --gse-semantic-foreground-interactive-link-default: #4856cb; - --gse-semantic-foreground-interactive-link-active: #252e78; - --gse-semantic-foreground-interactive-link-hover: #3742a2; - --gse-semantic-foreground-interactive-link-visited: #8a5ecc; - --gse-semantic-foreground-interactive-indicator-default: #9ca6f9; - --gse-semantic-foreground-container-highEmphasis: #1b2c48; - --gse-semantic-foreground-container-midEmphasis: #3e5374; - --gse-semantic-foreground-container-lowEmphasis: #626e84; + --gse-semantic-foreground-interactive-link-default: #2143a2; + --gse-semantic-foreground-interactive-link-active: #102251; + --gse-semantic-foreground-interactive-link-hover: #19327a; + --gse-semantic-foreground-interactive-link-visited: #3d538f; + --gse-semantic-foreground-interactive-indicator-default: #5476d5; + --gse-semantic-foreground-container-highEmphasis: #2a2a2e; + --gse-semantic-foreground-container-midEmphasis: #4f5157; + --gse-semantic-foreground-container-lowEmphasis: #6a6d75; --gse-semantic-foreground-container-highContrast-highEmphasis: #ffffff; - --gse-semantic-foreground-container-highContrast-midEmphasis: #e8ebf7; - --gse-semantic-foreground-container-highContrast-lowEmphasis: #c6ceec; + --gse-semantic-foreground-container-highContrast-midEmphasis: #dce1ed; + --gse-semantic-foreground-container-highContrast-lowEmphasis: #c1c6d4; --gse-semantic-foreground-container-specialAccents-ai: #8a5ecc; - --gse-semantic-foreground-container-specialAccents-brand: #ff4f1f; + --gse-semantic-foreground-container-specialAccents-brand: #ff451a; --gse-semantic-foreground-system-customAccents-light: #ffffff; - --gse-semantic-foreground-system-customAccents-dark: #1b2c48; - --gse-semantic-foreground-system-progressAndLoading-default: #23395d; + --gse-semantic-foreground-system-customAccents-dark: #2a2a2e; + --gse-semantic-foreground-system-progressAndLoading-default: #3e4044; --gse-semantic-foreground-system-progressAndLoading-progressed: #ffffff; - --gse-semantic-foreground-system-info-highEmphasis: #1b2c48; - --gse-semantic-foreground-system-info-accent: #6e5ddb; - --gse-semantic-foreground-system-success-highEmphasis: #1b2c48; - --gse-semantic-foreground-system-success-accent: #09b581; - --gse-semantic-foreground-system-warning-highEmphasis: #1b2c48; - --gse-semantic-foreground-system-warning-accent: #f8c73e; - --gse-semantic-foreground-system-error-highEmphasis: #1b2c48; - --gse-semantic-foreground-system-error-accent: #e22245; - --gse-semantic-foreground-system-icon-default: #3e5374; - --gse-semantic-foreground-formControl-helpText-default: #626e84; - --gse-semantic-foreground-formControl-helpText-error: #e22245; - --gse-semantic-foreground-formControl-textInput-placeholder: #626e84; - --gse-semantic-foreground-formControl-textInput-populated: #1b2c48; - --gse-semantic-foreground-formControl-textInput-icon: #626e84; - --gse-semantic-foreground-formControl-clickInput-enabled: #767c8d; - --gse-semantic-foreground-formControl-clickInput-selected: #4856cb; - --gse-semantic-foreground-formControl-clickInput-hover: #3742a2; - --gse-semantic-foreground-formControl-clickInput-active: #252e78; - --gse-semantic-foreground-formControl-clickInput-error: #e22245; - --gse-semantic-foreground-formControl-label-default: #1b2c48; - --gse-semantic-foreground-formControl-label-requiredAccent: #e22245; - --gse-semantic-foreground-formControl-label-optionalAccent: #3e5374; - --gse-semantic-foreground-formControl-label-tooltip: #3e5374; - --gse-semantic-border-focus: #7b88f7; - --gse-semantic-border-container-divider: #c6c8ce; - --gse-semantic-border-container-edges-default: #c6c8ce; - --gse-semantic-border-container-edges-hover: #7b88f7; + --gse-semantic-foreground-system-info-highEmphasis: #2a2a2e; + --gse-semantic-foreground-system-info-accent: #3d538f; + --gse-semantic-foreground-system-success-highEmphasis: #2a2a2e; + --gse-semantic-foreground-system-success-accent: #079167; + --gse-semantic-foreground-system-warning-highEmphasis: #2a2a2e; + --gse-semantic-foreground-system-warning-accent: #9a7b25; + --gse-semantic-foreground-system-error-highEmphasis: #2a2a2e; + --gse-semantic-foreground-system-error-accent: #b51b37; + --gse-semantic-foreground-system-icon-default: #4f5157; + --gse-semantic-foreground-formControl-helpText-default: #6a6d75; + --gse-semantic-foreground-formControl-helpText-error: #b51b37; + --gse-semantic-foreground-formControl-textInput-placeholder: #6a6d75; + --gse-semantic-foreground-formControl-textInput-populated: #2a2a2e; + --gse-semantic-foreground-formControl-textInput-icon: #6a6d75; + --gse-semantic-foreground-formControl-clickInput-enabled: #a3a8b5; + --gse-semantic-foreground-formControl-clickInput-selected: #2143a2; + --gse-semantic-foreground-formControl-clickInput-hover: #19327a; + --gse-semantic-foreground-formControl-clickInput-active: #102251; + --gse-semantic-foreground-formControl-clickInput-error: #b51b37; + --gse-semantic-foreground-formControl-label-default: #2a2a2e; + --gse-semantic-foreground-formControl-label-requiredAccent: #b51b37; + --gse-semantic-foreground-formControl-label-optionalAccent: #4f5157; + --gse-semantic-foreground-formControl-label-tooltip: #4f5157; + --gse-semantic-border-focus: #5476d5; + --gse-semantic-border-container-divider: #c1c6d4; + --gse-semantic-border-container-edges-default: #c1c6d4; + --gse-semantic-border-container-edges-hover: #5476d5; --gse-semantic-border-container-edges-error: #e22245; - --gse-semantic-border-container-edges-enabled: #4856cb; - --gse-semantic-border-container-edges-active: #3742a2; - --gse-semantic-border-container-edges-highEmphasis: #1b2c48; - --gse-semantic-border-container-edges-dataTable-default: #e8ebf7; - --gse-semantic-border-container-highConstrast-default: #3e5374; - --gse-semantic-border-container-highConstrast-enabled: #4856cb; - --gse-semantic-border-container-highConstrast-hover: #252e78; - --gse-semantic-border-container-highConstrast-active: #3742a2; + --gse-semantic-border-container-edges-enabled: #2143a2; + --gse-semantic-border-container-edges-active: #19327a; + --gse-semantic-border-container-edges-highEmphasis: #3e4044; + --gse-semantic-border-container-edges-dataTable-default: #cad1e1; + --gse-semantic-border-container-highConstrast-default: #4f5157; + --gse-semantic-border-container-highConstrast-enabled: #2143a2; + --gse-semantic-border-container-highConstrast-hover: #102251; + --gse-semantic-border-container-highConstrast-active: #19327a; --gse-semantic-border-system-info: #c5bef1; --gse-semantic-border-system-warning: #fce9b2; --gse-semantic-border-system-success: #9de1cd; --gse-semantic-border-system-error: #f3a7b5; - --gse-semantic-border-system-primary: #9ca6f9; + --gse-semantic-border-system-primary: #829ce5; --gse-semantic-border-interactive-primary-divider: #ffffff; --gse-semantic-border-interactive-secondary-divider: #ffffff; - --gse-semantic-border-interactive-tertiary-divider: #4856cb; + --gse-semantic-border-interactive-tertiary-divider: #2143a2; --gse-semantic-border-interactive-danger-divider: #ffffff; - --gse-semantic-border-formControl-textInput-default: #a3a7b0; - --gse-semantic-border-formControl-textInput-hover: #3742a2; - --gse-semantic-border-formControl-textInput-active: #252e78; + --gse-semantic-border-formControl-textInput-default: #a3a8b5; + --gse-semantic-border-formControl-textInput-hover: #19327a; + --gse-semantic-border-formControl-textInput-active: #102251; --gse-semantic-border-formControl-textInput-error: #e22245; --gse-semantic-body-sm-regular-fontFamily: 'Noto Sans'; --gse-semantic-body-sm-regular-fontWeight: 400; diff --git a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-ui.scss b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-ui.scss index 7b1652b9a..a508baa10 100644 --- a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-ui.scss +++ b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-ui.scss @@ -1,31 +1,31 @@ @mixin tokens { - --gse-ui-color-focus: #7b88f7; + --gse-ui-color-focus: #5476d5; --gse-ui-formControl-input-contentText-fontFamily: 'Noto Sans'; --gse-ui-formControl-input-contentText-fontWeight: 400; --gse-ui-formControl-input-contentText-fontSize: 12px; --gse-ui-formControl-input-contentText-lineHeight: 18px; - --gse-ui-formControl-input-default-border-color: #a3a7b0; + --gse-ui-formControl-input-default-border-color: #a3a8b5; --gse-ui-formControl-input-default-border-width: 1px; --gse-ui-formControl-input-default-border-style: solid; - --gse-ui-formControl-input-hover-border-color: #3742a2; + --gse-ui-formControl-input-hover-border-color: #19327a; --gse-ui-formControl-input-hover-border-width: 1px; --gse-ui-formControl-input-hover-border-style: solid; - --gse-ui-formControl-input-active-border-color: #252e78; + --gse-ui-formControl-input-active-border-color: #102251; --gse-ui-formControl-input-active-border-width: 1px; --gse-ui-formControl-input-active-border-style: solid; --gse-ui-formControl-input-error-border-color: #e22245; --gse-ui-formControl-input-error-border-width: 1px; --gse-ui-formControl-input-error-border-style: solid; - --gse-ui-formControl-input-disabled-border-color: #a3a7b0; + --gse-ui-formControl-input-disabled-border-color: #a3a8b5; --gse-ui-formControl-input-disabled-border-width: 1px; --gse-ui-formControl-input-disabled-border-style: solid; --gse-ui-formControl-input-disabled-opacity: 0.5; --gse-ui-formControl-input-borderRadius: 4px; --gse-ui-formControl-input-backgroundColor: #ffffff; - --gse-ui-formControl-input-placeholderColor: #626e84; - --gse-ui-formControl-input-suggestionColor: #626e84; - --gse-ui-formControl-input-populatedColor: #1b2c48; - --gse-ui-formControl-input-inputClearable-inputClearableColor: #626e84; + --gse-ui-formControl-input-placeholderColor: #6a6d75; + --gse-ui-formControl-input-suggestionColor: #6a6d75; + --gse-ui-formControl-input-populatedColor: #2a2a2e; + --gse-ui-formControl-input-inputClearable-inputClearableColor: #6a6d75; --gse-ui-formControl-input-inputClearable-size: 16px; --gse-ui-formControl-input-gap: 12px; --gse-ui-formControl-input-top: 8px; @@ -35,20 +35,20 @@ --gse-ui-formControl-input-prefixSufix-text-fontSize: 14px; --gse-ui-formControl-input-prefixSufix-text-lineHeight: 20px; --gse-ui-formControl-input-prefixSufix-height: 32px; - --gse-ui-formControl-input-prefixSufix-defaultColor: #626e84; + --gse-ui-formControl-input-prefixSufix-defaultColor: #6a6d75; --gse-ui-formControl-input-textfield-height: 32px; --gse-ui-formControl-input-textfield-minWidth: 48px; --gse-ui-formControl-input-colorPicker-size: 32px; --gse-ui-formControl-input-inputIcon-size: 16px; - --gse-ui-formControl-input-inputIcon-defaultColor: #1b2c48; - --gse-ui-formControl-input-inputIcon-iconEndColor: #626e84; - --gse-ui-formControl-input-focusRing-defaultColor: #7b88f7; + --gse-ui-formControl-input-inputIcon-defaultColor: #2a2a2e; + --gse-ui-formControl-input-inputIcon-iconEndColor: #6a6d75; + --gse-ui-formControl-input-focusRing-defaultColor: #5476d5; --gse-ui-formControl-input-textarea-height: 98px; - --gse-ui-formControl-input-focus-border-color: #7b88f7; + --gse-ui-formControl-input-focus-border-color: #5476d5; --gse-ui-formControl-input-focus-border-width: 2px; --gse-ui-formControl-input-focus-border-style: solid; --gse-ui-formControl-input-spinbuttonIcon-size: 16px; - --gse-ui-formControl-input-focusSelection-backgroundColor: #7b88f7; + --gse-ui-formControl-input-focusSelection-backgroundColor: #5476d5; --gse-ui-formControl-label-padding: 0 0 8px 0; --gse-ui-formControl-label-text-fontFamily: 'Noto Sans'; --gse-ui-formControl-label-text-fontWeight: 400; @@ -58,15 +58,15 @@ --gse-ui-formControl-label-textBold-fontWeight: 600; --gse-ui-formControl-label-textBold-fontSize: 12px; --gse-ui-formControl-label-textBold-lineHeight: 18px; - --gse-ui-formControl-label-labelColor: #1b2c48; + --gse-ui-formControl-label-labelColor: #2a2a2e; --gse-ui-formControl-label-indicator-text-fontFamily: 'Noto Sans'; --gse-ui-formControl-label-indicator-text-fontWeight: 400; --gse-ui-formControl-label-indicator-text-fontSize: 12px; --gse-ui-formControl-label-indicator-text-lineHeight: 18px; - --gse-ui-formControl-label-indicator-requiredColor: #e22245; - --gse-ui-formControl-label-indicator-optionalColor: #3e5374; + --gse-ui-formControl-label-indicator-requiredColor: #b51b37; + --gse-ui-formControl-label-indicator-optionalColor: #4f5157; --gse-ui-formControl-label-iconSize: 16px; - --gse-ui-formControl-label-tooltipTrigger-color: #3e5374; + --gse-ui-formControl-label-tooltipTrigger-color: #4f5157; --gse-ui-formControl-label-tooltipTrigger-borderRadius: 2px; --gse-ui-formControl-formField-gap: 4px; --gse-ui-formControl-group-gapItems: 8px; @@ -79,21 +79,21 @@ --gse-ui-formControl-helper-icon-padding: 1px 0 1px 0; --gse-ui-formControl-helper-paddingSmall: 4px 0 0 0; --gse-ui-formControl-helper-errorPadding: 4px 0 0 0; - --gse-ui-formControl-helper-defaultColor: #626e84; - --gse-ui-formControl-helper-errorColor: #e22245; + --gse-ui-formControl-helper-defaultColor: #6a6d75; + --gse-ui-formControl-helper-errorColor: #b51b37; --gse-ui-formControl-helper-iconSize: 16px; --gse-ui-formControl-spinButton-gap: 8px; - --gse-ui-formControl-spinner-track: #4856cb; - --gse-ui-formControl-spinner-errorColor: #dee1fd; + --gse-ui-formControl-spinner-track: #2143a2; + --gse-ui-formControl-spinner-errorColor: #d5def7; --gse-ui-formControl-textarea-padding: 8px; --gse-ui-formControl-focusRing-borderRadius: 4px; --gse-ui-card-backgroundColor: #ffffff; --gse-ui-card-borderRadius: 16px; --gse-ui-card-borderRadiusCopy: 16px; - --gse-ui-card-default-border-color: #c6c8ce; + --gse-ui-card-default-border-color: #c1c6d4; --gse-ui-card-default-border-width: 1px; --gse-ui-card-default-border-style: solid; - --gse-ui-card-raised-border-color: #c6c8ce; + --gse-ui-card-raised-border-color: #c1c6d4; --gse-ui-card-raised-border-width: 1px; --gse-ui-card-raised-border-style: solid; --gse-ui-card-raised-boxShadow-blur: 6px; @@ -106,15 +106,15 @@ --gse-ui-card-borderless-border-color: rgba(0, 0, 0, 0); --gse-ui-card-borderless-border-width: 1px; --gse-ui-card-borderless-border-style: solid; - --gse-ui-tooltip-light-border-color: #c6c8ce; + --gse-ui-tooltip-light-border-color: #c1c6d4; --gse-ui-tooltip-light-border-width: 1px; --gse-ui-tooltip-light-border-style: solid; --gse-ui-tooltip-light-backgroundColor: #ffffff; - --gse-ui-tooltip-light-foregroundColor: #1b2c48; - --gse-ui-tooltip-dark-border-color: #1b2c48; + --gse-ui-tooltip-light-foregroundColor: #2a2a2e; + --gse-ui-tooltip-dark-border-color: #3e4044; --gse-ui-tooltip-dark-border-width: 1px; --gse-ui-tooltip-dark-border-style: solid; - --gse-ui-tooltip-dark-backgroundColor: #1b2c48; + --gse-ui-tooltip-dark-backgroundColor: #2a2a2e; --gse-ui-tooltip-dark-foregroundColor: #ffffff; --gse-ui-tooltip-dark-iconColor: #ffffff; --gse-ui-tooltip-boxShadow-blur: 6px; @@ -131,47 +131,34 @@ --gse-ui-tooltip-text-fontWeight: 400; --gse-ui-tooltip-text-fontSize: 12px; --gse-ui-tooltip-text-lineHeight: 18px; + --gse-ui-tooltip-targetOffset: 16px; --gse-ui-tag-borderRadius: 16px; - --gse-ui-tag-default-backgroundColor: #23395d; - --gse-ui-tag-default-foregroundColor: #ffffff; - --gse-ui-tag-default-bold-backgroundColor: #3e5374; + --gse-ui-tag-default-bold-backgroundColor: #263b73; --gse-ui-tag-default-bold-foregroundColor: #ffffff; - --gse-ui-tag-default-subtle-backgroundColor: #c6c8ce; - --gse-ui-tag-default-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent1-backgroundColor: #e4e5e7; - --gse-ui-tag-accent1-foregroundColor: #1b2c48; - --gse-ui-tag-accent1-bold-backgroundColor: #626d97; + --gse-ui-tag-default-subtle-backgroundColor: #9faac6; + --gse-ui-tag-default-subtle-foregroundColor: #2a2a2e; + --gse-ui-tag-accent1-bold-backgroundColor: #596ea6; --gse-ui-tag-accent1-bold-foregroundColor: #ffffff; - --gse-ui-tag-accent1-subtle-backgroundColor: #d1d7ef; - --gse-ui-tag-accent1-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent2-backgroundColor: #90d3dd; - --gse-ui-tag-accent2-foregroundColor: #1b2c48; + --gse-ui-tag-accent1-subtle-backgroundColor: #b2b7c4; + --gse-ui-tag-accent1-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-accent2-bold-backgroundColor: #3ac49a; - --gse-ui-tag-accent2-bold-foregroundColor: #1b2c48; + --gse-ui-tag-accent2-bold-foregroundColor: #2a2a2e; --gse-ui-tag-accent2-subtle-backgroundColor: #9de1cd; - --gse-ui-tag-accent2-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent3-backgroundColor: #0c6d7e; - --gse-ui-tag-accent3-foregroundColor: #ffffff; - --gse-ui-tag-accent3-bold-backgroundColor: #0c6d7e; + --gse-ui-tag-accent2-subtle-foregroundColor: #2a2a2e; + --gse-ui-tag-accent3-bold-backgroundColor: #056385; --gse-ui-tag-accent3-bold-foregroundColor: #ffffff; - --gse-ui-tag-accent3-subtle-backgroundColor: #90d3dd; - --gse-ui-tag-accent3-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent4-backgroundColor: #547688; - --gse-ui-tag-accent4-foregroundColor: #ffffff; + --gse-ui-tag-accent3-subtle-backgroundColor: #81cbe5; + --gse-ui-tag-accent3-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-accent4-bold-backgroundColor: #607732; --gse-ui-tag-accent4-bold-foregroundColor: #ffffff; --gse-ui-tag-accent4-subtle-backgroundColor: #c6dd98; - --gse-ui-tag-accent4-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent5-backgroundColor: #a5cae0; - --gse-ui-tag-accent5-foregroundColor: #1b2c48; + --gse-ui-tag-accent4-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-accent5-bold-backgroundColor: #5798d9; - --gse-ui-tag-accent5-bold-foregroundColor: #1b2c48; + --gse-ui-tag-accent5-bold-foregroundColor: #2a2a2e; --gse-ui-tag-accent5-subtle-backgroundColor: #9ac1e8; - --gse-ui-tag-accent5-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent6-backgroundColor: #b5bfe6; - --gse-ui-tag-accent6-foregroundColor: #1b2c48; + --gse-ui-tag-accent5-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-accent6-subtle-backgroundColor: #cdacff; - --gse-ui-tag-accent6-subtle-foregroundColor: #1b2c48; + --gse-ui-tag-accent6-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-accent6-bold-backgroundColor: #8a5ecc; --gse-ui-tag-accent6-bold-foregroundColor: #ffffff; --gse-ui-tag-text-fontFamily: 'Noto Sans'; @@ -181,31 +168,23 @@ --gse-ui-tag-padding: 0 12px; --gse-ui-tag-removable-padding: 0 8px 0 12px; --gse-ui-tag-removable-gap: 4px; - --gse-ui-tag-accent7-backgroundColor: #a05195; - --gse-ui-tag-accent7-foregroundColor: #ffffff; --gse-ui-tag-accent7-bold-backgroundColor: #89387b; --gse-ui-tag-accent7-bold-foregroundColor: #ffffff; --gse-ui-tag-accent7-subtle-backgroundColor: #ef9ee1; - --gse-ui-tag-accent7-subtle-foregroundColor: #1b2c48; + --gse-ui-tag-accent7-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-height: 20px; - --gse-ui-tag-accent8-backgroundColor: #f95d6a; - --gse-ui-tag-accent8-foregroundColor: #1b2c48; --gse-ui-tag-accent8-bold-backgroundColor: #ff5c77; - --gse-ui-tag-accent8-bold-foregroundColor: #1b2c48; + --gse-ui-tag-accent8-bold-foregroundColor: #2a2a2e; --gse-ui-tag-accent8-subtle-backgroundColor: #ff9dad; - --gse-ui-tag-accent8-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent9-backgroundColor: #fe8f85; - --gse-ui-tag-accent9-foregroundColor: #1b2c48; - --gse-ui-tag-accent9-bold-backgroundColor: #c44b3b; + --gse-ui-tag-accent8-subtle-foregroundColor: #2a2a2e; + --gse-ui-tag-accent9-bold-backgroundColor: #992910; --gse-ui-tag-accent9-bold-foregroundColor: #ffffff; - --gse-ui-tag-accent9-subtle-backgroundColor: #feb2ab; - --gse-ui-tag-accent9-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent10-backgroundColor: #ffc650; - --gse-ui-tag-accent10-foregroundColor: #1b2c48; + --gse-ui-tag-accent9-subtle-backgroundColor: #ffb5a3; + --gse-ui-tag-accent9-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-accent10-bold-backgroundColor: #ffc650; - --gse-ui-tag-accent10-bold-foregroundColor: #1b2c48; + --gse-ui-tag-accent10-bold-foregroundColor: #2a2a2e; --gse-ui-tag-accent10-subtle-backgroundColor: #ffdd96; - --gse-ui-tag-accent10-subtle-foregroundColor: #1b2c48; + --gse-ui-tag-accent10-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-button-size: 16px; --gse-ui-tag-disabled-opacity: 0.5; --gse-ui-tag-small-height: 20px; @@ -218,49 +197,49 @@ --gse-ui-badge-height: 20px; --gse-ui-badge-padding: 2px 12px; --gse-ui-badge-gap: 4px; - --gse-ui-badge-info-bold-backgroundColor: #6e5ddb; + --gse-ui-badge-info-bold-backgroundColor: #3d538f; --gse-ui-badge-info-bold-foregroundColor: #ffffff; - --gse-ui-badge-info-regular-backgroundColor: #c5bef1; - --gse-ui-badge-info-regular-foregroundColor: #1b2c48; + --gse-ui-badge-info-regular-backgroundColor: #dfe3ec; + --gse-ui-badge-info-regular-foregroundColor: #2a2a2e; --gse-ui-badge-success-bold-backgroundColor: #09b581; - --gse-ui-badge-success-bold-foregroundColor: #1b2c48; + --gse-ui-badge-success-bold-foregroundColor: #2a2a2e; --gse-ui-badge-success-regular-backgroundColor: #9de1cd; - --gse-ui-badge-success-regular-foregroundColor: #1b2c48; + --gse-ui-badge-success-regular-foregroundColor: #2a2a2e; --gse-ui-badge-warning-bold-backgroundColor: #f8c73e; - --gse-ui-badge-warning-bold-foregroundColor: #1b2c48; + --gse-ui-badge-warning-bold-foregroundColor: #2a2a2e; --gse-ui-badge-warning-regular-backgroundColor: #fce9b2; - --gse-ui-badge-warning-regular-foregroundColor: #1b2c48; + --gse-ui-badge-warning-regular-foregroundColor: #2a2a2e; --gse-ui-badge-error-bold-backgroundColor: #e22245; --gse-ui-badge-error-bold-foregroundColor: #ffffff; --gse-ui-badge-error-regular-backgroundColor: #f3a7b5; - --gse-ui-badge-error-regular-foregroundColor: #1b2c48; + --gse-ui-badge-error-regular-foregroundColor: #2a2a2e; --gse-ui-icon-small-size: 16px; --gse-ui-icon-medium-size: 24px; --gse-ui-icon-large-size: 32px; - --gse-ui-icon-color: #3e5374; + --gse-ui-icon-color: #4f5157; --gse-ui-alert-padding: 8px 16px; --gse-ui-alert-gap: 8px; - --gse-ui-alert-info-backgroundColor: #e2dff8; - --gse-ui-alert-info-foregroundColor: #1b2c48; - --gse-ui-alert-info-iconColor: #6e5ddb; + --gse-ui-alert-info-backgroundColor: #f0f1f5; + --gse-ui-alert-info-foregroundColor: #2a2a2e; + --gse-ui-alert-info-iconColor: #3d538f; --gse-ui-alert-info-border-color: #c5bef1; --gse-ui-alert-info-border-width: 1px; --gse-ui-alert-info-border-style: solid; --gse-ui-alert-success-backgroundColor: #cef0e6; - --gse-ui-alert-success-foregroundColor: #1b2c48; - --gse-ui-alert-success-iconColor: #09b581; + --gse-ui-alert-success-foregroundColor: #2a2a2e; + --gse-ui-alert-success-iconColor: #079167; --gse-ui-alert-success-border-color: #9de1cd; --gse-ui-alert-success-border-width: 1px; --gse-ui-alert-success-border-style: solid; --gse-ui-alert-warning-backgroundColor: #fef4d8; - --gse-ui-alert-warning-foregroundColor: #1b2c48; - --gse-ui-alert-warning-iconColor: #f8c73e; + --gse-ui-alert-warning-foregroundColor: #2a2a2e; + --gse-ui-alert-warning-iconColor: #9a7b25; --gse-ui-alert-warning-border-color: #fce9b2; --gse-ui-alert-warning-border-width: 1px; --gse-ui-alert-warning-border-style: solid; --gse-ui-alert-error-backgroundColor: #f9d3da; - --gse-ui-alert-error-foregroundColor: #1b2c48; - --gse-ui-alert-error-iconColor: #e22245; + --gse-ui-alert-error-foregroundColor: #2a2a2e; + --gse-ui-alert-error-iconColor: #b51b37; --gse-ui-alert-error-border-color: #f3a7b5; --gse-ui-alert-error-border-width: 1px; --gse-ui-alert-error-border-style: solid; @@ -273,10 +252,10 @@ --gse-ui-alert-emphasisText-fontSize: 12px; --gse-ui-alert-emphasisText-lineHeight: 18px; --gse-ui-alert-borderRadius: 4px; - --gse-ui-rating-default-color: #767c8d; - --gse-ui-rating-active-color: #4856cb; - --gse-ui-rating-hover-color: #3742a2; - --gse-ui-rating-disabled-color: #767c8d; + --gse-ui-rating-default-color: #a3a8b5; + --gse-ui-rating-active-color: #2143a2; + --gse-ui-rating-hover-color: #19327a; + --gse-ui-rating-disabled-color: #a3a8b5; --gse-ui-rating-disabled-opacity: 0.5; --gse-ui-rating-size: 16px; --gse-ui-rating-star-gap: 8px; @@ -292,7 +271,7 @@ --gse-ui-breadcrumbs-secondary-separator-typography-fontWeight: 700; --gse-ui-breadcrumbs-secondary-separator-typography-fontSize: 14px; --gse-ui-breadcrumbs-secondary-separator-typography-lineHeight: 20px; - --gse-ui-breadcrumbs-separator-color: #c6c8ce; + --gse-ui-breadcrumbs-separator-color: #c1c6d4; --gse-ui-breadcrumbs-borderRadius: 0; --gse-ui-segmentedControl-button-padding: 0 12px; --gse-ui-segmentedControl-button-gap: 8px; @@ -301,19 +280,19 @@ --gse-ui-segmentedControl-button-end-borderRadius: 0 4px 4px 0; --gse-ui-segmentedControl-button-disabled-opacity: 0.5; --gse-ui-segmentedControl-button-disabled-backgroundColor: rgba(0, 0, 0, 0); - --gse-ui-segmentedControl-button-disabled-foregroundColor: #4856cb; + --gse-ui-segmentedControl-button-disabled-foregroundColor: #2143a2; --gse-ui-segmentedControl-button-default-backgroundColor: rgba(0, 0, 0, 0); - --gse-ui-segmentedControl-button-default-foregroundColor: #4856cb; - --gse-ui-segmentedControl-button-hover-backgroundColor: #dee1fd; - --gse-ui-segmentedControl-button-hover-foregroundColor: #3742a2; - --gse-ui-segmentedControl-button-active-backgroundColor: #4856cb; + --gse-ui-segmentedControl-button-default-foregroundColor: #2143a2; + --gse-ui-segmentedControl-button-hover-backgroundColor: #d5def7; + --gse-ui-segmentedControl-button-hover-foregroundColor: #19327a; + --gse-ui-segmentedControl-button-active-backgroundColor: #2143a2; --gse-ui-segmentedControl-button-active-foregroundColor: #ffffff; --gse-ui-segmentedControl-borderRadius: 4px; --gse-ui-segmentedControl-height: 32px; - --gse-ui-segmentedControl-border-color: #4856cb; + --gse-ui-segmentedControl-border-color: #2143a2; --gse-ui-segmentedControl-border-width: 1px; --gse-ui-segmentedControl-border-style: solid; - --gse-ui-segmentedControl-divider-color: #4856cb; + --gse-ui-segmentedControl-divider-color: #2143a2; --gse-ui-segmentedControl-divider-width: 1px; --gse-ui-segmentedControl-divider-style: solid; --gse-ui-segmentedControl-iconOnly-padding: 0 8px; @@ -326,7 +305,7 @@ --gse-ui-formFooter-page-mobile-topPadding: 16px; --gse-ui-formFooter-page-mobile-horizontalPadding: 16px; --gse-ui-formFooter-page-mobile-gap: 16px; - --gse-ui-formFooter-separator-color: #c6c8ce; + --gse-ui-formFooter-separator-color: #c1c6d4; --gse-ui-formFooter-separator-width: 1px; --gse-ui-formFooter-separator-style: solid; --gse-ui-formFooter-sideSheet-desktop-bottomPadding: 16px; @@ -338,11 +317,11 @@ --gse-ui-formFooter-modal-desktop-horizontalPadding: 32px; --gse-ui-formFooter-modal-desktop-gap: 16px; --gse-ui-formFooter-backgroundColor: #ffffff; - --gse-ui-formFooter-border-color: #3742a2; + --gse-ui-formFooter-border-color: #19327a; --gse-ui-formFooter-border-width: 1px; --gse-ui-formFooter-border-style: solid; - --gse-ui-copyToClipboard-label-active-backgroundColor: #ced2fc; - --gse-ui-copyToClipboard-label-foregroundColor: #1b2c48; + --gse-ui-copyToClipboard-label-active-backgroundColor: #adbff0; + --gse-ui-copyToClipboard-label-foregroundColor: #2a2a2e; --gse-ui-copyToClipboard-label-padding: 2px 4px; --gse-ui-copyToClipboard-label-borderRadius: 4px; --gse-ui-copyToClipboard-label-text-fontFamily: 'Noto Sans'; @@ -353,9 +332,9 @@ --gse-ui-copyToClipboard-gap: 8px; --gse-ui-copyToClipboard-contentContainer-gap: 4px; --gse-ui-copyToClipboard-iconContainer-padding: 4px; - --gse-ui-copyToClipboard-tooltipIcon-success-foregroundColor: #09b581; - --gse-ui-copyToClipboard-tooltipIcon-error-foregroundColor: #e22245; - --gse-ui-dismissButton-foregroundColor: #3e5374; + --gse-ui-copyToClipboard-tooltipIcon-success-foregroundColor: #079167; + --gse-ui-copyToClipboard-tooltipIcon-error-foregroundColor: #b51b37; + --gse-ui-dismissButton-foregroundColor: #4f5157; --gse-ui-button-default-height: 32px; --gse-ui-button-default-padding: 0 12px; --gse-ui-button-default-paddingIconOnly: 8px; @@ -369,33 +348,33 @@ --gse-ui-button-compact-padding: 0 12px; --gse-ui-button-compact-paddingIconOnly: 4px; --gse-ui-button-gap: 8px; - --gse-ui-button-primary-default-backgroundColor: #4856cb; + --gse-ui-button-primary-default-backgroundColor: #2143a2; --gse-ui-button-primary-default-foregroundColor: #ffffff; - --gse-ui-button-primary-hover-backgroundColor: #3742a2; + --gse-ui-button-primary-hover-backgroundColor: #19327a; --gse-ui-button-primary-hover-foregroundColor: #ffffff; - --gse-ui-button-primary-active-backgroundColor: #252e78; + --gse-ui-button-primary-active-backgroundColor: #102251; --gse-ui-button-primary-active-foregroundColor: #ffffff; - --gse-ui-button-secondary-default-backgroundColor: #eff0fe; - --gse-ui-button-secondary-default-foregroundColor: #4856cb; - --gse-ui-button-secondary-hover-backgroundColor: #dee1fd; - --gse-ui-button-secondary-hover-foregroundColor: #3742a2; - --gse-ui-button-secondary-active-backgroundColor: #ced2fc; - --gse-ui-button-secondary-active-foregroundColor: #252e78; + --gse-ui-button-secondary-default-backgroundColor: #eff3ff; + --gse-ui-button-secondary-default-foregroundColor: #2143a2; + --gse-ui-button-secondary-hover-backgroundColor: #d5def7; + --gse-ui-button-secondary-hover-foregroundColor: #19327a; + --gse-ui-button-secondary-active-backgroundColor: #adbff0; + --gse-ui-button-secondary-active-foregroundColor: #102251; --gse-ui-button-tertiary-default-backgroundColor: rgba(0, 0, 0, 0); - --gse-ui-button-tertiary-default-foregroundColor: #4856cb; - --gse-ui-button-tertiary-default-border-color: #4856cb; + --gse-ui-button-tertiary-default-foregroundColor: #2143a2; + --gse-ui-button-tertiary-default-border-color: #2143a2; --gse-ui-button-tertiary-default-border-width: 1px; --gse-ui-button-tertiary-default-border-style: solid; - --gse-ui-button-tertiary-hover-backgroundColor: #3742a2; + --gse-ui-button-tertiary-hover-backgroundColor: #19327a; --gse-ui-button-tertiary-hover-foregroundColor: #ffffff; - --gse-ui-button-tertiary-active-backgroundColor: #252e78; + --gse-ui-button-tertiary-active-backgroundColor: #102251; --gse-ui-button-tertiary-active-foregroundColor: #ffffff; --gse-ui-button-ghost-default-backgroundColor: rgba(0, 0, 0, 0); - --gse-ui-button-ghost-default-foregroundColor: #4856cb; - --gse-ui-button-ghost-hover-backgroundColor: #dee1fd; - --gse-ui-button-ghost-hover-foregroundColor: #3742a2; - --gse-ui-button-ghost-active-backgroundColor: #ced2fc; - --gse-ui-button-ghost-active-foregroundColor: #252e78; + --gse-ui-button-ghost-default-foregroundColor: #2143a2; + --gse-ui-button-ghost-hover-backgroundColor: #d5def7; + --gse-ui-button-ghost-hover-foregroundColor: #19327a; + --gse-ui-button-ghost-active-backgroundColor: #adbff0; + --gse-ui-button-ghost-active-foregroundColor: #102251; --gse-ui-button-danger-default-backgroundColor: #e22245; --gse-ui-button-danger-default-foregroundColor: #ffffff; --gse-ui-button-danger-hover-backgroundColor: #881429; @@ -419,7 +398,7 @@ --gse-ui-actionButton-leftSegment-focusBorderRadius: 16px 0 0 16px; --gse-ui-actionButton-leftSegment-borderRadius: 4px 0 0 4px; --gse-ui-actionButton-borderRadius: 4px; - --gse-ui-actionButton-tertiary-divider-color: #4856cb; + --gse-ui-actionButton-tertiary-divider-color: #2143a2; --gse-ui-actionButton-tertiary-divider-width: 2px; --gse-ui-actionButton-tertiary-divider-style: solid; --gse-ui-actionButton-primary-divider-color: #ffffff; @@ -465,20 +444,20 @@ --gse-ui-links-inLine-small-underlinedText-textDecoration: underline; --gse-ui-links-inLine-padding: 4px; --gse-ui-links-icon: 16px; - --gse-ui-links-default-foregroundColor: #4856cb; - --gse-ui-links-disabled-foregroundColor: #4856cb; - --gse-ui-links-hover-foregroundColor: #3742a2; - --gse-ui-links-active-foregroundColor: #252e78; - --gse-ui-links-visited-foregroundColor: #8a5ecc; + --gse-ui-links-default-foregroundColor: #2143a2; + --gse-ui-links-disabled-foregroundColor: #2143a2; + --gse-ui-links-hover-foregroundColor: #19327a; + --gse-ui-links-active-foregroundColor: #102251; + --gse-ui-links-visited-foregroundColor: #3d538f; --gse-ui-links-borderRadius: 0; - --gse-ui-radioButton-icon-default-unselectedForegroundColor: #767c8d; - --gse-ui-radioButton-icon-default-selectedForegroundColor: #4856cb; - --gse-ui-radioButton-icon-hover-foregroundColor: #3742a2; - --gse-ui-radioButton-icon-active-foregroundColor: #252e78; - --gse-ui-radioButton-icon-error-foregroundColor: #e22245; + --gse-ui-radioButton-icon-default-unselectedForegroundColor: #a3a8b5; + --gse-ui-radioButton-icon-default-selectedForegroundColor: #2143a2; + --gse-ui-radioButton-icon-hover-foregroundColor: #19327a; + --gse-ui-radioButton-icon-active-foregroundColor: #102251; + --gse-ui-radioButton-icon-error-foregroundColor: #b51b37; --gse-ui-radioButton-icon-height: 16px; --gse-ui-radioButton-icon-width: 16px; - --gse-ui-radioButton-label-foregroundColor: #1b2c48; + --gse-ui-radioButton-label-foregroundColor: #2a2a2e; --gse-ui-radioButton-label-text-fontFamily: 'Noto Sans'; --gse-ui-radioButton-label-text-fontWeight: 400; --gse-ui-radioButton-label-text-fontSize: 12px; @@ -487,19 +466,19 @@ --gse-ui-radioButton-helper-padding: 4px 0 0 24px; --gse-ui-radioButton-helper-gap: 8px; --gse-ui-radioButton-disabled-opacity: 0.5; - --gse-ui-radioButton-focus-border-color: #7b88f7; + --gse-ui-radioButton-focus-border-color: #5476d5; --gse-ui-radioButton-focus-border-width: 2px; --gse-ui-radioButton-focus-border-style: solid; --gse-ui-radioButton-focus-borderRadius: 100%; --gse-ui-radioButton-focus-offset: 1px; - --gse-ui-checkbox-icon-default-unselectedForegroundColor: #767c8d; - --gse-ui-checkbox-icon-default-selectedForegroundColor: #4856cb; - --gse-ui-checkbox-icon-hover-foregroundColor: #3742a2; - --gse-ui-checkbox-icon-active-foregroundColor: #252e78; - --gse-ui-checkbox-icon-error-foregroundColor: #e22245; + --gse-ui-checkbox-icon-default-unselectedForegroundColor: #a3a8b5; + --gse-ui-checkbox-icon-default-selectedForegroundColor: #2143a2; + --gse-ui-checkbox-icon-hover-foregroundColor: #19327a; + --gse-ui-checkbox-icon-active-foregroundColor: #102251; + --gse-ui-checkbox-icon-error-foregroundColor: #b51b37; --gse-ui-checkbox-icon-height: 16px; --gse-ui-checkbox-icon-width: 16px; - --gse-ui-checkbox-label-foregroundColor: #1b2c48; + --gse-ui-checkbox-label-foregroundColor: #2a2a2e; --gse-ui-checkbox-label-text-fontFamily: 'Noto Sans'; --gse-ui-checkbox-label-text-fontWeight: 400; --gse-ui-checkbox-label-text-fontSize: 12px; @@ -508,7 +487,7 @@ --gse-ui-checkbox-helper-gap: 8px; --gse-ui-checkbox-gap: 8px; --gse-ui-checkbox-disabled-opacity: 0.5; - --gse-ui-checkbox-focus-border-color: #7b88f7; + --gse-ui-checkbox-focus-border-color: #5476d5; --gse-ui-checkbox-focus-border-width: 2px; --gse-ui-checkbox-focus-border-style: solid; --gse-ui-checkbox-focus-borderRadius: 4px; @@ -528,34 +507,34 @@ --gse-ui-menu-option-label-active-text-fontWeight: 700; --gse-ui-menu-option-label-active-text-fontSize: 12px; --gse-ui-menu-option-label-active-text-lineHeight: 18px; - --gse-ui-menu-option-label-foregroundColor: #1b2c48; + --gse-ui-menu-option-label-foregroundColor: #2a2a2e; --gse-ui-menu-option-shortcut-text-fontFamily: 'Noto Sans'; --gse-ui-menu-option-shortcut-text-fontWeight: 400; --gse-ui-menu-option-shortcut-text-fontSize: 14px; --gse-ui-menu-option-shortcut-text-lineHeight: 20px; - --gse-ui-menu-option-shortcut-default-foregroundColor: #626e84; - --gse-ui-menu-option-shortcut-selected-foregroundColor: #1b2c48; - --gse-ui-menu-option-hover-backgroundColor: #eff0fe; - --gse-ui-menu-option-selected-backgroundColor: #ced2fc; + --gse-ui-menu-option-shortcut-default-foregroundColor: #6a6d75; + --gse-ui-menu-option-shortcut-selected-foregroundColor: #2a2a2e; + --gse-ui-menu-option-hover-backgroundColor: #eff3ff; + --gse-ui-menu-option-selected-backgroundColor: #adbff0; --gse-ui-menu-option-disabled-opacity: 0.5; - --gse-ui-menu-option-checkbox-unchecked-default-foregroundColor: #767c8d; - --gse-ui-menu-option-checkbox-unchecked-hover-foregroundColor: #3742a2; - --gse-ui-menu-option-checkbox-unchecked-selected-foregroundColor: #252e78; - --gse-ui-menu-option-checkbox-checked-default-foregroundColor: #4856cb; - --gse-ui-menu-option-checkbox-checked-hover-foregroundColor: #3742a2; - --gse-ui-menu-option-checkbox-checked-selected-foregroundColor: #252e78; + --gse-ui-menu-option-checkbox-unchecked-default-foregroundColor: #a3a8b5; + --gse-ui-menu-option-checkbox-unchecked-hover-foregroundColor: #19327a; + --gse-ui-menu-option-checkbox-unchecked-selected-foregroundColor: #102251; + --gse-ui-menu-option-checkbox-checked-default-foregroundColor: #2143a2; + --gse-ui-menu-option-checkbox-checked-hover-foregroundColor: #19327a; + --gse-ui-menu-option-checkbox-checked-selected-foregroundColor: #102251; --gse-ui-menu-option-parentIcon-width: 16px; --gse-ui-menu-option-parentIcon-height: 16px; - --gse-ui-menu-option-parentIcon-default-foregroundColor: #3e5374; - --gse-ui-menu-option-parentIcon-hover-foregroundColor: #23395d; - --gse-ui-menu-option-parentIcon-selected-foregroundColor: #1b2c48; - --gse-ui-menu-option-focus-border-color: #7b88f7; + --gse-ui-menu-option-parentIcon-default-foregroundColor: #4f5157; + --gse-ui-menu-option-parentIcon-hover-foregroundColor: #3e4044; + --gse-ui-menu-option-parentIcon-selected-foregroundColor: #2a2a2e; + --gse-ui-menu-option-focus-border-color: #5476d5; --gse-ui-menu-option-focus-border-width: 1px; --gse-ui-menu-option-focus-border-style: solid; --gse-ui-menu-option-default-backgroundColor: #ffffff; --gse-ui-menu-maxHeight: 344px; --gse-ui-menu-borderRadius: 4px; - --gse-ui-menu-border-color: #c6c8ce; + --gse-ui-menu-border-color: #c1c6d4; --gse-ui-menu-border-width: 1px; --gse-ui-menu-border-style: solid; --gse-ui-menu-boxShadow-blur: 4px; @@ -566,33 +545,33 @@ --gse-ui-menu-boxShadow-offsetY: 0; --gse-ui-menu-padding: 8px 1px; --gse-ui-menu-backgroundColor: #ffffff; - --gse-ui-menu-scrollbar-foregroundColor: #3e5374; - --gse-ui-menu-divider-backgroundColor: #c6c8ce; + --gse-ui-menu-scrollbar-foregroundColor: #4f5157; + --gse-ui-menu-divider-backgroundColor: #c1c6d4; --gse-ui-menu-divider-margin: 4px 0 8px 0; --gse-ui-menu-divider-height: 1px; --gse-ui-menu-groupedMenu-title-padding: 8px 12px 4px; --gse-ui-menu-groupedMenu-title-height: 32px; - --gse-ui-menu-groupedMenu-title-foregroundColor: #626e84; + --gse-ui-menu-groupedMenu-title-foregroundColor: #6a6d75; --gse-ui-menu-groupedMenu-title-text-fontFamily: Urbanist; --gse-ui-menu-groupedMenu-title-text-fontWeight: 600; --gse-ui-menu-groupedMenu-title-text-fontSize: 12px; --gse-ui-menu-groupedMenu-title-text-lineHeight: 16px; --gse-ui-menu-groupedMenu-title-text-textCase: uppercase; --gse-ui-menu-groupedMenu-title-text-letterSpacing: 1px; - --gse-ui-menu-groupedMenu-padding: 8px 2px; + --gse-ui-menu-groupedMenu-padding: 8px 1px; --gse-ui-menu-groupedMenu-divider-padding: 4px 0px 8px; --gse-ui-menu-groupedMenu-divider-height: 13px; - --gse-ui-menu-groupedMenu-subtext-foregroundColor: #626e84; + --gse-ui-menu-groupedMenu-subtext-foregroundColor: #6a6d75; --gse-ui-dropdown-menu-emptyState-header-text-fontFamily: Roboto; --gse-ui-dropdown-menu-emptyState-header-text-fontWeight: 700; --gse-ui-dropdown-menu-emptyState-header-text-lineHeight: 18px; --gse-ui-dropdown-menu-emptyState-header-text-fontSize: 12px; - --gse-ui-dropdown-menu-emptyState-header-foregroundColor: #23395d; + --gse-ui-dropdown-menu-emptyState-header-foregroundColor: #2a2a2e; --gse-ui-dropdown-menu-emptyState-subheader-text-fontFamily: Roboto; --gse-ui-dropdown-menu-emptyState-subheader-text-fontWeight: 400; --gse-ui-dropdown-menu-emptyState-subheader-text-lineHeight: 18px; --gse-ui-dropdown-menu-emptyState-subheader-text-fontSize: 12px; - --gse-ui-dropdown-menu-emptyState-subheader-foregroundColor: #626e84; + --gse-ui-dropdown-menu-emptyState-subheader-foregroundColor: #4f5157; --gse-ui-dropdown-gap: 4px; --gse-ui-calendarMenu-day-range-width: 16px; --gse-ui-calendarMenu-day-range-height: 32px; @@ -605,7 +584,7 @@ --gse-ui-calendarMenu-day-date-size: 32px; --gse-ui-calendarMenu-height: 234px; --gse-ui-calendarMenu-width: 250px; - --gse-ui-calendarMenu-month-default-foregroundColor: #1b2c48; + --gse-ui-calendarMenu-month-default-foregroundColor: #2a2a2e; --gse-ui-calendarMenu-month-single-header-textWidth: 154px; --gse-ui-calendarMenu-month-single-header-width: 218px; --gse-ui-calendarMenu-month-single-header-height: 48px; @@ -629,12 +608,12 @@ --gse-ui-calendarMenu-month-borderRadius: 16px; --gse-ui-calendarMenu-month-calendarButton-focusBorderRadius: 4px; --gse-ui-calendarMenu-month-selected-foregroundColor: #ffffff; - --gse-ui-calendarMenu-month-selected-backgroundColor: #4856cb; - --gse-ui-calendarMenu-month-selected-hoverBackgroundColor: #3742a2; - --gse-ui-calendarMenu-month-hover-backgroundColor: #eff0fe; + --gse-ui-calendarMenu-month-selected-backgroundColor: #2143a2; + --gse-ui-calendarMenu-month-selected-hoverBackgroundColor: #19327a; + --gse-ui-calendarMenu-month-hover-backgroundColor: #eff3ff; --gse-ui-calendarMenu-dateBody-padding: 16px 24px; --gse-ui-calendarMenu-dateBody-gap: 8px; - --gse-ui-calendarMenu-header-backgroundColor: #4856cb; + --gse-ui-calendarMenu-header-backgroundColor: #2143a2; --gse-ui-calendarMenu-header-foregroundColor: #ffffff; --gse-ui-calendarMenu-header-gap: 8px; --gse-ui-calendarMenu-header-padding: 12px 16px; @@ -649,11 +628,11 @@ --gse-ui-calendarMenu-date-currentText-fontSize: 12px; --gse-ui-calendarMenu-date-currentText-lineHeight: 18px; --gse-ui-calendarMenu-date-selected-foregroundColor: #ffffff; - --gse-ui-calendarMenu-date-selected-backgroundColor: #4856cb; - --gse-ui-calendarMenu-date-selected-hoverBackgroundColor: #3742a2; - --gse-ui-calendarMenu-date-hover-backgroundColor: #eff0fe; - --gse-ui-calendarMenu-date-range-backgroundColor: #dee1fd; - --gse-ui-calendarMenu-date-default-foregroundColor: #1b2c48; + --gse-ui-calendarMenu-date-selected-backgroundColor: #2143a2; + --gse-ui-calendarMenu-date-selected-hoverBackgroundColor: #19327a; + --gse-ui-calendarMenu-date-hover-backgroundColor: #eff3ff; + --gse-ui-calendarMenu-date-range-backgroundColor: #d5def7; + --gse-ui-calendarMenu-date-default-foregroundColor: #2a2a2e; --gse-ui-calendarMenu-single-header-borderRadius: 8px 8px 0 0; --gse-ui-calendarMenu-single-body-borderRadius: 0 0 8px 8px; --gse-ui-calendarMenu-range-header-firstMonth-borderRadius: 8px 0 0 0; @@ -674,11 +653,11 @@ --gse-ui-datePicker-range-gap: 24px; --gse-ui-datePicker-startEndInput-gap: 8px; --gse-ui-datePicker-dateTyped-gap: 10px; - --gse-ui-datePicker-dateTyped-backgroundColor: #dee1fd; + --gse-ui-datePicker-dateTyped-backgroundColor: #eff3ff; --gse-ui-datePicker-disabled-opacity: 0.5; --gse-ui-datePicker-focusCalendar-gap: 2px; - --gse-ui-datePicker-iconHover: #3742a2; - --gse-ui-datePicker-iconFocus: #3742a2; + --gse-ui-datePicker-iconHover: #3e4044; + --gse-ui-datePicker-iconFocus: #2a2a2e; --gse-ui-toggle-label-fontFamily: 'Noto Sans'; --gse-ui-toggle-label-fontWeight: 400; --gse-ui-toggle-label-fontSize: 12px; @@ -687,66 +666,66 @@ --gse-ui-toggle-padding: 8px; --gse-ui-toggle-track-width: 32px; --gse-ui-toggle-track-height: 16px; - --gse-ui-toggle-track-enabled-off-backgroundColor: #c6c8ce; - --gse-ui-toggle-track-enabled-on-backgroundColor: #4856cb; - --gse-ui-toggle-track-disabled-off-backgroundColor: #c6c8ce; - --gse-ui-toggle-track-disabled-on-backgroundColor: #4856cb; + --gse-ui-toggle-track-enabled-off-backgroundColor: #c1c6d4; + --gse-ui-toggle-track-enabled-on-backgroundColor: #2143a2; + --gse-ui-toggle-track-disabled-off-backgroundColor: #c1c6d4; + --gse-ui-toggle-track-disabled-on-backgroundColor: #2143a2; --gse-ui-toggle-track-error-off-backgroundColor: #f3a7b5; - --gse-ui-toggle-track-error-on-backgroundColor: #e22245; - --gse-ui-toggle-track-hover-off-backgroundColor: #eff0fe; - --gse-ui-toggle-track-hover-on-backgroundColor: #3742a2; + --gse-ui-toggle-track-error-on-backgroundColor: #b51b37; + --gse-ui-toggle-track-hover-off-backgroundColor: #eff3ff; + --gse-ui-toggle-track-hover-on-backgroundColor: #19327a; --gse-ui-toggle-track-borderRadius: 100%; --gse-ui-toggle-handle-width: 16px; --gse-ui-toggle-handle-height: 16px; --gse-ui-toggle-handle-hover-border-width: 2px; --gse-ui-toggle-handle-hover-border-style: solid; - --gse-ui-toggle-handle-hover-border-color: #7b88f7; + --gse-ui-toggle-handle-hover-border-color: #5476d5; --gse-ui-toggle-handle-enabled-border-width: 2px; - --gse-ui-toggle-handle-enabled-border-color: #4856cb; + --gse-ui-toggle-handle-enabled-border-color: #2143a2; --gse-ui-toggle-handle-enabled-border-style: solid; --gse-ui-toggle-handle-disabled-border-width: 2px; - --gse-ui-toggle-handle-disabled-border-color: #4856cb; + --gse-ui-toggle-handle-disabled-border-color: #2143a2; --gse-ui-toggle-handle-disabled-border-style: solid; --gse-ui-toggle-handle-error-border-color: #e22245; --gse-ui-toggle-handle-error-border-width: 2px; --gse-ui-toggle-handle-error-border-style: solid; --gse-ui-toggle-handle-backgroundColor: #ffffff; - --gse-ui-toggle-handle-foregroundColor: #4856cb; + --gse-ui-toggle-handle-foregroundColor: #2143a2; --gse-ui-toggle-handle-borderRadius: 16px; --gse-ui-toggle-disabled-opacity: 0.5; - --gse-ui-toggle-focus-border-color: #7b88f7; + --gse-ui-toggle-focus-border-color: #5476d5; --gse-ui-toggle-focus-border-width: 2px; --gse-ui-toggle-focus-border-style: solid; --gse-ui-toggle-focus-borderRadius: 100%; --gse-ui-toggle-focus-offset: 1px; --gse-ui-timePicker-clock-padding: 2px; - --gse-ui-timePicker-clockStates-defaultColor: #3e5374; - --gse-ui-timePicker-clockStates-hoverColor: #23395d; - --gse-ui-timePicker-clockStates-activeColor: #1b2c48; - --gse-ui-timePicker-clockStates-disabledColor: #3e537480; - --gse-ui-timePicker-focusClock-border-color: #7b88f7; + --gse-ui-timePicker-clockStates-defaultColor: #4f5157; + --gse-ui-timePicker-clockStates-hoverColor: #3e4044; + --gse-ui-timePicker-clockStates-activeColor: #2a2a2e; + --gse-ui-timePicker-clockStates-disabledColor: #4f515780; + --gse-ui-timePicker-focusClock-border-color: #5476d5; --gse-ui-timePicker-focusClock-border-width: 2px; --gse-ui-timePicker-focusClock-border-style: solid; --gse-ui-timePicker-focusClock-borderRadius: 4px; - --gse-ui-timePicker-focusAmpm-border-color: #7b88f7; + --gse-ui-timePicker-focusAmpm-border-color: #5476d5; --gse-ui-timePicker-focusAmpm-border-width: 2px; --gse-ui-timePicker-focusAmpm-border-style: solid; --gse-ui-timePicker-focusAmpm-borderRadius: 4px; - --gse-ui-timePicker-focusTime-border-color: #7b88f7; + --gse-ui-timePicker-focusTime-border-color: #5476d5; --gse-ui-timePicker-focusTime-border-width: 2px; --gse-ui-timePicker-focusTime-border-style: solid; --gse-ui-timePicker-focusTime-borderRadius: 4px; --gse-ui-timePicker-ampm-padding: 2px; - --gse-ui-colorPicker-label-requiredSymbolColor: #e22245; - --gse-ui-colorPicker-label-textColor: #1b2c48; + --gse-ui-colorPicker-label-requiredSymbolColor: #b51b37; + --gse-ui-colorPicker-label-textColor: #2a2a2e; --gse-ui-colorPicker-label-text-fontFamily: 'Noto Sans'; --gse-ui-colorPicker-label-text-fontWeight: 400; --gse-ui-colorPicker-label-text-fontSize: 12px; --gse-ui-colorPicker-label-text-lineHeight: 18px; --gse-ui-colorPicker-inputContainer-backgroundColor: #ffffff; - --gse-ui-colorPicker-inputContainer-border-defaultColor: #a3a7b0; - --gse-ui-colorPicker-inputContainer-border-hoverColor: #3742a2; - --gse-ui-colorPicker-inputContainer-border-activeColor: #252e78; + --gse-ui-colorPicker-inputContainer-border-defaultColor: #a3a8b5; + --gse-ui-colorPicker-inputContainer-border-hoverColor: #19327a; + --gse-ui-colorPicker-inputContainer-border-activeColor: #102251; --gse-ui-colorPicker-inputContainer-border-errorColor: #e22245; --gse-ui-colorPicker-input-containerSizing: 32px; --gse-ui-colorPicker-input-swatchSizing: 24px; @@ -754,19 +733,19 @@ --gse-ui-colorPicker-gap: 8px; --gse-ui-slider-handle-width: 20px; --gse-ui-slider-handle-height: 20px; - --gse-ui-slider-handle-default-backgroundColor: #4856cb; - --gse-ui-slider-handle-hover-backgroundColor: #3742a2; - --gse-ui-slider-handle-active-backgroundColor: #252e78; - --gse-ui-slider-handle-disabled-backgroundColor: #4856cb; + --gse-ui-slider-handle-default-backgroundColor: #2143a2; + --gse-ui-slider-handle-hover-backgroundColor: #19327a; + --gse-ui-slider-handle-active-backgroundColor: #102251; + --gse-ui-slider-handle-disabled-backgroundColor: #2143a2; --gse-ui-slider-handle-borderRadius: 100%; --gse-ui-slider-disabled-opacity: 0.5; --gse-ui-slider-label-text-fontFamily: 'Noto Sans'; --gse-ui-slider-label-text-fontWeight: 600; --gse-ui-slider-label-text-fontSize: 14px; --gse-ui-slider-label-text-lineHeight: 20px; - --gse-ui-slider-label-foregroundColor: #1b2c48; - --gse-ui-slider-bar-selected-backgroundColor: #4856cb; - --gse-ui-slider-bar-default-backgroundColor: #c6c8ce; + --gse-ui-slider-label-foregroundColor: #2a2a2e; + --gse-ui-slider-bar-selected-backgroundColor: #2143a2; + --gse-ui-slider-bar-default-backgroundColor: #c1c6d4; --gse-ui-slider-bar-height: 4px; --gse-ui-slider-gap: 16px; --gse-ui-slider-focusRing-borderRadius: 100%; @@ -779,9 +758,9 @@ --gse-ui-flyoutMenu-parenting-gap: 8px; --gse-ui-flyoutMenu-backgroundColor: #ffffff; --gse-ui-flyoutMenu-arrow-borderRadius: 4px; - --gse-ui-phoneInput-dropdown-hover-backgroundColor: #eff0fe; - --gse-ui-phoneInput-dropdown-active-backgroundColor: #ced2fc; - --gse-ui-phoneInput-dropdown-foregroundColor: #626e84; + --gse-ui-phoneInput-dropdown-hover-backgroundColor: #eff3ff; + --gse-ui-phoneInput-dropdown-active-backgroundColor: #adbff0; + --gse-ui-phoneInput-dropdown-foregroundColor: #6a6d75; --gse-ui-phoneInput-dropdown-flag-height: 12px; --gse-ui-phoneInput-dropdown-flag-width: 16px; --gse-ui-phoneInput-dropdown-height: 32px; @@ -791,31 +770,31 @@ --gse-ui-phoneInput-dropdown-padding: 0 8px 0 12px; --gse-ui-phoneInput-dropdown-disabled-padding: 0 4px 0 12px; --gse-ui-phoneInput-dropdown-gap: 4px; - --gse-ui-phoneInput-countryCode-foregroundColor: #626e84; + --gse-ui-phoneInput-countryCode-foregroundColor: #2a2a2e; --gse-ui-phoneInput-minWidth: 230px; --gse-ui-contextMenu-button-default: 32px; --gse-ui-contextMenu-button-compact: 24px; --gse-ui-contextMenu-borderRadius: 4px; --gse-ui-contextMenu-menu-maxHeight: 344px; --gse-ui-contextMenu-menu-width: 220px; - --gse-ui-monthPicker-calendarStates-defaultColor: #3e5374; - --gse-ui-monthPicker-calendarStates-hoverColor: #23395d; - --gse-ui-monthPicker-calendarStates-activeColor: #1b2c48; - --gse-ui-monthPicker-calendarStates-disabledColor: #3e537480; - --gse-ui-monthPicker-calendarStates-focus-border-color: #7b88f7; + --gse-ui-monthPicker-calendarStates-defaultColor: #4f5157; + --gse-ui-monthPicker-calendarStates-hoverColor: #3e4044; + --gse-ui-monthPicker-calendarStates-activeColor: #2a2a2e; + --gse-ui-monthPicker-calendarStates-disabledColor: #4f515780; + --gse-ui-monthPicker-calendarStates-focus-border-color: #5476d5; --gse-ui-monthPicker-calendarStates-focus-border-width: 2px; --gse-ui-monthPicker-calendarStates-focus-border-style: solid; - --gse-ui-selectorCard-ilustrativeIcon-foregroundColor: #3e5374; - --gse-ui-selectorCard-text-foregroundColor: #1b2c48; + --gse-ui-selectorCard-ilustrativeIcon-foregroundColor: #4f5157; + --gse-ui-selectorCard-text-foregroundColor: #2a2a2e; --gse-ui-selectorCard-default-backgroundColor: #ffffff; - --gse-ui-selectorCard-default-selectedIndicator-selected-foregroundColor: #4856cb; - --gse-ui-selectorCard-default-selectedIndicator-unselected-foregroundColor: #767c8d; - --gse-ui-selectorCard-hover-backgroundColor: #eff0fe; - --gse-ui-selectorCard-hover-selectedIndicator-foregroundColor: #3742a2; - --gse-ui-selectorCard-active-backgroundColor: #ced2fc; - --gse-ui-selectorCard-active-selectedIndicator-foregroundColor: #252e78; + --gse-ui-selectorCard-default-selectedIndicator-selected-foregroundColor: #2143a2; + --gse-ui-selectorCard-default-selectedIndicator-unselected-foregroundColor: #a3a8b5; + --gse-ui-selectorCard-hover-backgroundColor: #eff3ff; + --gse-ui-selectorCard-hover-selectedIndicator-foregroundColor: #19327a; + --gse-ui-selectorCard-active-backgroundColor: #adbff0; + --gse-ui-selectorCard-active-selectedIndicator-foregroundColor: #102251; --gse-ui-selectorCard-error-backgroundColor: #f3a7b5; - --gse-ui-selectorCard-error-selectedIndicator-foregroundColor: #e22245; + --gse-ui-selectorCard-error-selectedIndicator-foregroundColor: #b51b37; --gse-ui-selectorCard-error-border-color: #e22245; --gse-ui-selectorCard-error-border-width: 1px; --gse-ui-selectorCard-error-border-style: solid; @@ -847,23 +826,23 @@ --gse-ui-selectorCard-descriptive-description-fontWeight: 400; --gse-ui-selectorCard-descriptive-description-fontSize: 12px; --gse-ui-selectorCard-descriptive-description-lineHeight: 18px; - --gse-ui-selectorCard-unselected-border-color: #c6c8ce; + --gse-ui-selectorCard-unselected-border-color: #c1c6d4; --gse-ui-selectorCard-unselected-border-width: 1px; --gse-ui-selectorCard-unselected-border-style: solid; - --gse-ui-selectorCard-selected-border-color: #3742a2; + --gse-ui-selectorCard-selected-border-color: #19327a; --gse-ui-selectorCard-selected-border-width: 1px; --gse-ui-selectorCard-selected-border-style: solid; --gse-ui-selectorCard-disabled-opacity: 0.5; --gse-ui-selectorCard-disabled-backgroundColor: #ffffff; - --gse-ui-selectorCard-disabled-selectedIndicator-selected-foregroundColor: #4856cb; - --gse-ui-selectorCard-disabled-selectedIndicator-unselected-foregroundColor: #767c8d; + --gse-ui-selectorCard-disabled-selectedIndicator-selected-foregroundColor: #2143a2; + --gse-ui-selectorCard-disabled-selectedIndicator-unselected-foregroundColor: #a3a8b5; --gse-ui-ctaGroup-gap: 8px; - --gse-ui-search-counter-default-foregroundColor: #626e84; - --gse-ui-search-counter-hover-foregroundColor: #3742a2; - --gse-ui-search-counter-divider-border-color: #a3a7b0; + --gse-ui-search-counter-default-foregroundColor: #6a6d75; + --gse-ui-search-counter-hover-foregroundColor: #19327a; + --gse-ui-search-counter-divider-border-color: #a3a8b5; --gse-ui-search-counter-divider-border-width: 1px; --gse-ui-search-counter-divider-border-style: solid; - --gse-ui-search-counter-divider-foregroundColor: #a3a7b0; + --gse-ui-search-counter-divider-foregroundColor: #a3a8b5; --gse-ui-search-counter-text-fontFamily: 'Noto Sans'; --gse-ui-search-counter-text-fontWeight: 400; --gse-ui-search-counter-text-fontSize: 12px; @@ -872,10 +851,10 @@ --gse-ui-search-counter-icon-height: 16px; --gse-ui-search-counter-icon-width: 16px; --gse-ui-search-width: 320px; - --gse-ui-search-match-firstLevel-backgroundColor: #b5e2e8; - --gse-ui-search-match-firstLevel-foregroundColour: #1b2c48; - --gse-ui-search-match-subsequentLevel-foregroundColour: #1b2c48; - --gse-ui-search-match-subsequentLevel-backgroundColor: #daf0f4; + --gse-ui-search-match-firstLevel-backgroundColor: #81cbe5; + --gse-ui-search-match-firstLevel-foregroundColour: #2a2a2e; + --gse-ui-search-match-subsequentLevel-foregroundColour: #2a2a2e; + --gse-ui-search-match-subsequentLevel-backgroundColor: #9fd6ea; --gse-ui-simpleFilter-gap: 16px; --gse-ui-dataTableItems-header-text-fontFamily: 'Noto Sans'; --gse-ui-dataTableItems-header-text-fontWeight: 700; @@ -889,11 +868,11 @@ --gse-ui-dataTableItems-header-multiselect-compact-width: 64px; --gse-ui-dataTableItems-header-multiselect-compact-selectedBar-height: 3px; --gse-ui-dataTableItems-header-multiselect-compact-selectedBar-width: 64px; - --gse-ui-dataTableItems-header-selectedIndicatorColor: #9ca6f9; + --gse-ui-dataTableItems-header-selectedIndicatorColor: #5476d5; --gse-ui-dataTableItems-header-defaultBackgroundColor: #ffffff; - --gse-ui-dataTableItems-header-fixedBackgroundColor: #dee1fd; - --gse-ui-dataTableItems-header-foregroundColor: #1b2c48; - --gse-ui-dataTableItems-header-sort-foregroundColor: #626e84; + --gse-ui-dataTableItems-header-fixedBackgroundColor: #d5def7; + --gse-ui-dataTableItems-header-foregroundColor: #2a2a2e; + --gse-ui-dataTableItems-header-sort-foregroundColor: #6a6d75; --gse-ui-dataTableItems-header-default-height: 40px; --gse-ui-dataTableItems-header-default-width: 229px; --gse-ui-dataTableItems-header-compact-height: 32px; @@ -902,16 +881,16 @@ --gse-ui-dataTableItems-header-gap: 8px; --gse-ui-dataTableItems-header-selectedBar-height: 3px; --gse-ui-dataTableItems-header-selectedBar-width: 229px; - --gse-ui-dataTableItems-divider-color: #e8ebf7; + --gse-ui-dataTableItems-divider-color: #cad1e1; --gse-ui-dataTableItems-divider-width: 1px; --gse-ui-dataTableItems-divider-style: solid; --gse-ui-dataTableItems-scrollbar-borderRadius: 45px; - --gse-ui-dataTableItems-scrollbar-foregroundColor: #626e84; - --gse-ui-dataTableItems-cell-altBackgroundColor: #f3f5fb; + --gse-ui-dataTableItems-scrollbar-foregroundColor: #6a6d75; + --gse-ui-dataTableItems-cell-altBackgroundColor: #ebedf5; --gse-ui-dataTableItems-cell-defaultBackgroundColor: #ffffff; - --gse-ui-dataTableItems-cell-hoverBackgroundColor: #dee1fd; - --gse-ui-dataTableItems-cell-foregroundColor: #1b2c48; - --gse-ui-dataTableItems-cell-chevron-foregroundColor: #626e84; + --gse-ui-dataTableItems-cell-hoverBackgroundColor: #d5def7; + --gse-ui-dataTableItems-cell-foregroundColor: #2a2a2e; + --gse-ui-dataTableItems-cell-chevron-foregroundColor: #6a6d75; --gse-ui-dataTableItems-cell-multiselect-default-height: 40px; --gse-ui-dataTableItems-cell-multiselect-compact-height: 32px; --gse-ui-dataTableItems-cell-multiselect-padding: 0 16px; @@ -926,7 +905,7 @@ --gse-ui-dataTableItems-cell-compact-width: 229px; --gse-ui-dataTableItems-cell-padding: 0 12px; --gse-ui-dataTableItems-cell-gap: 8px; - --gse-ui-dataTableItems-cell-icon-foregroundColor: #1b2c48; + --gse-ui-dataTableItems-cell-icon-foregroundColor: #2a2a2e; --gse-ui-dataTableItems-cell-text-fontFamily: 'Noto Sans'; --gse-ui-dataTableItems-cell-text-fontWeight: 400; --gse-ui-dataTableItems-cell-text-fontSize: 12px; @@ -938,19 +917,19 @@ --gse-ui-dataTableItems-cell-contextMenu-compact-height: 32px; --gse-ui-dataTableItems-cell-contextMenu-compact-width: 41px; --gse-ui-dataTableItems-editColumn-editColumnItem-gap: 8px; - --gse-ui-dataTableItems-editColumn-editColumnItem-foregroundColor: #3e5374; + --gse-ui-dataTableItems-editColumn-editColumnItem-foregroundColor: #4f5157; --gse-ui-dataTableItems-editColumn-editColumnItem-height: 18px; --gse-ui-dataTableItems-editColumn-editColumnContent-gap: 10px; --gse-ui-dataTableItems-editColumn-editColumnContent-padding: 8px 0; --gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap: 4px; --gse-ui-dataTableItems-tableToolbar-gap: 4px; - --gse-ui-dataTableItems-tableToolbar-dividerColor: #c6c8ce; + --gse-ui-dataTableItems-tableToolbar-dividerColor: #c1c6d4; --gse-ui-dataTableItems-tableToolbar-divider-width: 1px; --gse-ui-dataTableItems-tableToolbar-divider-height: 32px; --gse-ui-dataTableItems-tableToolbar-height: 32px; --gse-ui-dataTableItems-tablePagination-recordsetControls-gap: 10px; --gse-ui-dataTableItems-tablePagination-padding: 12px; - --gse-ui-dataTableItems-tablePagination-divider-color: #c6c8ce; + --gse-ui-dataTableItems-tablePagination-divider-color: #c1c6d4; --gse-ui-dataTableItems-tablePagination-divider-width: 1px; --gse-ui-dataTableItems-tablePagination-divider-style: solid; --gse-ui-dataTableItems-tablePagination-defaultText-fontFamily: 'Noto Sans'; @@ -962,7 +941,7 @@ --gse-ui-dataTableItems-tablePagination-currentResultText-fontSize: 12px; --gse-ui-dataTableItems-tablePagination-currentResultText-lineHeight: 18px; --gse-ui-dataTableItems-tablePagination-defaultBackgroundColor: #ffffff; - --gse-ui-dataTableItems-tablePagination-foregroundColor: #1b2c48; + --gse-ui-dataTableItems-tablePagination-foregroundColor: #2a2a2e; --gse-ui-dataTableItems-tablePagination-countDisplay-gap: 4px; --gse-ui-avatar-groupShapes-gap: -4px; --gse-ui-avatar-large-size: 96px; @@ -977,28 +956,28 @@ --gse-ui-avatar-large-ucIntegration-size: 32px; --gse-ui-avatar-presenceRing-available: linear-gradient( 135deg, - #09b581 0%, + #079167 0%, #9de1cd 100% ); --gse-ui-avatar-presenceRing-busy: linear-gradient( 135deg, - #e22245 0%, + #b51b37 0%, #f3a7b5 100% ); --gse-ui-avatar-presenceRing-away: linear-gradient( 135deg, - #f8c73e 0%, + #9a7b25 0%, #fce9b2 100% ); --gse-ui-avatar-presenceRing-onQueue: linear-gradient( 135deg, - #4856cb 0%, - #9ca6f9 100% + #2143a2 0%, + #829ce5 100% ); --gse-ui-avatar-presenceRing-offline: linear-gradient( 135deg, - #767c8d 0%, - #a3a7b0 100% + #848891 0%, + #848891 100% ); --gse-ui-avatar-presenceRing-outOfOffice: linear-gradient( 135deg, @@ -1037,33 +1016,33 @@ --gse-ui-avatar-badge-busy-icon-margin: 2px; --gse-ui-avatar-badge-away-color: #f8c73e; --gse-ui-avatar-badge-away-icon-margin: 2px; - --gse-ui-avatar-badge-onQueue-color: #4856cb; - --gse-ui-avatar-badge-offline-color: #626e84; + --gse-ui-avatar-badge-onQueue-color: #2143a2; + --gse-ui-avatar-badge-offline-color: #848891; --gse-ui-avatar-badge-outOfOffice: #b74ba4; - --gse-ui-avatar-badge-notification-color: #fe624d; + --gse-ui-avatar-badge-notification-color: #ff451a; --gse-ui-avatar-badge-foregroundDefault-color: #ffffff; - --gse-ui-avatar-badge-foregroundDark-color: #3e5374; + --gse-ui-avatar-badge-foregroundDark-color: #4f5157; --gse-ui-avatar-badge-notifications-icon-margin: 4px; --gse-ui-avatar-badge-queue-icon-margin: 4px; - --gse-ui-avatar-media-initialsBackground-default: #3e5374; - --gse-ui-avatar-media-initialsBackground-accent1: #626d97; - --gse-ui-avatar-media-initialsBackground-accent2: #90d3dd; - --gse-ui-avatar-media-initialsBackground-accent3: #0c6d7e; + --gse-ui-avatar-media-initialsBackground-default: #263b73; + --gse-ui-avatar-media-initialsBackground-accent1: #596ea6; + --gse-ui-avatar-media-initialsBackground-accent2: #81cbe5; + --gse-ui-avatar-media-initialsBackground-accent3: #056385; --gse-ui-avatar-media-initialsBackground-accent4: #467aae; --gse-ui-avatar-media-initialsBackground-accent5: #9ac1e8; - --gse-ui-avatar-media-initialsBackground-accent6: #d1d7ef; + --gse-ui-avatar-media-initialsBackground-accent6: #b2b7c4; --gse-ui-avatar-media-initialsBackground-accent7: #89387b; --gse-ui-avatar-media-initialsBackground-accent8: #ff5c77; --gse-ui-avatar-media-initialsBackground-accent9: #ff9dad; --gse-ui-avatar-media-initialsBackground-accent10: #ffc650; - --gse-ui-avatar-media-initialsBackground-accent11: #feb2ab; - --gse-ui-avatar-media-initialsBackground-accent12: #c44b3b; - --gse-ui-avatar-media-initialsBackground-overflowCount: #626e84; - --gse-ui-avatar-media-initialsBackground-add: #eff0fe; - --gse-ui-avatar-media-initialsForeground-default: #1b2c48; + --gse-ui-avatar-media-initialsBackground-accent11: #ffb5a3; + --gse-ui-avatar-media-initialsBackground-accent12: #992910; + --gse-ui-avatar-media-initialsBackground-overflowCount: #6a6d75; + --gse-ui-avatar-media-initialsBackground-add: #eff3ff; + --gse-ui-avatar-media-initialsForeground-default: #2a2a2e; --gse-ui-avatar-media-initialsForeground-inverse: #ffffff; - --gse-ui-avatar-media-initialsForeground-add: #4856cb; - --gse-ui-avatar-hoverModal-shroudColor: #3e5374cc; + --gse-ui-avatar-media-initialsForeground-add: #2143a2; + --gse-ui-avatar-hoverModal-shroudColor: #263b73cc; --gse-ui-avatar-hoverModal-foregroundColor: #ffffff; --gse-ui-avatar-hoverModal-opacity: 0.8; --gse-ui-avatar-content-borderRadius: 100%; @@ -1075,20 +1054,20 @@ --gse-ui-avatar-content-large-border-style: solid; --gse-ui-avatar-groupSet-gap: -2px; --gse-ui-avatar-focusRing-large-borderRadius: 100%; - --gse-ui-avatar-focusRing-large-border-color: #7b88f7; + --gse-ui-avatar-focusRing-large-border-color: #5476d5; --gse-ui-avatar-focusRing-large-border-width: 2px; --gse-ui-avatar-focusRing-large-border-style: solid; --gse-ui-avatar-focusRing-mediumSmall-borderRadius: 100%; - --gse-ui-avatar-focusRing-medium-border-color: #7b88f7; + --gse-ui-avatar-focusRing-medium-border-color: #5476d5; --gse-ui-avatar-focusRing-medium-border-width: 2px; --gse-ui-avatar-focusRing-medium-border-style: solid; - --gse-ui-avatar-focusRing-small-border-color: #7b88f7; + --gse-ui-avatar-focusRing-small-border-color: #5476d5; --gse-ui-avatar-focusRing-small-border-width: 2px; --gse-ui-avatar-focusRing-small-border-style: solid; - --gse-ui-avatar-focusRing-xsmall-border-color: #7b88f7; + --gse-ui-avatar-focusRing-xsmall-border-color: #5476d5; --gse-ui-avatar-focusRing-xsmall-border-width: 2px; --gse-ui-avatar-focusRing-xsmall-border-style: solid; - --gse-ui-avatar-focus: #7b88f7; + --gse-ui-avatar-focus: #5476d5; --gse-ui-avatar-addChangeImage-hoverModal-shroudSize: 84px; --gse-ui-avatar-addChangeImage-icon-size: 16px; --gse-ui-globalNav-sideMenu: linear-gradient( @@ -1109,36 +1088,36 @@ --gse-ui-globalNav-toggle-offQueue-text-lineHeight: 16px; --gse-ui-globalNav-toggle-offQueue-text-fontSize: 12px; --gse-ui-globalNav-toggle-offQueue-text-fontWeight: 400; - --gse-ui-globalNav-focus-border-color: #7b88f7; - --gse-ui-globalNav-focus-border-width: 3px; + --gse-ui-globalNav-focus-border-color: #5476d5; + --gse-ui-globalNav-focus-border-width: 2px; --gse-ui-globalNav-focus-border-style: solid; --gse-ui-globalNav-menuOption-height: 32px; --gse-ui-globalNav-menuOption-width: 248px; --gse-ui-globalNav-menuOption-padding: 0px 12px; --gse-ui-globalNav-menuOption-gap: 8px; --gse-ui-globalNav-menuOption-default-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-hover-backgroundColor: #252e78; + --gse-ui-globalNav-menuOption-hover-backgroundColor: #102251; --gse-ui-globalNav-menuOption-hover-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-selected-backgroundColor: #4856cb; + --gse-ui-globalNav-menuOption-selected-backgroundColor: #2143a2; --gse-ui-globalNav-menuOption-selected-foregroundColor: #ffffff; --gse-ui-globalNav-menuOption-disabled-backgroundColor: #ffffff; --gse-ui-globalNav-menuOption-focus-borderRadius: 8px; --gse-ui-globalNav-menuOption-borderRadius: 4px; --gse-ui-globalNav-menuOption-disableOpacity: 0.5; - --gse-ui-globalNav-menuOption-selectedPanel-backgroundColor: #3742a2; + --gse-ui-globalNav-menuOption-selectedPanel-backgroundColor: #19327a; --gse-ui-globalNav-menuOption-selectedPanel-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-return-default-backgroundColor: #1c2463; + --gse-ui-globalNav-menuOption-return-default-backgroundColor: #19327a; --gse-ui-globalNav-menuOption-return-default-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-return-hover-backgroundColor: #141a4f; + --gse-ui-globalNav-menuOption-return-hover-backgroundColor: #102251; --gse-ui-globalNav-menuOption-return-hover-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-return-selected-backgroundColor: #4856cb; + --gse-ui-globalNav-menuOption-return-selected-backgroundColor: #2143a2; --gse-ui-globalNav-menuOption-return-selected-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-treeView-bar: #314669; + --gse-ui-globalNav-menuOption-treeView-bar: #c1c6d44d; --gse-ui-globalNav-buttonReturn-height: 48px; --gse-ui-globalNav-buttonReturn-width: 280px; --gse-ui-globalNav-buttonReturn-padding: 16px 28px; --gse-ui-globalNav-buttonReturn-gap: 12px; - --gse-ui-globalNav-treeView-border-color: #3e5374; + --gse-ui-globalNav-treeView-border-color: #c1c6d44d; --gse-ui-globalNav-treeView-border-width: 2px; --gse-ui-globalNav-treeView-border-style: solid; --gse-ui-globalNav-treeView-gap: 8px; @@ -1148,14 +1127,14 @@ --gse-ui-globalNav-topBar-padding: 16px 24px; --gse-ui-globalNav-topBar-height: 64px; --gse-ui-globalNav-topBar-frame-backgroundColor: #ffffff; - --gse-ui-globalNav-topBar-frame-stroke: #c6ceec; - --gse-ui-globalNav-topBar-logo: #ff4f1f; - --gse-ui-globalNav-topBar-menuButton-closed-default-foregroundColor: #4856cb; - --gse-ui-globalNav-topBar-menuButton-closed-hover-backgroundColor: #3742a2; - --gse-ui-globalNav-topBar-menuButton-closed-hover-foregroundColorStroke: #4856cb; + --gse-ui-globalNav-topBar-frame-stroke: #c1c6d4; + --gse-ui-globalNav-topBar-logo: #ff451a; + --gse-ui-globalNav-topBar-menuButton-closed-default-foregroundColor: #2143a2; + --gse-ui-globalNav-topBar-menuButton-closed-hover-backgroundColor: #19327a; + --gse-ui-globalNav-topBar-menuButton-closed-hover-foregroundColorStroke: #2143a2; --gse-ui-globalNav-topBar-menuButton-closed-hover-foregroundColor: #ffffff; --gse-ui-globalNav-topBar-menuButton-open-default-foregroundColorStroke: #ffffff; - --gse-ui-globalNav-topBar-menuButton-open-hover-backgroundColor: #3742a2; + --gse-ui-globalNav-topBar-menuButton-open-hover-backgroundColor: #19327a; --gse-ui-globalNav-topBar-menuButton-open-hover-foregroundColor: #ffffff; --gse-ui-globalNav-panel-panelTitle: #ffffff; --gse-ui-globalNav-panel-primary: linear-gradient( @@ -1175,7 +1154,7 @@ --gse-ui-dataTableComposed-boxShadow-offsetX: 0; --gse-ui-dataTableComposed-boxShadow-offsetY: 0; --gse-ui-dataTableComposed-width: 1440px; - --gse-ui-focus-color: #7b88f7; + --gse-ui-focus-color: #5476d5; --gse-ui-focus-width: 2px; --gse-ui-focus-style: solid; --gse-ui-tabs-item-height: 40px; @@ -1186,17 +1165,17 @@ --gse-ui-tabs-item-itemText-fontWeight: 400; --gse-ui-tabs-item-itemText-fontSize: 12px; --gse-ui-tabs-item-itemText-lineHeight: 18px; - --gse-ui-tabs-item-itemTextColor: #1b2c48; + --gse-ui-tabs-item-itemTextColor: #2a2a2e; --gse-ui-tabs-item-divider-horizontal-height: 1px; --gse-ui-tabs-item-divider-vertical-height: 40px; --gse-ui-tabs-item-divider-vertical-width: 1px; - --gse-ui-tabs-item-divider-dividerColor: #c6c8ce; + --gse-ui-tabs-item-divider-dividerColor: #c1c6d4; --gse-ui-tabs-item-indicator-vertical-height: 40px; --gse-ui-tabs-item-indicator-vertical-width: 2px; --gse-ui-tabs-item-indicator-horizontal-height: 2px; - --gse-ui-tabs-item-indicator-hoverColor: #4856cb; - --gse-ui-tabs-item-indicator-activeColor: #3742a2; - --gse-ui-tabs-item-icon-iconColor: #1b2c48; + --gse-ui-tabs-item-indicator-hoverColor: #2143a2; + --gse-ui-tabs-item-indicator-activeColor: #19327a; + --gse-ui-tabs-item-icon-iconColor: #2a2a2e; --gse-ui-tabs-item-icon-size: 16px; --gse-ui-tabs-item-gap: 8px; --gse-ui-tabs-item-vertical-fixedHeight: 40px; @@ -1211,15 +1190,15 @@ --gse-ui-tabs-set-gap: -1px; --gse-ui-tabs-set-divider-horizontal-height: 1px; --gse-ui-tabs-set-divider-vertical-width: 1px; - --gse-ui-tabs-focusRing-border-color: #7b88f7; + --gse-ui-tabs-focusRing-border-color: #5476d5; --gse-ui-tabs-focusRing-border-width: 2px; --gse-ui-tabs-focusRing-border-style: solid; --gse-ui-tabs-focusRing-borderRadius: 4px; - --gse-ui-advancedTabs-divider-dividerColor: #c6c8ce; + --gse-ui-advancedTabs-divider-dividerColor: #c1c6d4; --gse-ui-advancedTabs-item-padding: 11px 12px 10px; --gse-ui-advancedTabs-item-gap: 8px; --gse-ui-advancedTabs-item-focus-borderRadius: 8px; - --gse-ui-advancedTabs-item-focus-border-color: #7b88f7; + --gse-ui-advancedTabs-item-focus-border-color: #5476d5; --gse-ui-advancedTabs-item-focus-border-width: 2px; --gse-ui-advancedTabs-item-focus-border-style: solid; --gse-ui-advancedTabs-item-focus-borderCopy: 4px; @@ -1232,18 +1211,18 @@ --gse-ui-advancedTabs-item-divider-bottom-height: 1px; --gse-ui-advancedTabs-item-divider-right-height: 32px; --gse-ui-advancedTabs-item-divider-right-width: 1px; - --gse-ui-advancedTabs-item-text-color: #1b2c48; + --gse-ui-advancedTabs-item-text-color: #2a2a2e; --gse-ui-advancedTabs-item-text-height: 9px; - --gse-ui-advancedTabs-item-indicator-hoverColor: #4856cb; - --gse-ui-advancedTabs-item-indicator-activeColor: #3742a2; + --gse-ui-advancedTabs-item-indicator-hoverColor: #2143a2; + --gse-ui-advancedTabs-item-indicator-activeColor: #19327a; --gse-ui-advancedTabs-item-indicator-height: 2px; - --gse-ui-advancedTabs-item-icon-iconColor: #1b2c48; + --gse-ui-advancedTabs-item-icon-iconColor: #2a2a2e; --gse-ui-advancedTabs-item-icon-size: 16px; --gse-ui-advancedTabs-item-menuButton-gap: 4px; --gse-ui-advancedTabs-item-menuButton-height: 45px; --gse-ui-advancedTabs-item-menuButton-width: 32px; - --gse-ui-advancedTabs-item-menuButton-defaultColor: #3e5374; - --gse-ui-advancedTabs-item-menuButton-activeColor: #1b2c48; + --gse-ui-advancedTabs-item-menuButton-defaultColor: #4f5157; + --gse-ui-advancedTabs-item-menuButton-activeColor: #2a2a2e; --gse-ui-advancedTabs-item-menuButton-focus-height: 53px; --gse-ui-advancedTabs-item-menuButton-focus-width: 40px; --gse-ui-advancedTabs-item-itemText-fontFamily: 'Noto Sans'; @@ -1252,24 +1231,24 @@ --gse-ui-advancedTabs-item-itemText-lineHeight: 18px; --gse-ui-advancedTabs-button-add-height: 45px; --gse-ui-advancedTabs-button-arrow-height: 48px; - --gse-ui-advancedTabs-set-backgroundColor: #f3f5fb; + --gse-ui-advancedTabs-set-backgroundColor: #ebedf5; --gse-ui-advancedTabs-set-standard-width: 920px; - --gse-ui-toast-closeButtonColor: #3e5374; + --gse-ui-toast-closeButtonColor: #4f5157; --gse-ui-toast-success-backgroundColor: #ffffff; - --gse-ui-toast-success-foregroundColor: #1b2c48; - --gse-ui-toast-success-iconColor: #09b581; + --gse-ui-toast-success-foregroundColor: #2a2a2e; + --gse-ui-toast-success-iconColor: #079167; --gse-ui-toast-warning-backgroundColor: #ffffff; - --gse-ui-toast-warning-foregroundColor: #1b2c48; - --gse-ui-toast-warning-iconColor: #f8c73e; + --gse-ui-toast-warning-foregroundColor: #2a2a2e; + --gse-ui-toast-warning-iconColor: #9a7b25; --gse-ui-toast-info-backgroundColor: #ffffff; - --gse-ui-toast-info-foregroundColor: #1b2c48; - --gse-ui-toast-info-iconColor: #6e5ddb; + --gse-ui-toast-info-foregroundColor: #2a2a2e; + --gse-ui-toast-info-iconColor: #3d538f; --gse-ui-toast-action-backgroundColor: #ffffff; - --gse-ui-toast-action-foregroundColor: #1b2c48; - --gse-ui-toast-action-iconColor: #4856cb; + --gse-ui-toast-action-foregroundColor: #2a2a2e; + --gse-ui-toast-action-iconColor: #2143a2; --gse-ui-toast-error-backgroundColor: #ffffff; - --gse-ui-toast-error-foregroundColor: #1b2c48; - --gse-ui-toast-error-iconColor: #e22245; + --gse-ui-toast-error-foregroundColor: #2a2a2e; + --gse-ui-toast-error-iconColor: #b51b37; --gse-ui-toast-heading-fontFamily: Urbanist; --gse-ui-toast-heading-fontWeight: 700; --gse-ui-toast-heading-fontSize: 16px; @@ -1293,10 +1272,10 @@ --gse-ui-toast-icon: 24px; --gse-ui-toast-wrappingWidth: 320px; --gse-ui-toast-stacking-gap: 4px; - --gse-ui-modal-closeButtonColor: #3e5374; - --gse-ui-modal-headerColor: #1b2c48; + --gse-ui-modal-closeButtonColor: #4f5157; + --gse-ui-modal-headerColor: #2a2a2e; --gse-ui-modal-backgroundColor: #ffffff; - --gse-ui-modal-shroudColor: #3e5374cc; + --gse-ui-modal-shroudColor: #263b73cc; --gse-ui-modal-header-gap: 12px; --gse-ui-modal-padding: 32px; --gse-ui-modal-gap: 16px; @@ -1326,8 +1305,8 @@ --gse-ui-popover-boxShadow-type: dropShadow; --gse-ui-popover-boxShadow-offsetX: 0; --gse-ui-popover-boxShadow-offsetY: 0; - --gse-ui-popover-closeButtonColor: #3e5374; - --gse-ui-popover-headerColor: #1b2c48; + --gse-ui-popover-closeButtonColor: #4f5157; + --gse-ui-popover-headerColor: #2a2a2e; --gse-ui-popover-backgroundColor: #ffffff; --gse-ui-popover-gap: 16px; --gse-ui-popover-padding: 24px; @@ -1344,15 +1323,15 @@ --gse-ui-popover-title-text-lineHeight: 24px; --gse-ui-popover-anchor-width: 20px; --gse-ui-popover-anchor-height: 8px; - --gse-ui-progressAndLoading-spinner-foreground: #4856cb; - --gse-ui-progressAndLoading-spinner-base: #dee1fd; + --gse-ui-progressAndLoading-spinner-foreground: #2143a2; + --gse-ui-progressAndLoading-spinner-base: #d5def7; --gse-ui-progressAndLoading-spinner-large: 48px; --gse-ui-progressAndLoading-spinner-small: 16px; --gse-ui-progressAndLoading-spinner-text-fontFamily: 'Noto Sans'; --gse-ui-progressAndLoading-spinner-text-fontWeight: 600; --gse-ui-progressAndLoading-spinner-text-fontSize: 12px; --gse-ui-progressAndLoading-spinner-text-lineHeight: 18px; - --gse-ui-progressAndLoading-textColor: #1b2c48; + --gse-ui-progressAndLoading-textColor: #2a2a2e; --gse-ui-progressAndLoading-loadingState-large-header-fontFamily: Urbanist; --gse-ui-progressAndLoading-loadingState-large-header-fontWeight: 700; --gse-ui-progressAndLoading-loadingState-large-header-fontSize: 24px; @@ -1415,17 +1394,17 @@ --gse-ui-blankState-gapMessage: 4px; --gse-ui-blankState-gapMain: 12px; --gse-ui-blankState-gapContent: 24px; - --gse-ui-blankState-iconColor: #626e84; - --gse-ui-blankState-foregroundColor: #1b2c48; + --gse-ui-blankState-iconColor: #6a6d75; + --gse-ui-blankState-foregroundColor: #2a2a2e; --gse-ui-blankState-backgroundColor: rgba(0, 0, 0, 0); --gse-ui-blankState-borderRadius: 8px; --gse-ui-modalSideSheet-backgroundColor: #ffffff; - --gse-ui-modalSideSheet-headerColor: #1b2c48; - --gse-ui-modalSideSheet-closeColor: #3e5374; - --gse-ui-modalSideSheet-dividerColor: #c6c8ce; - --gse-ui-modalSideSheet-shroudColor: #3e5374cc; + --gse-ui-modalSideSheet-headerColor: #2a2a2e; + --gse-ui-modalSideSheet-closeColor: #4f5157; + --gse-ui-modalSideSheet-dividerColor: #c1c6d4; + --gse-ui-modalSideSheet-shroudColor: #263b73cc; --gse-ui-modalSideSheet-shroud-opacity: 0.8; - --gse-ui-modalSideSheet-descriptionColor: #3e5374; + --gse-ui-modalSideSheet-descriptionColor: #4f5157; --gse-ui-modalSideSheet-heading-fontFamily: Urbanist; --gse-ui-modalSideSheet-heading-fontWeight: 600; --gse-ui-modalSideSheet-heading-fontSize: 18px; @@ -1447,16 +1426,16 @@ --gse-ui-modalSideSheet-widthSize-md: 560px; --gse-ui-modalSideSheet-widthSize-lg: 960px; --gse-ui-dynamicSideSheet-backgroundColor: #ffffff; - --gse-ui-dynamicSideSheet-headerColor: #1b2c48; - --gse-ui-dynamicSideSheet-closeColor: #3e5374; - --gse-ui-dynamicSideSheet-dividerColor: #c6c8ce; + --gse-ui-dynamicSideSheet-headerColor: #2a2a2e; + --gse-ui-dynamicSideSheet-closeColor: #4f5157; + --gse-ui-dynamicSideSheet-dividerColor: #c1c6d4; --gse-ui-dynamicSideSheet-boxShadow-blur: 6px; --gse-ui-dynamicSideSheet-boxShadow-spread: 1px; --gse-ui-dynamicSideSheet-boxShadow-color: rgba(35, 57, 92, 0.12); --gse-ui-dynamicSideSheet-boxShadow-type: dropShadow; --gse-ui-dynamicSideSheet-boxShadow-offsetX: 0; --gse-ui-dynamicSideSheet-boxShadow-offsetY: 0; - --gse-ui-dynamicSideSheet-descriptionColor: #3e5374; + --gse-ui-dynamicSideSheet-descriptionColor: #4f5157; --gse-ui-dynamicSideSheet-heading-fontFamily: Urbanist; --gse-ui-dynamicSideSheet-heading-fontWeight: 600; --gse-ui-dynamicSideSheet-heading-fontSize: 18px; @@ -1480,10 +1459,10 @@ --gse-ui-accordion-header-padding: 8px 16px 8px 16px; --gse-ui-accordion-header-chevronIcon: 16px; --gse-ui-accordion-header-gap: 8px; - --gse-ui-accordion-header-default-foreground-labelColor: #1b2c48; - --gse-ui-accordion-header-default-foreground-chevronIcon-closed: #3e5374; - --gse-ui-accordion-header-default-foreground-chevronIcon-open: #1b2c48; - --gse-ui-accordion-header-default-foreground-chevronIcon-hover: #23395d; + --gse-ui-accordion-header-default-foreground-labelColor: #2a2a2e; + --gse-ui-accordion-header-default-foreground-chevronIcon-closed: #4f5157; + --gse-ui-accordion-header-default-foreground-chevronIcon-open: #2a2a2e; + --gse-ui-accordion-header-default-foreground-chevronIcon-hover: #3e4044; --gse-ui-accordion-header-label-defaultText-fontFamily: 'Noto Sans'; --gse-ui-accordion-header-label-defaultText-fontWeight: 700; --gse-ui-accordion-header-label-defaultText-fontSize: 14px; @@ -1494,20 +1473,20 @@ --gse-ui-accordion-menuItem-startIcon: 16px; --gse-ui-accordion-menuItem-parentIcon: 16px; --gse-ui-accordion-menuItem-gap: 8px; - --gse-ui-accordion-menuItem-default-foreground-startIconColor: #1b2c48; - --gse-ui-accordion-menuItem-default-foreground-labelColor: #1b2c48; - --gse-ui-accordion-menuItem-default-foreground-startShortcutColor: #626e84; - --gse-ui-accordion-menuItem-default-foreground-parentIconColor: #3e5374; - --gse-ui-accordion-menuItem-hover-foreground-startIconColor: #1b2c48; - --gse-ui-accordion-menuItem-hover-foreground-labelColor: #1b2c48; - --gse-ui-accordion-menuItem-hover-foreground-startShortcutColor: #626e84; - --gse-ui-accordion-menuItem-hover-foreground-parentIconColor: #23395d; - --gse-ui-accordion-menuItem-hover-backgroundColor: #eff0fe; - --gse-ui-accordion-menuItem-selected-foreground-startIconColor: #1b2c48; - --gse-ui-accordion-menuItem-selected-foreground-labelColor: #1b2c48; - --gse-ui-accordion-menuItem-selected-foreground-startShortcutColor: #1b2c48; - --gse-ui-accordion-menuItem-selected-foreground-parentIconColor: #1b2c48; - --gse-ui-accordion-menuItem-selected-backgroundColor: #ced2fc; + --gse-ui-accordion-menuItem-default-foreground-startIconColor: #2a2a2e; + --gse-ui-accordion-menuItem-default-foreground-labelColor: #2a2a2e; + --gse-ui-accordion-menuItem-default-foreground-startShortcutColor: #6a6d75; + --gse-ui-accordion-menuItem-default-foreground-parentIconColor: #4f5157; + --gse-ui-accordion-menuItem-hover-foreground-startIconColor: #2a2a2e; + --gse-ui-accordion-menuItem-hover-foreground-labelColor: #2a2a2e; + --gse-ui-accordion-menuItem-hover-foreground-startShortcutColor: #6a6d75; + --gse-ui-accordion-menuItem-hover-foreground-parentIconColor: #3e4044; + --gse-ui-accordion-menuItem-hover-backgroundColor: #eff3ff; + --gse-ui-accordion-menuItem-selected-foreground-startIconColor: #2a2a2e; + --gse-ui-accordion-menuItem-selected-foreground-labelColor: #2a2a2e; + --gse-ui-accordion-menuItem-selected-foreground-startShortcutColor: #2a2a2e; + --gse-ui-accordion-menuItem-selected-foreground-parentIconColor: #2a2a2e; + --gse-ui-accordion-menuItem-selected-backgroundColor: #adbff0; --gse-ui-accordion-menuItem-focus-borderRadius: 4px; --gse-ui-accordion-menuItem-label-defaultText-fontFamily: 'Noto Sans'; --gse-ui-accordion-menuItem-label-defaultText-fontWeight: 400; @@ -1521,18 +1500,18 @@ --gse-ui-accordion-menuItem-shortcut-text-fontWeight: 400; --gse-ui-accordion-menuItem-shortcut-text-fontSize: 14px; --gse-ui-accordion-menuItem-shortcut-text-lineHeight: 20px; - --gse-ui-accordion-focusBorder-color: #7b88f7; + --gse-ui-accordion-focusBorder-color: #5476d5; --gse-ui-accordion-focusBorder-style: solid; --gse-ui-accordion-focusBorder-width: 2px; --gse-ui-accordion-contentItem-padding: 16px; --gse-ui-accordion-contentItem-gap: 16px; - --gse-ui-accordion-contentItem-foregroundColor: #1b2c48; + --gse-ui-accordion-contentItem-foregroundColor: #2a2a2e; --gse-ui-accordion-contentItem-backgroundColor: #ffffff; --gse-ui-accordion-contentItem-defaultText-fontFamily: 'Noto Sans'; --gse-ui-accordion-contentItem-defaultText-fontWeight: 400; --gse-ui-accordion-contentItem-defaultText-fontSize: 12px; --gse-ui-accordion-contentItem-defaultText-lineHeight: 18px; - --gse-ui-accordion-wrapper-dividerBorder-color: #c6c8ce; + --gse-ui-accordion-wrapper-dividerBorder-color: #c1c6d4; --gse-ui-accordion-wrapper-dividerBorder-width: 1px; --gse-ui-accordion-wrapper-dividerBorder-style: solid; --gse-ui-accordion-focus-offset-gap: 1px; diff --git a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-core.scss b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-core.scss index d5d1fcc2a..25595befa 100644 --- a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-core.scss +++ b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-core.scss @@ -28,57 +28,6 @@ --gse-core-color-white: #ffffff; --gse-core-color-black: #000000; --gse-core-color-transparent: rgba(0, 0, 0, 0); - --gse-core-color-cornflower-100: #f2f2f3; - --gse-core-color-cornflower-200: #e4e5e7; - --gse-core-color-cornflower-300: #c6c8ce; - --gse-core-color-cornflower-400: #a3a7b0; - --gse-core-color-cornflower-500: #767c8d; - --gse-core-color-cornflower-600: #626e84; - --gse-core-color-cornflower-700: #3e5374; - --gse-core-color-cornflower-800: #23395d; - --gse-core-color-cornflower-900: #1b2c48; - --gse-core-color-cornflower-1000: #0f1929; - --gse-core-color-islandaqua-100: #edf8f9; - --gse-core-color-islandaqua-200: #daf0f4; - --gse-core-color-islandaqua-300: #b5e2e8; - --gse-core-color-islandaqua-400: #90d3dd; - --gse-core-color-islandaqua-500: #6bc5d1; - --gse-core-color-islandaqua-600: #46b6c6; - --gse-core-color-islandaqua-700: #2c808c; - --gse-core-color-islandaqua-800: #0c6d7e; - --gse-core-color-islandaqua-900: #115d71; - --gse-core-color-islandaqua-1000: #094052; - --gse-core-color-tomato-100: #fef3f3; - --gse-core-color-tomato-200: #fee8e6; - --gse-core-color-tomato-300: #fecfcb; - --gse-core-color-tomato-400: #feb2ab; - --gse-core-color-tomato-500: #fe8f85; - --gse-core-color-tomato-600: #fe624d; - --gse-core-color-tomato-700: #e35744; - --gse-core-color-tomato-800: #c44b3b; - --gse-core-color-tomato-900: #a03d30; - --gse-core-color-tomato-1000: #712b22; - --gse-core-color-lavenderhaze-100: #fbfcfe; - --gse-core-color-lavenderhaze-200: #f3f5fb; - --gse-core-color-lavenderhaze-300: #e8ebf7; - --gse-core-color-lavenderhaze-400: #d1d7ef; - --gse-core-color-lavenderhaze-500: #c6ceec; - --gse-core-color-lavenderhaze-600: #b5bfe6; - --gse-core-color-lavenderhaze-700: #a8b4e2; - --gse-core-color-lavenderhaze-800: #9ba9dd; - --gse-core-color-lavenderhaze-900: #7785b8; - --gse-core-color-lavenderhaze-1000: #626d97; - --gse-core-color-blueberry-50: #eff0fe; - --gse-core-color-blueberry-100: #dee1fd; - --gse-core-color-blueberry-200: #ced2fc; - --gse-core-color-blueberry-300: #9ca6f9; - --gse-core-color-blueberry-400: #7b88f7; - --gse-core-color-blueberry-500: #5a6af5; - --gse-core-color-blueberry-600: #4856cb; - --gse-core-color-blueberry-700: #3742a2; - --gse-core-color-blueberry-800: #252e78; - --gse-core-color-blueberry-900: #1c2463; - --gse-core-color-blueberry-1000: #141a4f; --gse-core-color-mineral-100: #ddeaf7; --gse-core-color-mineral-200: #cde0f4; --gse-core-color-mineral-300: #bcd6f0; @@ -189,6 +138,68 @@ --gse-core-color-violet-800: #2e275f; --gse-core-color-violet-900: #241e4b; --gse-core-color-violet-1000: #191536; + --gse-core-color-genesysNavy-50: #f0f1f5; + --gse-core-color-genesysNavy-100: #dfe3ec; + --gse-core-color-genesysNavy-200: #bfc6d9; + --gse-core-color-genesysNavy-300: #9faac6; + --gse-core-color-genesysNavy-400: #808db2; + --gse-core-color-genesysNavy-500: #596ea6; + --gse-core-color-genesysNavy-600: #3d538f; + --gse-core-color-genesysNavy-700: #263b73; + --gse-core-color-genesysNavy-800: #152550; + --gse-core-color-genesysNavy-900: #141c34; + --gse-core-color-genesysNavy-950: #141929; + --gse-core-color-genesysNavy-1000: #0f1219; + --gse-core-color-island-50: #e6f4fa; + --gse-core-color-island-100: #cdeaf5; + --gse-core-color-island-200: #9fd6ea; + --gse-core-color-island-300: #81cbe5; + --gse-core-color-island-400: #53bee5; + --gse-core-color-island-500: #28afe0; + --gse-core-color-island-600: #1589b2; + --gse-core-color-island-700: #056385; + --gse-core-color-island-800: #04445c; + --gse-core-color-island-900: #003447; + --gse-core-color-island-950: #002533; + --gse-core-color-island-1000: #00161f; + --gse-core-color-genesysOrange-50: #ffece8; + --gse-core-color-genesysOrange-100: #ffdad1; + --gse-core-color-genesysOrange-200: #ffb5a3; + --gse-core-color-genesysOrange-300: #ff8f76; + --gse-core-color-genesysOrange-400: #ff6a48; + --gse-core-color-genesysOrange-500: #ff451a; + --gse-core-color-genesysOrange-600: #cc3715; + --gse-core-color-genesysOrange-700: #992910; + --gse-core-color-genesysOrange-800: #661c0a; + --gse-core-color-genesysOrange-900: #4d1508; + --gse-core-color-genesysOrange-950: #330e05; + --gse-core-color-genesysOrange-1000: #1a0703; + --gse-core-color-azureBlue-50: #eff3ff; + --gse-core-color-azureBlue-100: #d5def7; + --gse-core-color-azureBlue-200: #adbff0; + --gse-core-color-azureBlue-300: #829ce5; + --gse-core-color-azureBlue-400: #5476d5; + --gse-core-color-azureBlue-500: #2954cb; + --gse-core-color-azureBlue-600: #2143a2; + --gse-core-color-azureBlue-700: #19327a; + --gse-core-color-azureBlue-800: #102251; + --gse-core-color-azureBlue-900: #0c193d; + --gse-core-color-azureBlue-950: #081129; + --gse-core-color-azureBlue-1000: #040814; + --gse-core-color-haze-50: #f5f6fa; + --gse-core-color-haze-100: #ebedf5; + --gse-core-color-haze-150: #dce1ed; + --gse-core-color-haze-200: #cad1e1; + --gse-core-color-haze-300: #c1c6d4; + --gse-core-color-haze-400: #b2b7c4; + --gse-core-color-haze-500: #a3a8b5; + --gse-core-color-haze-600: #848891; + --gse-core-color-haze-700: #6a6d75; + --gse-core-color-haze-800: #4f5157; + --gse-core-color-haze-850: #3e4044; + --gse-core-color-haze-900: #2a2a2e; + --gse-core-color-haze-950: #1e1e21; + --gse-core-color-haze-1000: #131315; --gse-core-fontFamily-roboto: Roboto; --gse-core-fontFamily-urbanist: Urbanist; --gse-core-fontFamily-notoSans: 'Noto Sans'; diff --git a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-semantic.scss b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-semantic.scss index 35e90f0de..afd594519 100644 --- a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-semantic.scss +++ b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-semantic.scss @@ -15,38 +15,39 @@ --gse-semantic-theme-fontFamily-headings: Urbanist; --gse-semantic-theme-fontFamily-body: 'Noto Sans'; --gse-semantic-theme-background-container-primary-10: #ffffff; - --gse-semantic-theme-background-container-primary-20: #fbfcfe; - --gse-semantic-theme-background-container-primary-30: #f3f5fb; - --gse-semantic-theme-background-container-primary-40: #eff0fe; - --gse-semantic-theme-background-container-primary-50: #dee1fd; - --gse-semantic-theme-background-container-primary-60: #ced2fc; - --gse-semantic-theme-background-container-secondary-10: #4856cb; - --gse-semantic-theme-background-container-secondary-20: #3742a2; - --gse-semantic-theme-background-container-secondary-30: #252e78; + --gse-semantic-theme-background-container-primary-20: #f5f6fa; + --gse-semantic-theme-background-container-primary-30: #ebedf5; + --gse-semantic-theme-background-container-primary-40: #eff3ff; + --gse-semantic-theme-background-container-primary-50: #d5def7; + --gse-semantic-theme-background-container-primary-60: #adbff0; + --gse-semantic-theme-background-container-secondary-10: #2143a2; + --gse-semantic-theme-background-container-secondary-20: #19327a; + --gse-semantic-theme-background-container-secondary-30: #102251; --gse-semantic-theme-background-container-tertiary-10: rgba(0, 0, 0, 0); - --gse-semantic-theme-background-container-tertiary-20: #c6c8ce; - --gse-semantic-theme-background-container-highContrast-10: #1b2c48; - --gse-semantic-theme-background-container-highContrast-20: #1c2463; - --gse-semantic-theme-background-container-highContrast-30: #141a4f; - --gse-semantic-theme-background-container-highContrast-40: #000000; + --gse-semantic-theme-background-container-tertiary-20: #c1c6d4; + --gse-semantic-theme-background-container-highContrast-10: #2a2a2e; + --gse-semantic-theme-background-container-highContrast-20: #0c193d; + --gse-semantic-theme-background-container-highContrast-30: #081129; + --gse-semantic-theme-background-container-highContrast-40: #131315; --gse-semantic-theme-background-formControl-input-10: #ffffff; - --gse-semantic-theme-background-formControl-input-20: #c6c8ce; - --gse-semantic-theme-background-overlay-10: #3e5374cc; - --gse-semantic-theme-background-system-primary-10: #dee1fd; - --gse-semantic-theme-background-system-primary-20: #9ca6f9; - --gse-semantic-theme-background-system-primary-30: #5a6af5; - --gse-semantic-theme-background-system-primary-40: #3742a2; - --gse-semantic-theme-background-system-primary-50: #1c2463; - --gse-semantic-theme-background-system-info-5: #e2dff8; - --gse-semantic-theme-background-system-info-10: #c5bef1; - --gse-semantic-theme-background-system-info-20: #a89ee9; - --gse-semantic-theme-background-system-info-30: #6e5ddb; - --gse-semantic-theme-background-system-info-40: #443989; - --gse-semantic-theme-background-system-info-50: #241e4b; + --gse-semantic-theme-background-formControl-input-20: #c1c6d4; + --gse-semantic-theme-background-overlay-10: #263b73cc; + --gse-semantic-theme-background-system-primary-10: #d5def7; + --gse-semantic-theme-background-system-primary-20: #829ce5; + --gse-semantic-theme-background-system-primary-30: #2954cb; + --gse-semantic-theme-background-system-primary-40: #19327a; + --gse-semantic-theme-background-system-primary-50: #0c193d; + --gse-semantic-theme-background-system-info-5: #f0f1f5; + --gse-semantic-theme-background-system-info-10: #dfe3ec; + --gse-semantic-theme-background-system-info-20: #9faac6; + --gse-semantic-theme-background-system-info-30: #3d538f; + --gse-semantic-theme-background-system-info-40: #263b73; + --gse-semantic-theme-background-system-info-50: #141c34; --gse-semantic-theme-background-system-success-5: #cef0e6; --gse-semantic-theme-background-system-success-10: #9de1cd; --gse-semantic-theme-background-system-success-20: #6bd3b3; --gse-semantic-theme-background-system-success-30: #09b581; + --gse-semantic-theme-background-system-success-35: #079167; --gse-semantic-theme-background-system-success-40: #056d4d; --gse-semantic-theme-background-system-success-50: #033627; --gse-semantic-theme-background-system-warning-5: #fef4d8; @@ -61,88 +62,88 @@ --gse-semantic-theme-background-system-error-30: #e22245; --gse-semantic-theme-background-system-error-40: #881429; --gse-semantic-theme-background-system-error-50: #440a15; - --gse-semantic-theme-background-customAccents-bold-10: #3e5374; - --gse-semantic-theme-background-customAccents-bold-20: #626d97; + --gse-semantic-theme-background-customAccents-bold-10: #263b73; + --gse-semantic-theme-background-customAccents-bold-20: #596ea6; --gse-semantic-theme-background-customAccents-bold-30: #3ac49a; - --gse-semantic-theme-background-customAccents-bold-40: #0c6d7e; + --gse-semantic-theme-background-customAccents-bold-40: #056385; --gse-semantic-theme-background-customAccents-bold-50: #607732; --gse-semantic-theme-background-customAccents-bold-60: #467aae; --gse-semantic-theme-background-customAccents-bold-70: #8a5ecc; --gse-semantic-theme-background-customAccents-bold-80: #89387b; --gse-semantic-theme-background-customAccents-bold-90: #ff5c77; - --gse-semantic-theme-background-customAccents-bold-100: #c44b3b; + --gse-semantic-theme-background-customAccents-bold-100: #992910; --gse-semantic-theme-background-customAccents-bold-110: #ffc650; - --gse-semantic-theme-background-customAccents-bold-120: #b5e2e8; + --gse-semantic-theme-background-customAccents-bold-120: #81cbe5; --gse-semantic-theme-background-customAccents-bold-130: #5798d9; - --gse-semantic-theme-background-customAccents-subtle-10: #c6c8ce; - --gse-semantic-theme-background-customAccents-subtle-20: #d1d7ef; + --gse-semantic-theme-background-customAccents-subtle-10: #9faac6; + --gse-semantic-theme-background-customAccents-subtle-20: #b2b7c4; --gse-semantic-theme-background-customAccents-subtle-30: #9de1cd; - --gse-semantic-theme-background-customAccents-subtle-40: #90d3dd; + --gse-semantic-theme-background-customAccents-subtle-40: #81cbe5; --gse-semantic-theme-background-customAccents-subtle-50: #c6dd98; --gse-semantic-theme-background-customAccents-subtle-60: #9ac1e8; --gse-semantic-theme-background-customAccents-subtle-70: #cdacff; --gse-semantic-theme-background-customAccents-subtle-80: #ef9ee1; --gse-semantic-theme-background-customAccents-subtle-90: #ff9dad; - --gse-semantic-theme-background-customAccents-subtle-100: #feb2ab; + --gse-semantic-theme-background-customAccents-subtle-100: #ffb5a3; --gse-semantic-theme-background-customAccents-subtle-110: #ffdd96; - --gse-semantic-theme-background-customAccents-subtle-120: #daf0f4; + --gse-semantic-theme-background-customAccents-subtle-120: #9fd6ea; --gse-semantic-theme-background-customAccents-status-10: #09b581; --gse-semantic-theme-background-customAccents-status-20: #e22245; --gse-semantic-theme-background-customAccents-status-30: #f8c73e; - --gse-semantic-theme-background-customAccents-status-40: #4856cb; - --gse-semantic-theme-background-customAccents-status-50: #626e84; + --gse-semantic-theme-background-customAccents-status-40: #2143a2; + --gse-semantic-theme-background-customAccents-status-50: #848891; --gse-semantic-theme-background-customAccents-status-60: #b74ba4; - --gse-semantic-theme-background-customAccents-status-70: #fe624d; - --gse-semantic-theme-foreground-primary-10: #3e5374; - --gse-semantic-theme-foreground-primary-20: #23395d; - --gse-semantic-theme-foreground-primary-30: #1b2c48; + --gse-semantic-theme-background-customAccents-status-70: #ff451a; + --gse-semantic-theme-foreground-primary-10: #4f5157; + --gse-semantic-theme-foreground-primary-20: #3e4044; + --gse-semantic-theme-foreground-primary-30: #2a2a2e; --gse-semantic-theme-foreground-secondary-10: #ffffff; - --gse-semantic-theme-foreground-secondary-20: #767c8d; - --gse-semantic-theme-foreground-secondary-30: #626e84; - --gse-semantic-theme-foreground-tertiary-10: #4856cb; - --gse-semantic-theme-foreground-tertiary-20: #3742a2; - --gse-semantic-theme-foreground-tertiary-30: #252e78; - --gse-semantic-theme-foreground-tertiary-05: #9ca6f9; + --gse-semantic-theme-foreground-secondary-20: #848891; + --gse-semantic-theme-foreground-secondary-30: #6a6d75; + --gse-semantic-theme-foreground-tertiary-10: #2143a2; + --gse-semantic-theme-foreground-tertiary-20: #19327a; + --gse-semantic-theme-foreground-tertiary-30: #102251; + --gse-semantic-theme-foreground-tertiary-05: #5476d5; --gse-semantic-theme-foreground-highContrast-10: #ffffff; - --gse-semantic-theme-foreground-highContrast-20: #e8ebf7; - --gse-semantic-theme-foreground-highContrast-30: #c6ceec; - --gse-semantic-theme-foreground-system-primary-10: #5a6af5; - --gse-semantic-theme-foreground-system-info-10: #6e5ddb; - --gse-semantic-theme-foreground-system-success-10: #09b581; - --gse-semantic-theme-foreground-system-warning-10: #f8c73e; - --gse-semantic-theme-foreground-system-error-10: #e22245; - --gse-semantic-theme-foreground-specialAccents-brand-10: #ff4f1f; + --gse-semantic-theme-foreground-highContrast-20: #dce1ed; + --gse-semantic-theme-foreground-highContrast-30: #c1c6d4; + --gse-semantic-theme-foreground-system-primary-10: #2954cb; + --gse-semantic-theme-foreground-system-info-10: #3d538f; + --gse-semantic-theme-foreground-system-success-10: #079167; + --gse-semantic-theme-foreground-system-warning-10: #9a7b25; + --gse-semantic-theme-foreground-system-error-10: #b51b37; + --gse-semantic-theme-foreground-specialAccents-brand-10: #ff451a; --gse-semantic-theme-foreground-specialAccents-ai-10: #8a5ecc; - --gse-semantic-theme-foreground-link-10: #4856cb; - --gse-semantic-theme-foreground-link-20: #3742a2; - --gse-semantic-theme-foreground-link-30: #252e78; - --gse-semantic-theme-foreground-link-40: #8a5ecc; - --gse-semantic-theme-foreground-icon-10: #3e5374; - --gse-semantic-theme-foreground-formControl-clickInput-10: #4856cb; - --gse-semantic-theme-foreground-formControl-clickInput-20: #3742a2; - --gse-semantic-theme-foreground-formControl-clickInput-30: #252e78; - --gse-semantic-theme-foreground-formControl-clickInput-50: #767c8d; - --gse-semantic-theme-border-focus-10: #7b88f7; + --gse-semantic-theme-foreground-link-10: #2143a2; + --gse-semantic-theme-foreground-link-20: #19327a; + --gse-semantic-theme-foreground-link-30: #102251; + --gse-semantic-theme-foreground-link-40: #3d538f; + --gse-semantic-theme-foreground-icon-10: #4f5157; + --gse-semantic-theme-foreground-formControl-clickInput-10: #2143a2; + --gse-semantic-theme-foreground-formControl-clickInput-20: #19327a; + --gse-semantic-theme-foreground-formControl-clickInput-30: #102251; + --gse-semantic-theme-foreground-formControl-clickInput-50: #a3a8b5; + --gse-semantic-theme-border-focus-10: #5476d5; --gse-semantic-theme-border-divider-10: #ffffff; - --gse-semantic-theme-border-divider-20: #c6c8ce; - --gse-semantic-theme-border-divider-30: #4856cb; - --gse-semantic-theme-border-edges-default-10: #c6c8ce; - --gse-semantic-theme-border-edges-default-20: #3e5374; - --gse-semantic-theme-border-edges-default-30: #1b2c48; - --gse-semantic-theme-border-edges-default-05: #e8ebf7; - --gse-semantic-theme-border-edges-enabled-10: #4856cb; - --gse-semantic-theme-border-edges-hover-10: #7b88f7; - --gse-semantic-theme-border-edges-hover-20: #252e78; - --gse-semantic-theme-border-edges-active-10: #3742a2; - --gse-semantic-theme-border-system-primary-10: #9ca6f9; + --gse-semantic-theme-border-divider-20: #c1c6d4; + --gse-semantic-theme-border-divider-30: #2143a2; + --gse-semantic-theme-border-edges-default-10: #c1c6d4; + --gse-semantic-theme-border-edges-default-20: #4f5157; + --gse-semantic-theme-border-edges-default-30: #3e4044; + --gse-semantic-theme-border-edges-default-05: #cad1e1; + --gse-semantic-theme-border-edges-enabled-10: #2143a2; + --gse-semantic-theme-border-edges-hover-10: #5476d5; + --gse-semantic-theme-border-edges-hover-20: #102251; + --gse-semantic-theme-border-edges-active-10: #19327a; + --gse-semantic-theme-border-system-primary-10: #829ce5; --gse-semantic-theme-border-system-info-10: #c5bef1; --gse-semantic-theme-border-system-success-10: #9de1cd; --gse-semantic-theme-border-system-warning-10: #fce9b2; --gse-semantic-theme-border-system-error-10: #f3a7b5; --gse-semantic-theme-border-system-error-20: #e22245; - --gse-semantic-theme-border-inputs-default-10: #a3a7b0; - --gse-semantic-theme-border-inputs-hover-10: #3742a2; - --gse-semantic-theme-border-inputs-active-10: #252e78; + --gse-semantic-theme-border-inputs-default-10: #a3a8b5; + --gse-semantic-theme-border-inputs-hover-10: #19327a; + --gse-semantic-theme-border-inputs-active-10: #102251; --gse-semantic-theme-borderRadius-interactive-xlarge: 100%; --gse-semantic-theme-borderRadius-interactive-large: 16px; --gse-semantic-theme-borderRadius-interactive-small: 4px; @@ -158,165 +159,170 @@ --gse-semantic-theme-borderRadius-focus-medium: 8px; --gse-semantic-theme-borderRadius-focus-small: 4px; --gse-semantic-theme-borderRadius-focus-xsmall: 2px; - --gse-semantic-background-interactive-primary-default: #4856cb; - --gse-semantic-background-interactive-primary-hover: #3742a2; - --gse-semantic-background-interactive-primary-active: #252e78; - --gse-semantic-background-interactive-secondary-default: #eff0fe; - --gse-semantic-background-interactive-secondary-hover: #dee1fd; - --gse-semantic-background-interactive-secondary-active: #ced2fc; + --gse-semantic-background-interactive-primary-default: #2143a2; + --gse-semantic-background-interactive-primary-hover: #19327a; + --gse-semantic-background-interactive-primary-active: #102251; + --gse-semantic-background-interactive-secondary-default: #eff3ff; + --gse-semantic-background-interactive-secondary-hover: #d5def7; + --gse-semantic-background-interactive-secondary-active: #adbff0; --gse-semantic-background-interactive-tertiary-default: rgba(0, 0, 0, 0); - --gse-semantic-background-interactive-tertiary-hover: #3742a2; - --gse-semantic-background-interactive-tertiary-active: #252e78; + --gse-semantic-background-interactive-tertiary-hover: #19327a; + --gse-semantic-background-interactive-tertiary-active: #102251; --gse-semantic-background-interactive-ghost-default: rgba(0, 0, 0, 0); - --gse-semantic-background-interactive-ghost-hover: #dee1fd; - --gse-semantic-background-interactive-ghost-active: #ced2fc; + --gse-semantic-background-interactive-ghost-hover: #d5def7; + --gse-semantic-background-interactive-ghost-active: #adbff0; --gse-semantic-background-interactive-subtle-default: #ffffff; - --gse-semantic-background-interactive-subtle-hover: #dee1fd; - --gse-semantic-background-interactive-subtle-active: #ced2fc; + --gse-semantic-background-interactive-subtle-hover: #d5def7; + --gse-semantic-background-interactive-subtle-active: #adbff0; --gse-semantic-background-interactive-danger-default: #e22245; --gse-semantic-background-interactive-danger-hover: #881429; --gse-semantic-background-interactive-danger-active: #440a15; - --gse-semantic-background-overlay-shroud-default: #3e5374cc; + --gse-semantic-background-overlay-shroud-default: #263b73cc; --gse-semantic-background-container-page-default: #ffffff; - --gse-semantic-background-container-page-tonalSubtle: #fbfcfe; - --gse-semantic-background-container-page-tonalMedium: #f3f5fb; - --gse-semantic-background-container-page-tonalHigh: #dee1fd; + --gse-semantic-background-container-page-tonalSubtle: #f5f6fa; + --gse-semantic-background-container-page-tonalMedium: #ebedf5; + --gse-semantic-background-container-page-tonalHigh: #d5def7; --gse-semantic-background-container-elevated-default: #ffffff; - --gse-semantic-background-container-elevated-hover: #eff0fe; - --gse-semantic-background-container-elevated-active: #ced2fc; + --gse-semantic-background-container-elevated-hover: #eff3ff; + --gse-semantic-background-container-elevated-active: #adbff0; --gse-semantic-background-container-elevated-error: #f3a7b5; - --gse-semantic-background-container-highConstrast-default: #1b2c48; - --gse-semantic-background-container-highConstrast-hover: #141a4f; - --gse-semantic-background-container-highConstrast-active: #1c2463; + --gse-semantic-background-container-highConstrast-default: #2a2a2e; + --gse-semantic-background-container-highConstrast-hover: #081129; + --gse-semantic-background-container-highConstrast-active: #0c193d; --gse-semantic-background-system-error-tonalMedium: #f3a7b5; + --gse-semantic-background-system-error-tonalHigh: #e22245; --gse-semantic-background-system-error-tonalSubtle: #f9d3da; --gse-semantic-background-system-warning-tonalMedium: #fce9b2; + --gse-semantic-background-system-warning-tonalHigh: #f8c73e; --gse-semantic-background-system-warning-tonalSubtle: #fef4d8; --gse-semantic-background-system-success-tonalMedium: #9de1cd; + --gse-semantic-background-system-success-tonalHigh: #09b581; --gse-semantic-background-system-success-tonalSubtle: #cef0e6; - --gse-semantic-background-system-info-tonalMedium: #c5bef1; - --gse-semantic-background-system-info-tonalSubtle: #e2dff8; - --gse-semantic-background-system-primary-tonalMedium: #dee1fd; - --gse-semantic-background-system-primary-tonalSubtle: #dee1fd; - --gse-semantic-background-system-customAccents-bold-accent_1: #3e5374; - --gse-semantic-background-system-customAccents-bold-accent_2: #626d97; + --gse-semantic-background-system-info-tonalMedium: #dfe3ec; + --gse-semantic-background-system-info-tonalHigh: #3d538f; + --gse-semantic-background-system-info-tonalSubtle: #f0f1f5; + --gse-semantic-background-system-primary-tonalMedium: #d5def7; + --gse-semantic-background-system-primary-tonalHigh: #2954cb; + --gse-semantic-background-system-primary-tonalSubtle: #d5def7; + --gse-semantic-background-system-customAccents-bold-accent_1: #263b73; + --gse-semantic-background-system-customAccents-bold-accent_2: #596ea6; --gse-semantic-background-system-customAccents-bold-accent_3: #3ac49a; - --gse-semantic-background-system-customAccents-bold-accent_4: #0c6d7e; + --gse-semantic-background-system-customAccents-bold-accent_4: #056385; --gse-semantic-background-system-customAccents-bold-accent_5: #607732; --gse-semantic-background-system-customAccents-bold-accent_6: #467aae; --gse-semantic-background-system-customAccents-bold-accent_7: #8a5ecc; --gse-semantic-background-system-customAccents-bold-accent_8: #89387b; --gse-semantic-background-system-customAccents-bold-accent_9: #ff5c77; - --gse-semantic-background-system-customAccents-bold-accent_10: #c44b3b; + --gse-semantic-background-system-customAccents-bold-accent_10: #992910; --gse-semantic-background-system-customAccents-bold-accent_11: #ffc650; - --gse-semantic-background-system-customAccents-bold-accent_12: #b5e2e8; + --gse-semantic-background-system-customAccents-bold-accent_12: #81cbe5; --gse-semantic-background-system-customAccents-bold-accent_13: #5798d9; - --gse-semantic-background-system-customAccents-subtle-accent_1: #c6c8ce; - --gse-semantic-background-system-customAccents-subtle-accent_2: #d1d7ef; + --gse-semantic-background-system-customAccents-subtle-accent_1: #9faac6; + --gse-semantic-background-system-customAccents-subtle-accent_2: #b2b7c4; --gse-semantic-background-system-customAccents-subtle-accent_3: #9de1cd; - --gse-semantic-background-system-customAccents-subtle-accent_4: #90d3dd; + --gse-semantic-background-system-customAccents-subtle-accent_4: #81cbe5; --gse-semantic-background-system-customAccents-subtle-accent_5: #c6dd98; --gse-semantic-background-system-customAccents-subtle-accent_6: #9ac1e8; --gse-semantic-background-system-customAccents-subtle-accent_7: #cdacff; --gse-semantic-background-system-customAccents-subtle-accent_8: #ef9ee1; --gse-semantic-background-system-customAccents-subtle-accent_9: #ff9dad; - --gse-semantic-background-system-customAccents-subtle-accent_10: #feb2ab; + --gse-semantic-background-system-customAccents-subtle-accent_10: #ffb5a3; --gse-semantic-background-system-customAccents-subtle-accent_11: #ffdd96; - --gse-semantic-background-system-customAccents-subtle-accent_12: #daf0f4; - --gse-semantic-background-system-progressAndLoading-default: #dee1fd; - --gse-semantic-background-system-progressAndLoading-progressed: #4856cb; + --gse-semantic-background-system-customAccents-subtle-accent_12: #9fd6ea; + --gse-semantic-background-system-progressAndLoading-default: #d5def7; + --gse-semantic-background-system-progressAndLoading-progressed: #2143a2; --gse-semantic-background-system-status-available: #09b581; --gse-semantic-background-system-status-busy: #e22245; --gse-semantic-background-system-status-away: #f8c73e; - --gse-semantic-background-system-status-onQueue: #4856cb; - --gse-semantic-background-system-status-offline: #626e84; + --gse-semantic-background-system-status-onQueue: #2143a2; + --gse-semantic-background-system-status-offline: #848891; --gse-semantic-background-system-status-outOfOffice: #b74ba4; - --gse-semantic-background-system-status-notification: #fe624d; - --gse-semantic-background-formControl-clickInput-track: #c6c8ce; + --gse-semantic-background-system-status-notification: #ff451a; + --gse-semantic-background-formControl-clickInput-track: #c1c6d4; --gse-semantic-background-formControl-textInput-track: #ffffff; --gse-semantic-foreground-interactive-primary-default: #ffffff; --gse-semantic-foreground-interactive-primary-active: #ffffff; --gse-semantic-foreground-interactive-primary-hover: #ffffff; - --gse-semantic-foreground-interactive-secondary-default: #4856cb; - --gse-semantic-foreground-interactive-secondary-active: #252e78; - --gse-semantic-foreground-interactive-secondary-hover: #3742a2; - --gse-semantic-foreground-interactive-tertiary-default: #4856cb; + --gse-semantic-foreground-interactive-secondary-default: #2143a2; + --gse-semantic-foreground-interactive-secondary-active: #102251; + --gse-semantic-foreground-interactive-secondary-hover: #19327a; + --gse-semantic-foreground-interactive-tertiary-default: #2143a2; --gse-semantic-foreground-interactive-tertiary-active: #ffffff; --gse-semantic-foreground-interactive-tertiary-hover: #ffffff; - --gse-semantic-foreground-interactive-ghost-default: #4856cb; - --gse-semantic-foreground-interactive-ghost-active: #252e78; - --gse-semantic-foreground-interactive-ghost-hover: #3742a2; - --gse-semantic-foreground-interactive-subtle-default: #3e5374; - --gse-semantic-foreground-interactive-subtle-active: #1b2c48; - --gse-semantic-foreground-interactive-subtle-hover: #23395d; + --gse-semantic-foreground-interactive-ghost-default: #2143a2; + --gse-semantic-foreground-interactive-ghost-active: #102251; + --gse-semantic-foreground-interactive-ghost-hover: #19327a; + --gse-semantic-foreground-interactive-subtle-default: #4f5157; + --gse-semantic-foreground-interactive-subtle-active: #2a2a2e; + --gse-semantic-foreground-interactive-subtle-hover: #3e4044; --gse-semantic-foreground-interactive-danger-default: #ffffff; --gse-semantic-foreground-interactive-danger-active: #ffffff; --gse-semantic-foreground-interactive-danger-hover: #ffffff; - --gse-semantic-foreground-interactive-link-default: #4856cb; - --gse-semantic-foreground-interactive-link-active: #252e78; - --gse-semantic-foreground-interactive-link-hover: #3742a2; - --gse-semantic-foreground-interactive-link-visited: #8a5ecc; - --gse-semantic-foreground-interactive-indicator-default: #9ca6f9; - --gse-semantic-foreground-container-highEmphasis: #1b2c48; - --gse-semantic-foreground-container-midEmphasis: #3e5374; - --gse-semantic-foreground-container-lowEmphasis: #626e84; + --gse-semantic-foreground-interactive-link-default: #2143a2; + --gse-semantic-foreground-interactive-link-active: #102251; + --gse-semantic-foreground-interactive-link-hover: #19327a; + --gse-semantic-foreground-interactive-link-visited: #3d538f; + --gse-semantic-foreground-interactive-indicator-default: #5476d5; + --gse-semantic-foreground-container-highEmphasis: #2a2a2e; + --gse-semantic-foreground-container-midEmphasis: #4f5157; + --gse-semantic-foreground-container-lowEmphasis: #6a6d75; --gse-semantic-foreground-container-highContrast-highEmphasis: #ffffff; - --gse-semantic-foreground-container-highContrast-midEmphasis: #e8ebf7; - --gse-semantic-foreground-container-highContrast-lowEmphasis: #c6ceec; + --gse-semantic-foreground-container-highContrast-midEmphasis: #dce1ed; + --gse-semantic-foreground-container-highContrast-lowEmphasis: #c1c6d4; --gse-semantic-foreground-container-specialAccents-ai: #8a5ecc; - --gse-semantic-foreground-container-specialAccents-brand: #ff4f1f; + --gse-semantic-foreground-container-specialAccents-brand: #ff451a; --gse-semantic-foreground-system-customAccents-light: #ffffff; - --gse-semantic-foreground-system-customAccents-dark: #1b2c48; - --gse-semantic-foreground-system-progressAndLoading-default: #23395d; + --gse-semantic-foreground-system-customAccents-dark: #2a2a2e; + --gse-semantic-foreground-system-progressAndLoading-default: #3e4044; --gse-semantic-foreground-system-progressAndLoading-progressed: #ffffff; - --gse-semantic-foreground-system-info-highEmphasis: #1b2c48; - --gse-semantic-foreground-system-info-accent: #6e5ddb; - --gse-semantic-foreground-system-success-highEmphasis: #1b2c48; - --gse-semantic-foreground-system-success-accent: #09b581; - --gse-semantic-foreground-system-warning-highEmphasis: #1b2c48; - --gse-semantic-foreground-system-warning-accent: #f8c73e; - --gse-semantic-foreground-system-error-highEmphasis: #1b2c48; - --gse-semantic-foreground-system-error-accent: #e22245; - --gse-semantic-foreground-system-icon-default: #3e5374; - --gse-semantic-foreground-formControl-helpText-default: #626e84; - --gse-semantic-foreground-formControl-helpText-error: #e22245; - --gse-semantic-foreground-formControl-textInput-placeholder: #626e84; - --gse-semantic-foreground-formControl-textInput-populated: #1b2c48; - --gse-semantic-foreground-formControl-textInput-icon: #626e84; - --gse-semantic-foreground-formControl-clickInput-enabled: #767c8d; - --gse-semantic-foreground-formControl-clickInput-selected: #4856cb; - --gse-semantic-foreground-formControl-clickInput-hover: #3742a2; - --gse-semantic-foreground-formControl-clickInput-active: #252e78; - --gse-semantic-foreground-formControl-clickInput-error: #e22245; - --gse-semantic-foreground-formControl-label-default: #1b2c48; - --gse-semantic-foreground-formControl-label-requiredAccent: #e22245; - --gse-semantic-foreground-formControl-label-optionalAccent: #3e5374; - --gse-semantic-foreground-formControl-label-tooltip: #3e5374; - --gse-semantic-border-focus: #7b88f7; - --gse-semantic-border-container-divider: #c6c8ce; - --gse-semantic-border-container-edges-default: #c6c8ce; - --gse-semantic-border-container-edges-hover: #7b88f7; + --gse-semantic-foreground-system-info-highEmphasis: #2a2a2e; + --gse-semantic-foreground-system-info-accent: #3d538f; + --gse-semantic-foreground-system-success-highEmphasis: #2a2a2e; + --gse-semantic-foreground-system-success-accent: #079167; + --gse-semantic-foreground-system-warning-highEmphasis: #2a2a2e; + --gse-semantic-foreground-system-warning-accent: #9a7b25; + --gse-semantic-foreground-system-error-highEmphasis: #2a2a2e; + --gse-semantic-foreground-system-error-accent: #b51b37; + --gse-semantic-foreground-system-icon-default: #4f5157; + --gse-semantic-foreground-formControl-helpText-default: #6a6d75; + --gse-semantic-foreground-formControl-helpText-error: #b51b37; + --gse-semantic-foreground-formControl-textInput-placeholder: #6a6d75; + --gse-semantic-foreground-formControl-textInput-populated: #2a2a2e; + --gse-semantic-foreground-formControl-textInput-icon: #6a6d75; + --gse-semantic-foreground-formControl-clickInput-enabled: #a3a8b5; + --gse-semantic-foreground-formControl-clickInput-selected: #2143a2; + --gse-semantic-foreground-formControl-clickInput-hover: #19327a; + --gse-semantic-foreground-formControl-clickInput-active: #102251; + --gse-semantic-foreground-formControl-clickInput-error: #b51b37; + --gse-semantic-foreground-formControl-label-default: #2a2a2e; + --gse-semantic-foreground-formControl-label-requiredAccent: #b51b37; + --gse-semantic-foreground-formControl-label-optionalAccent: #4f5157; + --gse-semantic-foreground-formControl-label-tooltip: #4f5157; + --gse-semantic-border-focus: #5476d5; + --gse-semantic-border-container-divider: #c1c6d4; + --gse-semantic-border-container-edges-default: #c1c6d4; + --gse-semantic-border-container-edges-hover: #5476d5; --gse-semantic-border-container-edges-error: #e22245; - --gse-semantic-border-container-edges-enabled: #4856cb; - --gse-semantic-border-container-edges-active: #3742a2; - --gse-semantic-border-container-edges-highEmphasis: #1b2c48; - --gse-semantic-border-container-edges-dataTable-default: #e8ebf7; - --gse-semantic-border-container-highConstrast-default: #3e5374; - --gse-semantic-border-container-highConstrast-enabled: #4856cb; - --gse-semantic-border-container-highConstrast-hover: #252e78; - --gse-semantic-border-container-highConstrast-active: #3742a2; + --gse-semantic-border-container-edges-enabled: #2143a2; + --gse-semantic-border-container-edges-active: #19327a; + --gse-semantic-border-container-edges-highEmphasis: #3e4044; + --gse-semantic-border-container-edges-dataTable-default: #cad1e1; + --gse-semantic-border-container-highConstrast-default: #4f5157; + --gse-semantic-border-container-highConstrast-enabled: #2143a2; + --gse-semantic-border-container-highConstrast-hover: #102251; + --gse-semantic-border-container-highConstrast-active: #19327a; --gse-semantic-border-system-info: #c5bef1; --gse-semantic-border-system-warning: #fce9b2; --gse-semantic-border-system-success: #9de1cd; --gse-semantic-border-system-error: #f3a7b5; - --gse-semantic-border-system-primary: #9ca6f9; + --gse-semantic-border-system-primary: #829ce5; --gse-semantic-border-interactive-primary-divider: #ffffff; --gse-semantic-border-interactive-secondary-divider: #ffffff; - --gse-semantic-border-interactive-tertiary-divider: #4856cb; + --gse-semantic-border-interactive-tertiary-divider: #2143a2; --gse-semantic-border-interactive-danger-divider: #ffffff; - --gse-semantic-border-formControl-textInput-default: #a3a7b0; - --gse-semantic-border-formControl-textInput-hover: #3742a2; - --gse-semantic-border-formControl-textInput-active: #252e78; + --gse-semantic-border-formControl-textInput-default: #a3a8b5; + --gse-semantic-border-formControl-textInput-hover: #19327a; + --gse-semantic-border-formControl-textInput-active: #102251; --gse-semantic-border-formControl-textInput-error: #e22245; --gse-semantic-body-sm-regular-fontFamily: 'Noto Sans'; --gse-semantic-body-sm-regular-fontWeight: 400; diff --git a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-ui.scss b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-ui.scss index 7b1652b9a..a508baa10 100644 --- a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-ui.scss +++ b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-ui.scss @@ -1,31 +1,31 @@ @mixin tokens { - --gse-ui-color-focus: #7b88f7; + --gse-ui-color-focus: #5476d5; --gse-ui-formControl-input-contentText-fontFamily: 'Noto Sans'; --gse-ui-formControl-input-contentText-fontWeight: 400; --gse-ui-formControl-input-contentText-fontSize: 12px; --gse-ui-formControl-input-contentText-lineHeight: 18px; - --gse-ui-formControl-input-default-border-color: #a3a7b0; + --gse-ui-formControl-input-default-border-color: #a3a8b5; --gse-ui-formControl-input-default-border-width: 1px; --gse-ui-formControl-input-default-border-style: solid; - --gse-ui-formControl-input-hover-border-color: #3742a2; + --gse-ui-formControl-input-hover-border-color: #19327a; --gse-ui-formControl-input-hover-border-width: 1px; --gse-ui-formControl-input-hover-border-style: solid; - --gse-ui-formControl-input-active-border-color: #252e78; + --gse-ui-formControl-input-active-border-color: #102251; --gse-ui-formControl-input-active-border-width: 1px; --gse-ui-formControl-input-active-border-style: solid; --gse-ui-formControl-input-error-border-color: #e22245; --gse-ui-formControl-input-error-border-width: 1px; --gse-ui-formControl-input-error-border-style: solid; - --gse-ui-formControl-input-disabled-border-color: #a3a7b0; + --gse-ui-formControl-input-disabled-border-color: #a3a8b5; --gse-ui-formControl-input-disabled-border-width: 1px; --gse-ui-formControl-input-disabled-border-style: solid; --gse-ui-formControl-input-disabled-opacity: 0.5; --gse-ui-formControl-input-borderRadius: 4px; --gse-ui-formControl-input-backgroundColor: #ffffff; - --gse-ui-formControl-input-placeholderColor: #626e84; - --gse-ui-formControl-input-suggestionColor: #626e84; - --gse-ui-formControl-input-populatedColor: #1b2c48; - --gse-ui-formControl-input-inputClearable-inputClearableColor: #626e84; + --gse-ui-formControl-input-placeholderColor: #6a6d75; + --gse-ui-formControl-input-suggestionColor: #6a6d75; + --gse-ui-formControl-input-populatedColor: #2a2a2e; + --gse-ui-formControl-input-inputClearable-inputClearableColor: #6a6d75; --gse-ui-formControl-input-inputClearable-size: 16px; --gse-ui-formControl-input-gap: 12px; --gse-ui-formControl-input-top: 8px; @@ -35,20 +35,20 @@ --gse-ui-formControl-input-prefixSufix-text-fontSize: 14px; --gse-ui-formControl-input-prefixSufix-text-lineHeight: 20px; --gse-ui-formControl-input-prefixSufix-height: 32px; - --gse-ui-formControl-input-prefixSufix-defaultColor: #626e84; + --gse-ui-formControl-input-prefixSufix-defaultColor: #6a6d75; --gse-ui-formControl-input-textfield-height: 32px; --gse-ui-formControl-input-textfield-minWidth: 48px; --gse-ui-formControl-input-colorPicker-size: 32px; --gse-ui-formControl-input-inputIcon-size: 16px; - --gse-ui-formControl-input-inputIcon-defaultColor: #1b2c48; - --gse-ui-formControl-input-inputIcon-iconEndColor: #626e84; - --gse-ui-formControl-input-focusRing-defaultColor: #7b88f7; + --gse-ui-formControl-input-inputIcon-defaultColor: #2a2a2e; + --gse-ui-formControl-input-inputIcon-iconEndColor: #6a6d75; + --gse-ui-formControl-input-focusRing-defaultColor: #5476d5; --gse-ui-formControl-input-textarea-height: 98px; - --gse-ui-formControl-input-focus-border-color: #7b88f7; + --gse-ui-formControl-input-focus-border-color: #5476d5; --gse-ui-formControl-input-focus-border-width: 2px; --gse-ui-formControl-input-focus-border-style: solid; --gse-ui-formControl-input-spinbuttonIcon-size: 16px; - --gse-ui-formControl-input-focusSelection-backgroundColor: #7b88f7; + --gse-ui-formControl-input-focusSelection-backgroundColor: #5476d5; --gse-ui-formControl-label-padding: 0 0 8px 0; --gse-ui-formControl-label-text-fontFamily: 'Noto Sans'; --gse-ui-formControl-label-text-fontWeight: 400; @@ -58,15 +58,15 @@ --gse-ui-formControl-label-textBold-fontWeight: 600; --gse-ui-formControl-label-textBold-fontSize: 12px; --gse-ui-formControl-label-textBold-lineHeight: 18px; - --gse-ui-formControl-label-labelColor: #1b2c48; + --gse-ui-formControl-label-labelColor: #2a2a2e; --gse-ui-formControl-label-indicator-text-fontFamily: 'Noto Sans'; --gse-ui-formControl-label-indicator-text-fontWeight: 400; --gse-ui-formControl-label-indicator-text-fontSize: 12px; --gse-ui-formControl-label-indicator-text-lineHeight: 18px; - --gse-ui-formControl-label-indicator-requiredColor: #e22245; - --gse-ui-formControl-label-indicator-optionalColor: #3e5374; + --gse-ui-formControl-label-indicator-requiredColor: #b51b37; + --gse-ui-formControl-label-indicator-optionalColor: #4f5157; --gse-ui-formControl-label-iconSize: 16px; - --gse-ui-formControl-label-tooltipTrigger-color: #3e5374; + --gse-ui-formControl-label-tooltipTrigger-color: #4f5157; --gse-ui-formControl-label-tooltipTrigger-borderRadius: 2px; --gse-ui-formControl-formField-gap: 4px; --gse-ui-formControl-group-gapItems: 8px; @@ -79,21 +79,21 @@ --gse-ui-formControl-helper-icon-padding: 1px 0 1px 0; --gse-ui-formControl-helper-paddingSmall: 4px 0 0 0; --gse-ui-formControl-helper-errorPadding: 4px 0 0 0; - --gse-ui-formControl-helper-defaultColor: #626e84; - --gse-ui-formControl-helper-errorColor: #e22245; + --gse-ui-formControl-helper-defaultColor: #6a6d75; + --gse-ui-formControl-helper-errorColor: #b51b37; --gse-ui-formControl-helper-iconSize: 16px; --gse-ui-formControl-spinButton-gap: 8px; - --gse-ui-formControl-spinner-track: #4856cb; - --gse-ui-formControl-spinner-errorColor: #dee1fd; + --gse-ui-formControl-spinner-track: #2143a2; + --gse-ui-formControl-spinner-errorColor: #d5def7; --gse-ui-formControl-textarea-padding: 8px; --gse-ui-formControl-focusRing-borderRadius: 4px; --gse-ui-card-backgroundColor: #ffffff; --gse-ui-card-borderRadius: 16px; --gse-ui-card-borderRadiusCopy: 16px; - --gse-ui-card-default-border-color: #c6c8ce; + --gse-ui-card-default-border-color: #c1c6d4; --gse-ui-card-default-border-width: 1px; --gse-ui-card-default-border-style: solid; - --gse-ui-card-raised-border-color: #c6c8ce; + --gse-ui-card-raised-border-color: #c1c6d4; --gse-ui-card-raised-border-width: 1px; --gse-ui-card-raised-border-style: solid; --gse-ui-card-raised-boxShadow-blur: 6px; @@ -106,15 +106,15 @@ --gse-ui-card-borderless-border-color: rgba(0, 0, 0, 0); --gse-ui-card-borderless-border-width: 1px; --gse-ui-card-borderless-border-style: solid; - --gse-ui-tooltip-light-border-color: #c6c8ce; + --gse-ui-tooltip-light-border-color: #c1c6d4; --gse-ui-tooltip-light-border-width: 1px; --gse-ui-tooltip-light-border-style: solid; --gse-ui-tooltip-light-backgroundColor: #ffffff; - --gse-ui-tooltip-light-foregroundColor: #1b2c48; - --gse-ui-tooltip-dark-border-color: #1b2c48; + --gse-ui-tooltip-light-foregroundColor: #2a2a2e; + --gse-ui-tooltip-dark-border-color: #3e4044; --gse-ui-tooltip-dark-border-width: 1px; --gse-ui-tooltip-dark-border-style: solid; - --gse-ui-tooltip-dark-backgroundColor: #1b2c48; + --gse-ui-tooltip-dark-backgroundColor: #2a2a2e; --gse-ui-tooltip-dark-foregroundColor: #ffffff; --gse-ui-tooltip-dark-iconColor: #ffffff; --gse-ui-tooltip-boxShadow-blur: 6px; @@ -131,47 +131,34 @@ --gse-ui-tooltip-text-fontWeight: 400; --gse-ui-tooltip-text-fontSize: 12px; --gse-ui-tooltip-text-lineHeight: 18px; + --gse-ui-tooltip-targetOffset: 16px; --gse-ui-tag-borderRadius: 16px; - --gse-ui-tag-default-backgroundColor: #23395d; - --gse-ui-tag-default-foregroundColor: #ffffff; - --gse-ui-tag-default-bold-backgroundColor: #3e5374; + --gse-ui-tag-default-bold-backgroundColor: #263b73; --gse-ui-tag-default-bold-foregroundColor: #ffffff; - --gse-ui-tag-default-subtle-backgroundColor: #c6c8ce; - --gse-ui-tag-default-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent1-backgroundColor: #e4e5e7; - --gse-ui-tag-accent1-foregroundColor: #1b2c48; - --gse-ui-tag-accent1-bold-backgroundColor: #626d97; + --gse-ui-tag-default-subtle-backgroundColor: #9faac6; + --gse-ui-tag-default-subtle-foregroundColor: #2a2a2e; + --gse-ui-tag-accent1-bold-backgroundColor: #596ea6; --gse-ui-tag-accent1-bold-foregroundColor: #ffffff; - --gse-ui-tag-accent1-subtle-backgroundColor: #d1d7ef; - --gse-ui-tag-accent1-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent2-backgroundColor: #90d3dd; - --gse-ui-tag-accent2-foregroundColor: #1b2c48; + --gse-ui-tag-accent1-subtle-backgroundColor: #b2b7c4; + --gse-ui-tag-accent1-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-accent2-bold-backgroundColor: #3ac49a; - --gse-ui-tag-accent2-bold-foregroundColor: #1b2c48; + --gse-ui-tag-accent2-bold-foregroundColor: #2a2a2e; --gse-ui-tag-accent2-subtle-backgroundColor: #9de1cd; - --gse-ui-tag-accent2-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent3-backgroundColor: #0c6d7e; - --gse-ui-tag-accent3-foregroundColor: #ffffff; - --gse-ui-tag-accent3-bold-backgroundColor: #0c6d7e; + --gse-ui-tag-accent2-subtle-foregroundColor: #2a2a2e; + --gse-ui-tag-accent3-bold-backgroundColor: #056385; --gse-ui-tag-accent3-bold-foregroundColor: #ffffff; - --gse-ui-tag-accent3-subtle-backgroundColor: #90d3dd; - --gse-ui-tag-accent3-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent4-backgroundColor: #547688; - --gse-ui-tag-accent4-foregroundColor: #ffffff; + --gse-ui-tag-accent3-subtle-backgroundColor: #81cbe5; + --gse-ui-tag-accent3-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-accent4-bold-backgroundColor: #607732; --gse-ui-tag-accent4-bold-foregroundColor: #ffffff; --gse-ui-tag-accent4-subtle-backgroundColor: #c6dd98; - --gse-ui-tag-accent4-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent5-backgroundColor: #a5cae0; - --gse-ui-tag-accent5-foregroundColor: #1b2c48; + --gse-ui-tag-accent4-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-accent5-bold-backgroundColor: #5798d9; - --gse-ui-tag-accent5-bold-foregroundColor: #1b2c48; + --gse-ui-tag-accent5-bold-foregroundColor: #2a2a2e; --gse-ui-tag-accent5-subtle-backgroundColor: #9ac1e8; - --gse-ui-tag-accent5-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent6-backgroundColor: #b5bfe6; - --gse-ui-tag-accent6-foregroundColor: #1b2c48; + --gse-ui-tag-accent5-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-accent6-subtle-backgroundColor: #cdacff; - --gse-ui-tag-accent6-subtle-foregroundColor: #1b2c48; + --gse-ui-tag-accent6-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-accent6-bold-backgroundColor: #8a5ecc; --gse-ui-tag-accent6-bold-foregroundColor: #ffffff; --gse-ui-tag-text-fontFamily: 'Noto Sans'; @@ -181,31 +168,23 @@ --gse-ui-tag-padding: 0 12px; --gse-ui-tag-removable-padding: 0 8px 0 12px; --gse-ui-tag-removable-gap: 4px; - --gse-ui-tag-accent7-backgroundColor: #a05195; - --gse-ui-tag-accent7-foregroundColor: #ffffff; --gse-ui-tag-accent7-bold-backgroundColor: #89387b; --gse-ui-tag-accent7-bold-foregroundColor: #ffffff; --gse-ui-tag-accent7-subtle-backgroundColor: #ef9ee1; - --gse-ui-tag-accent7-subtle-foregroundColor: #1b2c48; + --gse-ui-tag-accent7-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-height: 20px; - --gse-ui-tag-accent8-backgroundColor: #f95d6a; - --gse-ui-tag-accent8-foregroundColor: #1b2c48; --gse-ui-tag-accent8-bold-backgroundColor: #ff5c77; - --gse-ui-tag-accent8-bold-foregroundColor: #1b2c48; + --gse-ui-tag-accent8-bold-foregroundColor: #2a2a2e; --gse-ui-tag-accent8-subtle-backgroundColor: #ff9dad; - --gse-ui-tag-accent8-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent9-backgroundColor: #fe8f85; - --gse-ui-tag-accent9-foregroundColor: #1b2c48; - --gse-ui-tag-accent9-bold-backgroundColor: #c44b3b; + --gse-ui-tag-accent8-subtle-foregroundColor: #2a2a2e; + --gse-ui-tag-accent9-bold-backgroundColor: #992910; --gse-ui-tag-accent9-bold-foregroundColor: #ffffff; - --gse-ui-tag-accent9-subtle-backgroundColor: #feb2ab; - --gse-ui-tag-accent9-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent10-backgroundColor: #ffc650; - --gse-ui-tag-accent10-foregroundColor: #1b2c48; + --gse-ui-tag-accent9-subtle-backgroundColor: #ffb5a3; + --gse-ui-tag-accent9-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-accent10-bold-backgroundColor: #ffc650; - --gse-ui-tag-accent10-bold-foregroundColor: #1b2c48; + --gse-ui-tag-accent10-bold-foregroundColor: #2a2a2e; --gse-ui-tag-accent10-subtle-backgroundColor: #ffdd96; - --gse-ui-tag-accent10-subtle-foregroundColor: #1b2c48; + --gse-ui-tag-accent10-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-button-size: 16px; --gse-ui-tag-disabled-opacity: 0.5; --gse-ui-tag-small-height: 20px; @@ -218,49 +197,49 @@ --gse-ui-badge-height: 20px; --gse-ui-badge-padding: 2px 12px; --gse-ui-badge-gap: 4px; - --gse-ui-badge-info-bold-backgroundColor: #6e5ddb; + --gse-ui-badge-info-bold-backgroundColor: #3d538f; --gse-ui-badge-info-bold-foregroundColor: #ffffff; - --gse-ui-badge-info-regular-backgroundColor: #c5bef1; - --gse-ui-badge-info-regular-foregroundColor: #1b2c48; + --gse-ui-badge-info-regular-backgroundColor: #dfe3ec; + --gse-ui-badge-info-regular-foregroundColor: #2a2a2e; --gse-ui-badge-success-bold-backgroundColor: #09b581; - --gse-ui-badge-success-bold-foregroundColor: #1b2c48; + --gse-ui-badge-success-bold-foregroundColor: #2a2a2e; --gse-ui-badge-success-regular-backgroundColor: #9de1cd; - --gse-ui-badge-success-regular-foregroundColor: #1b2c48; + --gse-ui-badge-success-regular-foregroundColor: #2a2a2e; --gse-ui-badge-warning-bold-backgroundColor: #f8c73e; - --gse-ui-badge-warning-bold-foregroundColor: #1b2c48; + --gse-ui-badge-warning-bold-foregroundColor: #2a2a2e; --gse-ui-badge-warning-regular-backgroundColor: #fce9b2; - --gse-ui-badge-warning-regular-foregroundColor: #1b2c48; + --gse-ui-badge-warning-regular-foregroundColor: #2a2a2e; --gse-ui-badge-error-bold-backgroundColor: #e22245; --gse-ui-badge-error-bold-foregroundColor: #ffffff; --gse-ui-badge-error-regular-backgroundColor: #f3a7b5; - --gse-ui-badge-error-regular-foregroundColor: #1b2c48; + --gse-ui-badge-error-regular-foregroundColor: #2a2a2e; --gse-ui-icon-small-size: 16px; --gse-ui-icon-medium-size: 24px; --gse-ui-icon-large-size: 32px; - --gse-ui-icon-color: #3e5374; + --gse-ui-icon-color: #4f5157; --gse-ui-alert-padding: 8px 16px; --gse-ui-alert-gap: 8px; - --gse-ui-alert-info-backgroundColor: #e2dff8; - --gse-ui-alert-info-foregroundColor: #1b2c48; - --gse-ui-alert-info-iconColor: #6e5ddb; + --gse-ui-alert-info-backgroundColor: #f0f1f5; + --gse-ui-alert-info-foregroundColor: #2a2a2e; + --gse-ui-alert-info-iconColor: #3d538f; --gse-ui-alert-info-border-color: #c5bef1; --gse-ui-alert-info-border-width: 1px; --gse-ui-alert-info-border-style: solid; --gse-ui-alert-success-backgroundColor: #cef0e6; - --gse-ui-alert-success-foregroundColor: #1b2c48; - --gse-ui-alert-success-iconColor: #09b581; + --gse-ui-alert-success-foregroundColor: #2a2a2e; + --gse-ui-alert-success-iconColor: #079167; --gse-ui-alert-success-border-color: #9de1cd; --gse-ui-alert-success-border-width: 1px; --gse-ui-alert-success-border-style: solid; --gse-ui-alert-warning-backgroundColor: #fef4d8; - --gse-ui-alert-warning-foregroundColor: #1b2c48; - --gse-ui-alert-warning-iconColor: #f8c73e; + --gse-ui-alert-warning-foregroundColor: #2a2a2e; + --gse-ui-alert-warning-iconColor: #9a7b25; --gse-ui-alert-warning-border-color: #fce9b2; --gse-ui-alert-warning-border-width: 1px; --gse-ui-alert-warning-border-style: solid; --gse-ui-alert-error-backgroundColor: #f9d3da; - --gse-ui-alert-error-foregroundColor: #1b2c48; - --gse-ui-alert-error-iconColor: #e22245; + --gse-ui-alert-error-foregroundColor: #2a2a2e; + --gse-ui-alert-error-iconColor: #b51b37; --gse-ui-alert-error-border-color: #f3a7b5; --gse-ui-alert-error-border-width: 1px; --gse-ui-alert-error-border-style: solid; @@ -273,10 +252,10 @@ --gse-ui-alert-emphasisText-fontSize: 12px; --gse-ui-alert-emphasisText-lineHeight: 18px; --gse-ui-alert-borderRadius: 4px; - --gse-ui-rating-default-color: #767c8d; - --gse-ui-rating-active-color: #4856cb; - --gse-ui-rating-hover-color: #3742a2; - --gse-ui-rating-disabled-color: #767c8d; + --gse-ui-rating-default-color: #a3a8b5; + --gse-ui-rating-active-color: #2143a2; + --gse-ui-rating-hover-color: #19327a; + --gse-ui-rating-disabled-color: #a3a8b5; --gse-ui-rating-disabled-opacity: 0.5; --gse-ui-rating-size: 16px; --gse-ui-rating-star-gap: 8px; @@ -292,7 +271,7 @@ --gse-ui-breadcrumbs-secondary-separator-typography-fontWeight: 700; --gse-ui-breadcrumbs-secondary-separator-typography-fontSize: 14px; --gse-ui-breadcrumbs-secondary-separator-typography-lineHeight: 20px; - --gse-ui-breadcrumbs-separator-color: #c6c8ce; + --gse-ui-breadcrumbs-separator-color: #c1c6d4; --gse-ui-breadcrumbs-borderRadius: 0; --gse-ui-segmentedControl-button-padding: 0 12px; --gse-ui-segmentedControl-button-gap: 8px; @@ -301,19 +280,19 @@ --gse-ui-segmentedControl-button-end-borderRadius: 0 4px 4px 0; --gse-ui-segmentedControl-button-disabled-opacity: 0.5; --gse-ui-segmentedControl-button-disabled-backgroundColor: rgba(0, 0, 0, 0); - --gse-ui-segmentedControl-button-disabled-foregroundColor: #4856cb; + --gse-ui-segmentedControl-button-disabled-foregroundColor: #2143a2; --gse-ui-segmentedControl-button-default-backgroundColor: rgba(0, 0, 0, 0); - --gse-ui-segmentedControl-button-default-foregroundColor: #4856cb; - --gse-ui-segmentedControl-button-hover-backgroundColor: #dee1fd; - --gse-ui-segmentedControl-button-hover-foregroundColor: #3742a2; - --gse-ui-segmentedControl-button-active-backgroundColor: #4856cb; + --gse-ui-segmentedControl-button-default-foregroundColor: #2143a2; + --gse-ui-segmentedControl-button-hover-backgroundColor: #d5def7; + --gse-ui-segmentedControl-button-hover-foregroundColor: #19327a; + --gse-ui-segmentedControl-button-active-backgroundColor: #2143a2; --gse-ui-segmentedControl-button-active-foregroundColor: #ffffff; --gse-ui-segmentedControl-borderRadius: 4px; --gse-ui-segmentedControl-height: 32px; - --gse-ui-segmentedControl-border-color: #4856cb; + --gse-ui-segmentedControl-border-color: #2143a2; --gse-ui-segmentedControl-border-width: 1px; --gse-ui-segmentedControl-border-style: solid; - --gse-ui-segmentedControl-divider-color: #4856cb; + --gse-ui-segmentedControl-divider-color: #2143a2; --gse-ui-segmentedControl-divider-width: 1px; --gse-ui-segmentedControl-divider-style: solid; --gse-ui-segmentedControl-iconOnly-padding: 0 8px; @@ -326,7 +305,7 @@ --gse-ui-formFooter-page-mobile-topPadding: 16px; --gse-ui-formFooter-page-mobile-horizontalPadding: 16px; --gse-ui-formFooter-page-mobile-gap: 16px; - --gse-ui-formFooter-separator-color: #c6c8ce; + --gse-ui-formFooter-separator-color: #c1c6d4; --gse-ui-formFooter-separator-width: 1px; --gse-ui-formFooter-separator-style: solid; --gse-ui-formFooter-sideSheet-desktop-bottomPadding: 16px; @@ -338,11 +317,11 @@ --gse-ui-formFooter-modal-desktop-horizontalPadding: 32px; --gse-ui-formFooter-modal-desktop-gap: 16px; --gse-ui-formFooter-backgroundColor: #ffffff; - --gse-ui-formFooter-border-color: #3742a2; + --gse-ui-formFooter-border-color: #19327a; --gse-ui-formFooter-border-width: 1px; --gse-ui-formFooter-border-style: solid; - --gse-ui-copyToClipboard-label-active-backgroundColor: #ced2fc; - --gse-ui-copyToClipboard-label-foregroundColor: #1b2c48; + --gse-ui-copyToClipboard-label-active-backgroundColor: #adbff0; + --gse-ui-copyToClipboard-label-foregroundColor: #2a2a2e; --gse-ui-copyToClipboard-label-padding: 2px 4px; --gse-ui-copyToClipboard-label-borderRadius: 4px; --gse-ui-copyToClipboard-label-text-fontFamily: 'Noto Sans'; @@ -353,9 +332,9 @@ --gse-ui-copyToClipboard-gap: 8px; --gse-ui-copyToClipboard-contentContainer-gap: 4px; --gse-ui-copyToClipboard-iconContainer-padding: 4px; - --gse-ui-copyToClipboard-tooltipIcon-success-foregroundColor: #09b581; - --gse-ui-copyToClipboard-tooltipIcon-error-foregroundColor: #e22245; - --gse-ui-dismissButton-foregroundColor: #3e5374; + --gse-ui-copyToClipboard-tooltipIcon-success-foregroundColor: #079167; + --gse-ui-copyToClipboard-tooltipIcon-error-foregroundColor: #b51b37; + --gse-ui-dismissButton-foregroundColor: #4f5157; --gse-ui-button-default-height: 32px; --gse-ui-button-default-padding: 0 12px; --gse-ui-button-default-paddingIconOnly: 8px; @@ -369,33 +348,33 @@ --gse-ui-button-compact-padding: 0 12px; --gse-ui-button-compact-paddingIconOnly: 4px; --gse-ui-button-gap: 8px; - --gse-ui-button-primary-default-backgroundColor: #4856cb; + --gse-ui-button-primary-default-backgroundColor: #2143a2; --gse-ui-button-primary-default-foregroundColor: #ffffff; - --gse-ui-button-primary-hover-backgroundColor: #3742a2; + --gse-ui-button-primary-hover-backgroundColor: #19327a; --gse-ui-button-primary-hover-foregroundColor: #ffffff; - --gse-ui-button-primary-active-backgroundColor: #252e78; + --gse-ui-button-primary-active-backgroundColor: #102251; --gse-ui-button-primary-active-foregroundColor: #ffffff; - --gse-ui-button-secondary-default-backgroundColor: #eff0fe; - --gse-ui-button-secondary-default-foregroundColor: #4856cb; - --gse-ui-button-secondary-hover-backgroundColor: #dee1fd; - --gse-ui-button-secondary-hover-foregroundColor: #3742a2; - --gse-ui-button-secondary-active-backgroundColor: #ced2fc; - --gse-ui-button-secondary-active-foregroundColor: #252e78; + --gse-ui-button-secondary-default-backgroundColor: #eff3ff; + --gse-ui-button-secondary-default-foregroundColor: #2143a2; + --gse-ui-button-secondary-hover-backgroundColor: #d5def7; + --gse-ui-button-secondary-hover-foregroundColor: #19327a; + --gse-ui-button-secondary-active-backgroundColor: #adbff0; + --gse-ui-button-secondary-active-foregroundColor: #102251; --gse-ui-button-tertiary-default-backgroundColor: rgba(0, 0, 0, 0); - --gse-ui-button-tertiary-default-foregroundColor: #4856cb; - --gse-ui-button-tertiary-default-border-color: #4856cb; + --gse-ui-button-tertiary-default-foregroundColor: #2143a2; + --gse-ui-button-tertiary-default-border-color: #2143a2; --gse-ui-button-tertiary-default-border-width: 1px; --gse-ui-button-tertiary-default-border-style: solid; - --gse-ui-button-tertiary-hover-backgroundColor: #3742a2; + --gse-ui-button-tertiary-hover-backgroundColor: #19327a; --gse-ui-button-tertiary-hover-foregroundColor: #ffffff; - --gse-ui-button-tertiary-active-backgroundColor: #252e78; + --gse-ui-button-tertiary-active-backgroundColor: #102251; --gse-ui-button-tertiary-active-foregroundColor: #ffffff; --gse-ui-button-ghost-default-backgroundColor: rgba(0, 0, 0, 0); - --gse-ui-button-ghost-default-foregroundColor: #4856cb; - --gse-ui-button-ghost-hover-backgroundColor: #dee1fd; - --gse-ui-button-ghost-hover-foregroundColor: #3742a2; - --gse-ui-button-ghost-active-backgroundColor: #ced2fc; - --gse-ui-button-ghost-active-foregroundColor: #252e78; + --gse-ui-button-ghost-default-foregroundColor: #2143a2; + --gse-ui-button-ghost-hover-backgroundColor: #d5def7; + --gse-ui-button-ghost-hover-foregroundColor: #19327a; + --gse-ui-button-ghost-active-backgroundColor: #adbff0; + --gse-ui-button-ghost-active-foregroundColor: #102251; --gse-ui-button-danger-default-backgroundColor: #e22245; --gse-ui-button-danger-default-foregroundColor: #ffffff; --gse-ui-button-danger-hover-backgroundColor: #881429; @@ -419,7 +398,7 @@ --gse-ui-actionButton-leftSegment-focusBorderRadius: 16px 0 0 16px; --gse-ui-actionButton-leftSegment-borderRadius: 4px 0 0 4px; --gse-ui-actionButton-borderRadius: 4px; - --gse-ui-actionButton-tertiary-divider-color: #4856cb; + --gse-ui-actionButton-tertiary-divider-color: #2143a2; --gse-ui-actionButton-tertiary-divider-width: 2px; --gse-ui-actionButton-tertiary-divider-style: solid; --gse-ui-actionButton-primary-divider-color: #ffffff; @@ -465,20 +444,20 @@ --gse-ui-links-inLine-small-underlinedText-textDecoration: underline; --gse-ui-links-inLine-padding: 4px; --gse-ui-links-icon: 16px; - --gse-ui-links-default-foregroundColor: #4856cb; - --gse-ui-links-disabled-foregroundColor: #4856cb; - --gse-ui-links-hover-foregroundColor: #3742a2; - --gse-ui-links-active-foregroundColor: #252e78; - --gse-ui-links-visited-foregroundColor: #8a5ecc; + --gse-ui-links-default-foregroundColor: #2143a2; + --gse-ui-links-disabled-foregroundColor: #2143a2; + --gse-ui-links-hover-foregroundColor: #19327a; + --gse-ui-links-active-foregroundColor: #102251; + --gse-ui-links-visited-foregroundColor: #3d538f; --gse-ui-links-borderRadius: 0; - --gse-ui-radioButton-icon-default-unselectedForegroundColor: #767c8d; - --gse-ui-radioButton-icon-default-selectedForegroundColor: #4856cb; - --gse-ui-radioButton-icon-hover-foregroundColor: #3742a2; - --gse-ui-radioButton-icon-active-foregroundColor: #252e78; - --gse-ui-radioButton-icon-error-foregroundColor: #e22245; + --gse-ui-radioButton-icon-default-unselectedForegroundColor: #a3a8b5; + --gse-ui-radioButton-icon-default-selectedForegroundColor: #2143a2; + --gse-ui-radioButton-icon-hover-foregroundColor: #19327a; + --gse-ui-radioButton-icon-active-foregroundColor: #102251; + --gse-ui-radioButton-icon-error-foregroundColor: #b51b37; --gse-ui-radioButton-icon-height: 16px; --gse-ui-radioButton-icon-width: 16px; - --gse-ui-radioButton-label-foregroundColor: #1b2c48; + --gse-ui-radioButton-label-foregroundColor: #2a2a2e; --gse-ui-radioButton-label-text-fontFamily: 'Noto Sans'; --gse-ui-radioButton-label-text-fontWeight: 400; --gse-ui-radioButton-label-text-fontSize: 12px; @@ -487,19 +466,19 @@ --gse-ui-radioButton-helper-padding: 4px 0 0 24px; --gse-ui-radioButton-helper-gap: 8px; --gse-ui-radioButton-disabled-opacity: 0.5; - --gse-ui-radioButton-focus-border-color: #7b88f7; + --gse-ui-radioButton-focus-border-color: #5476d5; --gse-ui-radioButton-focus-border-width: 2px; --gse-ui-radioButton-focus-border-style: solid; --gse-ui-radioButton-focus-borderRadius: 100%; --gse-ui-radioButton-focus-offset: 1px; - --gse-ui-checkbox-icon-default-unselectedForegroundColor: #767c8d; - --gse-ui-checkbox-icon-default-selectedForegroundColor: #4856cb; - --gse-ui-checkbox-icon-hover-foregroundColor: #3742a2; - --gse-ui-checkbox-icon-active-foregroundColor: #252e78; - --gse-ui-checkbox-icon-error-foregroundColor: #e22245; + --gse-ui-checkbox-icon-default-unselectedForegroundColor: #a3a8b5; + --gse-ui-checkbox-icon-default-selectedForegroundColor: #2143a2; + --gse-ui-checkbox-icon-hover-foregroundColor: #19327a; + --gse-ui-checkbox-icon-active-foregroundColor: #102251; + --gse-ui-checkbox-icon-error-foregroundColor: #b51b37; --gse-ui-checkbox-icon-height: 16px; --gse-ui-checkbox-icon-width: 16px; - --gse-ui-checkbox-label-foregroundColor: #1b2c48; + --gse-ui-checkbox-label-foregroundColor: #2a2a2e; --gse-ui-checkbox-label-text-fontFamily: 'Noto Sans'; --gse-ui-checkbox-label-text-fontWeight: 400; --gse-ui-checkbox-label-text-fontSize: 12px; @@ -508,7 +487,7 @@ --gse-ui-checkbox-helper-gap: 8px; --gse-ui-checkbox-gap: 8px; --gse-ui-checkbox-disabled-opacity: 0.5; - --gse-ui-checkbox-focus-border-color: #7b88f7; + --gse-ui-checkbox-focus-border-color: #5476d5; --gse-ui-checkbox-focus-border-width: 2px; --gse-ui-checkbox-focus-border-style: solid; --gse-ui-checkbox-focus-borderRadius: 4px; @@ -528,34 +507,34 @@ --gse-ui-menu-option-label-active-text-fontWeight: 700; --gse-ui-menu-option-label-active-text-fontSize: 12px; --gse-ui-menu-option-label-active-text-lineHeight: 18px; - --gse-ui-menu-option-label-foregroundColor: #1b2c48; + --gse-ui-menu-option-label-foregroundColor: #2a2a2e; --gse-ui-menu-option-shortcut-text-fontFamily: 'Noto Sans'; --gse-ui-menu-option-shortcut-text-fontWeight: 400; --gse-ui-menu-option-shortcut-text-fontSize: 14px; --gse-ui-menu-option-shortcut-text-lineHeight: 20px; - --gse-ui-menu-option-shortcut-default-foregroundColor: #626e84; - --gse-ui-menu-option-shortcut-selected-foregroundColor: #1b2c48; - --gse-ui-menu-option-hover-backgroundColor: #eff0fe; - --gse-ui-menu-option-selected-backgroundColor: #ced2fc; + --gse-ui-menu-option-shortcut-default-foregroundColor: #6a6d75; + --gse-ui-menu-option-shortcut-selected-foregroundColor: #2a2a2e; + --gse-ui-menu-option-hover-backgroundColor: #eff3ff; + --gse-ui-menu-option-selected-backgroundColor: #adbff0; --gse-ui-menu-option-disabled-opacity: 0.5; - --gse-ui-menu-option-checkbox-unchecked-default-foregroundColor: #767c8d; - --gse-ui-menu-option-checkbox-unchecked-hover-foregroundColor: #3742a2; - --gse-ui-menu-option-checkbox-unchecked-selected-foregroundColor: #252e78; - --gse-ui-menu-option-checkbox-checked-default-foregroundColor: #4856cb; - --gse-ui-menu-option-checkbox-checked-hover-foregroundColor: #3742a2; - --gse-ui-menu-option-checkbox-checked-selected-foregroundColor: #252e78; + --gse-ui-menu-option-checkbox-unchecked-default-foregroundColor: #a3a8b5; + --gse-ui-menu-option-checkbox-unchecked-hover-foregroundColor: #19327a; + --gse-ui-menu-option-checkbox-unchecked-selected-foregroundColor: #102251; + --gse-ui-menu-option-checkbox-checked-default-foregroundColor: #2143a2; + --gse-ui-menu-option-checkbox-checked-hover-foregroundColor: #19327a; + --gse-ui-menu-option-checkbox-checked-selected-foregroundColor: #102251; --gse-ui-menu-option-parentIcon-width: 16px; --gse-ui-menu-option-parentIcon-height: 16px; - --gse-ui-menu-option-parentIcon-default-foregroundColor: #3e5374; - --gse-ui-menu-option-parentIcon-hover-foregroundColor: #23395d; - --gse-ui-menu-option-parentIcon-selected-foregroundColor: #1b2c48; - --gse-ui-menu-option-focus-border-color: #7b88f7; + --gse-ui-menu-option-parentIcon-default-foregroundColor: #4f5157; + --gse-ui-menu-option-parentIcon-hover-foregroundColor: #3e4044; + --gse-ui-menu-option-parentIcon-selected-foregroundColor: #2a2a2e; + --gse-ui-menu-option-focus-border-color: #5476d5; --gse-ui-menu-option-focus-border-width: 1px; --gse-ui-menu-option-focus-border-style: solid; --gse-ui-menu-option-default-backgroundColor: #ffffff; --gse-ui-menu-maxHeight: 344px; --gse-ui-menu-borderRadius: 4px; - --gse-ui-menu-border-color: #c6c8ce; + --gse-ui-menu-border-color: #c1c6d4; --gse-ui-menu-border-width: 1px; --gse-ui-menu-border-style: solid; --gse-ui-menu-boxShadow-blur: 4px; @@ -566,33 +545,33 @@ --gse-ui-menu-boxShadow-offsetY: 0; --gse-ui-menu-padding: 8px 1px; --gse-ui-menu-backgroundColor: #ffffff; - --gse-ui-menu-scrollbar-foregroundColor: #3e5374; - --gse-ui-menu-divider-backgroundColor: #c6c8ce; + --gse-ui-menu-scrollbar-foregroundColor: #4f5157; + --gse-ui-menu-divider-backgroundColor: #c1c6d4; --gse-ui-menu-divider-margin: 4px 0 8px 0; --gse-ui-menu-divider-height: 1px; --gse-ui-menu-groupedMenu-title-padding: 8px 12px 4px; --gse-ui-menu-groupedMenu-title-height: 32px; - --gse-ui-menu-groupedMenu-title-foregroundColor: #626e84; + --gse-ui-menu-groupedMenu-title-foregroundColor: #6a6d75; --gse-ui-menu-groupedMenu-title-text-fontFamily: Urbanist; --gse-ui-menu-groupedMenu-title-text-fontWeight: 600; --gse-ui-menu-groupedMenu-title-text-fontSize: 12px; --gse-ui-menu-groupedMenu-title-text-lineHeight: 16px; --gse-ui-menu-groupedMenu-title-text-textCase: uppercase; --gse-ui-menu-groupedMenu-title-text-letterSpacing: 1px; - --gse-ui-menu-groupedMenu-padding: 8px 2px; + --gse-ui-menu-groupedMenu-padding: 8px 1px; --gse-ui-menu-groupedMenu-divider-padding: 4px 0px 8px; --gse-ui-menu-groupedMenu-divider-height: 13px; - --gse-ui-menu-groupedMenu-subtext-foregroundColor: #626e84; + --gse-ui-menu-groupedMenu-subtext-foregroundColor: #6a6d75; --gse-ui-dropdown-menu-emptyState-header-text-fontFamily: Roboto; --gse-ui-dropdown-menu-emptyState-header-text-fontWeight: 700; --gse-ui-dropdown-menu-emptyState-header-text-lineHeight: 18px; --gse-ui-dropdown-menu-emptyState-header-text-fontSize: 12px; - --gse-ui-dropdown-menu-emptyState-header-foregroundColor: #23395d; + --gse-ui-dropdown-menu-emptyState-header-foregroundColor: #2a2a2e; --gse-ui-dropdown-menu-emptyState-subheader-text-fontFamily: Roboto; --gse-ui-dropdown-menu-emptyState-subheader-text-fontWeight: 400; --gse-ui-dropdown-menu-emptyState-subheader-text-lineHeight: 18px; --gse-ui-dropdown-menu-emptyState-subheader-text-fontSize: 12px; - --gse-ui-dropdown-menu-emptyState-subheader-foregroundColor: #626e84; + --gse-ui-dropdown-menu-emptyState-subheader-foregroundColor: #4f5157; --gse-ui-dropdown-gap: 4px; --gse-ui-calendarMenu-day-range-width: 16px; --gse-ui-calendarMenu-day-range-height: 32px; @@ -605,7 +584,7 @@ --gse-ui-calendarMenu-day-date-size: 32px; --gse-ui-calendarMenu-height: 234px; --gse-ui-calendarMenu-width: 250px; - --gse-ui-calendarMenu-month-default-foregroundColor: #1b2c48; + --gse-ui-calendarMenu-month-default-foregroundColor: #2a2a2e; --gse-ui-calendarMenu-month-single-header-textWidth: 154px; --gse-ui-calendarMenu-month-single-header-width: 218px; --gse-ui-calendarMenu-month-single-header-height: 48px; @@ -629,12 +608,12 @@ --gse-ui-calendarMenu-month-borderRadius: 16px; --gse-ui-calendarMenu-month-calendarButton-focusBorderRadius: 4px; --gse-ui-calendarMenu-month-selected-foregroundColor: #ffffff; - --gse-ui-calendarMenu-month-selected-backgroundColor: #4856cb; - --gse-ui-calendarMenu-month-selected-hoverBackgroundColor: #3742a2; - --gse-ui-calendarMenu-month-hover-backgroundColor: #eff0fe; + --gse-ui-calendarMenu-month-selected-backgroundColor: #2143a2; + --gse-ui-calendarMenu-month-selected-hoverBackgroundColor: #19327a; + --gse-ui-calendarMenu-month-hover-backgroundColor: #eff3ff; --gse-ui-calendarMenu-dateBody-padding: 16px 24px; --gse-ui-calendarMenu-dateBody-gap: 8px; - --gse-ui-calendarMenu-header-backgroundColor: #4856cb; + --gse-ui-calendarMenu-header-backgroundColor: #2143a2; --gse-ui-calendarMenu-header-foregroundColor: #ffffff; --gse-ui-calendarMenu-header-gap: 8px; --gse-ui-calendarMenu-header-padding: 12px 16px; @@ -649,11 +628,11 @@ --gse-ui-calendarMenu-date-currentText-fontSize: 12px; --gse-ui-calendarMenu-date-currentText-lineHeight: 18px; --gse-ui-calendarMenu-date-selected-foregroundColor: #ffffff; - --gse-ui-calendarMenu-date-selected-backgroundColor: #4856cb; - --gse-ui-calendarMenu-date-selected-hoverBackgroundColor: #3742a2; - --gse-ui-calendarMenu-date-hover-backgroundColor: #eff0fe; - --gse-ui-calendarMenu-date-range-backgroundColor: #dee1fd; - --gse-ui-calendarMenu-date-default-foregroundColor: #1b2c48; + --gse-ui-calendarMenu-date-selected-backgroundColor: #2143a2; + --gse-ui-calendarMenu-date-selected-hoverBackgroundColor: #19327a; + --gse-ui-calendarMenu-date-hover-backgroundColor: #eff3ff; + --gse-ui-calendarMenu-date-range-backgroundColor: #d5def7; + --gse-ui-calendarMenu-date-default-foregroundColor: #2a2a2e; --gse-ui-calendarMenu-single-header-borderRadius: 8px 8px 0 0; --gse-ui-calendarMenu-single-body-borderRadius: 0 0 8px 8px; --gse-ui-calendarMenu-range-header-firstMonth-borderRadius: 8px 0 0 0; @@ -674,11 +653,11 @@ --gse-ui-datePicker-range-gap: 24px; --gse-ui-datePicker-startEndInput-gap: 8px; --gse-ui-datePicker-dateTyped-gap: 10px; - --gse-ui-datePicker-dateTyped-backgroundColor: #dee1fd; + --gse-ui-datePicker-dateTyped-backgroundColor: #eff3ff; --gse-ui-datePicker-disabled-opacity: 0.5; --gse-ui-datePicker-focusCalendar-gap: 2px; - --gse-ui-datePicker-iconHover: #3742a2; - --gse-ui-datePicker-iconFocus: #3742a2; + --gse-ui-datePicker-iconHover: #3e4044; + --gse-ui-datePicker-iconFocus: #2a2a2e; --gse-ui-toggle-label-fontFamily: 'Noto Sans'; --gse-ui-toggle-label-fontWeight: 400; --gse-ui-toggle-label-fontSize: 12px; @@ -687,66 +666,66 @@ --gse-ui-toggle-padding: 8px; --gse-ui-toggle-track-width: 32px; --gse-ui-toggle-track-height: 16px; - --gse-ui-toggle-track-enabled-off-backgroundColor: #c6c8ce; - --gse-ui-toggle-track-enabled-on-backgroundColor: #4856cb; - --gse-ui-toggle-track-disabled-off-backgroundColor: #c6c8ce; - --gse-ui-toggle-track-disabled-on-backgroundColor: #4856cb; + --gse-ui-toggle-track-enabled-off-backgroundColor: #c1c6d4; + --gse-ui-toggle-track-enabled-on-backgroundColor: #2143a2; + --gse-ui-toggle-track-disabled-off-backgroundColor: #c1c6d4; + --gse-ui-toggle-track-disabled-on-backgroundColor: #2143a2; --gse-ui-toggle-track-error-off-backgroundColor: #f3a7b5; - --gse-ui-toggle-track-error-on-backgroundColor: #e22245; - --gse-ui-toggle-track-hover-off-backgroundColor: #eff0fe; - --gse-ui-toggle-track-hover-on-backgroundColor: #3742a2; + --gse-ui-toggle-track-error-on-backgroundColor: #b51b37; + --gse-ui-toggle-track-hover-off-backgroundColor: #eff3ff; + --gse-ui-toggle-track-hover-on-backgroundColor: #19327a; --gse-ui-toggle-track-borderRadius: 100%; --gse-ui-toggle-handle-width: 16px; --gse-ui-toggle-handle-height: 16px; --gse-ui-toggle-handle-hover-border-width: 2px; --gse-ui-toggle-handle-hover-border-style: solid; - --gse-ui-toggle-handle-hover-border-color: #7b88f7; + --gse-ui-toggle-handle-hover-border-color: #5476d5; --gse-ui-toggle-handle-enabled-border-width: 2px; - --gse-ui-toggle-handle-enabled-border-color: #4856cb; + --gse-ui-toggle-handle-enabled-border-color: #2143a2; --gse-ui-toggle-handle-enabled-border-style: solid; --gse-ui-toggle-handle-disabled-border-width: 2px; - --gse-ui-toggle-handle-disabled-border-color: #4856cb; + --gse-ui-toggle-handle-disabled-border-color: #2143a2; --gse-ui-toggle-handle-disabled-border-style: solid; --gse-ui-toggle-handle-error-border-color: #e22245; --gse-ui-toggle-handle-error-border-width: 2px; --gse-ui-toggle-handle-error-border-style: solid; --gse-ui-toggle-handle-backgroundColor: #ffffff; - --gse-ui-toggle-handle-foregroundColor: #4856cb; + --gse-ui-toggle-handle-foregroundColor: #2143a2; --gse-ui-toggle-handle-borderRadius: 16px; --gse-ui-toggle-disabled-opacity: 0.5; - --gse-ui-toggle-focus-border-color: #7b88f7; + --gse-ui-toggle-focus-border-color: #5476d5; --gse-ui-toggle-focus-border-width: 2px; --gse-ui-toggle-focus-border-style: solid; --gse-ui-toggle-focus-borderRadius: 100%; --gse-ui-toggle-focus-offset: 1px; --gse-ui-timePicker-clock-padding: 2px; - --gse-ui-timePicker-clockStates-defaultColor: #3e5374; - --gse-ui-timePicker-clockStates-hoverColor: #23395d; - --gse-ui-timePicker-clockStates-activeColor: #1b2c48; - --gse-ui-timePicker-clockStates-disabledColor: #3e537480; - --gse-ui-timePicker-focusClock-border-color: #7b88f7; + --gse-ui-timePicker-clockStates-defaultColor: #4f5157; + --gse-ui-timePicker-clockStates-hoverColor: #3e4044; + --gse-ui-timePicker-clockStates-activeColor: #2a2a2e; + --gse-ui-timePicker-clockStates-disabledColor: #4f515780; + --gse-ui-timePicker-focusClock-border-color: #5476d5; --gse-ui-timePicker-focusClock-border-width: 2px; --gse-ui-timePicker-focusClock-border-style: solid; --gse-ui-timePicker-focusClock-borderRadius: 4px; - --gse-ui-timePicker-focusAmpm-border-color: #7b88f7; + --gse-ui-timePicker-focusAmpm-border-color: #5476d5; --gse-ui-timePicker-focusAmpm-border-width: 2px; --gse-ui-timePicker-focusAmpm-border-style: solid; --gse-ui-timePicker-focusAmpm-borderRadius: 4px; - --gse-ui-timePicker-focusTime-border-color: #7b88f7; + --gse-ui-timePicker-focusTime-border-color: #5476d5; --gse-ui-timePicker-focusTime-border-width: 2px; --gse-ui-timePicker-focusTime-border-style: solid; --gse-ui-timePicker-focusTime-borderRadius: 4px; --gse-ui-timePicker-ampm-padding: 2px; - --gse-ui-colorPicker-label-requiredSymbolColor: #e22245; - --gse-ui-colorPicker-label-textColor: #1b2c48; + --gse-ui-colorPicker-label-requiredSymbolColor: #b51b37; + --gse-ui-colorPicker-label-textColor: #2a2a2e; --gse-ui-colorPicker-label-text-fontFamily: 'Noto Sans'; --gse-ui-colorPicker-label-text-fontWeight: 400; --gse-ui-colorPicker-label-text-fontSize: 12px; --gse-ui-colorPicker-label-text-lineHeight: 18px; --gse-ui-colorPicker-inputContainer-backgroundColor: #ffffff; - --gse-ui-colorPicker-inputContainer-border-defaultColor: #a3a7b0; - --gse-ui-colorPicker-inputContainer-border-hoverColor: #3742a2; - --gse-ui-colorPicker-inputContainer-border-activeColor: #252e78; + --gse-ui-colorPicker-inputContainer-border-defaultColor: #a3a8b5; + --gse-ui-colorPicker-inputContainer-border-hoverColor: #19327a; + --gse-ui-colorPicker-inputContainer-border-activeColor: #102251; --gse-ui-colorPicker-inputContainer-border-errorColor: #e22245; --gse-ui-colorPicker-input-containerSizing: 32px; --gse-ui-colorPicker-input-swatchSizing: 24px; @@ -754,19 +733,19 @@ --gse-ui-colorPicker-gap: 8px; --gse-ui-slider-handle-width: 20px; --gse-ui-slider-handle-height: 20px; - --gse-ui-slider-handle-default-backgroundColor: #4856cb; - --gse-ui-slider-handle-hover-backgroundColor: #3742a2; - --gse-ui-slider-handle-active-backgroundColor: #252e78; - --gse-ui-slider-handle-disabled-backgroundColor: #4856cb; + --gse-ui-slider-handle-default-backgroundColor: #2143a2; + --gse-ui-slider-handle-hover-backgroundColor: #19327a; + --gse-ui-slider-handle-active-backgroundColor: #102251; + --gse-ui-slider-handle-disabled-backgroundColor: #2143a2; --gse-ui-slider-handle-borderRadius: 100%; --gse-ui-slider-disabled-opacity: 0.5; --gse-ui-slider-label-text-fontFamily: 'Noto Sans'; --gse-ui-slider-label-text-fontWeight: 600; --gse-ui-slider-label-text-fontSize: 14px; --gse-ui-slider-label-text-lineHeight: 20px; - --gse-ui-slider-label-foregroundColor: #1b2c48; - --gse-ui-slider-bar-selected-backgroundColor: #4856cb; - --gse-ui-slider-bar-default-backgroundColor: #c6c8ce; + --gse-ui-slider-label-foregroundColor: #2a2a2e; + --gse-ui-slider-bar-selected-backgroundColor: #2143a2; + --gse-ui-slider-bar-default-backgroundColor: #c1c6d4; --gse-ui-slider-bar-height: 4px; --gse-ui-slider-gap: 16px; --gse-ui-slider-focusRing-borderRadius: 100%; @@ -779,9 +758,9 @@ --gse-ui-flyoutMenu-parenting-gap: 8px; --gse-ui-flyoutMenu-backgroundColor: #ffffff; --gse-ui-flyoutMenu-arrow-borderRadius: 4px; - --gse-ui-phoneInput-dropdown-hover-backgroundColor: #eff0fe; - --gse-ui-phoneInput-dropdown-active-backgroundColor: #ced2fc; - --gse-ui-phoneInput-dropdown-foregroundColor: #626e84; + --gse-ui-phoneInput-dropdown-hover-backgroundColor: #eff3ff; + --gse-ui-phoneInput-dropdown-active-backgroundColor: #adbff0; + --gse-ui-phoneInput-dropdown-foregroundColor: #6a6d75; --gse-ui-phoneInput-dropdown-flag-height: 12px; --gse-ui-phoneInput-dropdown-flag-width: 16px; --gse-ui-phoneInput-dropdown-height: 32px; @@ -791,31 +770,31 @@ --gse-ui-phoneInput-dropdown-padding: 0 8px 0 12px; --gse-ui-phoneInput-dropdown-disabled-padding: 0 4px 0 12px; --gse-ui-phoneInput-dropdown-gap: 4px; - --gse-ui-phoneInput-countryCode-foregroundColor: #626e84; + --gse-ui-phoneInput-countryCode-foregroundColor: #2a2a2e; --gse-ui-phoneInput-minWidth: 230px; --gse-ui-contextMenu-button-default: 32px; --gse-ui-contextMenu-button-compact: 24px; --gse-ui-contextMenu-borderRadius: 4px; --gse-ui-contextMenu-menu-maxHeight: 344px; --gse-ui-contextMenu-menu-width: 220px; - --gse-ui-monthPicker-calendarStates-defaultColor: #3e5374; - --gse-ui-monthPicker-calendarStates-hoverColor: #23395d; - --gse-ui-monthPicker-calendarStates-activeColor: #1b2c48; - --gse-ui-monthPicker-calendarStates-disabledColor: #3e537480; - --gse-ui-monthPicker-calendarStates-focus-border-color: #7b88f7; + --gse-ui-monthPicker-calendarStates-defaultColor: #4f5157; + --gse-ui-monthPicker-calendarStates-hoverColor: #3e4044; + --gse-ui-monthPicker-calendarStates-activeColor: #2a2a2e; + --gse-ui-monthPicker-calendarStates-disabledColor: #4f515780; + --gse-ui-monthPicker-calendarStates-focus-border-color: #5476d5; --gse-ui-monthPicker-calendarStates-focus-border-width: 2px; --gse-ui-monthPicker-calendarStates-focus-border-style: solid; - --gse-ui-selectorCard-ilustrativeIcon-foregroundColor: #3e5374; - --gse-ui-selectorCard-text-foregroundColor: #1b2c48; + --gse-ui-selectorCard-ilustrativeIcon-foregroundColor: #4f5157; + --gse-ui-selectorCard-text-foregroundColor: #2a2a2e; --gse-ui-selectorCard-default-backgroundColor: #ffffff; - --gse-ui-selectorCard-default-selectedIndicator-selected-foregroundColor: #4856cb; - --gse-ui-selectorCard-default-selectedIndicator-unselected-foregroundColor: #767c8d; - --gse-ui-selectorCard-hover-backgroundColor: #eff0fe; - --gse-ui-selectorCard-hover-selectedIndicator-foregroundColor: #3742a2; - --gse-ui-selectorCard-active-backgroundColor: #ced2fc; - --gse-ui-selectorCard-active-selectedIndicator-foregroundColor: #252e78; + --gse-ui-selectorCard-default-selectedIndicator-selected-foregroundColor: #2143a2; + --gse-ui-selectorCard-default-selectedIndicator-unselected-foregroundColor: #a3a8b5; + --gse-ui-selectorCard-hover-backgroundColor: #eff3ff; + --gse-ui-selectorCard-hover-selectedIndicator-foregroundColor: #19327a; + --gse-ui-selectorCard-active-backgroundColor: #adbff0; + --gse-ui-selectorCard-active-selectedIndicator-foregroundColor: #102251; --gse-ui-selectorCard-error-backgroundColor: #f3a7b5; - --gse-ui-selectorCard-error-selectedIndicator-foregroundColor: #e22245; + --gse-ui-selectorCard-error-selectedIndicator-foregroundColor: #b51b37; --gse-ui-selectorCard-error-border-color: #e22245; --gse-ui-selectorCard-error-border-width: 1px; --gse-ui-selectorCard-error-border-style: solid; @@ -847,23 +826,23 @@ --gse-ui-selectorCard-descriptive-description-fontWeight: 400; --gse-ui-selectorCard-descriptive-description-fontSize: 12px; --gse-ui-selectorCard-descriptive-description-lineHeight: 18px; - --gse-ui-selectorCard-unselected-border-color: #c6c8ce; + --gse-ui-selectorCard-unselected-border-color: #c1c6d4; --gse-ui-selectorCard-unselected-border-width: 1px; --gse-ui-selectorCard-unselected-border-style: solid; - --gse-ui-selectorCard-selected-border-color: #3742a2; + --gse-ui-selectorCard-selected-border-color: #19327a; --gse-ui-selectorCard-selected-border-width: 1px; --gse-ui-selectorCard-selected-border-style: solid; --gse-ui-selectorCard-disabled-opacity: 0.5; --gse-ui-selectorCard-disabled-backgroundColor: #ffffff; - --gse-ui-selectorCard-disabled-selectedIndicator-selected-foregroundColor: #4856cb; - --gse-ui-selectorCard-disabled-selectedIndicator-unselected-foregroundColor: #767c8d; + --gse-ui-selectorCard-disabled-selectedIndicator-selected-foregroundColor: #2143a2; + --gse-ui-selectorCard-disabled-selectedIndicator-unselected-foregroundColor: #a3a8b5; --gse-ui-ctaGroup-gap: 8px; - --gse-ui-search-counter-default-foregroundColor: #626e84; - --gse-ui-search-counter-hover-foregroundColor: #3742a2; - --gse-ui-search-counter-divider-border-color: #a3a7b0; + --gse-ui-search-counter-default-foregroundColor: #6a6d75; + --gse-ui-search-counter-hover-foregroundColor: #19327a; + --gse-ui-search-counter-divider-border-color: #a3a8b5; --gse-ui-search-counter-divider-border-width: 1px; --gse-ui-search-counter-divider-border-style: solid; - --gse-ui-search-counter-divider-foregroundColor: #a3a7b0; + --gse-ui-search-counter-divider-foregroundColor: #a3a8b5; --gse-ui-search-counter-text-fontFamily: 'Noto Sans'; --gse-ui-search-counter-text-fontWeight: 400; --gse-ui-search-counter-text-fontSize: 12px; @@ -872,10 +851,10 @@ --gse-ui-search-counter-icon-height: 16px; --gse-ui-search-counter-icon-width: 16px; --gse-ui-search-width: 320px; - --gse-ui-search-match-firstLevel-backgroundColor: #b5e2e8; - --gse-ui-search-match-firstLevel-foregroundColour: #1b2c48; - --gse-ui-search-match-subsequentLevel-foregroundColour: #1b2c48; - --gse-ui-search-match-subsequentLevel-backgroundColor: #daf0f4; + --gse-ui-search-match-firstLevel-backgroundColor: #81cbe5; + --gse-ui-search-match-firstLevel-foregroundColour: #2a2a2e; + --gse-ui-search-match-subsequentLevel-foregroundColour: #2a2a2e; + --gse-ui-search-match-subsequentLevel-backgroundColor: #9fd6ea; --gse-ui-simpleFilter-gap: 16px; --gse-ui-dataTableItems-header-text-fontFamily: 'Noto Sans'; --gse-ui-dataTableItems-header-text-fontWeight: 700; @@ -889,11 +868,11 @@ --gse-ui-dataTableItems-header-multiselect-compact-width: 64px; --gse-ui-dataTableItems-header-multiselect-compact-selectedBar-height: 3px; --gse-ui-dataTableItems-header-multiselect-compact-selectedBar-width: 64px; - --gse-ui-dataTableItems-header-selectedIndicatorColor: #9ca6f9; + --gse-ui-dataTableItems-header-selectedIndicatorColor: #5476d5; --gse-ui-dataTableItems-header-defaultBackgroundColor: #ffffff; - --gse-ui-dataTableItems-header-fixedBackgroundColor: #dee1fd; - --gse-ui-dataTableItems-header-foregroundColor: #1b2c48; - --gse-ui-dataTableItems-header-sort-foregroundColor: #626e84; + --gse-ui-dataTableItems-header-fixedBackgroundColor: #d5def7; + --gse-ui-dataTableItems-header-foregroundColor: #2a2a2e; + --gse-ui-dataTableItems-header-sort-foregroundColor: #6a6d75; --gse-ui-dataTableItems-header-default-height: 40px; --gse-ui-dataTableItems-header-default-width: 229px; --gse-ui-dataTableItems-header-compact-height: 32px; @@ -902,16 +881,16 @@ --gse-ui-dataTableItems-header-gap: 8px; --gse-ui-dataTableItems-header-selectedBar-height: 3px; --gse-ui-dataTableItems-header-selectedBar-width: 229px; - --gse-ui-dataTableItems-divider-color: #e8ebf7; + --gse-ui-dataTableItems-divider-color: #cad1e1; --gse-ui-dataTableItems-divider-width: 1px; --gse-ui-dataTableItems-divider-style: solid; --gse-ui-dataTableItems-scrollbar-borderRadius: 45px; - --gse-ui-dataTableItems-scrollbar-foregroundColor: #626e84; - --gse-ui-dataTableItems-cell-altBackgroundColor: #f3f5fb; + --gse-ui-dataTableItems-scrollbar-foregroundColor: #6a6d75; + --gse-ui-dataTableItems-cell-altBackgroundColor: #ebedf5; --gse-ui-dataTableItems-cell-defaultBackgroundColor: #ffffff; - --gse-ui-dataTableItems-cell-hoverBackgroundColor: #dee1fd; - --gse-ui-dataTableItems-cell-foregroundColor: #1b2c48; - --gse-ui-dataTableItems-cell-chevron-foregroundColor: #626e84; + --gse-ui-dataTableItems-cell-hoverBackgroundColor: #d5def7; + --gse-ui-dataTableItems-cell-foregroundColor: #2a2a2e; + --gse-ui-dataTableItems-cell-chevron-foregroundColor: #6a6d75; --gse-ui-dataTableItems-cell-multiselect-default-height: 40px; --gse-ui-dataTableItems-cell-multiselect-compact-height: 32px; --gse-ui-dataTableItems-cell-multiselect-padding: 0 16px; @@ -926,7 +905,7 @@ --gse-ui-dataTableItems-cell-compact-width: 229px; --gse-ui-dataTableItems-cell-padding: 0 12px; --gse-ui-dataTableItems-cell-gap: 8px; - --gse-ui-dataTableItems-cell-icon-foregroundColor: #1b2c48; + --gse-ui-dataTableItems-cell-icon-foregroundColor: #2a2a2e; --gse-ui-dataTableItems-cell-text-fontFamily: 'Noto Sans'; --gse-ui-dataTableItems-cell-text-fontWeight: 400; --gse-ui-dataTableItems-cell-text-fontSize: 12px; @@ -938,19 +917,19 @@ --gse-ui-dataTableItems-cell-contextMenu-compact-height: 32px; --gse-ui-dataTableItems-cell-contextMenu-compact-width: 41px; --gse-ui-dataTableItems-editColumn-editColumnItem-gap: 8px; - --gse-ui-dataTableItems-editColumn-editColumnItem-foregroundColor: #3e5374; + --gse-ui-dataTableItems-editColumn-editColumnItem-foregroundColor: #4f5157; --gse-ui-dataTableItems-editColumn-editColumnItem-height: 18px; --gse-ui-dataTableItems-editColumn-editColumnContent-gap: 10px; --gse-ui-dataTableItems-editColumn-editColumnContent-padding: 8px 0; --gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap: 4px; --gse-ui-dataTableItems-tableToolbar-gap: 4px; - --gse-ui-dataTableItems-tableToolbar-dividerColor: #c6c8ce; + --gse-ui-dataTableItems-tableToolbar-dividerColor: #c1c6d4; --gse-ui-dataTableItems-tableToolbar-divider-width: 1px; --gse-ui-dataTableItems-tableToolbar-divider-height: 32px; --gse-ui-dataTableItems-tableToolbar-height: 32px; --gse-ui-dataTableItems-tablePagination-recordsetControls-gap: 10px; --gse-ui-dataTableItems-tablePagination-padding: 12px; - --gse-ui-dataTableItems-tablePagination-divider-color: #c6c8ce; + --gse-ui-dataTableItems-tablePagination-divider-color: #c1c6d4; --gse-ui-dataTableItems-tablePagination-divider-width: 1px; --gse-ui-dataTableItems-tablePagination-divider-style: solid; --gse-ui-dataTableItems-tablePagination-defaultText-fontFamily: 'Noto Sans'; @@ -962,7 +941,7 @@ --gse-ui-dataTableItems-tablePagination-currentResultText-fontSize: 12px; --gse-ui-dataTableItems-tablePagination-currentResultText-lineHeight: 18px; --gse-ui-dataTableItems-tablePagination-defaultBackgroundColor: #ffffff; - --gse-ui-dataTableItems-tablePagination-foregroundColor: #1b2c48; + --gse-ui-dataTableItems-tablePagination-foregroundColor: #2a2a2e; --gse-ui-dataTableItems-tablePagination-countDisplay-gap: 4px; --gse-ui-avatar-groupShapes-gap: -4px; --gse-ui-avatar-large-size: 96px; @@ -977,28 +956,28 @@ --gse-ui-avatar-large-ucIntegration-size: 32px; --gse-ui-avatar-presenceRing-available: linear-gradient( 135deg, - #09b581 0%, + #079167 0%, #9de1cd 100% ); --gse-ui-avatar-presenceRing-busy: linear-gradient( 135deg, - #e22245 0%, + #b51b37 0%, #f3a7b5 100% ); --gse-ui-avatar-presenceRing-away: linear-gradient( 135deg, - #f8c73e 0%, + #9a7b25 0%, #fce9b2 100% ); --gse-ui-avatar-presenceRing-onQueue: linear-gradient( 135deg, - #4856cb 0%, - #9ca6f9 100% + #2143a2 0%, + #829ce5 100% ); --gse-ui-avatar-presenceRing-offline: linear-gradient( 135deg, - #767c8d 0%, - #a3a7b0 100% + #848891 0%, + #848891 100% ); --gse-ui-avatar-presenceRing-outOfOffice: linear-gradient( 135deg, @@ -1037,33 +1016,33 @@ --gse-ui-avatar-badge-busy-icon-margin: 2px; --gse-ui-avatar-badge-away-color: #f8c73e; --gse-ui-avatar-badge-away-icon-margin: 2px; - --gse-ui-avatar-badge-onQueue-color: #4856cb; - --gse-ui-avatar-badge-offline-color: #626e84; + --gse-ui-avatar-badge-onQueue-color: #2143a2; + --gse-ui-avatar-badge-offline-color: #848891; --gse-ui-avatar-badge-outOfOffice: #b74ba4; - --gse-ui-avatar-badge-notification-color: #fe624d; + --gse-ui-avatar-badge-notification-color: #ff451a; --gse-ui-avatar-badge-foregroundDefault-color: #ffffff; - --gse-ui-avatar-badge-foregroundDark-color: #3e5374; + --gse-ui-avatar-badge-foregroundDark-color: #4f5157; --gse-ui-avatar-badge-notifications-icon-margin: 4px; --gse-ui-avatar-badge-queue-icon-margin: 4px; - --gse-ui-avatar-media-initialsBackground-default: #3e5374; - --gse-ui-avatar-media-initialsBackground-accent1: #626d97; - --gse-ui-avatar-media-initialsBackground-accent2: #90d3dd; - --gse-ui-avatar-media-initialsBackground-accent3: #0c6d7e; + --gse-ui-avatar-media-initialsBackground-default: #263b73; + --gse-ui-avatar-media-initialsBackground-accent1: #596ea6; + --gse-ui-avatar-media-initialsBackground-accent2: #81cbe5; + --gse-ui-avatar-media-initialsBackground-accent3: #056385; --gse-ui-avatar-media-initialsBackground-accent4: #467aae; --gse-ui-avatar-media-initialsBackground-accent5: #9ac1e8; - --gse-ui-avatar-media-initialsBackground-accent6: #d1d7ef; + --gse-ui-avatar-media-initialsBackground-accent6: #b2b7c4; --gse-ui-avatar-media-initialsBackground-accent7: #89387b; --gse-ui-avatar-media-initialsBackground-accent8: #ff5c77; --gse-ui-avatar-media-initialsBackground-accent9: #ff9dad; --gse-ui-avatar-media-initialsBackground-accent10: #ffc650; - --gse-ui-avatar-media-initialsBackground-accent11: #feb2ab; - --gse-ui-avatar-media-initialsBackground-accent12: #c44b3b; - --gse-ui-avatar-media-initialsBackground-overflowCount: #626e84; - --gse-ui-avatar-media-initialsBackground-add: #eff0fe; - --gse-ui-avatar-media-initialsForeground-default: #1b2c48; + --gse-ui-avatar-media-initialsBackground-accent11: #ffb5a3; + --gse-ui-avatar-media-initialsBackground-accent12: #992910; + --gse-ui-avatar-media-initialsBackground-overflowCount: #6a6d75; + --gse-ui-avatar-media-initialsBackground-add: #eff3ff; + --gse-ui-avatar-media-initialsForeground-default: #2a2a2e; --gse-ui-avatar-media-initialsForeground-inverse: #ffffff; - --gse-ui-avatar-media-initialsForeground-add: #4856cb; - --gse-ui-avatar-hoverModal-shroudColor: #3e5374cc; + --gse-ui-avatar-media-initialsForeground-add: #2143a2; + --gse-ui-avatar-hoverModal-shroudColor: #263b73cc; --gse-ui-avatar-hoverModal-foregroundColor: #ffffff; --gse-ui-avatar-hoverModal-opacity: 0.8; --gse-ui-avatar-content-borderRadius: 100%; @@ -1075,20 +1054,20 @@ --gse-ui-avatar-content-large-border-style: solid; --gse-ui-avatar-groupSet-gap: -2px; --gse-ui-avatar-focusRing-large-borderRadius: 100%; - --gse-ui-avatar-focusRing-large-border-color: #7b88f7; + --gse-ui-avatar-focusRing-large-border-color: #5476d5; --gse-ui-avatar-focusRing-large-border-width: 2px; --gse-ui-avatar-focusRing-large-border-style: solid; --gse-ui-avatar-focusRing-mediumSmall-borderRadius: 100%; - --gse-ui-avatar-focusRing-medium-border-color: #7b88f7; + --gse-ui-avatar-focusRing-medium-border-color: #5476d5; --gse-ui-avatar-focusRing-medium-border-width: 2px; --gse-ui-avatar-focusRing-medium-border-style: solid; - --gse-ui-avatar-focusRing-small-border-color: #7b88f7; + --gse-ui-avatar-focusRing-small-border-color: #5476d5; --gse-ui-avatar-focusRing-small-border-width: 2px; --gse-ui-avatar-focusRing-small-border-style: solid; - --gse-ui-avatar-focusRing-xsmall-border-color: #7b88f7; + --gse-ui-avatar-focusRing-xsmall-border-color: #5476d5; --gse-ui-avatar-focusRing-xsmall-border-width: 2px; --gse-ui-avatar-focusRing-xsmall-border-style: solid; - --gse-ui-avatar-focus: #7b88f7; + --gse-ui-avatar-focus: #5476d5; --gse-ui-avatar-addChangeImage-hoverModal-shroudSize: 84px; --gse-ui-avatar-addChangeImage-icon-size: 16px; --gse-ui-globalNav-sideMenu: linear-gradient( @@ -1109,36 +1088,36 @@ --gse-ui-globalNav-toggle-offQueue-text-lineHeight: 16px; --gse-ui-globalNav-toggle-offQueue-text-fontSize: 12px; --gse-ui-globalNav-toggle-offQueue-text-fontWeight: 400; - --gse-ui-globalNav-focus-border-color: #7b88f7; - --gse-ui-globalNav-focus-border-width: 3px; + --gse-ui-globalNav-focus-border-color: #5476d5; + --gse-ui-globalNav-focus-border-width: 2px; --gse-ui-globalNav-focus-border-style: solid; --gse-ui-globalNav-menuOption-height: 32px; --gse-ui-globalNav-menuOption-width: 248px; --gse-ui-globalNav-menuOption-padding: 0px 12px; --gse-ui-globalNav-menuOption-gap: 8px; --gse-ui-globalNav-menuOption-default-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-hover-backgroundColor: #252e78; + --gse-ui-globalNav-menuOption-hover-backgroundColor: #102251; --gse-ui-globalNav-menuOption-hover-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-selected-backgroundColor: #4856cb; + --gse-ui-globalNav-menuOption-selected-backgroundColor: #2143a2; --gse-ui-globalNav-menuOption-selected-foregroundColor: #ffffff; --gse-ui-globalNav-menuOption-disabled-backgroundColor: #ffffff; --gse-ui-globalNav-menuOption-focus-borderRadius: 8px; --gse-ui-globalNav-menuOption-borderRadius: 4px; --gse-ui-globalNav-menuOption-disableOpacity: 0.5; - --gse-ui-globalNav-menuOption-selectedPanel-backgroundColor: #3742a2; + --gse-ui-globalNav-menuOption-selectedPanel-backgroundColor: #19327a; --gse-ui-globalNav-menuOption-selectedPanel-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-return-default-backgroundColor: #1c2463; + --gse-ui-globalNav-menuOption-return-default-backgroundColor: #19327a; --gse-ui-globalNav-menuOption-return-default-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-return-hover-backgroundColor: #141a4f; + --gse-ui-globalNav-menuOption-return-hover-backgroundColor: #102251; --gse-ui-globalNav-menuOption-return-hover-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-return-selected-backgroundColor: #4856cb; + --gse-ui-globalNav-menuOption-return-selected-backgroundColor: #2143a2; --gse-ui-globalNav-menuOption-return-selected-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-treeView-bar: #314669; + --gse-ui-globalNav-menuOption-treeView-bar: #c1c6d44d; --gse-ui-globalNav-buttonReturn-height: 48px; --gse-ui-globalNav-buttonReturn-width: 280px; --gse-ui-globalNav-buttonReturn-padding: 16px 28px; --gse-ui-globalNav-buttonReturn-gap: 12px; - --gse-ui-globalNav-treeView-border-color: #3e5374; + --gse-ui-globalNav-treeView-border-color: #c1c6d44d; --gse-ui-globalNav-treeView-border-width: 2px; --gse-ui-globalNav-treeView-border-style: solid; --gse-ui-globalNav-treeView-gap: 8px; @@ -1148,14 +1127,14 @@ --gse-ui-globalNav-topBar-padding: 16px 24px; --gse-ui-globalNav-topBar-height: 64px; --gse-ui-globalNav-topBar-frame-backgroundColor: #ffffff; - --gse-ui-globalNav-topBar-frame-stroke: #c6ceec; - --gse-ui-globalNav-topBar-logo: #ff4f1f; - --gse-ui-globalNav-topBar-menuButton-closed-default-foregroundColor: #4856cb; - --gse-ui-globalNav-topBar-menuButton-closed-hover-backgroundColor: #3742a2; - --gse-ui-globalNav-topBar-menuButton-closed-hover-foregroundColorStroke: #4856cb; + --gse-ui-globalNav-topBar-frame-stroke: #c1c6d4; + --gse-ui-globalNav-topBar-logo: #ff451a; + --gse-ui-globalNav-topBar-menuButton-closed-default-foregroundColor: #2143a2; + --gse-ui-globalNav-topBar-menuButton-closed-hover-backgroundColor: #19327a; + --gse-ui-globalNav-topBar-menuButton-closed-hover-foregroundColorStroke: #2143a2; --gse-ui-globalNav-topBar-menuButton-closed-hover-foregroundColor: #ffffff; --gse-ui-globalNav-topBar-menuButton-open-default-foregroundColorStroke: #ffffff; - --gse-ui-globalNav-topBar-menuButton-open-hover-backgroundColor: #3742a2; + --gse-ui-globalNav-topBar-menuButton-open-hover-backgroundColor: #19327a; --gse-ui-globalNav-topBar-menuButton-open-hover-foregroundColor: #ffffff; --gse-ui-globalNav-panel-panelTitle: #ffffff; --gse-ui-globalNav-panel-primary: linear-gradient( @@ -1175,7 +1154,7 @@ --gse-ui-dataTableComposed-boxShadow-offsetX: 0; --gse-ui-dataTableComposed-boxShadow-offsetY: 0; --gse-ui-dataTableComposed-width: 1440px; - --gse-ui-focus-color: #7b88f7; + --gse-ui-focus-color: #5476d5; --gse-ui-focus-width: 2px; --gse-ui-focus-style: solid; --gse-ui-tabs-item-height: 40px; @@ -1186,17 +1165,17 @@ --gse-ui-tabs-item-itemText-fontWeight: 400; --gse-ui-tabs-item-itemText-fontSize: 12px; --gse-ui-tabs-item-itemText-lineHeight: 18px; - --gse-ui-tabs-item-itemTextColor: #1b2c48; + --gse-ui-tabs-item-itemTextColor: #2a2a2e; --gse-ui-tabs-item-divider-horizontal-height: 1px; --gse-ui-tabs-item-divider-vertical-height: 40px; --gse-ui-tabs-item-divider-vertical-width: 1px; - --gse-ui-tabs-item-divider-dividerColor: #c6c8ce; + --gse-ui-tabs-item-divider-dividerColor: #c1c6d4; --gse-ui-tabs-item-indicator-vertical-height: 40px; --gse-ui-tabs-item-indicator-vertical-width: 2px; --gse-ui-tabs-item-indicator-horizontal-height: 2px; - --gse-ui-tabs-item-indicator-hoverColor: #4856cb; - --gse-ui-tabs-item-indicator-activeColor: #3742a2; - --gse-ui-tabs-item-icon-iconColor: #1b2c48; + --gse-ui-tabs-item-indicator-hoverColor: #2143a2; + --gse-ui-tabs-item-indicator-activeColor: #19327a; + --gse-ui-tabs-item-icon-iconColor: #2a2a2e; --gse-ui-tabs-item-icon-size: 16px; --gse-ui-tabs-item-gap: 8px; --gse-ui-tabs-item-vertical-fixedHeight: 40px; @@ -1211,15 +1190,15 @@ --gse-ui-tabs-set-gap: -1px; --gse-ui-tabs-set-divider-horizontal-height: 1px; --gse-ui-tabs-set-divider-vertical-width: 1px; - --gse-ui-tabs-focusRing-border-color: #7b88f7; + --gse-ui-tabs-focusRing-border-color: #5476d5; --gse-ui-tabs-focusRing-border-width: 2px; --gse-ui-tabs-focusRing-border-style: solid; --gse-ui-tabs-focusRing-borderRadius: 4px; - --gse-ui-advancedTabs-divider-dividerColor: #c6c8ce; + --gse-ui-advancedTabs-divider-dividerColor: #c1c6d4; --gse-ui-advancedTabs-item-padding: 11px 12px 10px; --gse-ui-advancedTabs-item-gap: 8px; --gse-ui-advancedTabs-item-focus-borderRadius: 8px; - --gse-ui-advancedTabs-item-focus-border-color: #7b88f7; + --gse-ui-advancedTabs-item-focus-border-color: #5476d5; --gse-ui-advancedTabs-item-focus-border-width: 2px; --gse-ui-advancedTabs-item-focus-border-style: solid; --gse-ui-advancedTabs-item-focus-borderCopy: 4px; @@ -1232,18 +1211,18 @@ --gse-ui-advancedTabs-item-divider-bottom-height: 1px; --gse-ui-advancedTabs-item-divider-right-height: 32px; --gse-ui-advancedTabs-item-divider-right-width: 1px; - --gse-ui-advancedTabs-item-text-color: #1b2c48; + --gse-ui-advancedTabs-item-text-color: #2a2a2e; --gse-ui-advancedTabs-item-text-height: 9px; - --gse-ui-advancedTabs-item-indicator-hoverColor: #4856cb; - --gse-ui-advancedTabs-item-indicator-activeColor: #3742a2; + --gse-ui-advancedTabs-item-indicator-hoverColor: #2143a2; + --gse-ui-advancedTabs-item-indicator-activeColor: #19327a; --gse-ui-advancedTabs-item-indicator-height: 2px; - --gse-ui-advancedTabs-item-icon-iconColor: #1b2c48; + --gse-ui-advancedTabs-item-icon-iconColor: #2a2a2e; --gse-ui-advancedTabs-item-icon-size: 16px; --gse-ui-advancedTabs-item-menuButton-gap: 4px; --gse-ui-advancedTabs-item-menuButton-height: 45px; --gse-ui-advancedTabs-item-menuButton-width: 32px; - --gse-ui-advancedTabs-item-menuButton-defaultColor: #3e5374; - --gse-ui-advancedTabs-item-menuButton-activeColor: #1b2c48; + --gse-ui-advancedTabs-item-menuButton-defaultColor: #4f5157; + --gse-ui-advancedTabs-item-menuButton-activeColor: #2a2a2e; --gse-ui-advancedTabs-item-menuButton-focus-height: 53px; --gse-ui-advancedTabs-item-menuButton-focus-width: 40px; --gse-ui-advancedTabs-item-itemText-fontFamily: 'Noto Sans'; @@ -1252,24 +1231,24 @@ --gse-ui-advancedTabs-item-itemText-lineHeight: 18px; --gse-ui-advancedTabs-button-add-height: 45px; --gse-ui-advancedTabs-button-arrow-height: 48px; - --gse-ui-advancedTabs-set-backgroundColor: #f3f5fb; + --gse-ui-advancedTabs-set-backgroundColor: #ebedf5; --gse-ui-advancedTabs-set-standard-width: 920px; - --gse-ui-toast-closeButtonColor: #3e5374; + --gse-ui-toast-closeButtonColor: #4f5157; --gse-ui-toast-success-backgroundColor: #ffffff; - --gse-ui-toast-success-foregroundColor: #1b2c48; - --gse-ui-toast-success-iconColor: #09b581; + --gse-ui-toast-success-foregroundColor: #2a2a2e; + --gse-ui-toast-success-iconColor: #079167; --gse-ui-toast-warning-backgroundColor: #ffffff; - --gse-ui-toast-warning-foregroundColor: #1b2c48; - --gse-ui-toast-warning-iconColor: #f8c73e; + --gse-ui-toast-warning-foregroundColor: #2a2a2e; + --gse-ui-toast-warning-iconColor: #9a7b25; --gse-ui-toast-info-backgroundColor: #ffffff; - --gse-ui-toast-info-foregroundColor: #1b2c48; - --gse-ui-toast-info-iconColor: #6e5ddb; + --gse-ui-toast-info-foregroundColor: #2a2a2e; + --gse-ui-toast-info-iconColor: #3d538f; --gse-ui-toast-action-backgroundColor: #ffffff; - --gse-ui-toast-action-foregroundColor: #1b2c48; - --gse-ui-toast-action-iconColor: #4856cb; + --gse-ui-toast-action-foregroundColor: #2a2a2e; + --gse-ui-toast-action-iconColor: #2143a2; --gse-ui-toast-error-backgroundColor: #ffffff; - --gse-ui-toast-error-foregroundColor: #1b2c48; - --gse-ui-toast-error-iconColor: #e22245; + --gse-ui-toast-error-foregroundColor: #2a2a2e; + --gse-ui-toast-error-iconColor: #b51b37; --gse-ui-toast-heading-fontFamily: Urbanist; --gse-ui-toast-heading-fontWeight: 700; --gse-ui-toast-heading-fontSize: 16px; @@ -1293,10 +1272,10 @@ --gse-ui-toast-icon: 24px; --gse-ui-toast-wrappingWidth: 320px; --gse-ui-toast-stacking-gap: 4px; - --gse-ui-modal-closeButtonColor: #3e5374; - --gse-ui-modal-headerColor: #1b2c48; + --gse-ui-modal-closeButtonColor: #4f5157; + --gse-ui-modal-headerColor: #2a2a2e; --gse-ui-modal-backgroundColor: #ffffff; - --gse-ui-modal-shroudColor: #3e5374cc; + --gse-ui-modal-shroudColor: #263b73cc; --gse-ui-modal-header-gap: 12px; --gse-ui-modal-padding: 32px; --gse-ui-modal-gap: 16px; @@ -1326,8 +1305,8 @@ --gse-ui-popover-boxShadow-type: dropShadow; --gse-ui-popover-boxShadow-offsetX: 0; --gse-ui-popover-boxShadow-offsetY: 0; - --gse-ui-popover-closeButtonColor: #3e5374; - --gse-ui-popover-headerColor: #1b2c48; + --gse-ui-popover-closeButtonColor: #4f5157; + --gse-ui-popover-headerColor: #2a2a2e; --gse-ui-popover-backgroundColor: #ffffff; --gse-ui-popover-gap: 16px; --gse-ui-popover-padding: 24px; @@ -1344,15 +1323,15 @@ --gse-ui-popover-title-text-lineHeight: 24px; --gse-ui-popover-anchor-width: 20px; --gse-ui-popover-anchor-height: 8px; - --gse-ui-progressAndLoading-spinner-foreground: #4856cb; - --gse-ui-progressAndLoading-spinner-base: #dee1fd; + --gse-ui-progressAndLoading-spinner-foreground: #2143a2; + --gse-ui-progressAndLoading-spinner-base: #d5def7; --gse-ui-progressAndLoading-spinner-large: 48px; --gse-ui-progressAndLoading-spinner-small: 16px; --gse-ui-progressAndLoading-spinner-text-fontFamily: 'Noto Sans'; --gse-ui-progressAndLoading-spinner-text-fontWeight: 600; --gse-ui-progressAndLoading-spinner-text-fontSize: 12px; --gse-ui-progressAndLoading-spinner-text-lineHeight: 18px; - --gse-ui-progressAndLoading-textColor: #1b2c48; + --gse-ui-progressAndLoading-textColor: #2a2a2e; --gse-ui-progressAndLoading-loadingState-large-header-fontFamily: Urbanist; --gse-ui-progressAndLoading-loadingState-large-header-fontWeight: 700; --gse-ui-progressAndLoading-loadingState-large-header-fontSize: 24px; @@ -1415,17 +1394,17 @@ --gse-ui-blankState-gapMessage: 4px; --gse-ui-blankState-gapMain: 12px; --gse-ui-blankState-gapContent: 24px; - --gse-ui-blankState-iconColor: #626e84; - --gse-ui-blankState-foregroundColor: #1b2c48; + --gse-ui-blankState-iconColor: #6a6d75; + --gse-ui-blankState-foregroundColor: #2a2a2e; --gse-ui-blankState-backgroundColor: rgba(0, 0, 0, 0); --gse-ui-blankState-borderRadius: 8px; --gse-ui-modalSideSheet-backgroundColor: #ffffff; - --gse-ui-modalSideSheet-headerColor: #1b2c48; - --gse-ui-modalSideSheet-closeColor: #3e5374; - --gse-ui-modalSideSheet-dividerColor: #c6c8ce; - --gse-ui-modalSideSheet-shroudColor: #3e5374cc; + --gse-ui-modalSideSheet-headerColor: #2a2a2e; + --gse-ui-modalSideSheet-closeColor: #4f5157; + --gse-ui-modalSideSheet-dividerColor: #c1c6d4; + --gse-ui-modalSideSheet-shroudColor: #263b73cc; --gse-ui-modalSideSheet-shroud-opacity: 0.8; - --gse-ui-modalSideSheet-descriptionColor: #3e5374; + --gse-ui-modalSideSheet-descriptionColor: #4f5157; --gse-ui-modalSideSheet-heading-fontFamily: Urbanist; --gse-ui-modalSideSheet-heading-fontWeight: 600; --gse-ui-modalSideSheet-heading-fontSize: 18px; @@ -1447,16 +1426,16 @@ --gse-ui-modalSideSheet-widthSize-md: 560px; --gse-ui-modalSideSheet-widthSize-lg: 960px; --gse-ui-dynamicSideSheet-backgroundColor: #ffffff; - --gse-ui-dynamicSideSheet-headerColor: #1b2c48; - --gse-ui-dynamicSideSheet-closeColor: #3e5374; - --gse-ui-dynamicSideSheet-dividerColor: #c6c8ce; + --gse-ui-dynamicSideSheet-headerColor: #2a2a2e; + --gse-ui-dynamicSideSheet-closeColor: #4f5157; + --gse-ui-dynamicSideSheet-dividerColor: #c1c6d4; --gse-ui-dynamicSideSheet-boxShadow-blur: 6px; --gse-ui-dynamicSideSheet-boxShadow-spread: 1px; --gse-ui-dynamicSideSheet-boxShadow-color: rgba(35, 57, 92, 0.12); --gse-ui-dynamicSideSheet-boxShadow-type: dropShadow; --gse-ui-dynamicSideSheet-boxShadow-offsetX: 0; --gse-ui-dynamicSideSheet-boxShadow-offsetY: 0; - --gse-ui-dynamicSideSheet-descriptionColor: #3e5374; + --gse-ui-dynamicSideSheet-descriptionColor: #4f5157; --gse-ui-dynamicSideSheet-heading-fontFamily: Urbanist; --gse-ui-dynamicSideSheet-heading-fontWeight: 600; --gse-ui-dynamicSideSheet-heading-fontSize: 18px; @@ -1480,10 +1459,10 @@ --gse-ui-accordion-header-padding: 8px 16px 8px 16px; --gse-ui-accordion-header-chevronIcon: 16px; --gse-ui-accordion-header-gap: 8px; - --gse-ui-accordion-header-default-foreground-labelColor: #1b2c48; - --gse-ui-accordion-header-default-foreground-chevronIcon-closed: #3e5374; - --gse-ui-accordion-header-default-foreground-chevronIcon-open: #1b2c48; - --gse-ui-accordion-header-default-foreground-chevronIcon-hover: #23395d; + --gse-ui-accordion-header-default-foreground-labelColor: #2a2a2e; + --gse-ui-accordion-header-default-foreground-chevronIcon-closed: #4f5157; + --gse-ui-accordion-header-default-foreground-chevronIcon-open: #2a2a2e; + --gse-ui-accordion-header-default-foreground-chevronIcon-hover: #3e4044; --gse-ui-accordion-header-label-defaultText-fontFamily: 'Noto Sans'; --gse-ui-accordion-header-label-defaultText-fontWeight: 700; --gse-ui-accordion-header-label-defaultText-fontSize: 14px; @@ -1494,20 +1473,20 @@ --gse-ui-accordion-menuItem-startIcon: 16px; --gse-ui-accordion-menuItem-parentIcon: 16px; --gse-ui-accordion-menuItem-gap: 8px; - --gse-ui-accordion-menuItem-default-foreground-startIconColor: #1b2c48; - --gse-ui-accordion-menuItem-default-foreground-labelColor: #1b2c48; - --gse-ui-accordion-menuItem-default-foreground-startShortcutColor: #626e84; - --gse-ui-accordion-menuItem-default-foreground-parentIconColor: #3e5374; - --gse-ui-accordion-menuItem-hover-foreground-startIconColor: #1b2c48; - --gse-ui-accordion-menuItem-hover-foreground-labelColor: #1b2c48; - --gse-ui-accordion-menuItem-hover-foreground-startShortcutColor: #626e84; - --gse-ui-accordion-menuItem-hover-foreground-parentIconColor: #23395d; - --gse-ui-accordion-menuItem-hover-backgroundColor: #eff0fe; - --gse-ui-accordion-menuItem-selected-foreground-startIconColor: #1b2c48; - --gse-ui-accordion-menuItem-selected-foreground-labelColor: #1b2c48; - --gse-ui-accordion-menuItem-selected-foreground-startShortcutColor: #1b2c48; - --gse-ui-accordion-menuItem-selected-foreground-parentIconColor: #1b2c48; - --gse-ui-accordion-menuItem-selected-backgroundColor: #ced2fc; + --gse-ui-accordion-menuItem-default-foreground-startIconColor: #2a2a2e; + --gse-ui-accordion-menuItem-default-foreground-labelColor: #2a2a2e; + --gse-ui-accordion-menuItem-default-foreground-startShortcutColor: #6a6d75; + --gse-ui-accordion-menuItem-default-foreground-parentIconColor: #4f5157; + --gse-ui-accordion-menuItem-hover-foreground-startIconColor: #2a2a2e; + --gse-ui-accordion-menuItem-hover-foreground-labelColor: #2a2a2e; + --gse-ui-accordion-menuItem-hover-foreground-startShortcutColor: #6a6d75; + --gse-ui-accordion-menuItem-hover-foreground-parentIconColor: #3e4044; + --gse-ui-accordion-menuItem-hover-backgroundColor: #eff3ff; + --gse-ui-accordion-menuItem-selected-foreground-startIconColor: #2a2a2e; + --gse-ui-accordion-menuItem-selected-foreground-labelColor: #2a2a2e; + --gse-ui-accordion-menuItem-selected-foreground-startShortcutColor: #2a2a2e; + --gse-ui-accordion-menuItem-selected-foreground-parentIconColor: #2a2a2e; + --gse-ui-accordion-menuItem-selected-backgroundColor: #adbff0; --gse-ui-accordion-menuItem-focus-borderRadius: 4px; --gse-ui-accordion-menuItem-label-defaultText-fontFamily: 'Noto Sans'; --gse-ui-accordion-menuItem-label-defaultText-fontWeight: 400; @@ -1521,18 +1500,18 @@ --gse-ui-accordion-menuItem-shortcut-text-fontWeight: 400; --gse-ui-accordion-menuItem-shortcut-text-fontSize: 14px; --gse-ui-accordion-menuItem-shortcut-text-lineHeight: 20px; - --gse-ui-accordion-focusBorder-color: #7b88f7; + --gse-ui-accordion-focusBorder-color: #5476d5; --gse-ui-accordion-focusBorder-style: solid; --gse-ui-accordion-focusBorder-width: 2px; --gse-ui-accordion-contentItem-padding: 16px; --gse-ui-accordion-contentItem-gap: 16px; - --gse-ui-accordion-contentItem-foregroundColor: #1b2c48; + --gse-ui-accordion-contentItem-foregroundColor: #2a2a2e; --gse-ui-accordion-contentItem-backgroundColor: #ffffff; --gse-ui-accordion-contentItem-defaultText-fontFamily: 'Noto Sans'; --gse-ui-accordion-contentItem-defaultText-fontWeight: 400; --gse-ui-accordion-contentItem-defaultText-fontSize: 12px; --gse-ui-accordion-contentItem-defaultText-lineHeight: 18px; - --gse-ui-accordion-wrapper-dividerBorder-color: #c6c8ce; + --gse-ui-accordion-wrapper-dividerBorder-color: #c1c6d4; --gse-ui-accordion-wrapper-dividerBorder-width: 1px; --gse-ui-accordion-wrapper-dividerBorder-style: solid; --gse-ui-accordion-focus-offset-gap: 1px; diff --git a/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-core.scss b/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-core.scss index d5d1fcc2a..25595befa 100644 --- a/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-core.scss +++ b/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-core.scss @@ -28,57 +28,6 @@ --gse-core-color-white: #ffffff; --gse-core-color-black: #000000; --gse-core-color-transparent: rgba(0, 0, 0, 0); - --gse-core-color-cornflower-100: #f2f2f3; - --gse-core-color-cornflower-200: #e4e5e7; - --gse-core-color-cornflower-300: #c6c8ce; - --gse-core-color-cornflower-400: #a3a7b0; - --gse-core-color-cornflower-500: #767c8d; - --gse-core-color-cornflower-600: #626e84; - --gse-core-color-cornflower-700: #3e5374; - --gse-core-color-cornflower-800: #23395d; - --gse-core-color-cornflower-900: #1b2c48; - --gse-core-color-cornflower-1000: #0f1929; - --gse-core-color-islandaqua-100: #edf8f9; - --gse-core-color-islandaqua-200: #daf0f4; - --gse-core-color-islandaqua-300: #b5e2e8; - --gse-core-color-islandaqua-400: #90d3dd; - --gse-core-color-islandaqua-500: #6bc5d1; - --gse-core-color-islandaqua-600: #46b6c6; - --gse-core-color-islandaqua-700: #2c808c; - --gse-core-color-islandaqua-800: #0c6d7e; - --gse-core-color-islandaqua-900: #115d71; - --gse-core-color-islandaqua-1000: #094052; - --gse-core-color-tomato-100: #fef3f3; - --gse-core-color-tomato-200: #fee8e6; - --gse-core-color-tomato-300: #fecfcb; - --gse-core-color-tomato-400: #feb2ab; - --gse-core-color-tomato-500: #fe8f85; - --gse-core-color-tomato-600: #fe624d; - --gse-core-color-tomato-700: #e35744; - --gse-core-color-tomato-800: #c44b3b; - --gse-core-color-tomato-900: #a03d30; - --gse-core-color-tomato-1000: #712b22; - --gse-core-color-lavenderhaze-100: #fbfcfe; - --gse-core-color-lavenderhaze-200: #f3f5fb; - --gse-core-color-lavenderhaze-300: #e8ebf7; - --gse-core-color-lavenderhaze-400: #d1d7ef; - --gse-core-color-lavenderhaze-500: #c6ceec; - --gse-core-color-lavenderhaze-600: #b5bfe6; - --gse-core-color-lavenderhaze-700: #a8b4e2; - --gse-core-color-lavenderhaze-800: #9ba9dd; - --gse-core-color-lavenderhaze-900: #7785b8; - --gse-core-color-lavenderhaze-1000: #626d97; - --gse-core-color-blueberry-50: #eff0fe; - --gse-core-color-blueberry-100: #dee1fd; - --gse-core-color-blueberry-200: #ced2fc; - --gse-core-color-blueberry-300: #9ca6f9; - --gse-core-color-blueberry-400: #7b88f7; - --gse-core-color-blueberry-500: #5a6af5; - --gse-core-color-blueberry-600: #4856cb; - --gse-core-color-blueberry-700: #3742a2; - --gse-core-color-blueberry-800: #252e78; - --gse-core-color-blueberry-900: #1c2463; - --gse-core-color-blueberry-1000: #141a4f; --gse-core-color-mineral-100: #ddeaf7; --gse-core-color-mineral-200: #cde0f4; --gse-core-color-mineral-300: #bcd6f0; @@ -189,6 +138,68 @@ --gse-core-color-violet-800: #2e275f; --gse-core-color-violet-900: #241e4b; --gse-core-color-violet-1000: #191536; + --gse-core-color-genesysNavy-50: #f0f1f5; + --gse-core-color-genesysNavy-100: #dfe3ec; + --gse-core-color-genesysNavy-200: #bfc6d9; + --gse-core-color-genesysNavy-300: #9faac6; + --gse-core-color-genesysNavy-400: #808db2; + --gse-core-color-genesysNavy-500: #596ea6; + --gse-core-color-genesysNavy-600: #3d538f; + --gse-core-color-genesysNavy-700: #263b73; + --gse-core-color-genesysNavy-800: #152550; + --gse-core-color-genesysNavy-900: #141c34; + --gse-core-color-genesysNavy-950: #141929; + --gse-core-color-genesysNavy-1000: #0f1219; + --gse-core-color-island-50: #e6f4fa; + --gse-core-color-island-100: #cdeaf5; + --gse-core-color-island-200: #9fd6ea; + --gse-core-color-island-300: #81cbe5; + --gse-core-color-island-400: #53bee5; + --gse-core-color-island-500: #28afe0; + --gse-core-color-island-600: #1589b2; + --gse-core-color-island-700: #056385; + --gse-core-color-island-800: #04445c; + --gse-core-color-island-900: #003447; + --gse-core-color-island-950: #002533; + --gse-core-color-island-1000: #00161f; + --gse-core-color-genesysOrange-50: #ffece8; + --gse-core-color-genesysOrange-100: #ffdad1; + --gse-core-color-genesysOrange-200: #ffb5a3; + --gse-core-color-genesysOrange-300: #ff8f76; + --gse-core-color-genesysOrange-400: #ff6a48; + --gse-core-color-genesysOrange-500: #ff451a; + --gse-core-color-genesysOrange-600: #cc3715; + --gse-core-color-genesysOrange-700: #992910; + --gse-core-color-genesysOrange-800: #661c0a; + --gse-core-color-genesysOrange-900: #4d1508; + --gse-core-color-genesysOrange-950: #330e05; + --gse-core-color-genesysOrange-1000: #1a0703; + --gse-core-color-azureBlue-50: #eff3ff; + --gse-core-color-azureBlue-100: #d5def7; + --gse-core-color-azureBlue-200: #adbff0; + --gse-core-color-azureBlue-300: #829ce5; + --gse-core-color-azureBlue-400: #5476d5; + --gse-core-color-azureBlue-500: #2954cb; + --gse-core-color-azureBlue-600: #2143a2; + --gse-core-color-azureBlue-700: #19327a; + --gse-core-color-azureBlue-800: #102251; + --gse-core-color-azureBlue-900: #0c193d; + --gse-core-color-azureBlue-950: #081129; + --gse-core-color-azureBlue-1000: #040814; + --gse-core-color-haze-50: #f5f6fa; + --gse-core-color-haze-100: #ebedf5; + --gse-core-color-haze-150: #dce1ed; + --gse-core-color-haze-200: #cad1e1; + --gse-core-color-haze-300: #c1c6d4; + --gse-core-color-haze-400: #b2b7c4; + --gse-core-color-haze-500: #a3a8b5; + --gse-core-color-haze-600: #848891; + --gse-core-color-haze-700: #6a6d75; + --gse-core-color-haze-800: #4f5157; + --gse-core-color-haze-850: #3e4044; + --gse-core-color-haze-900: #2a2a2e; + --gse-core-color-haze-950: #1e1e21; + --gse-core-color-haze-1000: #131315; --gse-core-fontFamily-roboto: Roboto; --gse-core-fontFamily-urbanist: Urbanist; --gse-core-fontFamily-notoSans: 'Noto Sans'; diff --git a/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-semantic.scss b/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-semantic.scss index 9c9cf5e81..e5c99fe77 100644 --- a/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-semantic.scss +++ b/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-semantic.scss @@ -46,7 +46,8 @@ --gse-semantic-theme-background-system-success-5: #eefcea; --gse-semantic-theme-background-system-success-10: #eefcea; --gse-semantic-theme-background-system-success-20: #95c189; - --gse-semantic-theme-background-system-success-30: #3c8527; + --gse-semantic-theme-background-system-success-30: #95c189; + --gse-semantic-theme-background-system-success-35: #3c8527; --gse-semantic-theme-background-system-success-40: #205a10; --gse-semantic-theme-background-system-success-50: #0d3d00; --gse-semantic-theme-background-system-warning-5: #fdf8ec; @@ -89,10 +90,10 @@ --gse-semantic-theme-background-customAccents-status-10: #09b581; --gse-semantic-theme-background-customAccents-status-20: #e22245; --gse-semantic-theme-background-customAccents-status-30: #f8c73e; - --gse-semantic-theme-background-customAccents-status-40: #4856cb; - --gse-semantic-theme-background-customAccents-status-50: #626e84; + --gse-semantic-theme-background-customAccents-status-40: #2143a2; + --gse-semantic-theme-background-customAccents-status-50: #848891; --gse-semantic-theme-background-customAccents-status-60: #b74ba4; - --gse-semantic-theme-background-customAccents-status-70: #fe624d; + --gse-semantic-theme-background-customAccents-status-70: #ff451a; --gse-semantic-theme-foreground-primary-10: #3e4a5b; --gse-semantic-theme-foreground-primary-20: #2e394c; --gse-semantic-theme-foreground-primary-30: #2e394c; @@ -189,14 +190,19 @@ --gse-semantic-background-container-highConstrast-hover: #172b52; --gse-semantic-background-container-highConstrast-active: #1c3363; --gse-semantic-background-system-error-tonalMedium: #fceaea; + --gse-semantic-background-system-error-tonalHigh: #ea0b0b; --gse-semantic-background-system-error-tonalSubtle: #fceaea; --gse-semantic-background-system-warning-tonalMedium: #fdf8ec; + --gse-semantic-background-system-warning-tonalHigh: #ffae00; --gse-semantic-background-system-warning-tonalSubtle: #fdf8ec; --gse-semantic-background-system-success-tonalMedium: #eefcea; + --gse-semantic-background-system-success-tonalHigh: #95c189; --gse-semantic-background-system-success-tonalSubtle: #eefcea; --gse-semantic-background-system-info-tonalMedium: #deeaff; + --gse-semantic-background-system-info-tonalHigh: #2a60c8; --gse-semantic-background-system-info-tonalSubtle: #deeaff; --gse-semantic-background-system-primary-tonalMedium: #deeaff; + --gse-semantic-background-system-primary-tonalHigh: #2a60c8; --gse-semantic-background-system-primary-tonalSubtle: #deeaff; --gse-semantic-background-system-customAccents-bold-accent_1: #203b73; --gse-semantic-background-system-customAccents-bold-accent_2: #23478f; @@ -228,10 +234,10 @@ --gse-semantic-background-system-status-available: #09b581; --gse-semantic-background-system-status-busy: #e22245; --gse-semantic-background-system-status-away: #f8c73e; - --gse-semantic-background-system-status-onQueue: #4856cb; - --gse-semantic-background-system-status-offline: #626e84; + --gse-semantic-background-system-status-onQueue: #2143a2; + --gse-semantic-background-system-status-offline: #848891; --gse-semantic-background-system-status-outOfOffice: #b74ba4; - --gse-semantic-background-system-status-notification: #fe624d; + --gse-semantic-background-system-status-notification: #ff451a; --gse-semantic-background-formControl-clickInput-track: #6b7585; --gse-semantic-background-formControl-textInput-track: #f6f7f9; --gse-semantic-foreground-interactive-primary-default: #ffffff; diff --git a/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-ui.scss b/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-ui.scss index 862c40335..73d44a80d 100644 --- a/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-ui.scss +++ b/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-ui.scss @@ -131,45 +131,32 @@ --gse-ui-tooltip-text-fontWeight: 400; --gse-ui-tooltip-text-fontSize: 12px; --gse-ui-tooltip-text-lineHeight: 18px; + --gse-ui-tooltip-targetOffset: 16px; --gse-ui-tag-borderRadius: 4px; - --gse-ui-tag-default-backgroundColor: #23395d; - --gse-ui-tag-default-foregroundColor: #ffffff; --gse-ui-tag-default-bold-backgroundColor: #203b73; --gse-ui-tag-default-bold-foregroundColor: #ffffff; --gse-ui-tag-default-subtle-backgroundColor: #bbbfd4; --gse-ui-tag-default-subtle-foregroundColor: #2e394c; - --gse-ui-tag-accent1-backgroundColor: #e4e5e7; - --gse-ui-tag-accent1-foregroundColor: #1b2c48; --gse-ui-tag-accent1-bold-backgroundColor: #23478f; --gse-ui-tag-accent1-bold-foregroundColor: #ffffff; --gse-ui-tag-accent1-subtle-backgroundColor: #d9e4ff; --gse-ui-tag-accent1-subtle-foregroundColor: #2e394c; - --gse-ui-tag-accent2-backgroundColor: #90d3dd; - --gse-ui-tag-accent2-foregroundColor: #1b2c48; --gse-ui-tag-accent2-bold-backgroundColor: #b5b5eb; --gse-ui-tag-accent2-bold-foregroundColor: #2e394c; --gse-ui-tag-accent2-subtle-backgroundColor: #e9e8f9; --gse-ui-tag-accent2-subtle-foregroundColor: #2e394c; - --gse-ui-tag-accent3-backgroundColor: #0c6d7e; - --gse-ui-tag-accent3-foregroundColor: #ffffff; --gse-ui-tag-accent3-bold-backgroundColor: #205a10; --gse-ui-tag-accent3-bold-foregroundColor: #ffffff; --gse-ui-tag-accent3-subtle-backgroundColor: #c2deb9; --gse-ui-tag-accent3-subtle-foregroundColor: #2e394c; - --gse-ui-tag-accent4-backgroundColor: #547688; - --gse-ui-tag-accent4-foregroundColor: #ffffff; --gse-ui-tag-accent4-bold-backgroundColor: #151d28; --gse-ui-tag-accent4-bold-foregroundColor: #ffffff; --gse-ui-tag-accent4-subtle-backgroundColor: #c8cfda; --gse-ui-tag-accent4-subtle-foregroundColor: #2e394c; - --gse-ui-tag-accent5-backgroundColor: #a5cae0; - --gse-ui-tag-accent5-foregroundColor: #1b2c48; --gse-ui-tag-accent5-bold-backgroundColor: #75a8ff; --gse-ui-tag-accent5-bold-foregroundColor: #2e394c; --gse-ui-tag-accent5-subtle-backgroundColor: #d9e4ff; --gse-ui-tag-accent5-subtle-foregroundColor: #2e394c; - --gse-ui-tag-accent6-backgroundColor: #b5bfe6; - --gse-ui-tag-accent6-foregroundColor: #1b2c48; --gse-ui-tag-accent6-subtle-backgroundColor: #dcc9f2; --gse-ui-tag-accent6-subtle-foregroundColor: #2e394c; --gse-ui-tag-accent6-bold-backgroundColor: #8452cf; @@ -181,27 +168,19 @@ --gse-ui-tag-padding: 0 12px; --gse-ui-tag-removable-padding: 0 8px 0 12px; --gse-ui-tag-removable-gap: 4px; - --gse-ui-tag-accent7-backgroundColor: #a05195; - --gse-ui-tag-accent7-foregroundColor: #ffffff; --gse-ui-tag-accent7-bold-backgroundColor: #5e5782; --gse-ui-tag-accent7-bold-foregroundColor: #ffffff; --gse-ui-tag-accent7-subtle-backgroundColor: #cdc9d8; --gse-ui-tag-accent7-subtle-foregroundColor: #2e394c; --gse-ui-tag-height: 20px; - --gse-ui-tag-accent8-backgroundColor: #f95d6a; - --gse-ui-tag-accent8-foregroundColor: #1b2c48; --gse-ui-tag-accent8-bold-backgroundColor: #ff8fdd; --gse-ui-tag-accent8-bold-foregroundColor: #2e394c; --gse-ui-tag-accent8-subtle-backgroundColor: #ffdff5; --gse-ui-tag-accent8-subtle-foregroundColor: #2e394c; - --gse-ui-tag-accent9-backgroundColor: #fe8f85; - --gse-ui-tag-accent9-foregroundColor: #1b2c48; --gse-ui-tag-accent9-bold-backgroundColor: #755000; --gse-ui-tag-accent9-bold-foregroundColor: #ffffff; --gse-ui-tag-accent9-subtle-backgroundColor: #fcd276; --gse-ui-tag-accent9-subtle-foregroundColor: #2e394c; - --gse-ui-tag-accent10-backgroundColor: #ffc650; - --gse-ui-tag-accent10-foregroundColor: #1b2c48; --gse-ui-tag-accent10-bold-backgroundColor: #ddd933; --gse-ui-tag-accent10-bold-foregroundColor: #2e394c; --gse-ui-tag-accent10-subtle-backgroundColor: #f8f3c6; @@ -222,7 +201,7 @@ --gse-ui-badge-info-bold-foregroundColor: #ffffff; --gse-ui-badge-info-regular-backgroundColor: #deeaff; --gse-ui-badge-info-regular-foregroundColor: #2e394c; - --gse-ui-badge-success-bold-backgroundColor: #3c8527; + --gse-ui-badge-success-bold-backgroundColor: #95c189; --gse-ui-badge-success-bold-foregroundColor: #2e394c; --gse-ui-badge-success-regular-backgroundColor: #eefcea; --gse-ui-badge-success-regular-foregroundColor: #2e394c; @@ -304,7 +283,7 @@ --gse-ui-segmentedControl-button-disabled-foregroundColor: #2a60c8; --gse-ui-segmentedControl-button-default-backgroundColor: rgba(0, 0, 0, 0); --gse-ui-segmentedControl-button-default-foregroundColor: #2a60c8; - --gse-ui-segmentedControl-button-hover-backgroundColor: #dee1fd; + --gse-ui-segmentedControl-button-hover-backgroundColor: #deeaff; --gse-ui-segmentedControl-button-hover-foregroundColor: #2754ac; --gse-ui-segmentedControl-button-active-backgroundColor: #2a60c8; --gse-ui-segmentedControl-button-active-foregroundColor: #ffffff; @@ -579,7 +558,7 @@ --gse-ui-menu-groupedMenu-title-text-lineHeight: 16px; --gse-ui-menu-groupedMenu-title-text-textCase: uppercase; --gse-ui-menu-groupedMenu-title-text-letterSpacing: 1px; - --gse-ui-menu-groupedMenu-padding: 8px 2px; + --gse-ui-menu-groupedMenu-padding: 8px 1px; --gse-ui-menu-groupedMenu-divider-padding: 4px 0px 8px; --gse-ui-menu-groupedMenu-divider-height: 13px; --gse-ui-menu-groupedMenu-subtext-foregroundColor: #4c5667; @@ -587,12 +566,12 @@ --gse-ui-dropdown-menu-emptyState-header-text-fontWeight: 700; --gse-ui-dropdown-menu-emptyState-header-text-lineHeight: 18px; --gse-ui-dropdown-menu-emptyState-header-text-fontSize: 12px; - --gse-ui-dropdown-menu-emptyState-header-foregroundColor: #23395d; + --gse-ui-dropdown-menu-emptyState-header-foregroundColor: #2e394c; --gse-ui-dropdown-menu-emptyState-subheader-text-fontFamily: Roboto; --gse-ui-dropdown-menu-emptyState-subheader-text-fontWeight: 400; --gse-ui-dropdown-menu-emptyState-subheader-text-lineHeight: 18px; --gse-ui-dropdown-menu-emptyState-subheader-text-fontSize: 12px; - --gse-ui-dropdown-menu-emptyState-subheader-foregroundColor: #626e84; + --gse-ui-dropdown-menu-emptyState-subheader-foregroundColor: #3e4a5b; --gse-ui-dropdown-gap: 4px; --gse-ui-calendarMenu-day-range-width: 16px; --gse-ui-calendarMenu-day-range-height: 32px; @@ -674,11 +653,11 @@ --gse-ui-datePicker-range-gap: 24px; --gse-ui-datePicker-startEndInput-gap: 8px; --gse-ui-datePicker-dateTyped-gap: 10px; - --gse-ui-datePicker-dateTyped-backgroundColor: #dee1fd; + --gse-ui-datePicker-dateTyped-backgroundColor: #e8ecf2; --gse-ui-datePicker-disabled-opacity: 0.5; --gse-ui-datePicker-focusCalendar-gap: 2px; - --gse-ui-datePicker-iconHover: #3742a2; - --gse-ui-datePicker-iconFocus: #3742a2; + --gse-ui-datePicker-iconHover: #2e394c; + --gse-ui-datePicker-iconFocus: #2e394c; --gse-ui-toggle-label-fontFamily: Roboto; --gse-ui-toggle-label-fontWeight: 400; --gse-ui-toggle-label-fontSize: 12px; @@ -779,9 +758,9 @@ --gse-ui-flyoutMenu-parenting-gap: 8px; --gse-ui-flyoutMenu-backgroundColor: #ffffff; --gse-ui-flyoutMenu-arrow-borderRadius: 4px; - --gse-ui-phoneInput-dropdown-hover-backgroundColor: #eff0fe; - --gse-ui-phoneInput-dropdown-active-backgroundColor: #ced2fc; - --gse-ui-phoneInput-dropdown-foregroundColor: #626e84; + --gse-ui-phoneInput-dropdown-hover-backgroundColor: #e8ecf2; + --gse-ui-phoneInput-dropdown-active-backgroundColor: #e2e6ee; + --gse-ui-phoneInput-dropdown-foregroundColor: #4c5667; --gse-ui-phoneInput-dropdown-flag-height: 12px; --gse-ui-phoneInput-dropdown-flag-width: 16px; --gse-ui-phoneInput-dropdown-height: 32px; @@ -791,7 +770,7 @@ --gse-ui-phoneInput-dropdown-padding: 0 8px 0 12px; --gse-ui-phoneInput-dropdown-disabled-padding: 0 4px 0 12px; --gse-ui-phoneInput-dropdown-gap: 4px; - --gse-ui-phoneInput-countryCode-foregroundColor: #626e84; + --gse-ui-phoneInput-countryCode-foregroundColor: #2e394c; --gse-ui-phoneInput-minWidth: 230px; --gse-ui-contextMenu-button-default: 32px; --gse-ui-contextMenu-button-compact: 24px; @@ -962,7 +941,7 @@ --gse-ui-dataTableItems-tablePagination-currentResultText-fontSize: 12px; --gse-ui-dataTableItems-tablePagination-currentResultText-lineHeight: 18px; --gse-ui-dataTableItems-tablePagination-defaultBackgroundColor: #ffffff; - --gse-ui-dataTableItems-tablePagination-foregroundColor: #1b2c48; + --gse-ui-dataTableItems-tablePagination-foregroundColor: #2e394c; --gse-ui-dataTableItems-tablePagination-countDisplay-gap: 4px; --gse-ui-avatar-groupShapes-gap: -4px; --gse-ui-avatar-large-size: 96px; @@ -997,8 +976,8 @@ ); --gse-ui-avatar-presenceRing-offline: linear-gradient( 135deg, - #767c8d 0%, - #a3a7b0 100% + #848891 0%, + #848891 100% ); --gse-ui-avatar-presenceRing-outOfOffice: linear-gradient( 135deg, @@ -1037,10 +1016,10 @@ --gse-ui-avatar-badge-busy-icon-margin: 2px; --gse-ui-avatar-badge-away-color: #f8c73e; --gse-ui-avatar-badge-away-icon-margin: 2px; - --gse-ui-avatar-badge-onQueue-color: #4856cb; - --gse-ui-avatar-badge-offline-color: #626e84; + --gse-ui-avatar-badge-onQueue-color: #2143a2; + --gse-ui-avatar-badge-offline-color: #848891; --gse-ui-avatar-badge-outOfOffice: #b74ba4; - --gse-ui-avatar-badge-notification-color: #fe624d; + --gse-ui-avatar-badge-notification-color: #ff451a; --gse-ui-avatar-badge-foregroundDefault-color: #ffffff; --gse-ui-avatar-badge-foregroundDark-color: #3e4a5b; --gse-ui-avatar-badge-notifications-icon-margin: 4px; @@ -1060,7 +1039,7 @@ --gse-ui-avatar-media-initialsBackground-accent12: #755000; --gse-ui-avatar-media-initialsBackground-overflowCount: #4c5667; --gse-ui-avatar-media-initialsBackground-add: #e8ecf2; - --gse-ui-avatar-media-initialsForeground-default: #1b2c48; + --gse-ui-avatar-media-initialsForeground-default: #2e394c; --gse-ui-avatar-media-initialsForeground-inverse: #ffffff; --gse-ui-avatar-media-initialsForeground-add: #2e394c; --gse-ui-avatar-hoverModal-shroudColor: #202937cc; @@ -1109,36 +1088,36 @@ --gse-ui-globalNav-toggle-offQueue-text-lineHeight: 16px; --gse-ui-globalNav-toggle-offQueue-text-fontSize: 12px; --gse-ui-globalNav-toggle-offQueue-text-fontWeight: 400; - --gse-ui-globalNav-focus-border-color: #7b88f7; - --gse-ui-globalNav-focus-border-width: 3px; + --gse-ui-globalNav-focus-border-color: #aac9ff; + --gse-ui-globalNav-focus-border-width: 2px; --gse-ui-globalNav-focus-border-style: solid; --gse-ui-globalNav-menuOption-height: 32px; --gse-ui-globalNav-menuOption-width: 248px; --gse-ui-globalNav-menuOption-padding: 0px 12px; --gse-ui-globalNav-menuOption-gap: 8px; --gse-ui-globalNav-menuOption-default-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-hover-backgroundColor: #252e78; + --gse-ui-globalNav-menuOption-hover-backgroundColor: #23478f; --gse-ui-globalNav-menuOption-hover-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-selected-backgroundColor: #4856cb; + --gse-ui-globalNav-menuOption-selected-backgroundColor: #2a60c8; --gse-ui-globalNav-menuOption-selected-foregroundColor: #ffffff; --gse-ui-globalNav-menuOption-disabled-backgroundColor: #ffffff; --gse-ui-globalNav-menuOption-focus-borderRadius: 8px; --gse-ui-globalNav-menuOption-borderRadius: 4px; --gse-ui-globalNav-menuOption-disableOpacity: 0.5; - --gse-ui-globalNav-menuOption-selectedPanel-backgroundColor: #3742a2; + --gse-ui-globalNav-menuOption-selectedPanel-backgroundColor: #2754ac; --gse-ui-globalNav-menuOption-selectedPanel-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-return-default-backgroundColor: #1c2463; + --gse-ui-globalNav-menuOption-return-default-backgroundColor: #2754ac; --gse-ui-globalNav-menuOption-return-default-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-return-hover-backgroundColor: #141a4f; + --gse-ui-globalNav-menuOption-return-hover-backgroundColor: #23478f; --gse-ui-globalNav-menuOption-return-hover-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-return-selected-backgroundColor: #4856cb; + --gse-ui-globalNav-menuOption-return-selected-backgroundColor: #2a60c8; --gse-ui-globalNav-menuOption-return-selected-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-treeView-bar: #314669; + --gse-ui-globalNav-menuOption-treeView-bar: #b4bccb4d; --gse-ui-globalNav-buttonReturn-height: 48px; --gse-ui-globalNav-buttonReturn-width: 280px; --gse-ui-globalNav-buttonReturn-padding: 16px 28px; --gse-ui-globalNav-buttonReturn-gap: 12px; - --gse-ui-globalNav-treeView-border-color: #3e5374; + --gse-ui-globalNav-treeView-border-color: #b4bccb4d; --gse-ui-globalNav-treeView-border-width: 2px; --gse-ui-globalNav-treeView-border-style: solid; --gse-ui-globalNav-treeView-gap: 8px; @@ -1148,14 +1127,14 @@ --gse-ui-globalNav-topBar-padding: 16px 24px; --gse-ui-globalNav-topBar-height: 64px; --gse-ui-globalNav-topBar-frame-backgroundColor: #ffffff; - --gse-ui-globalNav-topBar-frame-stroke: #c6ceec; + --gse-ui-globalNav-topBar-frame-stroke: #b4bccb; --gse-ui-globalNav-topBar-logo: #ff4f1f; - --gse-ui-globalNav-topBar-menuButton-closed-default-foregroundColor: #4856cb; - --gse-ui-globalNav-topBar-menuButton-closed-hover-backgroundColor: #3742a2; - --gse-ui-globalNav-topBar-menuButton-closed-hover-foregroundColorStroke: #4856cb; + --gse-ui-globalNav-topBar-menuButton-closed-default-foregroundColor: #2a60c8; + --gse-ui-globalNav-topBar-menuButton-closed-hover-backgroundColor: #2754ac; + --gse-ui-globalNav-topBar-menuButton-closed-hover-foregroundColorStroke: #2a60c8; --gse-ui-globalNav-topBar-menuButton-closed-hover-foregroundColor: #ffffff; --gse-ui-globalNav-topBar-menuButton-open-default-foregroundColorStroke: #ffffff; - --gse-ui-globalNav-topBar-menuButton-open-hover-backgroundColor: #3742a2; + --gse-ui-globalNav-topBar-menuButton-open-hover-backgroundColor: #2754ac; --gse-ui-globalNav-topBar-menuButton-open-hover-foregroundColor: #ffffff; --gse-ui-globalNav-panel-panelTitle: #ffffff; --gse-ui-globalNav-panel-primary: linear-gradient(