Skip to content
Permalink
Browse files

[DDW-604] Adds buttonFlat, buttonPrimary, and buttonAttention CSS var…

…s. Continues placing colors in correct spots.
  • Loading branch information...
MarcusHurney committed May 11, 2019
1 parent a77df38 commit f322a2874438da7109cfbe0c21d65e19570e4206
@@ -237,6 +237,9 @@ export const CARDANO_THEME_CONFIG = {
},
buttonAttention: {
'--theme-button-attention-background-color': '#ea4c5b',
'--theme-button-attention-background-color-disabled':
'rgba(234, 76, 91, 0.3)',
'--theme-button-attention-text-color': '#fafbfc',
},
buttonDisclaimer: {
'--theme-button-disclaimer-background-color': '#ab1700',
@@ -245,6 +248,25 @@ export const CARDANO_THEME_CONFIG = {
'--theme-button-disclaimer-border-color-disabled':
'rgba(250, 251, 252, .3)',
},
buttonFlat: {
'--theme-button-flat-background-color': '#f0f3f5',
'--theme-button-flat-background-color-hover': '#f3f5f7',
'--theme-button-flat-background-color-active': '#ebeef0',
'--theme-button-flat-background-color-disabled': 'rgba(240, 243, 245, 0.3)',
'--theme-button-flat-text-color-disabled': '#5e6066',
'--theme-button-flat-text-color': '#5e6066',
'--theme-button-flat-outline-color': '#e1e4e6',
},
buttonPrimary: {
'--theme-button-primary-background-color': '#2cbb69',
'--theme-button-primary-background-color-hover': '#56c887',
'--theme-button-primary-background-color-active': '#239554',
'--theme-button-primary-background-color-disabled':
'rgba(44, 187, 105, 0.3)',
'--theme-button-primary-text-color-disabled': '#fafbfc',
'--theme-button-primary-text-color': '#fafbfc',
'--theme-button-primary-outline-color': '#35de7e',
},
connecting: {
'--theme-connecting-background-color': '#202225',
'--theme-connecting-text-color': '#fff',
@@ -539,7 +561,7 @@ export const TEST_THEME_PARAMS: CreateThemeParams = {
active: '#ebeef0',
background: '#efefef',
border: '#c6cdd6',
disabled: 'rgba(94, 96, 102, 0.05)',
disabled: 'rgba(94, 96, 102, 0.3)',
focus: '#5e6066',
hover: '#f3f5f7',
outline: '#e1e4e6',
@@ -236,6 +236,9 @@ export const DARK_BLUE_THEME_CONFIG = {
},
buttonAttention: {
'--theme-button-attention-background-color': '#ea4c5b',
'--theme-button-attention-background-color-disabled':
'rgba(234, 76, 91, 0.3)',
'--theme-button-attention-text-color': '#fafbfc',
},
buttonDisclaimer: {
'--theme-button-disclaimer-background-color': '#ab1700',
@@ -244,6 +247,25 @@ export const DARK_BLUE_THEME_CONFIG = {
'--theme-button-disclaimer-border-color-disabled':
'rgba(250, 251, 252, .3)',
},
buttonFlat: {
'--theme-button-flat-background-color': 'rgba(83, 99, 112, 0.3)',
'--theme-button-flat-background-color-hover': 'rgba(102, 122, 138, 0.3)',
'--theme-button-flat-background-color-active': 'rgba(73, 88, 99, 0.3)',
'--theme-button-flat-background-color-disabled': 'rgba(83, 99, 112, 0.1)',
'--theme-button-flat-text-color-disabled': 'rgba(233, 244, 254, 0.3)',
'--theme-button-flat-text-color': '#e9f4fe',
'--theme-button-flat-outline-color': 'rgba(102,122,138, 0.3)',
},
buttonPrimary: {
'--theme-button-primary-background-color': '#536370',
'--theme-button-primary-background-color-hover': '#667a8a',
'--theme-button-primary-background-color-active': '#495863',
'--theme-button-primary-background-color-disabled':
'rgba(83, 99, 112, 0.3)',
'--theme-button-primary-text-color-disabled': 'rgba(233, 244, 254, 0.5)',
'--theme-button-primary-text-color': '#e9f4fe',
'--theme-button-primary-outline-color': '#667a8a',
},
connecting: {
'--theme-connecting-background-color': '#263345',
'--theme-connecting-text-color': '#fff',
@@ -235,6 +235,9 @@ export const LIGHT_BLUE_THEME_CONFIG = {
},
buttonAttention: {
'--theme-button-attention-background-color': '#ea4c5b',
'--theme-button-attention-background-color-disabled':
'rgba(234, 76, 91, 0.3)',
'--theme-button-attention-text-color': '#fafbfc',
},
buttonDisclaimer: {
'--theme-button-disclaimer-background-color': '#ab1700',
@@ -243,6 +246,24 @@ export const LIGHT_BLUE_THEME_CONFIG = {
'--theme-button-disclaimer-border-color-disabled':
'rgba(250, 251, 252, .3)',
},
buttonFlat: {
'--theme-button-flat-background-color': '#f0f3f5',
'--theme-button-flat-background-color-hover': '#f3f5f7',
'--theme-button-flat-background-color-active': '#ebeef0',
'--theme-button-flat-background-color-disabled': 'rgba(240, 243, 245, 0.3)',
'--theme-button-flat-text-color-disabled': '#5e6066',
'--theme-button-flat-text-color': '#5e6066',
'--theme-button-flat-outline-color': '#e1e4e6',
},
buttonPrimary: {
'--theme-button-primary-background-color': '#243e62',
'--theme-button-primary-background-color-hover': '#2f496e',
'--theme-button-primary-background-color-active': '#1e304a',
'--theme-button-primary-background-color-disabled': 'rgba(36, 62, 98, 0.3)',
'--theme-button-primary-text-color-disabled': '#fafbfc',
'--theme-button-primary-text-color': '#fafbfc',
'--theme-button-primary-outline-color': '#4a7ec7',
},
connecting: {
'--theme-connecting-background-color': '#1c3e65',
'--theme-connecting-text-color': '#fff',

0 comments on commit f322a28

Please sign in to comment.
You can’t perform that action at this time.