use existing css var instead of new yellow 0

dydxprotocol · Jan 7, 2025 · 7b718fa · 7b718fa
1 parent 67d14f9
commit 7b718fa
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 4 deletions.
diff --git a/src/styles/globalStyle.ts b/src/styles/globalStyle.ts
@@ -6,7 +6,6 @@ export const GlobalStyle = createGlobalStyle`
     --color-black: ${({ theme }) => theme.black};
     --color-green: ${({ theme }) => theme.green};
     --color-red: ${({ theme }) => theme.red};
-    --color-yellow-0: ${({ theme }) => theme.yellow0};
 
     --color-white-faded: ${({ theme }) => theme.whiteFaded};
 

diff --git a/src/styles/themes.ts b/src/styles/themes.ts
@@ -10,7 +10,6 @@ const ClassicThemeBase: () => ThemeColorBase = () => ({
   white: ColorToken.White,
   green: ColorToken.Green3,
   red: ColorToken.Red2,
-  yellow0: ColorToken.Yellow0,
 
   whiteFaded: generateFadedColorVariant(ColorToken.White, OpacityToken.Opacity16),
 

diff --git a/src/views/dialogs/DepositDialog2/RouteOptions.tsx b/src/views/dialogs/DepositDialog2/RouteOptions.tsx
@@ -56,8 +56,8 @@ export const RouteOptions = ({
           style={{
             color:
               selectedSpeed === 'fast' && !isLoading
-                ? 'var(--color-yellow-0)'
-                : 'var(--color-layer-2)',
+                ? 'var(--color-favorite)'
+                : 'var(--color-text-0)',
           }}
         >
           <LightningIcon />