diff --git a/src/components/Button/index.js b/src/components/Button/index.js index cae9bcab..d2665209 100644 --- a/src/components/Button/index.js +++ b/src/components/Button/index.js @@ -23,7 +23,7 @@ const Wrapper = styled.button` padding: ${props => (props.icon ? '4px 24px 4px 15px' : '11px 24px')}; border-radius: 3px; font-size: ${FONT_SIZE.SMALL}; - font-weight: ${FONT_WEIGHT.SMALLEST}; + font-weight: ${FONT_WEIGHT.LIGHT}; cursor: pointer; background: ${colors.GREEN_PRIMARY}; color: ${colors.WHITE}; diff --git a/src/components/Notification/index.js b/src/components/Notification/index.js index 35488cb9..1066a3a6 100644 --- a/src/components/Notification/index.js +++ b/src/components/Notification/index.js @@ -48,7 +48,7 @@ const Message = styled.div` const Title = styled.div` padding-bottom: 5px; padding-top: 1px; - font-weight: ${FONT_WEIGHT.BIGGER}; + font-weight: ${FONT_WEIGHT.SEMIBOLD}; `; const CloseClick = styled.div` diff --git a/src/components/Textarea/index.js b/src/components/Textarea/index.js index d83963df..3d006619 100644 --- a/src/components/Textarea/index.js +++ b/src/components/Textarea/index.js @@ -27,7 +27,7 @@ const StyledTextarea = styled(Textarea)` font-family: ${FONT_FAMILY.MONOSPACE}; color: ${colors.TEXT_PRIMARY}; background: ${colors.WHITE}; - font-weight: ${FONT_WEIGHT.BASE}; + font-weight: ${FONT_WEIGHT.MEDIUM}; font-size: ${FONT_SIZE.SMALL}; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ diff --git a/src/components/inputs/Input/index.js b/src/components/inputs/Input/index.js index 4866b04c..6e49c691 100644 --- a/src/components/inputs/Input/index.js +++ b/src/components/inputs/Input/index.js @@ -40,7 +40,7 @@ const StyledInput = styled.input` line-height: 1.42857143; font-size: ${props => (props.isSmallText ? `${FONT_SIZE.SMALLER}` : `${FONT_SIZE.SMALL}`)}; - font-weight: ${FONT_WEIGHT.BASE}; + font-weight: ${FONT_WEIGHT.MEDIUM}; color: ${props => (props.color ? props.color : colors.TEXT)}; border-radius: 2px; diff --git a/src/components/modals/pin/Pin/components/Input/index.js b/src/components/modals/pin/Pin/components/Input/index.js index 029be6f7..2c674ef1 100644 --- a/src/components/modals/pin/Pin/components/Input/index.js +++ b/src/components/modals/pin/Pin/components/Input/index.js @@ -20,7 +20,7 @@ const Wrapper = styled.div` const StyledInput = styled.input` letter-spacing: 7px; width: 100%; - font-weight: ${FONT_WEIGHT.BIGGER}; + font-weight: ${FONT_WEIGHT.SEMIBOLD}; font-size: ${FONT_SIZE.BIGGER}; padding: 5px 31px 10px 20px; color: ${colors.TEXT_PRIMARY}; diff --git a/src/config/variables.js b/src/config/variables.js index b7f33ff9..8b0c9f12 100644 --- a/src/config/variables.js +++ b/src/config/variables.js @@ -16,10 +16,10 @@ export const FONT_SIZE = { }; export const FONT_WEIGHT = { - SMALLEST: '300', - SMALL: '400', - BASE: '500', - BIGGER: '600', + LIGHT: '300', + NORMAL: '400', + MEDIUM: '500', + SEMIBOLD: '600', }; export const FONT_FAMILY = { diff --git a/src/views/Landing/components/ConnectDevice/index.js b/src/views/Landing/components/ConnectDevice/index.js index a10d44c9..78d3cdc6 100644 --- a/src/views/Landing/components/ConnectDevice/index.js +++ b/src/views/Landing/components/ConnectDevice/index.js @@ -37,7 +37,7 @@ const ConnectTrezorWrapper = styled.div` animation: ${PULSATE} 1.3s ease-out infinite; color: ${colors.GREEN_PRIMARY}; font-size: ${FONT_SIZE.BASE}; - font-weight: ${FONT_WEIGHT.BASE}; + font-weight: ${FONT_WEIGHT.MEDIUM}; `; const Image = styled.img` diff --git a/src/views/Landing/views/InstallBridge/index.js b/src/views/Landing/views/InstallBridge/index.js index e648ae16..e22b4838 100644 --- a/src/views/Landing/views/InstallBridge/index.js +++ b/src/views/Landing/views/InstallBridge/index.js @@ -70,7 +70,7 @@ const Version = styled.span` border: 1px solid ${colors.GREEN_PRIMARY}; border-radius: 3px; font-size: ${FONT_SIZE.SMALL}; - font-weight: ${FONT_WEIGHT.SMALLEST}; + font-weight: ${FONT_WEIGHT.LIGHT}; margin-left: 24px; `; diff --git a/src/views/Wallet/components/Title/index.js b/src/views/Wallet/components/Title/index.js index 9745e1dc..edc7b1f4 100644 --- a/src/views/Wallet/components/Title/index.js +++ b/src/views/Wallet/components/Title/index.js @@ -6,7 +6,7 @@ import { FONT_SIZE, FONT_WEIGHT } from 'config/variables'; const Wrapper = styled.div` font-size: ${FONT_SIZE.WALLET_TITLE}; - font-weight: ${FONT_WEIGHT.BASE}; + font-weight: ${FONT_WEIGHT.MEDIUM}; color: ${colors.WALLET_TITLE}; padding-bottom: 35px; `; diff --git a/src/views/Wallet/views/Account/Send/index.js b/src/views/Wallet/views/Account/Send/index.js index 55796839..d0389224 100644 --- a/src/views/Wallet/views/Account/Send/index.js +++ b/src/views/Wallet/views/Account/Send/index.js @@ -45,7 +45,7 @@ const SetMaxAmountButton = styled(Button)` justify-content: center; font-size: ${FONT_SIZE.SMALLER}; - font-weight: ${FONT_WEIGHT.SMALLEST}; + font-weight: ${FONT_WEIGHT.LIGHT}; color: ${colors.TEXT_SECONDARY}; border-radius: 0; @@ -127,7 +127,7 @@ const ToggleAdvancedSettingsButton = styled(Button)` padding: 0; display: flex; align-items: center; - font-weight: ${FONT_WEIGHT.BIGGER}; + font-weight: ${FONT_WEIGHT.SEMIBOLD}; `; const SendButton = styled(Button)` diff --git a/src/views/Wallet/views/Account/Summary/components/Balance/index.js b/src/views/Wallet/views/Account/Summary/components/Balance/index.js index 318b60e0..dff913a7 100644 --- a/src/views/Wallet/views/Account/Summary/components/Balance/index.js +++ b/src/views/Wallet/views/Account/Summary/components/Balance/index.js @@ -52,7 +52,7 @@ const HideBalanceIconWrapper = styled.div` `; const FiatValue = styled.div` - font-weight: ${FONT_WEIGHT.BIGGER}; + font-weight: ${FONT_WEIGHT.SEMIBOLD}; font-size: ${FONT_SIZE.BIG}; margin: 7px 0; min-height: 25px; @@ -60,7 +60,7 @@ const FiatValue = styled.div` `; const FiatValueRate = styled.div` - font-weight: ${FONT_WEIGHT.BIGGER}; + font-weight: ${FONT_WEIGHT.SEMIBOLD}; font-size: ${FONT_SIZE.BASE}; min-height: 25px; margin: 7px 0; diff --git a/src/views/Wallet/views/Account/Summary/index.js b/src/views/Wallet/views/Account/Summary/index.js index dda8dfcc..c179f9c0 100644 --- a/src/views/Wallet/views/Account/Summary/index.js +++ b/src/views/Wallet/views/Account/Summary/index.js @@ -46,7 +46,7 @@ const AccountName = styled.div` const AccountTitle = styled.div` font-size: ${FONT_SIZE.WALLET_TITLE}; - font-weight: ${FONT_WEIGHT.BASE}; + font-weight: ${FONT_WEIGHT.MEDIUM}; color: ${colors.WALLET_TITLE}; `;