diff --git a/src/tokens/build/css/tokens.dark.css b/src/tokens/build/css/tokens.dark.css index 6f8087f7333d18f025e9c502c2d9943bcac17353..13de1871ff6e44b43e482bc654858d1b9f575783 100644 --- a/src/tokens/build/css/tokens.dark.css +++ b/src/tokens/build/css/tokens.dark.css @@ -814,13 +814,13 @@ --gl-feedback-neutral-background-color: var(--gl-color-neutral-900); /* Used for the background of a neutral feedback item when there isn't a specific meaning or urgency. */ --gl-feedback-neutral-text-color: var(--gl-color-neutral-200); /* Used for the text of a neutral feedback item when there isn't a specific meaning or urgency. */ --gl-feedback-neutral-icon-color: var(--gl-color-neutral-300); /* Used for the icon of a neutral feedback item when there isn't a specific meaning or urgency. */ - --gl-feedback-info-background-color: var(--gl-color-blue-950); /* Used for the background of an informational feedback item when highlighting new information or a change that doesn't require immediate action. */ + --gl-feedback-info-background-color: #2A394E; /* Used for the background of an informational feedback item when highlighting new information or a change that doesn't require immediate action. */ --gl-feedback-info-text-color: var(--gl-color-blue-200); /* Used for the text of an informational feedback item when highlighting new information or a change that doesn't require immediate action. */ --gl-feedback-info-icon-color: var(--gl-color-blue-300); /* Used for the icon of an informational feedback item when highlighting new information or a change that doesn't require immediate action. */ --gl-feedback-success-background-color: var(--gl-color-green-900); /* Used for the background of a success feedback item when confirming the successful completion of a user-initiated action. */ --gl-feedback-success-text-color: var(--gl-color-green-200); /* Used for the text of a success feedback item when confirming the successful completion of a user-initiated action. */ --gl-feedback-success-icon-color: var(--gl-color-green-300); /* Used for the icon of a success feedback item when confirming the successful completion of a user-initiated action. */ - --gl-feedback-warning-background-color: var(--gl-color-orange-900); /* Used for the background of a warning feedback item when notifying about a potential issue or sensitive information. */ + --gl-feedback-warning-background-color: #453522; /* Used for the background of a warning feedback item when notifying about a potential issue or sensitive information. */ --gl-feedback-warning-text-color: var(--gl-color-orange-200); /* Used for the text of a warning feedback item when notifying about a potential issue or sensitive information. */ --gl-feedback-warning-icon-color: var(--gl-color-orange-300); /* Used for the icon of a warning feedback item when notifying about a potential issue or sensitive information. */ --gl-feedback-danger-background-color: var(--gl-color-red-900); /* Used for the background of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention. */ diff --git a/src/tokens/build/js/tokens.dark.js b/src/tokens/build/js/tokens.dark.js index 1ae4cd34d1603bd7bf13504e498eac3e8973489d..6369b4b217b303b7edcdeb1c96e329e5cf4a0041 100644 --- a/src/tokens/build/js/tokens.dark.js +++ b/src/tokens/build/js/tokens.dark.js @@ -974,13 +974,13 @@ export const GL_FEEDBACK_STRONG_LINK_COLOR = '#63a6e9'; export const GL_FEEDBACK_NEUTRAL_BACKGROUND_COLOR = '#28272d'; export const GL_FEEDBACK_NEUTRAL_TEXT_COLOR = '#bfbfc3'; export const GL_FEEDBACK_NEUTRAL_ICON_COLOR = '#a4a3a8'; -export const GL_FEEDBACK_INFO_BACKGROUND_COLOR = '#002850'; +export const GL_FEEDBACK_INFO_BACKGROUND_COLOR = '#2A394E'; export const GL_FEEDBACK_INFO_TEXT_COLOR = '#9dc7f1'; export const GL_FEEDBACK_INFO_ICON_COLOR = '#63a6e9'; export const GL_FEEDBACK_SUCCESS_BACKGROUND_COLOR = '#0a4020'; export const GL_FEEDBACK_SUCCESS_TEXT_COLOR = '#91d4a8'; export const GL_FEEDBACK_SUCCESS_ICON_COLOR = '#52b87a'; -export const GL_FEEDBACK_WARNING_BACKGROUND_COLOR = '#5c2900'; +export const GL_FEEDBACK_WARNING_BACKGROUND_COLOR = '#453522'; export const GL_FEEDBACK_WARNING_TEXT_COLOR = '#e9be74'; export const GL_FEEDBACK_WARNING_ICON_COLOR = '#d99530'; export const GL_FEEDBACK_DANGER_BACKGROUND_COLOR = '#660e00'; diff --git a/src/tokens/build/json/tokens.dark.json b/src/tokens/build/json/tokens.dark.json index 6e83873e516c5bb9e208f7a252d74d6d3345a19c..ddc827a6d4c6d1bb6f582704a208c1e0c281c889 100644 --- a/src/tokens/build/json/tokens.dark.json +++ b/src/tokens/build/json/tokens.dark.json @@ -22320,7 +22320,7 @@ "info": { "background": { "color": { - "$value": "#002850", + "$value": "#2A394E", "$type": "color", "$description": "Used for the background of an informational feedback item when highlighting new information or a change that doesn't require immediate action.", "filePath": "src/tokens/feedback.tokens.json", @@ -22328,7 +22328,7 @@ "original": { "$value": { "default": "{color.blue.50}", - "dark": "{color.blue.950}" + "dark": "#2A394E" }, "$type": "color", "$description": "Used for the background of an informational feedback item when highlighting new information or a change that doesn't require immediate action." @@ -22474,7 +22474,7 @@ "warning": { "background": { "color": { - "$value": "#5c2900", + "$value": "#453522", "$type": "color", "$description": "Used for the background of a warning feedback item when notifying about a potential issue or sensitive information.", "filePath": "src/tokens/feedback.tokens.json", @@ -22482,7 +22482,7 @@ "original": { "$value": { "default": "{color.orange.50}", - "dark": "{color.orange.900}" + "dark": "#453522" }, "$type": "color", "$description": "Used for the background of a warning feedback item when notifying about a potential issue or sensitive information." diff --git a/src/tokens/build/json/tokens.json b/src/tokens/build/json/tokens.json index e30d7407f5e99b1bed894d63c8b8d12362f9d60b..54ef5a9bd4e0d375177421e4a92a0c7577f2f6ff 100644 --- a/src/tokens/build/json/tokens.json +++ b/src/tokens/build/json/tokens.json @@ -22328,7 +22328,7 @@ "original": { "$value": { "default": "{color.blue.50}", - "dark": "{color.blue.950}" + "dark": "#2A394E" }, "$type": "color", "$description": "Used for the background of an informational feedback item when highlighting new information or a change that doesn't require immediate action." @@ -22482,7 +22482,7 @@ "original": { "$value": { "default": "{color.orange.50}", - "dark": "{color.orange.900}" + "dark": "#453522" }, "$type": "color", "$description": "Used for the background of a warning feedback item when notifying about a potential issue or sensitive information." diff --git a/src/tokens/build/scss/_tokens.dark.scss b/src/tokens/build/scss/_tokens.dark.scss index 3d92da3ddcbc22573f33ed9701548be6ba5d476d..6b364cbaf54eed3f979737ec521e8f653ab7865d 100644 --- a/src/tokens/build/scss/_tokens.dark.scss +++ b/src/tokens/build/scss/_tokens.dark.scss @@ -812,13 +812,13 @@ $gl-feedback-strong-link-color: $gl-color-blue-300; // Used for a link on a stro $gl-feedback-neutral-background-color: $gl-color-neutral-900; // Used for the background of a neutral feedback item when there isn't a specific meaning or urgency. $gl-feedback-neutral-text-color: $gl-color-neutral-200; // Used for the text of a neutral feedback item when there isn't a specific meaning or urgency. $gl-feedback-neutral-icon-color: $gl-color-neutral-300; // Used for the icon of a neutral feedback item when there isn't a specific meaning or urgency. -$gl-feedback-info-background-color: $gl-color-blue-950; // Used for the background of an informational feedback item when highlighting new information or a change that doesn't require immediate action. +$gl-feedback-info-background-color: #2A394E; // Used for the background of an informational feedback item when highlighting new information or a change that doesn't require immediate action. $gl-feedback-info-text-color: $gl-color-blue-200; // Used for the text of an informational feedback item when highlighting new information or a change that doesn't require immediate action. $gl-feedback-info-icon-color: $gl-color-blue-300; // Used for the icon of an informational feedback item when highlighting new information or a change that doesn't require immediate action. $gl-feedback-success-background-color: $gl-color-green-900; // Used for the background of a success feedback item when confirming the successful completion of a user-initiated action. $gl-feedback-success-text-color: $gl-color-green-200; // Used for the text of a success feedback item when confirming the successful completion of a user-initiated action. $gl-feedback-success-icon-color: $gl-color-green-300; // Used for the icon of a success feedback item when confirming the successful completion of a user-initiated action. -$gl-feedback-warning-background-color: $gl-color-orange-900; // Used for the background of a warning feedback item when notifying about a potential issue or sensitive information. +$gl-feedback-warning-background-color: #453522; // Used for the background of a warning feedback item when notifying about a potential issue or sensitive information. $gl-feedback-warning-text-color: $gl-color-orange-200; // Used for the text of a warning feedback item when notifying about a potential issue or sensitive information. $gl-feedback-warning-icon-color: $gl-color-orange-300; // Used for the icon of a warning feedback item when notifying about a potential issue or sensitive information. $gl-feedback-danger-background-color: $gl-color-red-900; // Used for the background of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention. diff --git a/src/tokens/feedback.tokens.json b/src/tokens/feedback.tokens.json index 671df3822ea2369dfddc33771d4b4bd0ca0c899f..2bf607035fc55ee9f6e5da5ee5991e31de5ba094 100644 --- a/src/tokens/feedback.tokens.json +++ b/src/tokens/feedback.tokens.json @@ -67,7 +67,7 @@ "color": { "$value": { "default": "{color.blue.50}", - "dark": "{color.blue.950}" + "dark": "#2A394E" }, "$type": "color", "$description": "Used for the background of an informational feedback item when highlighting new information or a change that doesn't require immediate action." @@ -131,7 +131,7 @@ "color": { "$value": { "default": "{color.orange.50}", - "dark": "{color.orange.900}" + "dark": "#453522" }, "$type": "color", "$description": "Used for the background of a warning feedback item when notifying about a potential issue or sensitive information."