feat: update colors

Chia-Network · Nov 21, 2022 · 5880c1d · 5880c1d
1 parent 3717d57
commit 5880c1d
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 7 deletions.
diff --git a/src/components/typography/H1.js b/src/components/typography/H1.js
@@ -3,7 +3,7 @@ import { useSelector } from 'react-redux';
 import styled, { withTheme } from 'styled-components';
 
 const Text = styled('h1')`
-  color: ${props => props.color || props.theme.colors.default.onSurface};
+  color: ${props => props.color || props.theme.colors.default.primary};
   font-size: 3.375rem;
   font-family: ${props => props.theme.typography.primary.extraBold};
   font-style: normal;

diff --git a/src/components/typography/H2.js b/src/components/typography/H2.js
@@ -3,7 +3,7 @@ import { useSelector } from 'react-redux';
 import styled, { withTheme } from 'styled-components';
 
 const Text = styled('h2')`
-  color: ${props => props.color || props.theme.colors.default.onSurface};
+  color: ${props => props.color || props.theme.colors.default.primary};
   font-size: 2rem;
   font-family: ${props => props.theme.typography.primary.bold};
   font-weight: bold;

diff --git a/src/components/typography/H3.js b/src/components/typography/H3.js
@@ -3,7 +3,7 @@ import { useSelector } from 'react-redux';
 import styled, { withTheme } from 'styled-components';
 
 const Text = styled('h3')`
-  color: ${props => props.color || props.theme.colors.default.onSurface};
+  color: ${props => props.color || props.theme.colors.default.primary};
   font-size: 1.5rem;
   font-family: ${props => props.theme.typography.primary.bold};
   font-style: normal;

diff --git a/src/components/typography/H4.js b/src/components/typography/H4.js
@@ -4,7 +4,7 @@ import styled, { withTheme } from 'styled-components';
 
 const Text = styled('h4')`
   margin: 0;
-  color: ${props => props.color || props.theme.colors.default.onSurface};
+  color: ${props => props.color || props.theme.colors.default.primary};
   font-size: 1.3125rem;
   font-family: ${props => props.theme.typography.primary.semiBold};
   font-weight: 600;

diff --git a/src/components/typography/TableCellHeaderText.js b/src/components/typography/TableCellHeaderText.js
@@ -3,7 +3,7 @@ import { useSelector } from 'react-redux';
 import styled, { withTheme } from 'styled-components';
 
 const Text = styled('h1')`
-  color: ${props => props.color || props.theme.colors.default.onSurface};
+  color: ${props => props.color || props.theme.colors.default.primary};
   font-size: 0.875rem;
   font-family: ${props => props.theme.typography.primary.semiBold};
   font-style: normal;

diff --git a/src/components/typography/TableCellText.js b/src/components/typography/TableCellText.js
@@ -4,7 +4,7 @@ import styled, { withTheme } from 'styled-components';
 import { ToolTip, ToolTipPlacement } from '../../components';
 
 const Text = styled('p')`
-  color: ${props => props.color || props.theme.colors.default.onSurface};
+  color: ${props => props.color || props.theme.colors.default.primary};
   font-size: 0.875rem;
   font-family: ${props => props.theme.typography.primary.regular};
   font-style: normal;
@@ -22,7 +22,8 @@ const TableCellText = withTheme(({ children, tooltip, color }) => {
       <Text
         color={color}
         selectedTheme={appStore.theme}
-        tooltip={tooltip || children}>
+        tooltip={tooltip || children}
+      >
         {children}
       </Text>
     </ToolTip>