@dialpad/dialtone-tokens 1.43.2 → 1.43.3

package/dist/android/java/tokens-tmo-dark.kt

@@ -12,9 +12,9 @@ import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.font.FontFamily
 
 object DialtoneTokensTmoDark {
-  val dtActionColorBackgroundBaseActive = Color(0x4de20074)
+  val dtActionColorBackgroundBaseActive = Color(0x4d4b0027)
   val dtActionColorBackgroundBaseDefault = Color(0x00000000)
-  val dtActionColorBackgroundBaseHover = Color(0x1ce20074)
+  val dtActionColorBackgroundBaseHover = Color(0xcc4b0027)
   val dtActionColorBackgroundBasePrimaryActive = Color(0xffffb2da)
   val dtActionColorBackgroundBasePrimaryDefault = Color(0xffffb2da)
   val dtActionColorBackgroundBasePrimaryHover = Color(0xffffcce6)
@@ -215,15 +215,15 @@ object DialtoneTokensTmoDark {
   val dtColorSurfaceBoldOpaque = Color(0x4de6e6e6)
   val dtColorSurfaceBoldOpaqueInverted = Color(0x2e000000)
   val dtColorSurfaceBrand = Color(0xff3d001f)
-  val dtColorSurfaceBrandInverted = Color(0xfff5f0ff)
-  val dtColorSurfaceBrandOpaque = Color(0x1ce20074)
-  val dtColorSurfaceBrandOpaqueInverted = Color(0xccf5f0ff)
+  val dtColorSurfaceBrandInverted = Color(0xffffcce6)
+  val dtColorSurfaceBrandOpaque = Color(0xcc4b0027)
+  val dtColorSurfaceBrandOpaqueInverted = Color(0xccfdbedf)
   val dtColorSurfaceBrandStrong = Color(0xffffb2da)
-  val dtColorSurfaceBrandStrongInverted = Color(0xff7c52ff)
+  val dtColorSurfaceBrandStrongInverted = Color(0xffe20074)
   val dtColorSurfaceBrandSubtle = Color(0xff2e0018)
-  val dtColorSurfaceBrandSubtleInverted = Color(0xfff9f6ff)
-  val dtColorSurfaceBrandSubtleOpaque = Color(0x0de20074)
-  val dtColorSurfaceBrandSubtleOpaqueInverted = Color(0xa8f9f6ff)
+  val dtColorSurfaceBrandSubtleInverted = Color(0xfffff0f8)
+  val dtColorSurfaceBrandSubtleOpaque = Color(0xe635001c)
+  val dtColorSurfaceBrandSubtleOpaqueInverted = Color(0x40fdbedf)
   val dtColorSurfaceContrast = Color(0xffffffff)
   val dtColorSurfaceContrastInverted = Color(0xff171717)
   val dtColorSurfaceContrastOpaque = Color(0xf7ffffff)

package/dist/android/java/tokens-tmo-light.kt

@@ -12,9 +12,9 @@ import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.font.FontFamily
 
 object DialtoneTokensTmoLight {
-  val dtActionColorBackgroundBaseActive = Color(0x1cc90067)
+  val dtActionColorBackgroundBaseActive = Color(0xccfc8fc8)
   val dtActionColorBackgroundBaseDefault = Color(0x00000000)
-  val dtActionColorBackgroundBaseHover = Color(0x1ce20074)
+  val dtActionColorBackgroundBaseHover = Color(0xccfdbedf)
   val dtActionColorBackgroundBasePrimaryActive = Color(0xff7a003f)
   val dtActionColorBackgroundBasePrimaryDefault = Color(0xffe20074)
   val dtActionColorBackgroundBasePrimaryHover = Color(0xffa80056)
@@ -215,15 +215,15 @@ object DialtoneTokensTmoLight {
   val dtColorSurfaceBoldOpaque = Color(0x301c1c1c)
   val dtColorSurfaceBoldOpaqueInverted = Color(0x52ffffff)
   val dtColorSurfaceBrand = Color(0xffffcce6)
-  val dtColorSurfaceBrandInverted = Color(0xff1d0155)
-  val dtColorSurfaceBrandOpaque = Color(0x1ce20074)
-  val dtColorSurfaceBrandOpaqueInverted = Color(0xcc1d0155)
+  val dtColorSurfaceBrandInverted = Color(0xff3d001f)
+  val dtColorSurfaceBrandOpaque = Color(0xccfdbedf)
+  val dtColorSurfaceBrandOpaqueInverted = Color(0xcc4b0027)
   val dtColorSurfaceBrandStrong = Color(0xffe20074)
-  val dtColorSurfaceBrandStrongInverted = Color(0xffbba6fc)
+  val dtColorSurfaceBrandStrongInverted = Color(0xffffb2da)
   val dtColorSurfaceBrandSubtle = Color(0xfffff0f8)
-  val dtColorSurfaceBrandSubtleInverted = Color(0xff10022c)
-  val dtColorSurfaceBrandSubtleOpaque = Color(0x0de20074)
-  val dtColorSurfaceBrandSubtleOpaqueInverted = Color(0xa810022c)
+  val dtColorSurfaceBrandSubtleInverted = Color(0xff2e0018)
+  val dtColorSurfaceBrandSubtleOpaque = Color(0x40fdbedf)
+  val dtColorSurfaceBrandSubtleOpaqueInverted = Color(0xe635001c)
   val dtColorSurfaceContrast = Color(0xff252525)
   val dtColorSurfaceContrastInverted = Color(0xfff9f9f9)
   val dtColorSurfaceContrastOpaque = Color(0xf01c1c1c)

package/dist/android/res/values/colors-tmo-dark.xml

@@ -81,12 +81,12 @@
   <color name="dt_tmo_dark_color_surface_warning_opaque">#8c815008</color>
   <color name="dt_tmo_dark_color_surface_success_opaque">#47004f2e</color>
   <color name="dt_tmo_dark_color_surface_info_opaque">#66001429</color>
-  <color name="dt_tmo_dark_color_surface_brand_opaque">#1ce20074</color>
+  <color name="dt_tmo_dark_color_surface_brand_opaque">#cc4b0027</color>
   <color name="dt_tmo_dark_color_surface_critical_subtle_opaque">#991c0108</color>
   <color name="dt_tmo_dark_color_surface_warning_subtle_opaque">#b32c1b02</color>
   <color name="dt_tmo_dark_color_surface_success_subtle_opaque">#9900150d</color>
   <color name="dt_tmo_dark_color_surface_info_subtle_opaque">#b3010b16</color>
-  <color name="dt_tmo_dark_color_surface_brand_subtle_opaque">#0de20074</color>
+  <color name="dt_tmo_dark_color_surface_brand_subtle_opaque">#e635001c</color>
   <color name="dt_tmo_dark_color_surface_primary_inverted">#ffffffff</color>
   <color name="dt_tmo_dark_color_surface_secondary_inverted">#fff9f9f9</color>
   <color name="dt_tmo_dark_color_surface_moderate_inverted">#ffe6e6e6</color>
@@ -97,17 +97,17 @@
   <color name="dt_tmo_dark_color_surface_warning_inverted">#fffff4cc</color>
   <color name="dt_tmo_dark_color_surface_success_inverted">#ffedf9eb</color>
   <color name="dt_tmo_dark_color_surface_info_inverted">#ffeaf2fa</color>
-  <color name="dt_tmo_dark_color_surface_brand_inverted">#fff5f0ff</color>
+  <color name="dt_tmo_dark_color_surface_brand_inverted">#ffffcce6</color>
   <color name="dt_tmo_dark_color_surface_critical_subtle_inverted">#fffff2f3</color>
   <color name="dt_tmo_dark_color_surface_warning_subtle_inverted">#fffffae5</color>
   <color name="dt_tmo_dark_color_surface_success_subtle_inverted">#fff6fcf5</color>
   <color name="dt_tmo_dark_color_surface_info_subtle_inverted">#fff5f9fd</color>
-  <color name="dt_tmo_dark_color_surface_brand_subtle_inverted">#fff9f6ff</color>
+  <color name="dt_tmo_dark_color_surface_brand_subtle_inverted">#fffff0f8</color>
   <color name="dt_tmo_dark_color_surface_critical_strong_inverted">#ffd90a45</color>
   <color name="dt_tmo_dark_color_surface_warning_strong_inverted">#ffffbd48</color>
   <color name="dt_tmo_dark_color_surface_success_strong_inverted">#ff31b237</color>
   <color name="dt_tmo_dark_color_surface_info_strong_inverted">#ff1768c6</color>
-  <color name="dt_tmo_dark_color_surface_brand_strong_inverted">#ff7c52ff</color>
+  <color name="dt_tmo_dark_color_surface_brand_strong_inverted">#ffe20074</color>
   <color name="dt_tmo_dark_color_surface_primary_opaque_inverted">#d9ffffff</color>
   <color name="dt_tmo_dark_color_surface_secondary_opaque_inverted">#0a000000</color>
   <color name="dt_tmo_dark_color_surface_moderate_opaque_inverted">#1c000000</color>
@@ -118,12 +118,12 @@
   <color name="dt_tmo_dark_color_surface_warning_opaque_inverted">#80ffe89c</color>
   <color name="dt_tmo_dark_color_surface_success_opaque_inverted">#4ddbffa9</color>
   <color name="dt_tmo_dark_color_surface_info_opaque_inverted">#99eaf2fa</color>
-  <color name="dt_tmo_dark_color_surface_brand_opaque_inverted">#ccf5f0ff</color>
+  <color name="dt_tmo_dark_color_surface_brand_opaque_inverted">#ccfdbedf</color>
   <color name="dt_tmo_dark_color_surface_critical_subtle_opaque_inverted">#ccffe5e6</color>
   <color name="dt_tmo_dark_color_surface_warning_subtle_opaque_inverted">#b3fffae5</color>
   <color name="dt_tmo_dark_color_surface_success_subtle_opaque_inverted">#a8f6fcf5</color>
   <color name="dt_tmo_dark_color_surface_info_subtle_opaque_inverted">#a8f5f9fd</color>
-  <color name="dt_tmo_dark_color_surface_brand_subtle_opaque_inverted">#a8f9f6ff</color>
+  <color name="dt_tmo_dark_color_surface_brand_subtle_opaque_inverted">#40fdbedf</color>
   <color name="dt_tmo_dark_color_surface_backdrop">#a6000000</color>
   <color name="dt_tmo_dark_color_border_subtle">#24ffffff</color>
   <color name="dt_tmo_dark_color_border_default">#38ffffff</color>
@@ -195,8 +195,8 @@
   <color name="dt_tmo_dark_action_color_foreground_positive_active">#ffdbffa9</color>
   <color name="dt_tmo_dark_action_color_foreground_positive_primary_default">#ff000000</color>
   <color name="dt_tmo_dark_action_color_background_base_default">#00000000</color>
-  <color name="dt_tmo_dark_action_color_background_base_hover">#1ce20074</color>
-  <color name="dt_tmo_dark_action_color_background_base_active">#4de20074</color>
+  <color name="dt_tmo_dark_action_color_background_base_hover">#cc4b0027</color>
+  <color name="dt_tmo_dark_action_color_background_base_active">#4d4b0027</color>
   <color name="dt_tmo_dark_action_color_background_base_primary_default">#ffffb2da</color>
   <color name="dt_tmo_dark_action_color_background_base_primary_hover">#ffffcce6</color>
   <color name="dt_tmo_dark_action_color_background_base_primary_active">#ffffb2da</color>

package/dist/android/res/values/colors-tmo-light.xml

@@ -81,12 +81,12 @@
   <color name="dt_tmo_light_color_surface_warning_opaque">#80ffe89c</color>
   <color name="dt_tmo_light_color_surface_success_opaque">#40dbffa9</color>
   <color name="dt_tmo_light_color_surface_info_opaque">#59bde8ff</color>
-  <color name="dt_tmo_light_color_surface_brand_opaque">#1ce20074</color>
+  <color name="dt_tmo_light_color_surface_brand_opaque">#ccfdbedf</color>
   <color name="dt_tmo_light_color_surface_critical_subtle_opaque">#80ffe5e6</color>
   <color name="dt_tmo_light_color_surface_warning_subtle_opaque">#80fff4cc</color>
   <color name="dt_tmo_light_color_surface_success_subtle_opaque">#80edf9eb</color>
   <color name="dt_tmo_light_color_surface_info_subtle_opaque">#80eaf2fa</color>
-  <color name="dt_tmo_light_color_surface_brand_subtle_opaque">#0de20074</color>
+  <color name="dt_tmo_light_color_surface_brand_subtle_opaque">#40fdbedf</color>
   <color name="dt_tmo_light_color_surface_primary_inverted">#ff000000</color>
   <color name="dt_tmo_light_color_surface_secondary_inverted">#ff252525</color>
   <color name="dt_tmo_light_color_surface_moderate_inverted">#ff3a3a3a</color>
@@ -97,17 +97,17 @@
   <color name="dt_tmo_light_color_surface_warning_inverted">#ff2c1b02</color>
   <color name="dt_tmo_light_color_surface_success_inverted">#ff012717</color>
   <color name="dt_tmo_light_color_surface_info_inverted">#ff001429</color>
-  <color name="dt_tmo_light_color_surface_brand_inverted">#ff1d0155</color>
+  <color name="dt_tmo_light_color_surface_brand_inverted">#ff3d001f</color>
   <color name="dt_tmo_light_color_surface_critical_subtle_inverted">#ff1c0108</color>
   <color name="dt_tmo_light_color_surface_warning_subtle_inverted">#ff201301</color>
   <color name="dt_tmo_light_color_surface_success_subtle_inverted">#ff00150d</color>
   <color name="dt_tmo_light_color_surface_info_subtle_inverted">#ff010b16</color>
-  <color name="dt_tmo_light_color_surface_brand_subtle_inverted">#ff10022c</color>
+  <color name="dt_tmo_light_color_surface_brand_subtle_inverted">#ff2e0018</color>
   <color name="dt_tmo_light_color_surface_critical_strong_inverted">#ffff716f</color>
   <color name="dt_tmo_light_color_surface_warning_strong_inverted">#ffffdb80</color>
   <color name="dt_tmo_light_color_surface_success_strong_inverted">#ffaefb3c</color>
   <color name="dt_tmo_light_color_surface_info_strong_inverted">#ff4aa9ea</color>
-  <color name="dt_tmo_light_color_surface_brand_strong_inverted">#ffbba6fc</color>
+  <color name="dt_tmo_light_color_surface_brand_strong_inverted">#ffffb2da</color>
   <color name="dt_tmo_light_color_surface_primary_opaque_inverted">#d9000000</color>
   <color name="dt_tmo_light_color_surface_secondary_opaque_inverted">#26ffffff</color>
   <color name="dt_tmo_light_color_surface_moderate_opaque_inverted">#3bffffff</color>
@@ -118,12 +118,12 @@
   <color name="dt_tmo_light_color_surface_warning_opaque_inverted">#59533204</color>
   <color name="dt_tmo_light_color_surface_success_opaque_inverted">#4d004f2e</color>
   <color name="dt_tmo_light_color_surface_info_opaque_inverted">#99001429</color>
-  <color name="dt_tmo_light_color_surface_brand_opaque_inverted">#cc1d0155</color>
+  <color name="dt_tmo_light_color_surface_brand_opaque_inverted">#cc4b0027</color>
   <color name="dt_tmo_light_color_surface_critical_subtle_opaque_inverted">#991c0108</color>
   <color name="dt_tmo_light_color_surface_warning_subtle_opaque_inverted">#b3201301</color>
   <color name="dt_tmo_light_color_surface_success_subtle_opaque_inverted">#a800150d</color>
   <color name="dt_tmo_light_color_surface_info_subtle_opaque_inverted">#a8010b16</color>
-  <color name="dt_tmo_light_color_surface_brand_subtle_opaque_inverted">#a810022c</color>
+  <color name="dt_tmo_light_color_surface_brand_subtle_opaque_inverted">#e635001c</color>
   <color name="dt_tmo_light_color_surface_backdrop">#a6000000</color>
   <color name="dt_tmo_light_color_border_subtle">#1c1c1c1c</color>
   <color name="dt_tmo_light_color_border_default">#2b1c1c1c</color>
@@ -195,8 +195,8 @@
   <color name="dt_tmo_light_action_color_foreground_positive_active">#ff004f2e</color>
   <color name="dt_tmo_light_action_color_foreground_positive_primary_default">#ffffffff</color>
   <color name="dt_tmo_light_action_color_background_base_default">#00000000</color>
-  <color name="dt_tmo_light_action_color_background_base_hover">#1ce20074</color>
-  <color name="dt_tmo_light_action_color_background_base_active">#1cc90067</color>
+  <color name="dt_tmo_light_action_color_background_base_hover">#ccfdbedf</color>
+  <color name="dt_tmo_light_action_color_background_base_active">#ccfc8fc8</color>
   <color name="dt_tmo_light_action_color_background_base_primary_default">#ffe20074</color>
   <color name="dt_tmo_light_action_color_background_base_primary_hover">#ffa80056</color>
   <color name="dt_tmo_light_action_color_background_base_primary_active">#ff7a003f</color>

package/dist/css/tokens-tmo-dark.css

@@ -208,20 +208,55 @@
   --dt-color-border-brand-hsl: var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l);
   --dt-color-border-brand-hsla: hsl(var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l) / var(--alpha, 100%));
   --dt-color-border-brand: #FFB2DA;
-  --dt-color-surface-brand-subtle-opaque-h: 329;
+  --dt-color-surface-brand-subtle-opaque-inverted-h: 329;
+  --dt-color-surface-brand-subtle-opaque-inverted-s: 94%;
+  --dt-color-surface-brand-subtle-opaque-inverted-l: 86.9%;
+  --dt-color-surface-brand-subtle-opaque-inverted-a: 25%;
+  --dt-color-surface-brand-subtle-opaque-inverted-hsl: var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l);
+  --dt-color-surface-brand-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l) / var(--alpha, 25%));
+  --dt-color-surface-brand-subtle-opaque-inverted: hsl(329 94% 86.9% / 0.25);
+  --dt-color-surface-brand-opaque-inverted-h: 329;
+  --dt-color-surface-brand-opaque-inverted-s: 94%;
+  --dt-color-surface-brand-opaque-inverted-l: 86.9%;
+  --dt-color-surface-brand-opaque-inverted-a: 80%;
+  --dt-color-surface-brand-opaque-inverted-hsl: var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l);
+  --dt-color-surface-brand-opaque-inverted-hsla: hsl(var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l) / var(--alpha, 80%));
+  --dt-color-surface-brand-opaque-inverted: hsl(329 94% 86.9% / 0.8);
+  --dt-color-surface-brand-strong-inverted-h: 329.20353982300884;
+  --dt-color-surface-brand-strong-inverted-s: 100%;
+  --dt-color-surface-brand-strong-inverted-l: 44.31372549019608%;
+  --dt-color-surface-brand-strong-inverted-a: 100%;
+  --dt-color-surface-brand-strong-inverted-hsl: var(--dt-color-surface-brand-strong-inverted-h) var(--dt-color-surface-brand-strong-inverted-s) var(--dt-color-surface-brand-strong-inverted-l);
+  --dt-color-surface-brand-strong-inverted-hsla: hsl(var(--dt-color-surface-brand-strong-inverted-h) var(--dt-color-surface-brand-strong-inverted-s) var(--dt-color-surface-brand-strong-inverted-l) / var(--alpha, 100%));
+  --dt-color-surface-brand-strong-inverted: #E20074;
+  --dt-color-surface-brand-subtle-inverted-h: 328;
+  --dt-color-surface-brand-subtle-inverted-s: 100%;
+  --dt-color-surface-brand-subtle-inverted-l: 97.05882352941177%;
+  --dt-color-surface-brand-subtle-inverted-a: 100%;
+  --dt-color-surface-brand-subtle-inverted-hsl: var(--dt-color-surface-brand-subtle-inverted-h) var(--dt-color-surface-brand-subtle-inverted-s) var(--dt-color-surface-brand-subtle-inverted-l);
+  --dt-color-surface-brand-subtle-inverted-hsla: hsl(var(--dt-color-surface-brand-subtle-inverted-h) var(--dt-color-surface-brand-subtle-inverted-s) var(--dt-color-surface-brand-subtle-inverted-l) / var(--alpha, 100%));
+  --dt-color-surface-brand-subtle-inverted: #FFF0F8;
+  --dt-color-surface-brand-inverted-h: 329.4117647058824;
+  --dt-color-surface-brand-inverted-s: 100%;
+  --dt-color-surface-brand-inverted-l: 90%;
+  --dt-color-surface-brand-inverted-a: 100%;
+  --dt-color-surface-brand-inverted-hsl: var(--dt-color-surface-brand-inverted-h) var(--dt-color-surface-brand-inverted-s) var(--dt-color-surface-brand-inverted-l);
+  --dt-color-surface-brand-inverted-hsla: hsl(var(--dt-color-surface-brand-inverted-h) var(--dt-color-surface-brand-inverted-s) var(--dt-color-surface-brand-inverted-l) / var(--alpha, 100%));
+  --dt-color-surface-brand-inverted: #FFCCE6;
+  --dt-color-surface-brand-subtle-opaque-h: 328;
   --dt-color-surface-brand-subtle-opaque-s: 100%;
-  --dt-color-surface-brand-subtle-opaque-l: 44.3%;
-  --dt-color-surface-brand-subtle-opaque-a: 5%;
+  --dt-color-surface-brand-subtle-opaque-l: 10.4%;
+  --dt-color-surface-brand-subtle-opaque-a: 90%;
   --dt-color-surface-brand-subtle-opaque-hsl: var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l);
-  --dt-color-surface-brand-subtle-opaque-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l) / var(--alpha, 5%));
-  --dt-color-surface-brand-subtle-opaque: hsl(329 100% 44.3% / 0.05);
+  --dt-color-surface-brand-subtle-opaque-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l) / var(--alpha, 90%));
+  --dt-color-surface-brand-subtle-opaque: hsl(328 100% 10.4% / 0.9);
   --dt-color-surface-brand-opaque-h: 329;
   --dt-color-surface-brand-opaque-s: 100%;
-  --dt-color-surface-brand-opaque-l: 44.3%;
-  --dt-color-surface-brand-opaque-a: 11%;
+  --dt-color-surface-brand-opaque-l: 14.7%;
+  --dt-color-surface-brand-opaque-a: 80%;
   --dt-color-surface-brand-opaque-hsl: var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l);
-  --dt-color-surface-brand-opaque-hsla: hsl(var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l) / var(--alpha, 11%));
-  --dt-color-surface-brand-opaque: hsl(329 100% 44.3% / 0.11);
+  --dt-color-surface-brand-opaque-hsla: hsl(var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l) / var(--alpha, 80%));
+  --dt-color-surface-brand-opaque: hsl(329 100% 14.7% / 0.8);
   --dt-color-surface-brand-strong-h: 328.83116883116884;
   --dt-color-surface-brand-strong-s: 100%;
   --dt-color-surface-brand-strong-l: 84.90196078431373%;
@@ -968,13 +1003,6 @@
   --dt-color-surface-backdrop-hsl: var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l);
   --dt-color-surface-backdrop-hsla: hsl(var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l) / var(--alpha, 65%));
   --dt-color-surface-backdrop: hsl(0 0% 0% / 0.65); /* Background color for a modal-like backdrop. */
-  --dt-color-surface-brand-subtle-opaque-inverted-h: 260;
-  --dt-color-surface-brand-subtle-opaque-inverted-s: 100%;
-  --dt-color-surface-brand-subtle-opaque-inverted-l: 98.2%;
-  --dt-color-surface-brand-subtle-opaque-inverted-a: 66%;
-  --dt-color-surface-brand-subtle-opaque-inverted-hsl: var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l);
-  --dt-color-surface-brand-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l) / var(--alpha, 66%));
-  --dt-color-surface-brand-subtle-opaque-inverted: hsl(260 100% 98.2% / 0.66); /* Info surface as opaque background color. */
   --dt-color-surface-info-subtle-opaque-inverted-h: 210;
   --dt-color-surface-info-subtle-opaque-inverted-s: 66.7%;
   --dt-color-surface-info-subtle-opaque-inverted-l: 97.6%;
@@ -1003,13 +1031,6 @@
   --dt-color-surface-critical-subtle-opaque-inverted-hsl: var(--dt-color-surface-critical-subtle-opaque-inverted-h) var(--dt-color-surface-critical-subtle-opaque-inverted-s) var(--dt-color-surface-critical-subtle-opaque-inverted-l);
   --dt-color-surface-critical-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-critical-subtle-opaque-inverted-h) var(--dt-color-surface-critical-subtle-opaque-inverted-s) var(--dt-color-surface-critical-subtle-opaque-inverted-l) / var(--alpha, 80%));
   --dt-color-surface-critical-subtle-opaque-inverted: hsl(358 100% 94.9% / 0.8);
-  --dt-color-surface-brand-opaque-inverted-h: 260;
-  --dt-color-surface-brand-opaque-inverted-s: 100%;
-  --dt-color-surface-brand-opaque-inverted-l: 97.1%;
-  --dt-color-surface-brand-opaque-inverted-a: 80%;
-  --dt-color-surface-brand-opaque-inverted-hsl: var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l);
-  --dt-color-surface-brand-opaque-inverted-hsla: hsl(var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l) / var(--alpha, 80%));
-  --dt-color-surface-brand-opaque-inverted: hsl(260 100% 97.1% / 0.8); /* Info surface as opaque background color. */
   --dt-color-surface-info-opaque-inverted-h: 210;
   --dt-color-surface-info-opaque-inverted-s: 61.5%;
   --dt-color-surface-info-opaque-inverted-l: 94.9%;
@@ -1073,13 +1094,6 @@
   --dt-color-surface-secondary-opaque-inverted-hsl: var(--dt-color-surface-secondary-opaque-inverted-h) var(--dt-color-surface-secondary-opaque-inverted-s) var(--dt-color-surface-secondary-opaque-inverted-l);
   --dt-color-surface-secondary-opaque-inverted-hsla: hsl(var(--dt-color-surface-secondary-opaque-inverted-h) var(--dt-color-surface-secondary-opaque-inverted-s) var(--dt-color-surface-secondary-opaque-inverted-l) / var(--alpha, 4%));
   --dt-color-surface-secondary-opaque-inverted: hsl(0 0% 0% / 0.04);
-  --dt-color-surface-brand-strong-inverted-h: var(--dt-color-purple-350-h);
-  --dt-color-surface-brand-strong-inverted-s: var(--dt-color-purple-350-s);
-  --dt-color-surface-brand-strong-inverted-l: var(--dt-color-purple-350-l);
-  --dt-color-surface-brand-strong-inverted-a: var(--dt-color-purple-350-a);
-  --dt-color-surface-brand-strong-inverted-hsl: var(--dt-color-purple-350-hsl);
-  --dt-color-surface-brand-strong-inverted-hsla: var(--dt-color-purple-350-hsla);
-  --dt-color-surface-brand-strong-inverted: var(--dt-color-purple-350);
   --dt-color-surface-info-strong-inverted-h: var(--dt-color-blue-300-h);
   --dt-color-surface-info-strong-inverted-s: var(--dt-color-blue-300-s);
   --dt-color-surface-info-strong-inverted-l: var(--dt-color-blue-300-l);
@@ -1108,13 +1122,6 @@
   --dt-color-surface-critical-strong-inverted-hsl: var(--dt-color-red-400-hsl);
   --dt-color-surface-critical-strong-inverted-hsla: var(--dt-color-red-400-hsla);
   --dt-color-surface-critical-strong-inverted: var(--dt-color-red-400);
-  --dt-color-surface-brand-subtle-inverted-h: var(--dt-color-purple-1000-h);
-  --dt-color-surface-brand-subtle-inverted-s: var(--dt-color-purple-1000-s);
-  --dt-color-surface-brand-subtle-inverted-l: var(--dt-color-purple-1000-l);
-  --dt-color-surface-brand-subtle-inverted-a: var(--dt-color-purple-1000-a);
-  --dt-color-surface-brand-subtle-inverted-hsl: var(--dt-color-purple-1000-hsl);
-  --dt-color-surface-brand-subtle-inverted-hsla: var(--dt-color-purple-1000-hsla);
-  --dt-color-surface-brand-subtle-inverted: var(--dt-color-purple-1000); /* A softer version of the default informational surface. */
   --dt-color-surface-info-subtle-inverted-h: var(--dt-color-blue-1000-h);
   --dt-color-surface-info-subtle-inverted-s: var(--dt-color-blue-1000-s);
   --dt-color-surface-info-subtle-inverted-l: var(--dt-color-blue-1000-l);
@@ -1143,13 +1150,6 @@
   --dt-color-surface-critical-subtle-inverted-hsl: var(--dt-color-red-1000-hsl);
   --dt-color-surface-critical-subtle-inverted-hsla: var(--dt-color-red-1000-hsla);
   --dt-color-surface-critical-subtle-inverted: var(--dt-color-red-1000); /* A softer version of the Critical surface. */
-  --dt-color-surface-brand-inverted-h: var(--dt-color-purple-600-h);
-  --dt-color-surface-brand-inverted-s: var(--dt-color-purple-600-s);
-  --dt-color-surface-brand-inverted-l: var(--dt-color-purple-600-l);
-  --dt-color-surface-brand-inverted-a: var(--dt-color-purple-600-a);
-  --dt-color-surface-brand-inverted-hsl: var(--dt-color-purple-600-hsl);
-  --dt-color-surface-brand-inverted-hsla: var(--dt-color-purple-600-hsla);
-  --dt-color-surface-brand-inverted: var(--dt-color-purple-600); /* Background surface color containing messaging or elements communicated as generally informational. */
   --dt-color-surface-info-inverted-h: var(--dt-color-blue-900-h);
   --dt-color-surface-info-inverted-s: var(--dt-color-blue-900-s);
   --dt-color-surface-info-inverted-l: var(--dt-color-blue-900-l);
@@ -1994,11 +1994,11 @@
   --dt-action-color-background-critical-hover: var(--dt-color-surface-critical-opaque);
   --dt-action-color-background-base-active-h: 329;
   --dt-action-color-background-base-active-s: 100%;
-  --dt-action-color-background-base-active-l: 44.3%;
+  --dt-action-color-background-base-active-l: 14.7%;
   --dt-action-color-background-base-active-a: 30%;
   --dt-action-color-background-base-active-hsl: var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l);
   --dt-action-color-background-base-active-hsla: hsl(var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l) / var(--alpha, 30%));
-  --dt-action-color-background-base-active: hsl(329 100% 44.3% / 0.3);
+  --dt-action-color-background-base-active: hsl(329 100% 14.7% / 0.3);
   --dt-action-color-foreground-disabled-default-h: var(--dt-color-foreground-disabled-h);
   --dt-action-color-foreground-disabled-default-s: var(--dt-color-foreground-disabled-s);
   --dt-action-color-foreground-disabled-default-l: var(--dt-color-foreground-disabled-l);

package/dist/css/tokens-tmo-light.css

@@ -215,20 +215,55 @@
   --dt-color-border-brand-hsl: var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l);
   --dt-color-border-brand-hsla: hsl(var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l) / var(--alpha, 100%));
   --dt-color-border-brand: #E20074;
+  --dt-color-surface-brand-subtle-opaque-inverted-h: 328;
+  --dt-color-surface-brand-subtle-opaque-inverted-s: 100%;
+  --dt-color-surface-brand-subtle-opaque-inverted-l: 10.4%;
+  --dt-color-surface-brand-subtle-opaque-inverted-a: 90%;
+  --dt-color-surface-brand-subtle-opaque-inverted-hsl: var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l);
+  --dt-color-surface-brand-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l) / var(--alpha, 90%));
+  --dt-color-surface-brand-subtle-opaque-inverted: hsl(328 100% 10.4% / 0.9);
+  --dt-color-surface-brand-opaque-inverted-h: 329;
+  --dt-color-surface-brand-opaque-inverted-s: 100%;
+  --dt-color-surface-brand-opaque-inverted-l: 14.7%;
+  --dt-color-surface-brand-opaque-inverted-a: 80%;
+  --dt-color-surface-brand-opaque-inverted-hsl: var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l);
+  --dt-color-surface-brand-opaque-inverted-hsla: hsl(var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l) / var(--alpha, 80%));
+  --dt-color-surface-brand-opaque-inverted: hsl(329 100% 14.7% / 0.8);
+  --dt-color-surface-brand-strong-inverted-h: 328.83116883116884;
+  --dt-color-surface-brand-strong-inverted-s: 100%;
+  --dt-color-surface-brand-strong-inverted-l: 84.90196078431373%;
+  --dt-color-surface-brand-strong-inverted-a: 100%;
+  --dt-color-surface-brand-strong-inverted-hsl: var(--dt-color-surface-brand-strong-inverted-h) var(--dt-color-surface-brand-strong-inverted-s) var(--dt-color-surface-brand-strong-inverted-l);
+  --dt-color-surface-brand-strong-inverted-hsla: hsl(var(--dt-color-surface-brand-strong-inverted-h) var(--dt-color-surface-brand-strong-inverted-s) var(--dt-color-surface-brand-strong-inverted-l) / var(--alpha, 100%));
+  --dt-color-surface-brand-strong-inverted: #FFB2DA;
+  --dt-color-surface-brand-subtle-inverted-h: 328.69565217391306;
+  --dt-color-surface-brand-subtle-inverted-s: 100%;
+  --dt-color-surface-brand-subtle-inverted-l: 9.019607843137255%;
+  --dt-color-surface-brand-subtle-inverted-a: 100%;
+  --dt-color-surface-brand-subtle-inverted-hsl: var(--dt-color-surface-brand-subtle-inverted-h) var(--dt-color-surface-brand-subtle-inverted-s) var(--dt-color-surface-brand-subtle-inverted-l);
+  --dt-color-surface-brand-subtle-inverted-hsla: hsl(var(--dt-color-surface-brand-subtle-inverted-h) var(--dt-color-surface-brand-subtle-inverted-s) var(--dt-color-surface-brand-subtle-inverted-l) / var(--alpha, 100%));
+  --dt-color-surface-brand-subtle-inverted: #2E0018;
+  --dt-color-surface-brand-inverted-h: 329.5081967213115;
+  --dt-color-surface-brand-inverted-s: 100%;
+  --dt-color-surface-brand-inverted-l: 11.96078431372549%;
+  --dt-color-surface-brand-inverted-a: 100%;
+  --dt-color-surface-brand-inverted-hsl: var(--dt-color-surface-brand-inverted-h) var(--dt-color-surface-brand-inverted-s) var(--dt-color-surface-brand-inverted-l);
+  --dt-color-surface-brand-inverted-hsla: hsl(var(--dt-color-surface-brand-inverted-h) var(--dt-color-surface-brand-inverted-s) var(--dt-color-surface-brand-inverted-l) / var(--alpha, 100%));
+  --dt-color-surface-brand-inverted: #3D001F;
   --dt-color-surface-brand-subtle-opaque-h: 329;
-  --dt-color-surface-brand-subtle-opaque-s: 100%;
-  --dt-color-surface-brand-subtle-opaque-l: 44.3%;
-  --dt-color-surface-brand-subtle-opaque-a: 5%;
+  --dt-color-surface-brand-subtle-opaque-s: 94%;
+  --dt-color-surface-brand-subtle-opaque-l: 86.9%;
+  --dt-color-surface-brand-subtle-opaque-a: 25%;
   --dt-color-surface-brand-subtle-opaque-hsl: var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l);
-  --dt-color-surface-brand-subtle-opaque-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l) / var(--alpha, 5%));
-  --dt-color-surface-brand-subtle-opaque: hsl(329 100% 44.3% / 0.05);
+  --dt-color-surface-brand-subtle-opaque-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l) / var(--alpha, 25%));
+  --dt-color-surface-brand-subtle-opaque: hsl(329 94% 86.9% / 0.25);
   --dt-color-surface-brand-opaque-h: 329;
-  --dt-color-surface-brand-opaque-s: 100%;
-  --dt-color-surface-brand-opaque-l: 44.3%;
-  --dt-color-surface-brand-opaque-a: 11%;
+  --dt-color-surface-brand-opaque-s: 94%;
+  --dt-color-surface-brand-opaque-l: 86.9%;
+  --dt-color-surface-brand-opaque-a: 80%;
   --dt-color-surface-brand-opaque-hsl: var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l);
-  --dt-color-surface-brand-opaque-hsla: hsl(var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l) / var(--alpha, 11%));
-  --dt-color-surface-brand-opaque: hsl(329 100% 44.3% / 0.11);
+  --dt-color-surface-brand-opaque-hsla: hsl(var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l) / var(--alpha, 80%));
+  --dt-color-surface-brand-opaque: hsl(329 94% 86.9% / 0.8);
   --dt-color-surface-brand-strong-h: 329.20353982300884;
   --dt-color-surface-brand-strong-s: 100%;
   --dt-color-surface-brand-strong-l: 44.31372549019608%;
@@ -982,13 +1017,6 @@
   --dt-color-surface-backdrop-hsl: var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l);
   --dt-color-surface-backdrop-hsla: hsl(var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l) / var(--alpha, 65%));
   --dt-color-surface-backdrop: hsl(0 0% 0% / 0.65); /* Background color for a modal-like backdrop. */
-  --dt-color-surface-brand-subtle-opaque-inverted-h: 260;
-  --dt-color-surface-brand-subtle-opaque-inverted-s: 91.3%;
-  --dt-color-surface-brand-subtle-opaque-inverted-l: 9.02%;
-  --dt-color-surface-brand-subtle-opaque-inverted-a: 66%;
-  --dt-color-surface-brand-subtle-opaque-inverted-hsl: var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l);
-  --dt-color-surface-brand-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l) / var(--alpha, 66%));
-  --dt-color-surface-brand-subtle-opaque-inverted: hsl(260 91.3% 9.02% / 0.66); /* Info surface as opaque background color. */
   --dt-color-surface-info-subtle-opaque-inverted-h: 211;
   --dt-color-surface-info-subtle-opaque-inverted-s: 91.3%;
   --dt-color-surface-info-subtle-opaque-inverted-l: 4.51%;
@@ -1017,13 +1045,6 @@
   --dt-color-surface-critical-subtle-opaque-inverted-hsl: var(--dt-color-surface-critical-subtle-opaque-inverted-h) var(--dt-color-surface-critical-subtle-opaque-inverted-s) var(--dt-color-surface-critical-subtle-opaque-inverted-l);
   --dt-color-surface-critical-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-critical-subtle-opaque-inverted-h) var(--dt-color-surface-critical-subtle-opaque-inverted-s) var(--dt-color-surface-critical-subtle-opaque-inverted-l) / var(--alpha, 60%));
   --dt-color-surface-critical-subtle-opaque-inverted: hsl(344 93.1% 5.69% / 0.6); /* Critical subtle surface as opaque background color. */
-  --dt-color-surface-brand-opaque-inverted-h: 260;
-  --dt-color-surface-brand-opaque-inverted-s: 97.7%;
-  --dt-color-surface-brand-opaque-inverted-l: 16.9%;
-  --dt-color-surface-brand-opaque-inverted-a: 80%;
-  --dt-color-surface-brand-opaque-inverted-hsl: var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l);
-  --dt-color-surface-brand-opaque-inverted-hsla: hsl(var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l) / var(--alpha, 80%));
-  --dt-color-surface-brand-opaque-inverted: hsl(260 97.7% 16.9% / 0.8); /* Info surface as opaque background color. */
   --dt-color-surface-info-opaque-inverted-h: 211;
   --dt-color-surface-info-opaque-inverted-s: 100%;
   --dt-color-surface-info-opaque-inverted-l: 8.04%;
@@ -1087,13 +1108,6 @@
   --dt-color-surface-secondary-opaque-inverted-hsl: var(--dt-color-surface-secondary-opaque-inverted-h) var(--dt-color-surface-secondary-opaque-inverted-s) var(--dt-color-surface-secondary-opaque-inverted-l);
   --dt-color-surface-secondary-opaque-inverted-hsla: hsl(var(--dt-color-surface-secondary-opaque-inverted-h) var(--dt-color-surface-secondary-opaque-inverted-s) var(--dt-color-surface-secondary-opaque-inverted-l) / var(--alpha, 15%));
   --dt-color-surface-secondary-opaque-inverted: hsl(0 0% 100% / 0.15); /* Secondary surface as opaque background color. */
-  --dt-color-surface-brand-strong-inverted-h: var(--dt-color-purple-250-h);
-  --dt-color-surface-brand-strong-inverted-s: var(--dt-color-purple-250-s);
-  --dt-color-surface-brand-strong-inverted-l: var(--dt-color-purple-250-l);
-  --dt-color-surface-brand-strong-inverted-a: var(--dt-color-purple-250-a);
-  --dt-color-surface-brand-strong-inverted-hsl: var(--dt-color-purple-250-hsl);
-  --dt-color-surface-brand-strong-inverted-hsla: var(--dt-color-purple-250-hsla);
-  --dt-color-surface-brand-strong-inverted: var(--dt-color-purple-250); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
   --dt-color-surface-info-strong-inverted-h: var(--dt-color-blue-425-h);
   --dt-color-surface-info-strong-inverted-s: var(--dt-color-blue-425-s);
   --dt-color-surface-info-strong-inverted-l: var(--dt-color-blue-425-l);
@@ -1122,13 +1136,6 @@
   --dt-color-surface-critical-strong-inverted-hsl: var(--dt-color-red-300-hsl);
   --dt-color-surface-critical-strong-inverted-hsla: var(--dt-color-red-300-hsla);
   --dt-color-surface-critical-strong-inverted: var(--dt-color-red-300); /* A contrasting critical surface, most likely paired with inverted foreground colors. */
-  --dt-color-surface-brand-subtle-inverted-h: var(--dt-color-purple-1000-h);
-  --dt-color-surface-brand-subtle-inverted-s: var(--dt-color-purple-1000-s);
-  --dt-color-surface-brand-subtle-inverted-l: var(--dt-color-purple-1000-l);
-  --dt-color-surface-brand-subtle-inverted-a: var(--dt-color-purple-1000-a);
-  --dt-color-surface-brand-subtle-inverted-hsl: var(--dt-color-purple-1000-hsl);
-  --dt-color-surface-brand-subtle-inverted-hsla: var(--dt-color-purple-1000-hsla);
-  --dt-color-surface-brand-subtle-inverted: var(--dt-color-purple-1000); /* A softer version of the default informational surface. */
   --dt-color-surface-info-subtle-inverted-h: var(--dt-color-blue-1000-h);
   --dt-color-surface-info-subtle-inverted-s: var(--dt-color-blue-1000-s);
   --dt-color-surface-info-subtle-inverted-l: var(--dt-color-blue-1000-l);
@@ -1157,13 +1164,6 @@
   --dt-color-surface-critical-subtle-inverted-hsl: var(--dt-color-red-1000-hsl);
   --dt-color-surface-critical-subtle-inverted-hsla: var(--dt-color-red-1000-hsla);
   --dt-color-surface-critical-subtle-inverted: var(--dt-color-red-1000); /* A softer version of the Critical surface. */
-  --dt-color-surface-brand-inverted-h: var(--dt-color-purple-600-h);
-  --dt-color-surface-brand-inverted-s: var(--dt-color-purple-600-s);
-  --dt-color-surface-brand-inverted-l: var(--dt-color-purple-600-l);
-  --dt-color-surface-brand-inverted-a: var(--dt-color-purple-600-a);
-  --dt-color-surface-brand-inverted-hsl: var(--dt-color-purple-600-hsl);
-  --dt-color-surface-brand-inverted-hsla: var(--dt-color-purple-600-hsla);
-  --dt-color-surface-brand-inverted: var(--dt-color-purple-600); /* Background surface color containing messaging or elements communicated as generally informational. */
   --dt-color-surface-info-inverted-h: var(--dt-color-blue-900-h);
   --dt-color-surface-info-inverted-s: var(--dt-color-blue-900-s);
   --dt-color-surface-info-inverted-l: var(--dt-color-blue-900-l);
@@ -1993,12 +1993,12 @@
   --dt-action-color-background-critical-hover-hsla: var(--dt-color-surface-critical-opaque-hsla);
   --dt-action-color-background-critical-hover: var(--dt-color-surface-critical-opaque);
   --dt-action-color-background-base-active-h: 329;
-  --dt-action-color-background-base-active-s: 100%;
-  --dt-action-color-background-base-active-l: 39.4%;
-  --dt-action-color-background-base-active-a: 11%;
+  --dt-action-color-background-base-active-s: 94%;
+  --dt-action-color-background-base-active-l: 77.3%;
+  --dt-action-color-background-base-active-a: 80%;
   --dt-action-color-background-base-active-hsl: var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l);
-  --dt-action-color-background-base-active-hsla: hsl(var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l) / var(--alpha, 11%));
-  --dt-action-color-background-base-active: hsl(329 100% 39.4% / 0.11);
+  --dt-action-color-background-base-active-hsla: hsl(var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l) / var(--alpha, 80%));
+  --dt-action-color-background-base-active: hsl(329 94% 77.3% / 0.8);
   --dt-action-color-foreground-disabled-default-h: var(--dt-color-foreground-disabled-h);
   --dt-action-color-foreground-disabled-default-s: var(--dt-color-foreground-disabled-s);
   --dt-action-color-foreground-disabled-default-l: var(--dt-color-foreground-disabled-l);