From 0b11c0391202a9acdfcbd09d90e6d9e36307cede Mon Sep 17 00:00:00 2001
From: yyyyaaa <phatghaa@gmail.com>
Date: Tue, 6 Feb 2024 12:45:57 +0700
Subject: [PATCH] fix(governance): incorrect track background

---
 src/styles/themes.css.ts                             | 4 ++++
 src/ui/governance/governance-vote-breakdown.lite.tsx | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/styles/themes.css.ts b/src/styles/themes.css.ts
index 12e6f7cf..37fa23d4 100644
--- 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
index 10935b48..7a639fb4 100644
--- 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"