style: add new green color

PolkaGate · Nov 16, 2024 · 6ffc4e5 · 6ffc4e5
1 parent e16eb2a
commit 6ffc4e5
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/packages/extension-polkagate/src/fullscreen/homeFullScreen/partials/TotalBalancePieChart.tsx b/packages/extension-polkagate/src/fullscreen/homeFullScreen/partials/TotalBalancePieChart.tsx
@@ -231,7 +231,7 @@ function TotalBalancePieChart ({ setGroupedAssets }: Props): React.ReactElement
                 withCountUp
                 withSmallDecimal
               />
-              <Typography sx={{ color: !youHave.change ? 'secondary.contrastText' : youHave.change > 0 ? 'success.main' : 'warning.main', fontSize: '16px', fontWeight: 500 }}>
+              <Typography sx={{ color: !youHave.change ? 'secondary.contrastText' : youHave.change > 0 ? 'success.contrastText' : 'warning.main', fontSize: '16px', fontWeight: 500 }}>
                 <CountUp
                   decimals={countDecimalPlaces(portfolioChange) || PORTFOLIO_CHANGE_DECIMAL}
                   duration={1}

diff --git a/packages/extension-polkagate/src/popup/home/YouHave.tsx b/packages/extension-polkagate/src/popup/home/YouHave.tsx
@@ -122,7 +122,7 @@ export default function YouHave (): React.ReactElement {
                       />
                     </Grid>
                   </Stack>
-                  <Typography sx={{ color: !youHave?.change ? 'secondary.contrastText' : youHave.change > 0 ? 'success.main' : 'warning.main', fontSize: '15px', fontWeight: 400 }}>
+                  <Typography sx={{ color: !youHave?.change ? 'secondary.contrastText' : youHave.change > 0 ? 'success.contrastText' : 'warning.main', fontSize: '15px', fontWeight: 400 }}>
                     <CountUp
                       decimals={countDecimalPlaces(portfolioChange) || PORTFOLIO_CHANGE_DECIMAL}
                       duration={1}

diff --git a/packages/extension-polkagate/src/themes/dark.ts b/packages/extension-polkagate/src/themes/dark.ts
@@ -42,7 +42,7 @@ export const darkTheme: ThemeOptions = {
     backgroundFL: { primary: '#000000', secondary: '#171717' },
     text: { primary: '#D5D5D5', secondary: '#000000', disabled: '#4B4B4B' },
     action: { disabled: '#fff', disabledBackground: '#4B4B4B', focus: '#BA82A5' },
-    success: { main: '#1F7720', light: '#46890C' },
+    success: { main: '#1F7720', light: '#46890C', contrastText: '#2ECC71' },
     warning: { main: '#FF002B' },
     divider: 'rgba(255, 255, 255, 0.1)'
   },

diff --git a/packages/extension-polkagate/src/themes/light.ts b/packages/extension-polkagate/src/themes/light.ts
@@ -41,7 +41,7 @@ export const lightTheme: ThemeOptions = {
     backgroundFL: { primary: '#DFDFDF', secondary: '#F1F1F1' },
     text: { primary: '#63364D', secondary: '#FFFFFF', disabled: '#747474' },
     action: { disabled: '#fff', disabledBackground: '#989898', focus: '#BA82A5' },
-    success: { main: '#1F7720', light: '#46890C' },
+    success: { main: '#1F7720', light: '#46890C', contrastText: '#228B22' },
     warning: { main: '#FF002B' },
     divider: '#cecece'
   },