From 278a6350d80019b44901c5490c388e3e9ed7d109 Mon Sep 17 00:00:00 2001
From: tristen <tristen.brown@gmail.com>
Date: Mon, 8 Jun 2026 16:20:53 -0400
Subject: [PATCH] Update warning text color to match Studio

---
 CHANGELOG.md                                               | 4 ++++
 src/components/popover/__snapshots__/popover.test.tsx.snap | 2 +-
 src/components/utils/styles.ts                             | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d3f05bd..2128b6f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,9 @@
 ## Changelog
 
+## HEAD
+
+- [fix] Update warning text from `color-orange-deep` to `color-orange-dark` to match conventions in Studio.
+
 ## 2.24.0
 
 - [feature] Add optional `children` prop to `ControlSelect`. When provided, the native select is hidden and positioned absolutely over the children, which are rendered as a custom display with pointer-events disabled.
diff --git a/src/components/popover/__snapshots__/popover.test.tsx.snap b/src/components/popover/__snapshots__/popover.test.tsx.snap
index e1aced8..a0052ac 100644
--- a/src/components/popover/__snapshots__/popover.test.tsx.snap
+++ b/src/components/popover/__snapshots__/popover.test.tsx.snap
@@ -266,7 +266,7 @@ exports[`Popover warning renders 1`] = `
     style="position: fixed; left: 0px; top: 0px; transform: translate(-6px, 0px); min-width: max-content; --radix-popper-transform-origin: 0px 0px; z-index: auto; --radix-popper-available-width: -16px; --radix-popper-available-height: 0px; --radix-popper-anchor-width: 0px; --radix-popper-anchor-height: 0px;"
   >
     <div
-      class="bg-orange-faint border--orange-deep color-orange-deep border shadow-darken25 round px12 py12 border border-1 border--border--orange-deep"
+      class="bg-orange-faint border--orange-deep color-orange-dark border shadow-darken25 round px12 py12 border border-1 border--border--orange-deep"
       data-align="center"
       data-side="left"
       data-state="open"
diff --git a/src/components/utils/styles.ts b/src/components/utils/styles.ts
index 3a32992..54bc891 100644
--- a/src/components/utils/styles.ts
+++ b/src/components/utils/styles.ts
@@ -88,7 +88,7 @@ function getTheme(theme?: 'dark' | 'warning' | 'error' | 'light') {
       return {
         background: 'bg-orange-faint',
         borderColor: 'border--orange-deep',
-        color: 'color-orange-deep',
+        color: 'color-orange-dark',
         fill: variables['--orange-deep'],
         shadowColor: variables['--darken25']
       };