Web:Components:Utils Color name changed
This commit is contained in:
parent
51b49bc1fe
commit
ac76354f6e
@ -18,11 +18,10 @@ const {
|
|||||||
blueDisabled,
|
blueDisabled,
|
||||||
blueCharcoal,
|
blueCharcoal,
|
||||||
|
|
||||||
buttonLightPrimaryDefault,
|
blueDenim,
|
||||||
buttonLightPrimaryHover,
|
blueDenimTransparent,
|
||||||
buttonLightPrimaryPressed,
|
blueMaya,
|
||||||
buttonLightPrimaryDisabled,
|
blueSky,
|
||||||
buttonLightPrimaryLoader,
|
|
||||||
|
|
||||||
orangeMain,
|
orangeMain,
|
||||||
orangeHover,
|
orangeHover,
|
||||||
@ -151,30 +150,29 @@ const Base = {
|
|||||||
baseActive: grayLightMid,
|
baseActive: grayLightMid,
|
||||||
baseDisabled: grayLight,
|
baseDisabled: grayLight,
|
||||||
baseLoading: grayLight,
|
baseLoading: grayLight,
|
||||||
//primary color
|
primary: blueDenim,
|
||||||
primary: buttonLightPrimaryDefault,
|
primaryHover: blueDenimTransparent,
|
||||||
primaryHover: buttonLightPrimaryHover,
|
primaryActive: blueMaya,
|
||||||
primaryActive: buttonLightPrimaryPressed,
|
primaryDisabled: blueSky,
|
||||||
primaryDisabled: buttonLightPrimaryDisabled,
|
primaryLoading: blueSky,
|
||||||
primaryLoading: buttonLightPrimaryLoader,
|
|
||||||
},
|
},
|
||||||
|
|
||||||
border: {
|
border: {
|
||||||
base: `1px solid ${globalColors.grayMid}`,
|
base: `1px solid ${globalColors.grayMid}`,
|
||||||
baseHover: `1px solid ${globalColors.buttonLightPrimaryDefault}`,
|
baseHover: `1px solid ${blueDenim}`,
|
||||||
baseActive: `1px solid ${globalColors.grayMid}`,
|
baseActive: `1px solid ${globalColors.grayMid}`,
|
||||||
baseDisabled: `1px solid ${globalColors.grayLightMid}`,
|
baseDisabled: `1px solid ${globalColors.grayLightMid}`,
|
||||||
baseLoading: `1px solid ${globalColors.grayLightMid}`,
|
baseLoading: `1px solid ${globalColors.grayLightMid}`,
|
||||||
|
|
||||||
primary: `1px solid ${globalColors.buttonLightPrimaryDefault}`,
|
primary: `1px solid ${blueDenim}`,
|
||||||
primaryHover: `1px solid ${globalColors.buttonLightPrimaryHover}`,
|
primaryHover: `1px solid ${blueDenimTransparent}`,
|
||||||
primaryActive: `1px solid ${globalColors.buttonLightPrimaryPressed}`,
|
primaryActive: `1px solid ${blueMaya}`,
|
||||||
primaryDisabled: `1px solid ${globalColors.buttonLightPrimaryDisabled}`,
|
primaryDisabled: `1px solid ${blueSky}`,
|
||||||
primaryLoading: `1px solid ${globalColors.buttonLightPrimaryLoader}`,
|
primaryLoading: `1px solid ${blueSky}`,
|
||||||
},
|
},
|
||||||
|
|
||||||
loader: {
|
loader: {
|
||||||
base: buttonLightPrimaryDefault,
|
base: blueDenim,
|
||||||
primary: white,
|
primary: white,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
@ -25,11 +25,10 @@ const globalColors = {
|
|||||||
blueLightMid: "#265A8F",
|
blueLightMid: "#265A8F",
|
||||||
strongBlue: "#316AC5",
|
strongBlue: "#316AC5",
|
||||||
|
|
||||||
buttonLightPrimaryDefault: "#5299E0",
|
blueDenim : "#5299E0",
|
||||||
buttonLightPrimaryHover: "rgba(82, 153, 224, 0.85)",
|
blueDenimTransparent: "rgba(82, 153, 224, 0.85)",
|
||||||
buttonLightPrimaryPressed:"#4A8ACA",
|
blueMaya: "#4A8ACA",
|
||||||
buttonLightPrimaryDisabled:"#96C1EC",
|
blueSky: "#96C1EC",
|
||||||
buttonLightPrimaryLoader:"#96C1EC",
|
|
||||||
|
|
||||||
lightGrayishBlue: "#DEE2E6",
|
lightGrayishBlue: "#DEE2E6",
|
||||||
lightGrayishStrongBlue: "#DFE2E3",
|
lightGrayishStrongBlue: "#DFE2E3",
|
||||||
|
Loading…
Reference in New Issue
Block a user