fix(governance): incorrect track background

cosmology-tech · Feb 6, 2024 · 0b11c03 · 0b11c03
1 parent c161d13
commit 0b11c03
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/styles/themes.css.ts b/src/styles/themes.css.ts
@@ -68,6 +68,7 @@ export const themeContractTemplate = {
     progressBg: ``,
     progressValue: ``,
     progressCursor: ``,
+    trackBg: ``,
     divider: ``,
     menuItemBg: ``,
     menuItemBgSelected: ``,
@@ -291,6 +292,7 @@ export const lightThemeClass = createTheme(themeVars, {
     menuItemBgHovered: `#EEF2F8`,
     menuItemBgActive: `#DDE4ED`,
     skeletonBg: `#DDE4ED`,
+    trackBg: `#EBEFF5`,
     ...colors,
   },
 });
@@ -330,6 +332,7 @@ export const darkThemeClass = createTheme(themeVars, {
     menuItemBgHovered: `#25292E`,
     menuItemBgActive: `#2C3137`,
     skeletonBg: `#3B434D`,
+    trackBg: `#49525E`,
     ...colors,
   },
 });
@@ -371,6 +374,7 @@ export const meshThemeClass = createTheme(themeVars, {
     menuItemBgHovered: `#25292E`,
     menuItemBgActive: `#2C3137`,
     skeletonBg: `#3B434D`,
+    trackBg: `#49525E`,
     // Override colors
     gray50: "#F7FAFC",
     gray100: "#E1DBEB",

diff --git a/src/ui/governance/governance-vote-breakdown.lite.tsx b/src/ui/governance/governance-vote-breakdown.lite.tsx
@@ -54,7 +54,7 @@ export default function GovernanceVoteBreakdown(
 
       {/* Meter */}
       <Box
-        backgroundColor="$inputBg"
+        backgroundColor="$trackBg"
         width="100%"
         height="$4"
         borderRadius="$base"