style: qucikfix colors

deltaDAO · Feb 19, 2024 · 9145ff7 · 9145ff7
1 parent 92c881c
commit 9145ff7
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 25 deletions.
diff --git a/src/app/components/PageLayout/Header.tsx b/src/app/components/PageLayout/Header.tsx
@@ -26,9 +26,7 @@ export const Header: FC = () => {
         transitionProperty: 'background-color',
         transitionDuration: `${theme.transitions.duration.standard}ms`,
         transitionTimingFunction: theme.transitions.easing.easeInOut,
-        backgroundColor: scrollTrigger
-          ? theme.palette.layout.contrastSecondary
-          : theme.palette.layout.secondary,
+        backgroundColor: theme.palette.layout.main,
         borderRadius: 0,
         boxShadow: scrollTrigger
           ? '0px 4px 4px rgba(0, 0, 0, 0.25), 0px 34px 24px -9px rgba(50, 77, 171, 0.12)'
@@ -45,10 +43,7 @@ export const Header: FC = () => {
           }}
         >
           <Grid md={3} xs={4} sx={{ display: 'flex', alignItems: 'center' }}>
-            <HomePageLink
-              color={scrollTrigger ? theme.palette.layout.contrastMain : undefined}
-              showText={!scrollTrigger && !isMobile}
-            />
+            <HomePageLink color={theme.palette.layout.secondary} showText={!isMobile} />
           </Grid>
           {scope && isScopeSelectorNeeded(scope) && (
             <>

diff --git a/src/app/components/charts/PieChart.tsx b/src/app/components/charts/PieChart.tsx
@@ -18,7 +18,7 @@ interface PieChartProps<T extends object> extends Formatters {
   dataKey: Extract<keyof T, string>
 }
 
-const colorPalette = [COLORS.brandDark, COLORS.brandMedium, TESTNET_COLORS.testnet, COLORS.grayMedium2]
+const colorPalette = [COLORS.brandDark, COLORS.brandMedium, TESTNET_COLORS.testnetDark, COLORS.grayMedium2]
 
 type CustomLegendProps = Props & {
   activeLabel?: string

diff --git a/src/app/pages/HomePage/Graph/Graph/index.tsx b/src/app/pages/HomePage/Graph/Graph/index.tsx
@@ -343,19 +343,19 @@ const GraphCmp: ForwardRefRenderFunction<SVGSVGElement, GraphProps> = (
       hoverText: COLORS.brandExtraDark,
     },
     testnet: {
-      cipherCircle: COLORS.testnet,
+      cipherCircle: COLORS.testnetDark,
       cipherCircleFilter: 'url(#filter2_di_6093_290291)',
-      cipherCircleFill: COLORS.testnet,
-      emeraldCircle: COLORS.testnet,
+      cipherCircleFill: COLORS.testnetDark,
+      emeraldCircle: COLORS.testnetDark,
       emeraldCircleFilter: 'url(#filter0_di_6093_290291)',
-      sapphireCircle: COLORS.testnet,
+      sapphireCircle: COLORS.testnetDark,
       sapphireCircleFilter: 'url(#filter1_di_6093_290291)',
       consensusCircle: COLORS.testnetLight,
-      line: COLORS.testnet,
+      line: COLORS.testnetDark,
       text: COLORS.brandExtraDark,
       textBackground: COLORS.testnetLight,
-      textBorder: COLORS.testnet,
-      circleBorder: COLORS.testnet,
+      textBorder: COLORS.testnetDark,
+      circleBorder: COLORS.testnetDark,
       hoverBackground: COLORS.brandExtraDark,
       hoverText: COLORS.white,
     },

diff --git a/src/styles/theme/testnet/colors.ts b/src/styles/theme/testnet/colors.ts
@@ -2,6 +2,6 @@ import { COLORS as DEFAULT_COLORS } from '../colors'
 
 export const COLORS = {
   ...DEFAULT_COLORS,
-  testnet: '#ffa800',
-  testnetLight: '#fff0e4',
+  testnetDark: '#004a67',
+  testnetLight: '#ffffff',
 } satisfies { [colorName: string]: string }
diff --git a/src/styles/theme/testnet/theme.ts b/src/styles/theme/testnet/theme.ts
@@ -11,17 +11,17 @@ export const testnetTheme = createTheme(
         empty: COLORS.white,
       },
       layout: {
-        main: COLORS.brandExtraDark,
-        border: COLORS.testnet,
+        main: COLORS.testnetDark,
+        border: COLORS.testnetDark,
         contrastMain: COLORS.brandExtraDark,
-        contrastSecondary: COLORS.testnet,
-        darkBorder: COLORS.testnet,
-        hoverBorder: COLORS.testnet,
-        lightBorder: COLORS.testnet,
-        secondary: COLORS.testnet,
+        contrastSecondary: COLORS.testnetLight,
+        darkBorder: COLORS.testnetDark,
+        hoverBorder: COLORS.testnetDark,
+        lightBorder: COLORS.testnetLight,
+        secondary: COLORS.testnetLight,
         primaryBackground: COLORS.testnetLight,
         secondaryBackground: COLORS.white,
-        networkBubbleBorder: COLORS.testnet,
+        networkBubbleBorder: COLORS.testnetDark,
         titleOnBackground: COLORS.grayExtraDark,
         graphZoomOutText: COLORS.brandDark,
         helpScreenIconColor: COLORS.brandExtraDark,