Web:Components:Utils Color name changed

This commit is contained in:
Akmal Isomadinov 2022-11-04 17:16:34 +05:00
parent 51b49bc1fe
commit ac76354f6e
2 changed files with 20 additions and 23 deletions

View File

@ -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,
}, },
}, },

View File

@ -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",