diff --git a/package.json b/package.json index 8068c6c3..f6a9f385 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "core-registry-cadt-ui", - "version": "1.3.0", + "version": "1.3.1", "private": true, "author": "Chia Network Inc. ", "homepage": "./", diff --git a/src/components/form/PrimaryButton.js b/src/components/form/PrimaryButton.js index 5484bb8d..648f0223 100644 --- a/src/components/form/PrimaryButton.js +++ b/src/components/form/PrimaryButton.js @@ -11,7 +11,7 @@ const Button = styled('button')` max-width: 100%; background-color: ${props => props.danger ? '#FF4D4F' : props.theme.colors.default.secondaryDark}; - border: 1px solid #1a8385; + border: none; border-radius: 5px; padding: 10px; height: 32px; @@ -74,12 +74,15 @@ const Button = styled('button')` h4 { color: ${props.theme.colors.default.secondary}; + font-weight: 700 !important; } h4:hover { color: ${props.theme.colors.default.secondaryDark}; + font-weight: 700 !important; } h4:active { color: ${props.theme.colors.default.secondary}; + font-weight: 700 !important; } `; } @@ -117,7 +120,7 @@ const PrimaryButton = ({ )} - {label} + {label} ); }; diff --git a/src/components/icons/IconColorsWrapper.js b/src/components/icons/IconColorsWrapper.js index 31e8fc9e..5b13a72d 100644 --- a/src/components/icons/IconColorsWrapper.js +++ b/src/components/icons/IconColorsWrapper.js @@ -12,7 +12,7 @@ export const IconColorsWrapper = styled('div')` color: ${props => props.type === IconColorsWrapperTypeEnum.red ? props.theme.colors.default.shade2 - : props.theme.colors.default.secondary}; + : props.theme.colors.default.primary}; :hover { color: ${props => diff --git a/src/components/layout/Tabs.js b/src/components/layout/Tabs.js index f6095d8d..ca47b290 100644 --- a/src/components/layout/Tabs.js +++ b/src/components/layout/Tabs.js @@ -14,11 +14,11 @@ const StyledTabs = styled(MuiTabs)` } button.Mui-selected { - color: ${props => props.theme.colors.default.primaryDark}; + color: ${props => props.theme.colors.default.secondaryDark}; } .MuiTabs-indicator { - background-color: ${props => props.theme.colors.default.primaryDark}; + background-color: ${props => props.theme.colors.default.secondaryDark}; } `; diff --git a/src/components/typography/ButtonText.js b/src/components/typography/ButtonText.js index 9da3cb42..2fc57889 100644 --- a/src/components/typography/ButtonText.js +++ b/src/components/typography/ButtonText.js @@ -3,12 +3,12 @@ import { useSelector } from 'react-redux'; import styled, { withTheme } from 'styled-components'; const Text = styled('h4')` - color: ${props => props.color || '#6e7d7f'} !important; + color: ${props => props.color || 'white'} !important; font-size: 1rem; font-family: ${props => props.theme.typography.primary.regular}; line-height: 1.375rem; font-style: normal; - font-weight: 400; + font-weight: 700; text-transform: capitalize; margin: 0; padding: 0; diff --git a/src/pages/Projects/index.js b/src/pages/Projects/index.js index 130ebffe..62caf104 100644 --- a/src/pages/Projects/index.js +++ b/src/pages/Projects/index.js @@ -124,7 +124,7 @@ const StyledCreateOneNowContainer = styled('div')` margin-left: 0.3125rem; display: inline-block; cursor: pointer; - color: #1890ff; + color: ${props => props.theme.colors.default.secondaryDark}; `; const NoDataMessageContainer = styled('div')` diff --git a/src/pages/Units/index.js b/src/pages/Units/index.js index ac8760fb..186fb90a 100644 --- a/src/pages/Units/index.js +++ b/src/pages/Units/index.js @@ -113,7 +113,7 @@ const StyledCreateOneNowContainer = styled('div')` margin-left: 0.3125rem; display: inline-block; cursor: pointer; - color: #1890ff; + color: ${props => props.theme.colors.default.secondaryDark}; `; const NoDataMessageContainer = styled('div')`