@gitlab/ui 132.2.2 → 134.0.0

package/src/tokens/build/css/tokens.css

@@ -158,78 +158,6 @@
   --gl-color-red-800: #812713;
   --gl-color-red-900: #582014;
   --gl-color-red-950: #3e1a14;
-  --gl-color-theme-indigo-10: #f8f8ff;
-  --gl-color-theme-indigo-50: #f1f1ff;
-  --gl-color-theme-indigo-100: #dbdbf8;
-  --gl-color-theme-indigo-200: #c7c7f2;
-  --gl-color-theme-indigo-300: #a2a2e6;
-  --gl-color-theme-indigo-400: #8181d7;
-  --gl-color-theme-indigo-500: #6666c4;
-  --gl-color-theme-indigo-600: #5252b5;
-  --gl-color-theme-indigo-700: #41419f;
-  --gl-color-theme-indigo-800: #303083;
-  --gl-color-theme-indigo-900: #222261;
-  --gl-color-theme-indigo-950: #14143d;
-  --gl-color-theme-blue-10: #e6ecf0;
-  --gl-color-theme-blue-50: #cdd8e3;
-  --gl-color-theme-blue-100: #b9cadc;
-  --gl-color-theme-blue-200: #a6bdd5;
-  --gl-color-theme-blue-300: #81a5c9;
-  --gl-color-theme-blue-400: #628eb9;
-  --gl-color-theme-blue-500: #4977a5;
-  --gl-color-theme-blue-600: #346596;
-  --gl-color-theme-blue-700: #235180;
-  --gl-color-theme-blue-800: #153c63;
-  --gl-color-theme-blue-900: #0b2640;
-  --gl-color-theme-blue-950: #04101c;
-  --gl-color-theme-light-blue-10: #eef3f7;
-  --gl-color-theme-light-blue-50: #dde6ee;
-  --gl-color-theme-light-blue-100: #c1d4e6;
-  --gl-color-theme-light-blue-200: #a0bedc;
-  --gl-color-theme-light-blue-300: #74a3d3;
-  --gl-color-theme-light-blue-400: #4f8bc7;
-  --gl-color-theme-light-blue-500: #3476b9;
-  --gl-color-theme-light-blue-600: #2268ae;
-  --gl-color-theme-light-blue-700: #145aa1;
-  --gl-color-theme-light-blue-800: #0e4d8d;
-  --gl-color-theme-light-blue-900: #0c4277;
-  --gl-color-theme-light-blue-950: #0a3764;
-  --gl-color-theme-green-10: #eef4ef;
-  --gl-color-theme-green-50: #dde9de;
-  --gl-color-theme-green-100: #b1d6b5;
-  --gl-color-theme-green-200: #8cc497;
-  --gl-color-theme-green-300: #69af7d;
-  --gl-color-theme-green-400: #499767;
-  --gl-color-theme-green-500: #308258;
-  --gl-color-theme-green-600: #25744c;
-  --gl-color-theme-green-700: #1b653f;
-  --gl-color-theme-green-800: #155635;
-  --gl-color-theme-green-900: #0e4328;
-  --gl-color-theme-green-950: #052e19;
-  --gl-color-theme-red-10: #faf4f3;
-  --gl-color-theme-red-50: #f4e9e7;
-  --gl-color-theme-red-100: #ecd3d0;
-  --gl-color-theme-red-200: #e3bab5;
-  --gl-color-theme-red-300: #d59086;
-  --gl-color-theme-red-400: #c66e60;
-  --gl-color-theme-red-500: #ad4a3b;
-  --gl-color-theme-red-600: #a13322;
-  --gl-color-theme-red-700: #8f2110;
-  --gl-color-theme-red-800: #761405;
-  --gl-color-theme-red-900: #580d02;
-  --gl-color-theme-red-950: #380700;
-  --gl-color-theme-light-red-10: #fdf9f8;
-  --gl-color-theme-light-red-50: #faf2f1;
-  --gl-color-theme-light-red-100: #f6d9d5;
-  --gl-color-theme-light-red-200: #ebada2;
-  --gl-color-theme-light-red-300: #e07f6f;
-  --gl-color-theme-light-red-400: #d36250;
-  --gl-color-theme-light-red-500: #c24b38;
-  --gl-color-theme-light-red-600: #b53a26;
-  --gl-color-theme-light-red-700: #a02e1c;
-  --gl-color-theme-light-red-800: #8b2212;
-  --gl-color-theme-light-red-900: #751709;
-  --gl-color-theme-light-red-950: #5c1105;
   --gl-font-family-regular: var(--default-regular-font, 'GitLab Sans'),'GitLab Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Noto Sans',Ubuntu,Cantarell,'Helvetica Neue',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
   --gl-font-family-monospace: var(--default-mono-font, 'GitLab Mono'),'GitLab Mono','JetBrains Mono',Menlo,'DejaVu Sans Mono','Liberation Mono',Consolas,'Ubuntu Mono','Courier New','andale mono','lucida console',monospace;
   --gl-font-size-100: 0.75rem; /** Used for meta text and small labels. */
@@ -321,6 +249,22 @@
   --gl-avatar-fallback-background-color-green: rgba(145, 212, 168, 0.23921568627450981); /** Green background for avatar fallback with no particular meaning. */
   --gl-avatar-fallback-background-color-orange: rgba(233, 190, 116, 0.23921568627450981); /** Orange background for avatar fallback with no particular meaning. */
   --gl-avatar-fallback-background-color-neutral: rgba(191, 191, 195, 0.23921568627450981); /** Neutral background for avatar fallback with no particular meaning. */
+  --gl-broadcast-banner-background-color-blue: #235180; /** Used for the background for the blue banner type. */
+  --gl-broadcast-banner-background-color-green: #1b653f; /** Used for the background for the green banner type. */
+  --gl-broadcast-banner-background-color-indigo: #41419f; /** Used for the background for the indigo banner type. */
+  --gl-broadcast-banner-background-color-lightblue: #4977a5; /** Used for the background for the lightblue banner type. */
+  --gl-broadcast-banner-background-color-lightgreen: #308258; /** Used for the background for the lightgreen banner type. */
+  --gl-broadcast-banner-background-color-lightindigo: #6666c4; /** Used for the background for the lightindigo banner type. */
+  --gl-broadcast-banner-background-color-lightred: #ad4a3b; /** Used for the background for the lightred banner type. */
+  --gl-broadcast-banner-background-color-red: #8f2110; /** Used for the background for the red banner type. */
+  --gl-broadcast-banner-border-color-blue: #0b2640; /** Used for the border for the blue banner type. */
+  --gl-broadcast-banner-border-color-green: #0e4328; /** Used for the border for the green banner type. */
+  --gl-broadcast-banner-border-color-indigo: #222261; /** Used for the border for the indigo banner type. */
+  --gl-broadcast-banner-border-color-lightblue: #235180; /** Used for the border for the lightblue banner type. */
+  --gl-broadcast-banner-border-color-lightgreen: #1b653f; /** Used for the border for the lightgreen banner type. */
+  --gl-broadcast-banner-border-color-lightindigo: #41419f; /** Used for the border for the lightindigo banner type. */
+  --gl-broadcast-banner-border-color-lightred: #8f2110; /** Used for the border for the lightred banner type. */
+  --gl-broadcast-banner-border-color-red: #580d02; /** Used for the border for the red banner type. */
   --gl-chart-threshold-area-color: rgba(221, 43, 14, 0.1); /** Used in charts to delineate a threshold area in a chart. */
   --gl-illustration-stroke-color-default: #171321; /** Default stroke color to define shape and provide essential detail. */
   --gl-illustration-stroke-width-default: 2; /** Default stroke width to define shape and provide essential detail. */
@@ -409,78 +353,6 @@
   --data-viz-orange-800: #6f3500;
   --data-viz-orange-900: #5e2f05;
   --data-viz-orange-950: #4b2707;
-  --theme-indigo-10: #f8f8ff;
-  --theme-indigo-50: #f1f1ff;
-  --theme-indigo-100: #dbdbf8;
-  --theme-indigo-200: #c7c7f2;
-  --theme-indigo-300: #a2a2e6;
-  --theme-indigo-400: #8181d7;
-  --theme-indigo-500: #6666c4;
-  --theme-indigo-600: #5252b5;
-  --theme-indigo-700: #41419f;
-  --theme-indigo-800: #303083;
-  --theme-indigo-900: #222261;
-  --theme-indigo-950: #14143d;
-  --theme-blue-10: #e6ecf0;
-  --theme-blue-50: #cdd8e3;
-  --theme-blue-100: #b9cadc;
-  --theme-blue-200: #a6bdd5;
-  --theme-blue-300: #81a5c9;
-  --theme-blue-400: #628eb9;
-  --theme-blue-500: #4977a5;
-  --theme-blue-600: #346596;
-  --theme-blue-700: #235180;
-  --theme-blue-800: #153c63;
-  --theme-blue-900: #0b2640;
-  --theme-blue-950: #04101c;
-  --theme-light-blue-10: #eef3f7;
-  --theme-light-blue-50: #dde6ee;
-  --theme-light-blue-100: #c1d4e6;
-  --theme-light-blue-200: #a0bedc;
-  --theme-light-blue-300: #74a3d3;
-  --theme-light-blue-400: #4f8bc7;
-  --theme-light-blue-500: #3476b9;
-  --theme-light-blue-600: #2268ae;
-  --theme-light-blue-700: #145aa1;
-  --theme-light-blue-800: #0e4d8d;
-  --theme-light-blue-900: #0c4277;
-  --theme-light-blue-950: #0a3764;
-  --theme-green-10: #eef4ef;
-  --theme-green-50: #dde9de;
-  --theme-green-100: #b1d6b5;
-  --theme-green-200: #8cc497;
-  --theme-green-300: #69af7d;
-  --theme-green-400: #499767;
-  --theme-green-500: #308258;
-  --theme-green-600: #25744c;
-  --theme-green-700: #1b653f;
-  --theme-green-800: #155635;
-  --theme-green-900: #0e4328;
-  --theme-green-950: #052e19;
-  --theme-red-10: #faf4f3;
-  --theme-red-50: #f4e9e7;
-  --theme-red-100: #ecd3d0;
-  --theme-red-200: #e3bab5;
-  --theme-red-300: #d59086;
-  --theme-red-400: #c66e60;
-  --theme-red-500: #ad4a3b;
-  --theme-red-600: #a13322;
-  --theme-red-700: #8f2110;
-  --theme-red-800: #761405;
-  --theme-red-900: #580d02;
-  --theme-red-950: #380700;
-  --theme-light-red-10: #fdf9f8;
-  --theme-light-red-50: #faf2f1;
-  --theme-light-red-100: #f6d9d5;
-  --theme-light-red-200: #ebada2;
-  --theme-light-red-300: #e07f6f;
-  --theme-light-red-400: #d36250;
-  --theme-light-red-500: #c24b38;
-  --theme-light-red-600: #b53a26;
-  --theme-light-red-700: #a02e1c;
-  --theme-light-red-800: #8b2212;
-  --theme-light-red-900: #751709;
-  --theme-light-red-950: #5c1105;
   --brand-charcoal: #171321; /** Use color.brand-charcoal instead. */
   --brand-orange-01: #fca326; /** Use color.brand-orange.01p instead. */
   --brand-orange-02: #fc6d26; /** Use color.brand-orange.02p instead. */
@@ -662,26 +534,10 @@
   --gl-banner-promo-background-color: var(--gl-color-purple-50); /** Used for the background of a promo banner. */
   --gl-banner-promo-border-color: var(--gl-color-purple-200); /** Used for the border of a promo banner. */
   --gl-breadcrumb-separator-color: var(--gl-color-neutral-400); /** Used for the breadcrumb level separator. */
-  --gl-broadcast-banner-background-color-blue: var(--gl-color-theme-blue-700); /** Used for the background for the blue banner type. */
   --gl-broadcast-banner-background-color-dark: var(--gl-color-neutral-500); /** Used for the background for the dark banner type. */
-  --gl-broadcast-banner-background-color-green: var(--gl-color-theme-green-700); /** Used for the background for the green banner type. */
-  --gl-broadcast-banner-background-color-indigo: var(--gl-color-theme-indigo-700); /** Used for the background for the indigo banner type. */
   --gl-broadcast-banner-background-color-light: var(--gl-color-neutral-50); /** Used for the background for the light banner type. */
-  --gl-broadcast-banner-background-color-lightblue: var(--gl-color-theme-blue-500); /** Used for the background for the lightblue banner type. */
-  --gl-broadcast-banner-background-color-lightgreen: var(--gl-color-theme-green-500); /** Used for the background for the lightgreen banner type. */
-  --gl-broadcast-banner-background-color-lightindigo: var(--gl-color-theme-indigo-500); /** Used for the background for the lightindigo banner type. */
-  --gl-broadcast-banner-background-color-lightred: var(--gl-color-theme-red-500); /** Used for the background for the lightred banner type. */
-  --gl-broadcast-banner-background-color-red: var(--gl-color-theme-red-700); /** Used for the background for the red banner type. */
-  --gl-broadcast-banner-border-color-blue: var(--gl-color-theme-blue-900); /** Used for the border for the blue banner type. */
   --gl-broadcast-banner-border-color-dark: var(--gl-color-neutral-700); /** Used for the border for the dark banner type. */
-  --gl-broadcast-banner-border-color-green: var(--gl-color-theme-green-900); /** Used for the border for the green banner type. */
-  --gl-broadcast-banner-border-color-indigo: var(--gl-color-theme-indigo-900); /** Used for the border for the indigo banner type. */
   --gl-broadcast-banner-border-color-light: var(--gl-color-neutral-100); /** Used for the border for the light banner type. */
-  --gl-broadcast-banner-border-color-lightblue: var(--gl-color-theme-blue-700); /** Used for the border for the lightblue banner type. */
-  --gl-broadcast-banner-border-color-lightgreen: var(--gl-color-theme-green-700); /** Used for the border for the lightgreen banner type. */
-  --gl-broadcast-banner-border-color-lightindigo: var(--gl-color-theme-indigo-700); /** Used for the border for the lightindigo banner type. */
-  --gl-broadcast-banner-border-color-lightred: var(--gl-color-theme-red-700); /** Used for the border for the lightred banner type. */
-  --gl-broadcast-banner-border-color-red: var(--gl-color-theme-red-900); /** Used for the border for the red banner type. */
   --gl-broadcast-banner-icon-color-blue: var(--gl-color-neutral-0); /** Used for the icon for the blue banner type. */
   --gl-broadcast-banner-icon-color-dark: var(--gl-color-neutral-0); /** Used for the icon for the dark banner type. */
   --gl-broadcast-banner-icon-color-green: var(--gl-color-neutral-0); /** Used for the icon for the green banner type. */

package/src/tokens/build/css/tokens.dark.css

@@ -158,78 +158,6 @@
   --gl-color-red-800: #812713;
   --gl-color-red-900: #582014;
   --gl-color-red-950: #3e1a14;
-  --gl-color-theme-indigo-10: #f8f8ff;
-  --gl-color-theme-indigo-50: #f1f1ff;
-  --gl-color-theme-indigo-100: #dbdbf8;
-  --gl-color-theme-indigo-200: #c7c7f2;
-  --gl-color-theme-indigo-300: #a2a2e6;
-  --gl-color-theme-indigo-400: #8181d7;
-  --gl-color-theme-indigo-500: #6666c4;
-  --gl-color-theme-indigo-600: #5252b5;
-  --gl-color-theme-indigo-700: #41419f;
-  --gl-color-theme-indigo-800: #303083;
-  --gl-color-theme-indigo-900: #222261;
-  --gl-color-theme-indigo-950: #14143d;
-  --gl-color-theme-blue-10: #e6ecf0;
-  --gl-color-theme-blue-50: #cdd8e3;
-  --gl-color-theme-blue-100: #b9cadc;
-  --gl-color-theme-blue-200: #a6bdd5;
-  --gl-color-theme-blue-300: #81a5c9;
-  --gl-color-theme-blue-400: #628eb9;
-  --gl-color-theme-blue-500: #4977a5;
-  --gl-color-theme-blue-600: #346596;
-  --gl-color-theme-blue-700: #235180;
-  --gl-color-theme-blue-800: #153c63;
-  --gl-color-theme-blue-900: #0b2640;
-  --gl-color-theme-blue-950: #04101c;
-  --gl-color-theme-light-blue-10: #eef3f7;
-  --gl-color-theme-light-blue-50: #dde6ee;
-  --gl-color-theme-light-blue-100: #c1d4e6;
-  --gl-color-theme-light-blue-200: #a0bedc;
-  --gl-color-theme-light-blue-300: #74a3d3;
-  --gl-color-theme-light-blue-400: #4f8bc7;
-  --gl-color-theme-light-blue-500: #3476b9;
-  --gl-color-theme-light-blue-600: #2268ae;
-  --gl-color-theme-light-blue-700: #145aa1;
-  --gl-color-theme-light-blue-800: #0e4d8d;
-  --gl-color-theme-light-blue-900: #0c4277;
-  --gl-color-theme-light-blue-950: #0a3764;
-  --gl-color-theme-green-10: #eef4ef;
-  --gl-color-theme-green-50: #dde9de;
-  --gl-color-theme-green-100: #b1d6b5;
-  --gl-color-theme-green-200: #8cc497;
-  --gl-color-theme-green-300: #69af7d;
-  --gl-color-theme-green-400: #499767;
-  --gl-color-theme-green-500: #308258;
-  --gl-color-theme-green-600: #25744c;
-  --gl-color-theme-green-700: #1b653f;
-  --gl-color-theme-green-800: #155635;
-  --gl-color-theme-green-900: #0e4328;
-  --gl-color-theme-green-950: #052e19;
-  --gl-color-theme-red-10: #faf4f3;
-  --gl-color-theme-red-50: #f4e9e7;
-  --gl-color-theme-red-100: #ecd3d0;
-  --gl-color-theme-red-200: #e3bab5;
-  --gl-color-theme-red-300: #d59086;
-  --gl-color-theme-red-400: #c66e60;
-  --gl-color-theme-red-500: #ad4a3b;
-  --gl-color-theme-red-600: #a13322;
-  --gl-color-theme-red-700: #8f2110;
-  --gl-color-theme-red-800: #761405;
-  --gl-color-theme-red-900: #580d02;
-  --gl-color-theme-red-950: #380700;
-  --gl-color-theme-light-red-10: #fdf9f8;
-  --gl-color-theme-light-red-50: #faf2f1;
-  --gl-color-theme-light-red-100: #f6d9d5;
-  --gl-color-theme-light-red-200: #ebada2;
-  --gl-color-theme-light-red-300: #e07f6f;
-  --gl-color-theme-light-red-400: #d36250;
-  --gl-color-theme-light-red-500: #c24b38;
-  --gl-color-theme-light-red-600: #b53a26;
-  --gl-color-theme-light-red-700: #a02e1c;
-  --gl-color-theme-light-red-800: #8b2212;
-  --gl-color-theme-light-red-900: #751709;
-  --gl-color-theme-light-red-950: #5c1105;
   --gl-font-family-regular: var(--default-regular-font, 'GitLab Sans'),'GitLab Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Noto Sans',Ubuntu,Cantarell,'Helvetica Neue',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
   --gl-font-family-monospace: var(--default-mono-font, 'GitLab Mono'),'GitLab Mono','JetBrains Mono',Menlo,'DejaVu Sans Mono','Liberation Mono',Consolas,'Ubuntu Mono','Courier New','andale mono','lucida console',monospace;
   --gl-font-size-100: 0.75rem; /** Used for meta text and small labels. */
@@ -321,6 +249,22 @@
   --gl-avatar-fallback-background-color-green: rgba(145, 212, 168, 0.23921568627450981); /** Green background for avatar fallback with no particular meaning. */
   --gl-avatar-fallback-background-color-orange: rgba(233, 190, 116, 0.23921568627450981); /** Orange background for avatar fallback with no particular meaning. */
   --gl-avatar-fallback-background-color-neutral: rgba(191, 191, 195, 0.23921568627450981); /** Neutral background for avatar fallback with no particular meaning. */
+  --gl-broadcast-banner-background-color-blue: #235180; /** Used for the background for the blue banner type. */
+  --gl-broadcast-banner-background-color-green: #1b653f; /** Used for the background for the green banner type. */
+  --gl-broadcast-banner-background-color-indigo: #41419f; /** Used for the background for the indigo banner type. */
+  --gl-broadcast-banner-background-color-lightblue: #4977a5; /** Used for the background for the lightblue banner type. */
+  --gl-broadcast-banner-background-color-lightgreen: #308258; /** Used for the background for the lightgreen banner type. */
+  --gl-broadcast-banner-background-color-lightindigo: #6666c4; /** Used for the background for the lightindigo banner type. */
+  --gl-broadcast-banner-background-color-lightred: #ad4a3b; /** Used for the background for the lightred banner type. */
+  --gl-broadcast-banner-background-color-red: #8f2110; /** Used for the background for the red banner type. */
+  --gl-broadcast-banner-border-color-blue: #0b2640; /** Used for the border for the blue banner type. */
+  --gl-broadcast-banner-border-color-green: #0e4328; /** Used for the border for the green banner type. */
+  --gl-broadcast-banner-border-color-indigo: #222261; /** Used for the border for the indigo banner type. */
+  --gl-broadcast-banner-border-color-lightblue: #235180; /** Used for the border for the lightblue banner type. */
+  --gl-broadcast-banner-border-color-lightgreen: #1b653f; /** Used for the border for the lightgreen banner type. */
+  --gl-broadcast-banner-border-color-lightindigo: #41419f; /** Used for the border for the lightindigo banner type. */
+  --gl-broadcast-banner-border-color-lightred: #8f2110; /** Used for the border for the lightred banner type. */
+  --gl-broadcast-banner-border-color-red: #580d02; /** Used for the border for the red banner type. */
   --gl-button-default-primary-background-color-default: rgba(137, 136, 141, 0.4); /** Used for the background of an default primary button in the default state. */
   --gl-button-default-primary-background-color-hover: rgba(137, 136, 141, 0.64); /** Used for the background of an default primary button in the hover state. */
   --gl-button-default-primary-background-color-active: rgba(137, 136, 141, 0.32); /** Used for the background of an default primary button in the active state. */
@@ -419,78 +363,6 @@
   --data-viz-orange-800: #eebd8c;
   --data-viz-orange-900: #f5d6b3;
   --data-viz-orange-950: #fae8d1;
-  --theme-indigo-10: #14143d;
-  --theme-indigo-50: #222261;
-  --theme-indigo-100: #303083;
-  --theme-indigo-200: #41419f;
-  --theme-indigo-300: #5252b5;
-  --theme-indigo-400: #6666c4;
-  --theme-indigo-500: #8181d7;
-  --theme-indigo-600: #a2a2e6;
-  --theme-indigo-700: #c7c7f2;
-  --theme-indigo-800: #dbdbf8;
-  --theme-indigo-900: #f1f1ff;
-  --theme-indigo-950: #f8f8ff;
-  --theme-blue-10: #04101c;
-  --theme-blue-50: #0b2640;
-  --theme-blue-100: #153c63;
-  --theme-blue-200: #235180;
-  --theme-blue-300: #346596;
-  --theme-blue-400: #4977a5;
-  --theme-blue-500: #628eb9;
-  --theme-blue-600: #81a5c9;
-  --theme-blue-700: #a6bdd5;
-  --theme-blue-800: #b9cadc;
-  --theme-blue-900: #cdd8e3;
-  --theme-blue-950: #e6ecf0;
-  --theme-light-blue-10: #0a3764;
-  --theme-light-blue-50: #0c4277;
-  --theme-light-blue-100: #0e4d8d;
-  --theme-light-blue-200: #145aa1;
-  --theme-light-blue-300: #2268ae;
-  --theme-light-blue-400: #3476b9;
-  --theme-light-blue-500: #4f8bc7;
-  --theme-light-blue-600: #74a3d3;
-  --theme-light-blue-700: #a0bedc;
-  --theme-light-blue-800: #c1d4e6;
-  --theme-light-blue-900: #dde6ee;
-  --theme-light-blue-950: #eef3f7;
-  --theme-green-10: #052e19;
-  --theme-green-50: #0e4328;
-  --theme-green-100: #155635;
-  --theme-green-200: #1b653f;
-  --theme-green-300: #25744c;
-  --theme-green-400: #308258;
-  --theme-green-500: #499767;
-  --theme-green-600: #69af7d;
-  --theme-green-700: #8cc497;
-  --theme-green-800: #b1d6b5;
-  --theme-green-900: #dde9de;
-  --theme-green-950: #eef4ef;
-  --theme-red-10: #380700;
-  --theme-red-50: #580d02;
-  --theme-red-100: #761405;
-  --theme-red-200: #8f2110;
-  --theme-red-300: #a13322;
-  --theme-red-400: #ad4a3b;
-  --theme-red-500: #c66e60;
-  --theme-red-600: #d59086;
-  --theme-red-700: #e3bab5;
-  --theme-red-800: #ecd3d0;
-  --theme-red-900: #f4e9e7;
-  --theme-red-950: #faf4f3;
-  --theme-light-red-10: #5c1105;
-  --theme-light-red-50: #751709;
-  --theme-light-red-100: #8b2212;
-  --theme-light-red-200: #a02e1c;
-  --theme-light-red-300: #b53a26;
-  --theme-light-red-400: #c24b38;
-  --theme-light-red-500: #d36250;
-  --theme-light-red-600: #e07f6f;
-  --theme-light-red-700: #ebada2;
-  --theme-light-red-800: #f6d9d5;
-  --theme-light-red-900: #faf2f1;
-  --theme-light-red-950: #fdf9f8;
   --blue-950: #f2f9ff;
   --green-950: #f1fdf6;
   --orange-950: #fff4e1;
@@ -681,26 +553,10 @@
   --gl-banner-promo-background-color: var(--gl-color-purple-950); /** Used for the background of a promo banner. */
   --gl-banner-promo-border-color: var(--gl-color-purple-700); /** Used for the border of a promo banner. */
   --gl-breadcrumb-separator-color: var(--gl-color-neutral-400); /** Used for the breadcrumb level separator. */
-  --gl-broadcast-banner-background-color-blue: var(--gl-color-theme-blue-700); /** Used for the background for the blue banner type. */
   --gl-broadcast-banner-background-color-dark: var(--gl-color-neutral-500); /** Used for the background for the dark banner type. */
-  --gl-broadcast-banner-background-color-green: var(--gl-color-theme-green-700); /** Used for the background for the green banner type. */
-  --gl-broadcast-banner-background-color-indigo: var(--gl-color-theme-indigo-700); /** Used for the background for the indigo banner type. */
   --gl-broadcast-banner-background-color-light: var(--gl-color-neutral-50); /** Used for the background for the light banner type. */
-  --gl-broadcast-banner-background-color-lightblue: var(--gl-color-theme-blue-500); /** Used for the background for the lightblue banner type. */
-  --gl-broadcast-banner-background-color-lightgreen: var(--gl-color-theme-green-500); /** Used for the background for the lightgreen banner type. */
-  --gl-broadcast-banner-background-color-lightindigo: var(--gl-color-theme-indigo-500); /** Used for the background for the lightindigo banner type. */
-  --gl-broadcast-banner-background-color-lightred: var(--gl-color-theme-red-500); /** Used for the background for the lightred banner type. */
-  --gl-broadcast-banner-background-color-red: var(--gl-color-theme-red-700); /** Used for the background for the red banner type. */
-  --gl-broadcast-banner-border-color-blue: var(--gl-color-theme-blue-900); /** Used for the border for the blue banner type. */
   --gl-broadcast-banner-border-color-dark: var(--gl-color-neutral-700); /** Used for the border for the dark banner type. */
-  --gl-broadcast-banner-border-color-green: var(--gl-color-theme-green-900); /** Used for the border for the green banner type. */
-  --gl-broadcast-banner-border-color-indigo: var(--gl-color-theme-indigo-900); /** Used for the border for the indigo banner type. */
   --gl-broadcast-banner-border-color-light: var(--gl-color-neutral-100); /** Used for the border for the light banner type. */
-  --gl-broadcast-banner-border-color-lightblue: var(--gl-color-theme-blue-700); /** Used for the border for the lightblue banner type. */
-  --gl-broadcast-banner-border-color-lightgreen: var(--gl-color-theme-green-700); /** Used for the border for the lightgreen banner type. */
-  --gl-broadcast-banner-border-color-lightindigo: var(--gl-color-theme-indigo-700); /** Used for the border for the lightindigo banner type. */
-  --gl-broadcast-banner-border-color-lightred: var(--gl-color-theme-red-700); /** Used for the border for the lightred banner type. */
-  --gl-broadcast-banner-border-color-red: var(--gl-color-theme-red-900); /** Used for the border for the red banner type. */
   --gl-broadcast-banner-icon-color-blue: var(--gl-color-neutral-0); /** Used for the icon for the blue banner type. */
   --gl-broadcast-banner-icon-color-dark: var(--gl-color-neutral-0); /** Used for the icon for the dark banner type. */
   --gl-broadcast-banner-icon-color-green: var(--gl-color-neutral-0); /** Used for the icon for the green banner type. */