@gitlab/ui 89.2.0 → 89.3.0

package/dist/tokens/build/js/tokens.dark.js

@@ -291,118 +291,118 @@ const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_BLUE = '#9dc7f13d'; // Blue background
 const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_GREEN = '#91d4a83d'; // Green background for avatar fallback with no particular meaning.
 const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_ORANGE = '#e9be743d'; // Orange background for avatar fallback with no particular meaning.
 const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_NEUTRAL = '#bfbfc33d'; // Neutral background for avatar fallback with no particular meaning.
-const GL_BADGE_MUTED_BACKGROUND_COLOR_DEFAULT = '#28272d'; // Used for the background of a muted badge when static or the default state when linked.
-const GL_BADGE_MUTED_BACKGROUND_COLOR_HOVER = '#28272d'; // Used for the background of a muted badge in the hover state.
-const GL_BADGE_MUTED_BACKGROUND_COLOR_FOCUS = '#28272d'; // Used for the background of a muted badge in the focus state.
-const GL_BADGE_MUTED_BACKGROUND_COLOR_ACTIVE = '#3a383f'; // Used for the background of a muted badge in the active state.
+const GL_BADGE_MUTED_BACKGROUND_COLOR_DEFAULT = '#89888d'; // Used for the background of a muted badge when static or the default state when linked.
+const GL_BADGE_MUTED_BACKGROUND_COLOR_HOVER = '#89888d'; // Used for the background of a muted badge in the hover state.
+const GL_BADGE_MUTED_BACKGROUND_COLOR_FOCUS = '#89888d'; // Used for the background of a muted badge in the focus state.
+const GL_BADGE_MUTED_BACKGROUND_COLOR_ACTIVE = '#a4a3a8'; // Used for the background of a muted badge in the active state.
 const GL_BADGE_MUTED_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a muted badge when static or the default state when linked.
-const GL_BADGE_MUTED_BORDER_COLOR_HOVER = '#4c4b51'; // Used for the border of a muted badge in the hover state.
+const GL_BADGE_MUTED_BORDER_COLOR_HOVER = '#a4a3a8'; // Used for the border of a muted badge in the hover state.
 const GL_BADGE_MUTED_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a muted badge in the focus state.
 const GL_BADGE_MUTED_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a muted badge in the active state.
-const GL_BADGE_MUTED_TEXT_COLOR_DEFAULT = '#a4a3a8'; // Used for the text of a muted badge when static or the default state when linked.
-const GL_BADGE_MUTED_TEXT_COLOR_HOVER = '#bfbfc3'; // Used for the text of a muted badge in the hover state.
-const GL_BADGE_MUTED_TEXT_COLOR_FOCUS = '#bfbfc3'; // Used for the text of a muted badge in the focus state.
-const GL_BADGE_MUTED_TEXT_COLOR_ACTIVE = '#dcdcde'; // Used for the text of a muted badge in the active state.
-const GL_BADGE_MUTED_ICON_COLOR_DEFAULT = '#89888d'; // Used for the icon of a muted badge when static or the default state when linked.
-const GL_BADGE_MUTED_ICON_COLOR_HOVER = '#a4a3a8'; // Used for the icon of a muted badge in the hover state.
-const GL_BADGE_MUTED_ICON_COLOR_FOCUS = '#a4a3a8'; // Used for the icon of a muted badge in the focus state.
-const GL_BADGE_MUTED_ICON_COLOR_ACTIVE = '#bfbfc3'; // Used for the icon of a muted badge in the active state.
-const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#3a383f'; // Used for the background of a neutral badge when static or the default state when linked.
-const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_HOVER = '#3a383f'; // Used for the background of a neutral badge in the hover state.
-const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#3a383f'; // Used for the background of a neutral badge in the focus state.
-const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#4c4b51'; // Used for the background of a neutral badge in the active state.
+const GL_BADGE_MUTED_TEXT_COLOR_DEFAULT = '#18171d'; // Used for the text of a muted badge when static or the default state when linked.
+const GL_BADGE_MUTED_TEXT_COLOR_HOVER = '#18171d'; // Used for the text of a muted badge in the hover state.
+const GL_BADGE_MUTED_TEXT_COLOR_FOCUS = '#18171d'; // Used for the text of a muted badge in the focus state.
+const GL_BADGE_MUTED_TEXT_COLOR_ACTIVE = '#18171d'; // Used for the text of a muted badge in the active state.
+const GL_BADGE_MUTED_ICON_COLOR_DEFAULT = '#18171d'; // Used for the icon of a muted badge when static or the default state when linked.
+const GL_BADGE_MUTED_ICON_COLOR_HOVER = '#18171d'; // Used for the icon of a muted badge in the hover state.
+const GL_BADGE_MUTED_ICON_COLOR_FOCUS = '#18171d'; // Used for the icon of a muted badge in the focus state.
+const GL_BADGE_MUTED_ICON_COLOR_ACTIVE = '#18171d'; // Used for the icon of a muted badge in the active state.
+const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#a4a3a8'; // Used for the background of a neutral badge when static or the default state when linked.
+const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_HOVER = '#a4a3a8'; // Used for the background of a neutral badge in the hover state.
+const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#a4a3a8'; // Used for the background of a neutral badge in the focus state.
+const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#bfbfc3'; // Used for the background of a neutral badge in the active state.
 const GL_BADGE_NEUTRAL_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a neutral badge when static or the default state when linked.
-const GL_BADGE_NEUTRAL_BORDER_COLOR_HOVER = '#4c4b51'; // Used for the border of a neutral badge in the hover state.
+const GL_BADGE_NEUTRAL_BORDER_COLOR_HOVER = '#bfbfc3'; // Used for the border of a neutral badge in the hover state.
 const GL_BADGE_NEUTRAL_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a neutral badge in the focus state.
 const GL_BADGE_NEUTRAL_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a neutral badge in the active state.
-const GL_BADGE_NEUTRAL_TEXT_COLOR_DEFAULT = '#bfbfc3'; // Used for the text of a neutral badge when static or the default state when linked.
-const GL_BADGE_NEUTRAL_TEXT_COLOR_HOVER = '#dcdcde'; // Used for the text of a neutral badge in the hover state.
-const GL_BADGE_NEUTRAL_TEXT_COLOR_FOCUS = '#dcdcde'; // Used for the text of a neutral badge in the focus state.
-const GL_BADGE_NEUTRAL_TEXT_COLOR_ACTIVE = '#ececef'; // Used for the text of a neutral badge in the active state.
-const GL_BADGE_NEUTRAL_ICON_COLOR_DEFAULT = '#89888d'; // Used for the icon of a neutral badge when static or the default state when linked.
-const GL_BADGE_NEUTRAL_ICON_COLOR_HOVER = '#a4a3a8'; // Used for the icon of a neutral badge in the hover state.
-const GL_BADGE_NEUTRAL_ICON_COLOR_FOCUS = '#a4a3a8'; // Used for the icon of a neutral badge in the focus state.
-const GL_BADGE_NEUTRAL_ICON_COLOR_ACTIVE = '#bfbfc3'; // Used for the icon of a neutral badge in the active state.
-const GL_BADGE_INFO_BACKGROUND_COLOR_DEFAULT = '#064787'; // Used for the background of an informational badge when static or the default state when linked.
-const GL_BADGE_INFO_BACKGROUND_COLOR_HOVER = '#064787'; // Used for the background of an informational badge in the hover state.
-const GL_BADGE_INFO_BACKGROUND_COLOR_FOCUS = '#064787'; // Used for the background of an informational badge in the focus state.
-const GL_BADGE_INFO_BACKGROUND_COLOR_ACTIVE = '#0b5cad'; // Used for the background of an informational badge in the active state.
+const GL_BADGE_NEUTRAL_TEXT_COLOR_DEFAULT = '#18171d'; // Used for the text of a neutral badge when static or the default state when linked.
+const GL_BADGE_NEUTRAL_TEXT_COLOR_HOVER = '#18171d'; // Used for the text of a neutral badge in the hover state.
+const GL_BADGE_NEUTRAL_TEXT_COLOR_FOCUS = '#18171d'; // Used for the text of a neutral badge in the focus state.
+const GL_BADGE_NEUTRAL_TEXT_COLOR_ACTIVE = '#18171d'; // Used for the text of a neutral badge in the active state.
+const GL_BADGE_NEUTRAL_ICON_COLOR_DEFAULT = '#18171d'; // Used for the icon of a neutral badge when static or the default state when linked.
+const GL_BADGE_NEUTRAL_ICON_COLOR_HOVER = '#18171d'; // Used for the icon of a neutral badge in the hover state.
+const GL_BADGE_NEUTRAL_ICON_COLOR_FOCUS = '#18171d'; // Used for the icon of a neutral badge in the focus state.
+const GL_BADGE_NEUTRAL_ICON_COLOR_ACTIVE = '#18171d'; // Used for the icon of a neutral badge in the active state.
+const GL_BADGE_INFO_BACKGROUND_COLOR_DEFAULT = '#63a6e9'; // Used for the background of an informational badge when static or the default state when linked.
+const GL_BADGE_INFO_BACKGROUND_COLOR_HOVER = '#63a6e9'; // Used for the background of an informational badge in the hover state.
+const GL_BADGE_INFO_BACKGROUND_COLOR_FOCUS = '#63a6e9'; // Used for the background of an informational badge in the focus state.
+const GL_BADGE_INFO_BACKGROUND_COLOR_ACTIVE = '#9dc7f1'; // Used for the background of an informational badge in the active state.
 const GL_BADGE_INFO_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of an informational badge when static or the default state when linked.
-const GL_BADGE_INFO_BORDER_COLOR_HOVER = '#0b5cad'; // Used for the border of an informational badge in the hover state.
+const GL_BADGE_INFO_BORDER_COLOR_HOVER = '#9dc7f1'; // Used for the border of an informational badge in the hover state.
 const GL_BADGE_INFO_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of an informational badge in the focus state.
 const GL_BADGE_INFO_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of an informational badge in the active state.
-const GL_BADGE_INFO_TEXT_COLOR_DEFAULT = '#9dc7f1'; // Used for the text of an informational badge when static or the default state when linked.
-const GL_BADGE_INFO_TEXT_COLOR_HOVER = '#cbe2f9'; // Used for the text of an informational badge in the hover state.
-const GL_BADGE_INFO_TEXT_COLOR_FOCUS = '#cbe2f9'; // Used for the text of an informational badge in the focus state.
-const GL_BADGE_INFO_TEXT_COLOR_ACTIVE = '#e9f3fc'; // Used for the text of an informational badge in the active state.
-const GL_BADGE_INFO_ICON_COLOR_DEFAULT = '#428fdc'; // Used for the icon of an informational badge when static or the default state when linked.
-const GL_BADGE_INFO_ICON_COLOR_HOVER = '#63a6e9'; // Used for the icon of an informational badge in the hover state.
-const GL_BADGE_INFO_ICON_COLOR_FOCUS = '#63a6e9'; // Used for the icon of an informational badge in the focus state.
-const GL_BADGE_INFO_ICON_COLOR_ACTIVE = '#9dc7f1'; // Used for the icon of an informational badge in the active state.
-const GL_BADGE_SUCCESS_BACKGROUND_COLOR_DEFAULT = '#0d532a'; // Used for the background of a success badge when static or the default state when linked.
-const GL_BADGE_SUCCESS_BACKGROUND_COLOR_HOVER = '#0d532a'; // Used for the background of a success badge in the hover state.
-const GL_BADGE_SUCCESS_BACKGROUND_COLOR_FOCUS = '#0d532a'; // Used for the background of a success badge in the focus state.
-const GL_BADGE_SUCCESS_BACKGROUND_COLOR_ACTIVE = '#24663b'; // Used for the background of a success badge in the active state.
+const GL_BADGE_INFO_TEXT_COLOR_DEFAULT = '#002850'; // Used for the text of an informational badge when static or the default state when linked.
+const GL_BADGE_INFO_TEXT_COLOR_HOVER = '#002850'; // Used for the text of an informational badge in the hover state.
+const GL_BADGE_INFO_TEXT_COLOR_FOCUS = '#002850'; // Used for the text of an informational badge in the focus state.
+const GL_BADGE_INFO_TEXT_COLOR_ACTIVE = '#002850'; // Used for the text of an informational badge in the active state.
+const GL_BADGE_INFO_ICON_COLOR_DEFAULT = '#002850'; // Used for the icon of an informational badge when static or the default state when linked.
+const GL_BADGE_INFO_ICON_COLOR_HOVER = '#002850'; // Used for the icon of an informational badge in the hover state.
+const GL_BADGE_INFO_ICON_COLOR_FOCUS = '#002850'; // Used for the icon of an informational badge in the focus state.
+const GL_BADGE_INFO_ICON_COLOR_ACTIVE = '#002850'; // Used for the icon of an informational badge in the active state.
+const GL_BADGE_SUCCESS_BACKGROUND_COLOR_DEFAULT = '#52b87a'; // Used for the background of a success badge when static or the default state when linked.
+const GL_BADGE_SUCCESS_BACKGROUND_COLOR_HOVER = '#52b87a'; // Used for the background of a success badge in the hover state.
+const GL_BADGE_SUCCESS_BACKGROUND_COLOR_FOCUS = '#52b87a'; // Used for the background of a success badge in the focus state.
+const GL_BADGE_SUCCESS_BACKGROUND_COLOR_ACTIVE = '#91d4a8'; // Used for the background of a success badge in the active state.
 const GL_BADGE_SUCCESS_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a success badge when static or the default state when linked.
-const GL_BADGE_SUCCESS_BORDER_COLOR_HOVER = '#24663b'; // Used for the border of a success badge in the hover state.
+const GL_BADGE_SUCCESS_BORDER_COLOR_HOVER = '#91d4a8'; // Used for the border of a success badge in the hover state.
 const GL_BADGE_SUCCESS_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a success badge in the focus state.
 const GL_BADGE_SUCCESS_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a success badge in the active state.
-const GL_BADGE_SUCCESS_TEXT_COLOR_DEFAULT = '#91d4a8'; // Used for the text of a success badge when static or the default state when linked.
-const GL_BADGE_SUCCESS_TEXT_COLOR_HOVER = '#c3e6cd'; // Used for the text of a success badge in the hover state.
-const GL_BADGE_SUCCESS_TEXT_COLOR_FOCUS = '#c3e6cd'; // Used for the text of a success badge in the focus state.
-const GL_BADGE_SUCCESS_TEXT_COLOR_ACTIVE = '#ecf4ee'; // Used for the text of a success badge in the active state.
-const GL_BADGE_SUCCESS_ICON_COLOR_DEFAULT = '#2da160'; // Used for the icon of a success badge when static or the default state when linked.
-const GL_BADGE_SUCCESS_ICON_COLOR_HOVER = '#52b87a'; // Used for the icon of a success badge in the hover state.
-const GL_BADGE_SUCCESS_ICON_COLOR_FOCUS = '#52b87a'; // Used for the icon of a success badge in the focus state.
-const GL_BADGE_SUCCESS_ICON_COLOR_ACTIVE = '#91d4a8'; // Used for the icon of a success badge in the active state.
-const GL_BADGE_WARNING_BACKGROUND_COLOR_DEFAULT = '#703800'; // Used for the background of a warning badge when static or the default state when linked.
-const GL_BADGE_WARNING_BACKGROUND_COLOR_HOVER = '#703800'; // Used for the background of a warning badge in the hover state.
-const GL_BADGE_WARNING_BACKGROUND_COLOR_FOCUS = '#703800'; // Used for the background of a warning badge in the focus state.
-const GL_BADGE_WARNING_BACKGROUND_COLOR_ACTIVE = '#8f4700'; // Used for the background of a warning badge in the active state.
+const GL_BADGE_SUCCESS_TEXT_COLOR_DEFAULT = '#072b15'; // Used for the text of a success badge when static or the default state when linked.
+const GL_BADGE_SUCCESS_TEXT_COLOR_HOVER = '#072b15'; // Used for the text of a success badge in the hover state.
+const GL_BADGE_SUCCESS_TEXT_COLOR_FOCUS = '#072b15'; // Used for the text of a success badge in the focus state.
+const GL_BADGE_SUCCESS_TEXT_COLOR_ACTIVE = '#072b15'; // Used for the text of a success badge in the active state.
+const GL_BADGE_SUCCESS_ICON_COLOR_DEFAULT = '#072b15'; // Used for the icon of a success badge when static or the default state when linked.
+const GL_BADGE_SUCCESS_ICON_COLOR_HOVER = '#072b15'; // Used for the icon of a success badge in the hover state.
+const GL_BADGE_SUCCESS_ICON_COLOR_FOCUS = '#072b15'; // Used for the icon of a success badge in the focus state.
+const GL_BADGE_SUCCESS_ICON_COLOR_ACTIVE = '#072b15'; // Used for the icon of a success badge in the active state.
+const GL_BADGE_WARNING_BACKGROUND_COLOR_DEFAULT = '#d99530'; // Used for the background of a warning badge when static or the default state when linked.
+const GL_BADGE_WARNING_BACKGROUND_COLOR_HOVER = '#d99530'; // Used for the background of a warning badge in the hover state.
+const GL_BADGE_WARNING_BACKGROUND_COLOR_FOCUS = '#d99530'; // Used for the background of a warning badge in the focus state.
+const GL_BADGE_WARNING_BACKGROUND_COLOR_ACTIVE = '#e9be74'; // Used for the background of a warning badge in the active state.
 const GL_BADGE_WARNING_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a warning badge when static or the default state when linked.
-const GL_BADGE_WARNING_BORDER_COLOR_HOVER = '#8f4700'; // Used for the border of a warning badge in the hover state.
+const GL_BADGE_WARNING_BORDER_COLOR_HOVER = '#e9be74'; // Used for the border of a warning badge in the hover state.
 const GL_BADGE_WARNING_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a warning badge in the focus state.
 const GL_BADGE_WARNING_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a warning badge in the active state.
-const GL_BADGE_WARNING_TEXT_COLOR_DEFAULT = '#e9be74'; // Used for the text of a warning badge when static or the default state when linked.
-const GL_BADGE_WARNING_TEXT_COLOR_HOVER = '#f5d9a8'; // Used for the text of a warning badge in the hover state.
-const GL_BADGE_WARNING_TEXT_COLOR_FOCUS = '#f5d9a8'; // Used for the text of a warning badge in the focus state.
-const GL_BADGE_WARNING_TEXT_COLOR_ACTIVE = '#fdf1dd'; // Used for the text of a warning badge in the active state.
-const GL_BADGE_WARNING_ICON_COLOR_DEFAULT = '#c17d10'; // Used for the icon of a warning badge when static or the default state when linked.
-const GL_BADGE_WARNING_ICON_COLOR_HOVER = '#d99530'; // Used for the icon of a warning badge in the hover state.
-const GL_BADGE_WARNING_ICON_COLOR_FOCUS = '#d99530'; // Used for the icon of a warning badge in the focus state.
-const GL_BADGE_WARNING_ICON_COLOR_ACTIVE = '#e9be74'; // Used for the icon of a warning badge in the active state.
-const GL_BADGE_DANGER_BACKGROUND_COLOR_DEFAULT = '#8d1300'; // Used for the background of a danger badge when static or the default state when linked.
-const GL_BADGE_DANGER_BACKGROUND_COLOR_HOVER = '#8d1300'; // Used for the background of a danger badge in the hover state.
-const GL_BADGE_DANGER_BACKGROUND_COLOR_FOCUS = '#8d1300'; // Used for the background of a danger badge in the focus state.
-const GL_BADGE_DANGER_BACKGROUND_COLOR_ACTIVE = '#ae1800'; // Used for the background of a danger badge in the active state.
+const GL_BADGE_WARNING_TEXT_COLOR_DEFAULT = '#421f00'; // Used for the text of a warning badge when static or the default state when linked.
+const GL_BADGE_WARNING_TEXT_COLOR_HOVER = '#421f00'; // Used for the text of a warning badge in the hover state.
+const GL_BADGE_WARNING_TEXT_COLOR_FOCUS = '#421f00'; // Used for the text of a warning badge in the focus state.
+const GL_BADGE_WARNING_TEXT_COLOR_ACTIVE = '#421f00'; // Used for the text of a warning badge in the active state.
+const GL_BADGE_WARNING_ICON_COLOR_DEFAULT = '#421f00'; // Used for the icon of a warning badge when static or the default state when linked.
+const GL_BADGE_WARNING_ICON_COLOR_HOVER = '#421f00'; // Used for the icon of a warning badge in the hover state.
+const GL_BADGE_WARNING_ICON_COLOR_FOCUS = '#421f00'; // Used for the icon of a warning badge in the focus state.
+const GL_BADGE_WARNING_ICON_COLOR_ACTIVE = '#421f00'; // Used for the icon of a warning badge in the active state.
+const GL_BADGE_DANGER_BACKGROUND_COLOR_DEFAULT = '#f57f6c'; // Used for the background of a danger badge when static or the default state when linked.
+const GL_BADGE_DANGER_BACKGROUND_COLOR_HOVER = '#f57f6c'; // Used for the background of a danger badge in the hover state.
+const GL_BADGE_DANGER_BACKGROUND_COLOR_FOCUS = '#f57f6c'; // Used for the background of a danger badge in the focus state.
+const GL_BADGE_DANGER_BACKGROUND_COLOR_ACTIVE = '#fcb5aa'; // Used for the background of a danger badge in the active state.
 const GL_BADGE_DANGER_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a danger badge when static or the default state when linked.
-const GL_BADGE_DANGER_BORDER_COLOR_HOVER = '#ae1800'; // Used for the border of a danger badge in the hover state.
+const GL_BADGE_DANGER_BORDER_COLOR_HOVER = '#fcb5aa'; // Used for the border of a danger badge in the hover state.
 const GL_BADGE_DANGER_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a danger badge in the focus state.
 const GL_BADGE_DANGER_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a danger badge in the active state.
-const GL_BADGE_DANGER_TEXT_COLOR_DEFAULT = '#fcb5aa'; // Used for the text of a danger badge when static or the default state when linked.
-const GL_BADGE_DANGER_TEXT_COLOR_HOVER = '#fdd4cd'; // Used for the text of a danger badge in the hover state.
-const GL_BADGE_DANGER_TEXT_COLOR_FOCUS = '#fdd4cd'; // Used for the text of a danger badge in the focus state.
-const GL_BADGE_DANGER_TEXT_COLOR_ACTIVE = '#fcf1ef'; // Used for the text of a danger badge in the active state.
-const GL_BADGE_DANGER_ICON_COLOR_DEFAULT = '#ec5941'; // Used for the icon of a danger badge when static or the default state when linked.
-const GL_BADGE_DANGER_ICON_COLOR_HOVER = '#f57f6c'; // Used for the icon of a danger badge in the hover state.
-const GL_BADGE_DANGER_ICON_COLOR_FOCUS = '#f57f6c'; // Used for the icon of a danger badge in the focus state.
-const GL_BADGE_DANGER_ICON_COLOR_ACTIVE = '#fcb5aa'; // Used for the icon of a danger badge in the active state.
-const GL_BADGE_TIER_BACKGROUND_COLOR_DEFAULT = '#2f2a6b'; // Used for the background of a tier related badge when static or the default state when linked.
-const GL_BADGE_TIER_BACKGROUND_COLOR_HOVER = '#2f2a6b'; // Used for the background of a tier related badge in the hover state.
-const GL_BADGE_TIER_BACKGROUND_COLOR_FOCUS = '#2f2a6b'; // Used for the background of a tier related badge in the focus state.
-const GL_BADGE_TIER_BACKGROUND_COLOR_ACTIVE = '#453894'; // Used for the background of a tier related badge in the active state.
+const GL_BADGE_DANGER_TEXT_COLOR_DEFAULT = '#4d0a00'; // Used for the text of a danger badge when static or the default state when linked.
+const GL_BADGE_DANGER_TEXT_COLOR_HOVER = '#4d0a00'; // Used for the text of a danger badge in the hover state.
+const GL_BADGE_DANGER_TEXT_COLOR_FOCUS = '#4d0a00'; // Used for the text of a danger badge in the focus state.
+const GL_BADGE_DANGER_TEXT_COLOR_ACTIVE = '#4d0a00'; // Used for the text of a danger badge in the active state.
+const GL_BADGE_DANGER_ICON_COLOR_DEFAULT = '#4d0a00'; // Used for the icon of a danger badge when static or the default state when linked.
+const GL_BADGE_DANGER_ICON_COLOR_HOVER = '#4d0a00'; // Used for the icon of a danger badge in the hover state.
+const GL_BADGE_DANGER_ICON_COLOR_FOCUS = '#4d0a00'; // Used for the icon of a danger badge in the focus state.
+const GL_BADGE_DANGER_ICON_COLOR_ACTIVE = '#4d0a00'; // Used for the icon of a danger badge in the active state.
+const GL_BADGE_TIER_BACKGROUND_COLOR_DEFAULT = '#ac93e6'; // Used for the background of a tier related badge when static or the default state when linked.
+const GL_BADGE_TIER_BACKGROUND_COLOR_HOVER = '#ac93e6'; // Used for the background of a tier related badge in the hover state.
+const GL_BADGE_TIER_BACKGROUND_COLOR_FOCUS = '#ac93e6'; // Used for the background of a tier related badge in the focus state.
+const GL_BADGE_TIER_BACKGROUND_COLOR_ACTIVE = '#cbbbf2'; // Used for the background of a tier related badge in the active state.
 const GL_BADGE_TIER_BORDER_COLOR_DEFAULT = 'transparent'; // Used for the border of a tier related badge when static or the default state when linked.
-const GL_BADGE_TIER_BORDER_COLOR_HOVER = '#453894'; // Used for the border of a tier related badge in the hover state.
+const GL_BADGE_TIER_BORDER_COLOR_HOVER = '#cbbbf2'; // Used for the border of a tier related badge in the hover state.
 const GL_BADGE_TIER_BORDER_COLOR_FOCUS = 'transparent'; // Used for the border of a tier related badge in the focus state.
 const GL_BADGE_TIER_BORDER_COLOR_ACTIVE = 'transparent'; // Used for the border of a tier related badge in the active state.
-const GL_BADGE_TIER_TEXT_COLOR_DEFAULT = '#ac93e6'; // Used for the text of a tier related badge when static or the default state when linked.
-const GL_BADGE_TIER_TEXT_COLOR_HOVER = '#cbbbf2'; // Used for the text of a tier related badge in the hover state.
-const GL_BADGE_TIER_TEXT_COLOR_FOCUS = '#cbbbf2'; // Used for the text of a tier related badge in the focus state.
-const GL_BADGE_TIER_TEXT_COLOR_ACTIVE = '#e1d8f9'; // Used for the text of a tier related badge in the active state.
-const GL_BADGE_TIER_ICON_COLOR_DEFAULT = '#7b58cf'; // Used for the icon of a tier related badge when static or the default state when linked.
-const GL_BADGE_TIER_ICON_COLOR_HOVER = '#9475db'; // Used for the icon of a tier related badge in the hover state.
-const GL_BADGE_TIER_ICON_COLOR_FOCUS = '#9475db'; // Used for the icon of a tier related badge in the focus state.
-const GL_BADGE_TIER_ICON_COLOR_ACTIVE = '#ac93e6'; // Used for the icon of a tier related badge in the active state.
+const GL_BADGE_TIER_TEXT_COLOR_DEFAULT = '#232150'; // Used for the text of a tier related badge when static or the default state when linked.
+const GL_BADGE_TIER_TEXT_COLOR_HOVER = '#232150'; // Used for the text of a tier related badge in the hover state.
+const GL_BADGE_TIER_TEXT_COLOR_FOCUS = '#232150'; // Used for the text of a tier related badge in the focus state.
+const GL_BADGE_TIER_TEXT_COLOR_ACTIVE = '#232150'; // Used for the text of a tier related badge in the active state.
+const GL_BADGE_TIER_ICON_COLOR_DEFAULT = '#232150'; // Used for the icon of a tier related badge when static or the default state when linked.
+const GL_BADGE_TIER_ICON_COLOR_HOVER = '#232150'; // Used for the icon of a tier related badge in the hover state.
+const GL_BADGE_TIER_ICON_COLOR_FOCUS = '#232150'; // Used for the icon of a tier related badge in the focus state.
+const GL_BADGE_TIER_ICON_COLOR_ACTIVE = '#232150'; // Used for the icon of a tier related badge in the active state.
 const GL_BANNER_INTRO_BORDER_COLOR = '#1068bf'; // Used to compliment the info banner.
 const GL_BANNER_PROMO_BACKGROUND_COLOR = '#28272d'; // Used as background for the default banner type.
 const GL_BREADCRUMB_SEPARATOR_COLOR = '#89888d'; // Used for the breadcrumb level separator.

package/dist/tokens/build/js/tokens.js

@@ -383,10 +383,10 @@ const GL_BADGE_DANGER_TEXT_COLOR_DEFAULT = '#ae1800'; // Used for the text of a
 const GL_BADGE_DANGER_TEXT_COLOR_HOVER = '#8d1300'; // Used for the text of a danger badge in the hover state.
 const GL_BADGE_DANGER_TEXT_COLOR_FOCUS = '#8d1300'; // Used for the text of a danger badge in the focus state.
 const GL_BADGE_DANGER_TEXT_COLOR_ACTIVE = '#660e00'; // Used for the text of a danger badge in the active state.
-const GL_BADGE_DANGER_ICON_COLOR_DEFAULT = '#dd2b0e'; // Used for the icon of a danger badge when static or the default state when linked.
-const GL_BADGE_DANGER_ICON_COLOR_HOVER = '#c91c00'; // Used for the icon of a danger badge in the hover state.
-const GL_BADGE_DANGER_ICON_COLOR_FOCUS = '#c91c00'; // Used for the icon of a danger badge in the focus state.
-const GL_BADGE_DANGER_ICON_COLOR_ACTIVE = '#ae1800'; // Used for the icon of a danger badge in the active state.
+const GL_BADGE_DANGER_ICON_COLOR_DEFAULT = '#ae1800'; // Used for the icon of a danger badge when static or the default state when linked.
+const GL_BADGE_DANGER_ICON_COLOR_HOVER = '#8d1300'; // Used for the icon of a danger badge in the hover state.
+const GL_BADGE_DANGER_ICON_COLOR_FOCUS = '#8d1300'; // Used for the icon of a danger badge in the focus state.
+const GL_BADGE_DANGER_ICON_COLOR_ACTIVE = '#660e00'; // Used for the icon of a danger badge in the active state.
 const GL_BADGE_TIER_BACKGROUND_COLOR_DEFAULT = '#e1d8f9'; // Used for the background of a tier related badge when static or the default state when linked.
 const GL_BADGE_TIER_BACKGROUND_COLOR_HOVER = '#e1d8f9'; // Used for the background of a tier related badge in the hover state.
 const GL_BADGE_TIER_BACKGROUND_COLOR_FOCUS = '#e1d8f9'; // Used for the background of a tier related badge in the focus state.
@@ -399,10 +399,10 @@ const GL_BADGE_TIER_TEXT_COLOR_DEFAULT = '#5943b6'; // Used for the text of a ti
 const GL_BADGE_TIER_TEXT_COLOR_HOVER = '#453894'; // Used for the text of a tier related badge in the hover state.
 const GL_BADGE_TIER_TEXT_COLOR_FOCUS = '#453894'; // Used for the text of a tier related badge in the focus state.
 const GL_BADGE_TIER_TEXT_COLOR_ACTIVE = '#2f2a6b'; // Used for the text of a tier related badge in the active state.
-const GL_BADGE_TIER_ICON_COLOR_DEFAULT = '#7b58cf'; // Used for the icon of a tier related badge when static or the default state when linked.
-const GL_BADGE_TIER_ICON_COLOR_HOVER = '#694cc0'; // Used for the icon of a tier related badge in the hover state.
-const GL_BADGE_TIER_ICON_COLOR_FOCUS = '#694cc0'; // Used for the icon of a tier related badge in the focus state.
-const GL_BADGE_TIER_ICON_COLOR_ACTIVE = '#5943b6'; // Used for the icon of a tier related badge in the active state.
+const GL_BADGE_TIER_ICON_COLOR_DEFAULT = '#5943b6'; // Used for the icon of a tier related badge when static or the default state when linked.
+const GL_BADGE_TIER_ICON_COLOR_HOVER = '#453894'; // Used for the icon of a tier related badge in the hover state.
+const GL_BADGE_TIER_ICON_COLOR_FOCUS = '#453894'; // Used for the icon of a tier related badge in the focus state.
+const GL_BADGE_TIER_ICON_COLOR_ACTIVE = '#2f2a6b'; // Used for the icon of a tier related badge in the active state.
 const GL_BANNER_INTRO_BORDER_COLOR = '#63a6e9'; // Used to compliment the info banner.
 const GL_BANNER_PROMO_BACKGROUND_COLOR = '#fbfafd'; // Used as background for the default banner type.
 const GL_BREADCRUMB_SEPARATOR_COLOR = '#89888d'; // Used for the breadcrumb level separator.

package/dist/tokens/css/tokens.css

@@ -574,9 +574,9 @@
   --gl-breadcrumb-separator-color: var(--gl-color-neutral-400); /* Used for the breadcrumb level separator. */
   --gl-banner-promo-background-color: var(--gl-color-neutral-10); /* Used as background for the default banner type. */
   --gl-banner-intro-border-color: var(--gl-color-blue-300); /* Used to compliment the info banner. */
-  --gl-badge-tier-icon-color-active: var(--gl-color-purple-700); /* Used for the icon of a tier related badge in the active state. */
-  --gl-badge-tier-icon-color-hover: var(--gl-color-purple-600); /* Used for the icon of a tier related badge in the hover state. */
-  --gl-badge-tier-icon-color-default: var(--gl-color-purple-500); /* Used for the icon of a tier related badge when static or the default state when linked. */
+  --gl-badge-tier-icon-color-active: var(--gl-color-purple-900); /* Used for the icon of a tier related badge in the active state. */
+  --gl-badge-tier-icon-color-hover: var(--gl-color-purple-800); /* Used for the icon of a tier related badge in the hover state. */
+  --gl-badge-tier-icon-color-default: var(--gl-color-purple-700); /* Used for the icon of a tier related badge when static or the default state when linked. */
   --gl-badge-tier-text-color-active: var(--gl-color-purple-900); /* Used for the text of a tier related badge in the active state. */
   --gl-badge-tier-text-color-hover: var(--gl-color-purple-800); /* Used for the text of a tier related badge in the hover state. */
   --gl-badge-tier-text-color-default: var(--gl-color-purple-700); /* Used for the text of a tier related badge when static or the default state when linked. */
@@ -586,9 +586,9 @@
   --gl-badge-tier-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a tier related badge when static or the default state when linked. */
   --gl-badge-tier-background-color-active: var(--gl-color-purple-200); /* Used for the background of a tier related badge in the active state. */
   --gl-badge-tier-background-color-default: var(--gl-color-purple-100); /* Used for the background of a tier related badge when static or the default state when linked. */
-  --gl-badge-danger-icon-color-active: var(--gl-color-red-700); /* Used for the icon of a danger badge in the active state. */
-  --gl-badge-danger-icon-color-hover: var(--gl-color-red-600); /* Used for the icon of a danger badge in the hover state. */
-  --gl-badge-danger-icon-color-default: var(--gl-color-red-500); /* Used for the icon of a danger badge when static or the default state when linked. */
+  --gl-badge-danger-icon-color-active: var(--gl-color-red-900); /* Used for the icon of a danger badge in the active state. */
+  --gl-badge-danger-icon-color-hover: var(--gl-color-red-800); /* Used for the icon of a danger badge in the hover state. */
+  --gl-badge-danger-icon-color-default: var(--gl-color-red-700); /* Used for the icon of a danger badge when static or the default state when linked. */
   --gl-badge-danger-text-color-active: var(--gl-color-red-900); /* Used for the text of a danger badge in the active state. */
   --gl-badge-danger-text-color-hover: var(--gl-color-red-800); /* Used for the text of a danger badge in the hover state. */
   --gl-badge-danger-text-color-default: var(--gl-color-red-700); /* Used for the text of a danger badge when static or the default state when linked. */

package/dist/tokens/css/tokens.dark.css

@@ -574,90 +574,90 @@
   --gl-breadcrumb-separator-color: var(--gl-color-neutral-400); /* Used for the breadcrumb level separator. */
   --gl-banner-promo-background-color: var(--gl-color-neutral-900); /* Used as background for the default banner type. */
   --gl-banner-intro-border-color: var(--gl-color-blue-600); /* Used to compliment the info banner. */
-  --gl-badge-tier-icon-color-active: var(--gl-color-purple-300); /* Used for the icon of a tier related badge in the active state. */
-  --gl-badge-tier-icon-color-hover: var(--gl-color-purple-400); /* Used for the icon of a tier related badge in the hover state. */
-  --gl-badge-tier-icon-color-default: var(--gl-color-purple-500); /* Used for the icon of a tier related badge when static or the default state when linked. */
-  --gl-badge-tier-text-color-active: var(--gl-color-purple-100); /* Used for the text of a tier related badge in the active state. */
-  --gl-badge-tier-text-color-hover: var(--gl-color-purple-200); /* Used for the text of a tier related badge in the hover state. */
-  --gl-badge-tier-text-color-default: var(--gl-color-purple-300); /* Used for the text of a tier related badge when static or the default state when linked. */
+  --gl-badge-tier-icon-color-active: var(--gl-color-purple-950); /* Used for the icon of a tier related badge in the active state. */
+  --gl-badge-tier-icon-color-hover: var(--gl-color-purple-950); /* Used for the icon of a tier related badge in the hover state. */
+  --gl-badge-tier-icon-color-default: var(--gl-color-purple-950); /* Used for the icon of a tier related badge when static or the default state when linked. */
+  --gl-badge-tier-text-color-active: var(--gl-color-purple-950); /* Used for the text of a tier related badge in the active state. */
+  --gl-badge-tier-text-color-hover: var(--gl-color-purple-950); /* Used for the text of a tier related badge in the hover state. */
+  --gl-badge-tier-text-color-default: var(--gl-color-purple-950); /* Used for the text of a tier related badge when static or the default state when linked. */
   --gl-badge-tier-border-color-active: var(--gl-color-alpha-0); /* Used for the border of a tier related badge in the active state. */
   --gl-badge-tier-border-color-focus: var(--gl-color-alpha-0); /* Used for the border of a tier related badge in the focus state. */
-  --gl-badge-tier-border-color-hover: var(--gl-color-purple-800); /* Used for the border of a tier related badge in the hover state. */
+  --gl-badge-tier-border-color-hover: var(--gl-color-purple-200); /* Used for the border of a tier related badge in the hover state. */
   --gl-badge-tier-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a tier related badge when static or the default state when linked. */
-  --gl-badge-tier-background-color-active: var(--gl-color-purple-800); /* Used for the background of a tier related badge in the active state. */
-  --gl-badge-tier-background-color-default: var(--gl-color-purple-900); /* Used for the background of a tier related badge when static or the default state when linked. */
-  --gl-badge-danger-icon-color-active: var(--gl-color-red-200); /* Used for the icon of a danger badge in the active state. */
-  --gl-badge-danger-icon-color-hover: var(--gl-color-red-300); /* Used for the icon of a danger badge in the hover state. */
-  --gl-badge-danger-icon-color-default: var(--gl-color-red-400); /* Used for the icon of a danger badge when static or the default state when linked. */
-  --gl-badge-danger-text-color-active: var(--gl-color-red-50); /* Used for the text of a danger badge in the active state. */
-  --gl-badge-danger-text-color-hover: var(--gl-color-red-100); /* Used for the text of a danger badge in the hover state. */
-  --gl-badge-danger-text-color-default: var(--gl-color-red-200); /* Used for the text of a danger badge when static or the default state when linked. */
+  --gl-badge-tier-background-color-active: var(--gl-color-purple-200); /* Used for the background of a tier related badge in the active state. */
+  --gl-badge-tier-background-color-default: var(--gl-color-purple-300); /* Used for the background of a tier related badge when static or the default state when linked. */
+  --gl-badge-danger-icon-color-active: var(--gl-color-red-950); /* Used for the icon of a danger badge in the active state. */
+  --gl-badge-danger-icon-color-hover: var(--gl-color-red-950); /* Used for the icon of a danger badge in the hover state. */
+  --gl-badge-danger-icon-color-default: var(--gl-color-red-950); /* Used for the icon of a danger badge when static or the default state when linked. */
+  --gl-badge-danger-text-color-active: var(--gl-color-red-950); /* Used for the text of a danger badge in the active state. */
+  --gl-badge-danger-text-color-hover: var(--gl-color-red-950); /* Used for the text of a danger badge in the hover state. */
+  --gl-badge-danger-text-color-default: var(--gl-color-red-950); /* Used for the text of a danger badge when static or the default state when linked. */
   --gl-badge-danger-border-color-active: var(--gl-color-alpha-0); /* Used for the border of a danger badge in the active state. */
   --gl-badge-danger-border-color-focus: var(--gl-color-alpha-0); /* Used for the border of a danger badge in the focus state. */
-  --gl-badge-danger-border-color-hover: var(--gl-color-red-700); /* Used for the border of a danger badge in the hover state. */
+  --gl-badge-danger-border-color-hover: var(--gl-color-red-200); /* Used for the border of a danger badge in the hover state. */
   --gl-badge-danger-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a danger badge when static or the default state when linked. */
-  --gl-badge-danger-background-color-active: var(--gl-color-red-700); /* Used for the background of a danger badge in the active state. */
-  --gl-badge-danger-background-color-default: var(--gl-color-red-800); /* Used for the background of a danger badge when static or the default state when linked. */
-  --gl-badge-warning-icon-color-active: var(--gl-color-orange-200); /* Used for the icon of a warning badge in the active state. */
-  --gl-badge-warning-icon-color-hover: var(--gl-color-orange-300); /* Used for the icon of a warning badge in the hover state. */
-  --gl-badge-warning-icon-color-default: var(--gl-color-orange-400); /* Used for the icon of a warning badge when static or the default state when linked. */
-  --gl-badge-warning-text-color-active: var(--gl-color-orange-50); /* Used for the text of a warning badge in the active state. */
-  --gl-badge-warning-text-color-hover: var(--gl-color-orange-100); /* Used for the text of a warning badge in the hover state. */
-  --gl-badge-warning-text-color-default: var(--gl-color-orange-200); /* Used for the text of a warning badge when static or the default state when linked. */
+  --gl-badge-danger-background-color-active: var(--gl-color-red-200); /* Used for the background of a danger badge in the active state. */
+  --gl-badge-danger-background-color-default: var(--gl-color-red-300); /* Used for the background of a danger badge when static or the default state when linked. */
+  --gl-badge-warning-icon-color-active: var(--gl-color-orange-950); /* Used for the icon of a warning badge in the active state. */
+  --gl-badge-warning-icon-color-hover: var(--gl-color-orange-950); /* Used for the icon of a warning badge in the hover state. */
+  --gl-badge-warning-icon-color-default: var(--gl-color-orange-950); /* Used for the icon of a warning badge when static or the default state when linked. */
+  --gl-badge-warning-text-color-active: var(--gl-color-orange-950); /* Used for the text of a warning badge in the active state. */
+  --gl-badge-warning-text-color-hover: var(--gl-color-orange-950); /* Used for the text of a warning badge in the hover state. */
+  --gl-badge-warning-text-color-default: var(--gl-color-orange-950); /* Used for the text of a warning badge when static or the default state when linked. */
   --gl-badge-warning-border-color-active: var(--gl-color-alpha-0); /* Used for the border of a warning badge in the active state. */
   --gl-badge-warning-border-color-focus: var(--gl-color-alpha-0); /* Used for the border of a warning badge in the focus state. */
-  --gl-badge-warning-border-color-hover: var(--gl-color-orange-700); /* Used for the border of a warning badge in the hover state. */
+  --gl-badge-warning-border-color-hover: var(--gl-color-orange-200); /* Used for the border of a warning badge in the hover state. */
   --gl-badge-warning-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a warning badge when static or the default state when linked. */
-  --gl-badge-warning-background-color-active: var(--gl-color-orange-700); /* Used for the background of a warning badge in the active state. */
-  --gl-badge-warning-background-color-default: var(--gl-color-orange-800); /* Used for the background of a warning badge when static or the default state when linked. */
-  --gl-badge-success-icon-color-active: var(--gl-color-green-200); /* Used for the icon of a success badge in the active state. */
-  --gl-badge-success-icon-color-hover: var(--gl-color-green-300); /* Used for the icon of a success badge in the hover state. */
-  --gl-badge-success-icon-color-default: var(--gl-color-green-400); /* Used for the icon of a success badge when static or the default state when linked. */
-  --gl-badge-success-text-color-active: var(--gl-color-green-50); /* Used for the text of a success badge in the active state. */
-  --gl-badge-success-text-color-hover: var(--gl-color-green-100); /* Used for the text of a success badge in the hover state. */
-  --gl-badge-success-text-color-default: var(--gl-color-green-200); /* Used for the text of a success badge when static or the default state when linked. */
+  --gl-badge-warning-background-color-active: var(--gl-color-orange-200); /* Used for the background of a warning badge in the active state. */
+  --gl-badge-warning-background-color-default: var(--gl-color-orange-300); /* Used for the background of a warning badge when static or the default state when linked. */
+  --gl-badge-success-icon-color-active: var(--gl-color-green-950); /* Used for the icon of a success badge in the active state. */
+  --gl-badge-success-icon-color-hover: var(--gl-color-green-950); /* Used for the icon of a success badge in the hover state. */
+  --gl-badge-success-icon-color-default: var(--gl-color-green-950); /* Used for the icon of a success badge when static or the default state when linked. */
+  --gl-badge-success-text-color-active: var(--gl-color-green-950); /* Used for the text of a success badge in the active state. */
+  --gl-badge-success-text-color-hover: var(--gl-color-green-950); /* Used for the text of a success badge in the hover state. */
+  --gl-badge-success-text-color-default: var(--gl-color-green-950); /* Used for the text of a success badge when static or the default state when linked. */
   --gl-badge-success-border-color-active: var(--gl-color-alpha-0); /* Used for the border of a success badge in the active state. */
   --gl-badge-success-border-color-focus: var(--gl-color-alpha-0); /* Used for the border of a success badge in the focus state. */
-  --gl-badge-success-border-color-hover: var(--gl-color-green-700); /* Used for the border of a success badge in the hover state. */
+  --gl-badge-success-border-color-hover: var(--gl-color-green-200); /* Used for the border of a success badge in the hover state. */
   --gl-badge-success-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a success badge when static or the default state when linked. */
-  --gl-badge-success-background-color-active: var(--gl-color-green-700); /* Used for the background of a success badge in the active state. */
-  --gl-badge-success-background-color-default: var(--gl-color-green-800); /* Used for the background of a success badge when static or the default state when linked. */
-  --gl-badge-info-icon-color-active: var(--gl-color-blue-200); /* Used for the icon of an informational badge in the active state. */
-  --gl-badge-info-icon-color-hover: var(--gl-color-blue-300); /* Used for the icon of an informational badge in the hover state. */
-  --gl-badge-info-icon-color-default: var(--gl-color-blue-400); /* Used for the icon of an informational badge when static or the default state when linked. */
-  --gl-badge-info-text-color-active: var(--gl-color-blue-50); /* Used for the text of an informational badge in the active state. */
-  --gl-badge-info-text-color-hover: var(--gl-color-blue-100); /* Used for the text of an informational badge in the hover state. */
-  --gl-badge-info-text-color-default: var(--gl-color-blue-200); /* Used for the text of an informational badge when static or the default state when linked. */
+  --gl-badge-success-background-color-active: var(--gl-color-green-200); /* Used for the background of a success badge in the active state. */
+  --gl-badge-success-background-color-default: var(--gl-color-green-300); /* Used for the background of a success badge when static or the default state when linked. */
+  --gl-badge-info-icon-color-active: var(--gl-color-blue-950); /* Used for the icon of an informational badge in the active state. */
+  --gl-badge-info-icon-color-hover: var(--gl-color-blue-950); /* Used for the icon of an informational badge in the hover state. */
+  --gl-badge-info-icon-color-default: var(--gl-color-blue-950); /* Used for the icon of an informational badge when static or the default state when linked. */
+  --gl-badge-info-text-color-active: var(--gl-color-blue-950); /* Used for the text of an informational badge in the active state. */
+  --gl-badge-info-text-color-hover: var(--gl-color-blue-950); /* Used for the text of an informational badge in the hover state. */
+  --gl-badge-info-text-color-default: var(--gl-color-blue-950); /* Used for the text of an informational badge when static or the default state when linked. */
   --gl-badge-info-border-color-active: var(--gl-color-alpha-0); /* Used for the border of an informational badge in the active state. */
   --gl-badge-info-border-color-focus: var(--gl-color-alpha-0); /* Used for the border of an informational badge in the focus state. */
-  --gl-badge-info-border-color-hover: var(--gl-color-blue-700); /* Used for the border of an informational badge in the hover state. */
+  --gl-badge-info-border-color-hover: var(--gl-color-blue-200); /* Used for the border of an informational badge in the hover state. */
   --gl-badge-info-border-color-default: var(--gl-color-alpha-0); /* Used for the border of an informational badge when static or the default state when linked. */
-  --gl-badge-info-background-color-active: var(--gl-color-blue-700); /* Used for the background of an informational badge in the active state. */
-  --gl-badge-info-background-color-default: var(--gl-color-blue-800); /* Used for the background of an informational badge when static or the default state when linked. */
-  --gl-badge-neutral-icon-color-active: var(--gl-color-neutral-200); /* Used for the icon of a neutral badge in the active state. */
-  --gl-badge-neutral-icon-color-hover: var(--gl-color-neutral-300); /* Used for the icon of a neutral badge in the hover state. */
-  --gl-badge-neutral-icon-color-default: var(--gl-color-neutral-400); /* Used for the icon of a neutral badge when static or the default state when linked. */
-  --gl-badge-neutral-text-color-active: var(--gl-color-neutral-50); /* Used for the text of a neutral badge in the active state. */
-  --gl-badge-neutral-text-color-hover: var(--gl-color-neutral-100); /* Used for the text of a neutral badge in the hover state. */
-  --gl-badge-neutral-text-color-default: var(--gl-color-neutral-200); /* Used for the text of a neutral badge when static or the default state when linked. */
+  --gl-badge-info-background-color-active: var(--gl-color-blue-200); /* Used for the background of an informational badge in the active state. */
+  --gl-badge-info-background-color-default: var(--gl-color-blue-300); /* Used for the background of an informational badge when static or the default state when linked. */
+  --gl-badge-neutral-icon-color-active: var(--gl-color-neutral-950); /* Used for the icon of a neutral badge in the active state. */
+  --gl-badge-neutral-icon-color-hover: var(--gl-color-neutral-950); /* Used for the icon of a neutral badge in the hover state. */
+  --gl-badge-neutral-icon-color-default: var(--gl-color-neutral-950); /* Used for the icon of a neutral badge when static or the default state when linked. */
+  --gl-badge-neutral-text-color-active: var(--gl-color-neutral-950); /* Used for the text of a neutral badge in the active state. */
+  --gl-badge-neutral-text-color-hover: var(--gl-color-neutral-950); /* Used for the text of a neutral badge in the hover state. */
+  --gl-badge-neutral-text-color-default: var(--gl-color-neutral-950); /* Used for the text of a neutral badge when static or the default state when linked. */
   --gl-badge-neutral-border-color-active: var(--gl-color-alpha-0); /* Used for the border of a neutral badge in the active state. */
   --gl-badge-neutral-border-color-focus: var(--gl-color-alpha-0); /* Used for the border of a neutral badge in the focus state. */
-  --gl-badge-neutral-border-color-hover: var(--gl-color-neutral-700); /* Used for the border of a neutral badge in the hover state. */
+  --gl-badge-neutral-border-color-hover: var(--gl-color-neutral-200); /* Used for the border of a neutral badge in the hover state. */
   --gl-badge-neutral-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a neutral badge when static or the default state when linked. */
-  --gl-badge-neutral-background-color-active: var(--gl-color-neutral-700); /* Used for the background of a neutral badge in the active state. */
-  --gl-badge-neutral-background-color-default: var(--gl-color-neutral-800); /* Used for the background of a neutral badge when static or the default state when linked. */
-  --gl-badge-muted-icon-color-active: var(--gl-color-neutral-200); /* Used for the icon of a muted badge in the active state. */
-  --gl-badge-muted-icon-color-hover: var(--gl-color-neutral-300); /* Used for the icon of a muted badge in the hover state. */
-  --gl-badge-muted-icon-color-default: var(--gl-color-neutral-400); /* Used for the icon of a muted badge when static or the default state when linked. */
-  --gl-badge-muted-text-color-active: var(--gl-color-neutral-100); /* Used for the text of a muted badge in the active state. */
-  --gl-badge-muted-text-color-hover: var(--gl-color-neutral-200); /* Used for the text of a muted badge in the hover state. */
-  --gl-badge-muted-text-color-default: var(--gl-color-neutral-300); /* Used for the text of a muted badge when static or the default state when linked. */
+  --gl-badge-neutral-background-color-active: var(--gl-color-neutral-200); /* Used for the background of a neutral badge in the active state. */
+  --gl-badge-neutral-background-color-default: var(--gl-color-neutral-300); /* Used for the background of a neutral badge when static or the default state when linked. */
+  --gl-badge-muted-icon-color-active: var(--gl-color-neutral-950); /* Used for the icon of a muted badge in the active state. */
+  --gl-badge-muted-icon-color-hover: var(--gl-color-neutral-950); /* Used for the icon of a muted badge in the hover state. */
+  --gl-badge-muted-icon-color-default: var(--gl-color-neutral-950); /* Used for the icon of a muted badge when static or the default state when linked. */
+  --gl-badge-muted-text-color-active: var(--gl-color-neutral-950); /* Used for the text of a muted badge in the active state. */
+  --gl-badge-muted-text-color-hover: var(--gl-color-neutral-950); /* Used for the text of a muted badge in the hover state. */
+  --gl-badge-muted-text-color-default: var(--gl-color-neutral-950); /* Used for the text of a muted badge when static or the default state when linked. */
   --gl-badge-muted-border-color-active: var(--gl-color-alpha-0); /* Used for the border of a muted badge in the active state. */
   --gl-badge-muted-border-color-focus: var(--gl-color-alpha-0); /* Used for the border of a muted badge in the focus state. */
-  --gl-badge-muted-border-color-hover: var(--gl-color-neutral-700); /* Used for the border of a muted badge in the hover state. */
+  --gl-badge-muted-border-color-hover: var(--gl-color-neutral-300); /* Used for the border of a muted badge in the hover state. */
   --gl-badge-muted-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a muted badge when static or the default state when linked. */
-  --gl-badge-muted-background-color-active: var(--gl-color-neutral-800); /* Used for the background of a muted badge in the active state. */
-  --gl-badge-muted-background-color-default: var(--gl-color-neutral-900); /* Used for the background of a muted badge when static or the default state when linked. */
+  --gl-badge-muted-background-color-active: var(--gl-color-neutral-300); /* Used for the background of a muted badge in the active state. */
+  --gl-badge-muted-background-color-default: var(--gl-color-neutral-400); /* Used for the background of a muted badge when static or the default state when linked. */
   --gl-avatar-fallback-text-color-neutral: var(--gl-color-neutral-200); /* Neutral text color for avatar fallback with no particular meaning. */
   --gl-avatar-fallback-text-color-orange: var(--gl-color-orange-200); /* Orange text color for avatar fallback with no particular meaning. */
   --gl-avatar-fallback-text-color-green: var(--gl-color-green-200); /* Green text color for avatar fallback with no particular meaning. */