IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web:Componemts:Themes:Update Colors button in Themes

Browse Source
This commit is contained in:
Akmal Isomadinov 2022-11-04 12:44:47 +05:00
parent 9914d45468
commit 74c00d2226
2 changed files with 55 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
packages/components/themes/base.js
View File

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

55
packages/components/themes/dark.js
View File

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