Web:Componemts:Themes:Update Colors button in Themes
This commit is contained in:
parent
9914d45468
commit
74c00d2226
@ -18,6 +18,12 @@ const {
|
||||
blueDisabled,
|
||||
blueCharcoal,
|
||||
|
||||
buttonLightPrimaryDefault,
|
||||
buttonLightPrimaryHover,
|
||||
buttonLightPrimaryPressed,
|
||||
buttonLightPrimaryDisabled,
|
||||
buttonLightPrimaryLoader,
|
||||
|
||||
orangeMain,
|
||||
orangeHover,
|
||||
orangePressed,
|
||||
@ -132,7 +138,7 @@ const Base = {
|
||||
base: black,
|
||||
baseHover: black,
|
||||
baseActive: black,
|
||||
baseDisabled: grayLightMid,
|
||||
baseDisabled: grayMid,
|
||||
primary: white,
|
||||
primaryHover: white,
|
||||
primaryActive: white,
|
||||
@ -144,25 +150,31 @@ const Base = {
|
||||
baseHover: white,
|
||||
baseActive: grayLightMid,
|
||||
baseDisabled: grayLight,
|
||||
primary: blueMain,
|
||||
primaryHover: blueHover,
|
||||
primaryActive: blueActive,
|
||||
primaryDisabled: blueDisabled,
|
||||
baseLoading: grayLight,
|
||||
//primary color
|
||||
primary: buttonLightPrimaryDefault,
|
||||
primaryHover: buttonLightPrimaryHover,
|
||||
primaryActive: buttonLightPrimaryPressed,
|
||||
primaryDisabled: buttonLightPrimaryDisabled,
|
||||
primaryLoading: buttonLightPrimaryLoader,
|
||||
},
|
||||
|
||||
border: {
|
||||
base: `1px solid ${globalColors.grayMid}`,
|
||||
baseHover: `1px solid ${globalColors.blueMain}`,
|
||||
baseActive: `1px solid ${globalColors.blueMain}`,
|
||||
baseHover: `1px solid ${globalColors.buttonLightPrimaryDefault}`,
|
||||
baseActive: `1px solid ${globalColors.grayMid}`,
|
||||
baseDisabled: `1px solid ${globalColors.grayLightMid}`,
|
||||
primary: `1px solid ${globalColors.blueMain}`,
|
||||
primaryHover: `1px solid ${globalColors.blueHover}`,
|
||||
primaryActive: `1px solid ${globalColors.blueActive}`,
|
||||
primaryDisabled: `1px solid ${globalColors.blueDisabled}`,
|
||||
baseLoading: `1px solid ${globalColors.grayLightMid}`,
|
||||
|
||||
primary: `1px solid ${globalColors.buttonLightPrimaryDefault}`,
|
||||
primaryHover: `1px solid ${globalColors.buttonLightPrimaryHover}`,
|
||||
primaryActive: `1px solid ${globalColors.buttonLightPrimaryPressed}`,
|
||||
primaryDisabled: `1px solid ${globalColors.buttonLightPrimaryDisabled}`,
|
||||
primaryLoading: `1px solid ${globalColors.buttonLightPrimaryLoader}`,
|
||||
},
|
||||
|
||||
loader: {
|
||||
base: black,
|
||||
base: buttonLightPrimaryDefault,
|
||||
primary: white,
|
||||
},
|
||||
},
|
||||
|
@ -98,7 +98,7 @@ const Dark = {
|
||||
height: {
|
||||
extraSmall: "24px",
|
||||
small: "32px",
|
||||
normalDesktop: "36px",
|
||||
normalDesktop: "40px",
|
||||
normalTouchscreen: "40px",
|
||||
medium: "44px",
|
||||
},
|
||||
@ -128,41 +128,48 @@ const Dark = {
|
||||
},
|
||||
|
||||
color: {
|
||||
base: "#CCCCCC",
|
||||
baseHover: "#FAFAFA",
|
||||
baseActive: "#858585",
|
||||
baseDisabled: "#545454",
|
||||
base: "#FFFFFF",
|
||||
baseHover: "#FFFFFF",
|
||||
baseActive: "#FFFFFF",
|
||||
baseDisabled: "#474747",
|
||||
|
||||
primary: "#FFFFFF",
|
||||
primaryHover: "#FFFFFF",
|
||||
primaryActive: "#FFFFFF",
|
||||
primaryDisabled: black,
|
||||
primaryDisabled: "#FFFFFF",
|
||||
},
|
||||
|
||||
backgroundColor: {
|
||||
base: "transparent",
|
||||
baseHover: black,
|
||||
baseActive: "#292929",
|
||||
baseDisabled: "#474747",
|
||||
primary: "#CCCCCC",
|
||||
primaryHover: "#FAFAFA",
|
||||
primaryActive: "#858585",
|
||||
primaryDisabled: "#545454",
|
||||
base: "#333333",
|
||||
baseHover: "#333333",
|
||||
baseActive: "#282828",
|
||||
baseDisabled: "#282828",
|
||||
baseLoading: "#282828",
|
||||
|
||||
primary: "#5299E0",
|
||||
primaryHover: "rgba(82, 153, 224, 0.85)",
|
||||
primaryActive: "#427CB7",
|
||||
primaryDisabled: "rgba(82, 153, 224, 0.6)",
|
||||
primaryLoading: "#45709B",
|
||||
},
|
||||
|
||||
border: {
|
||||
base: `1px solid #CCCCCC`,
|
||||
baseHover: `1px solid #FAFAFA`,
|
||||
baseActive: `1px solid #FAFAFA`,
|
||||
baseDisabled: `1px solid #545454`,
|
||||
primary: `1px solid #CCCCCC`,
|
||||
primaryHover: `1px solid #FAFAFA`,
|
||||
primaryActive: `1px solid #FAFAFA`,
|
||||
primaryDisabled: `1px solid #545454`,
|
||||
base: `1px solid #474747`,
|
||||
baseHover: `1px solid #858585`,
|
||||
baseActive: `1px solid #CCCCCC`,
|
||||
baseDisabled: `1px solid #474747`,
|
||||
baseLoading: `1px solid #474747`,
|
||||
|
||||
primary: `1px solid #5299E0`,
|
||||
primaryHover: `1px solid rgba(82, 153, 224, 0.85)`,
|
||||
primaryActive: `1px solid #427CB7`,
|
||||
primaryDisabled: `1px solid #45709B`,
|
||||
primaryLoading: `1px solid #45709B`,
|
||||
},
|
||||
|
||||
loader: {
|
||||
base: grayMaxLight,
|
||||
primary: black,
|
||||
base: white,
|
||||
primary: white,
|
||||
},
|
||||
},
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user