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

Shared: Themes: fix missing

Browse Source
This commit is contained in:
Viktor Fomin 2024-07-01 22:59:13 +03:00
parent ca2c48ec99
commit d6c595d9ef
3 changed files with 28 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
packages/shared/themes/base.ts
View File

@ -117,6 +117,9 @@ const {
badgeShadow,
popupShadow,
menuShadow,
lightScroll,
lightScrollHover,
lightScrollActive,
} = globalColors;
export const getBaseTheme = () => {
@ -437,7 +440,7 @@ export const getBaseTheme = () => {
groupButtonsMenu: {
top: "0",
background: white,
boxShadow: " 0px 10px 18px -8px rgba(0, 0, 0, 0.100306)",
boxShadow: `0px 10px 18px -8px ${menuShadow}`,
height: "48px",
tabletHeight: "56px",
padding: "0 18px 19px 0",
@ -601,9 +604,9 @@ export const getBaseTheme = () => {
},
scrollbar: {
bgColor: "rgba(6, 22, 38, 0.16)",
hoverBgColor: "rgba(6, 22, 38, 0.32)",
pressBgColor: "rgba(6, 22, 38, 0.5)",
bgColor: lightScroll,
hoverBgColor: lightScrollHover,
pressBgColor: lightScrollActive,
paddingInlineEnd: "17px !important",
paddingInlineEndMobile: "8px !important",
},
@ -1395,7 +1398,7 @@ export const getBaseTheme = () => {
main: {
marginBottom: "1rem",
boxShadow: "0px 10px 16px -12px rgba(0, 0, 0, 0.3)",
boxShadow: `0px 10px 16px -12px ${popupShadow}`,
maxHeight: "800px",
overflow: "hidden",
borderRadius: "6px",
@ -1822,12 +1825,6 @@ export const getBaseTheme = () => {
},
section: {
toggler: {
background: white,
fill: gray,
boxShadow: "0px 5px 20px rgba(0, 0, 0, 0.13)",
},
header: {
backgroundColor: white,
background: `linear-gradient(180deg, ${white} 2.81%,rgba(255, 255, 255, 0.91) 63.03%,rgba(255, 255, 255, 0) 100%)`,
@ -2156,7 +2153,7 @@ export const getBaseTheme = () => {
floatingButton: {
backgroundColor: lightIcons,
color: white,
boxShadow: "0px 5px 20px rgba(0, 0, 0, 0.13)",
boxShadow: `0px 5px 20px ${popupShadow}`,
fill: white,
alert: {
@ -2338,7 +2335,7 @@ export const getBaseTheme = () => {
filesDragTooltip: {
background: white,
boxShadow: "0px 5px 20px rgba(0, 0, 0, 0.13)",
boxShadow: `0px 5px 20px ${popupShadow}`,
color: gray,
},

25
packages/shared/themes/dark.ts
View File

@ -106,6 +106,9 @@ const {
badgeShadow,
popupShadow,
menuShadow,
darkScroll,
darkScrollHover,
darkScrollActive,
} = globalColors;
const Dark: TTheme = {
@ -140,7 +143,7 @@ const Dark: TTheme = {
backgroundAndSubstrateColor: darkGrayLight,
betaBadgeTooltip: {
boxShadowColor: "rgba(0, 0, 0, 0.40)",
boxShadowColor: badgeShadow,
},
button: {
@ -246,7 +249,7 @@ const Dark: TTheme = {
},
mainButtonMobile: {
textColor: "rgba(255, 255, 255, 0.6)",
textColor: darkGrayDark,
buttonColor: mainOrange,
iconFill: black,
@ -357,9 +360,9 @@ const Dark: TTheme = {
background: black,
borderConnect: "none",
connectBackground: `linear-gradient(0deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)), ${black}`,
connectBackground: darkIcon,
disableBackgroundColor: "rgba(0, 0, 0, 0.08)",
disableBackgroundColor: darkGrayLight,
hoverBackground: black,
hoverBorder: `1px solid ${grayDark}`,
@ -368,7 +371,7 @@ const Dark: TTheme = {
activeBackground: darkGrayLight,
activeBorder: `1px solid ${grayDarkStrong}`,
activeConnectBackground: "rgba(255, 255, 255, 0.64)",
activeConnectBackground: bigGrayDarkMid,
activeConnectBorder: "none",
color: "rgba(0, 0, 0, 0.54)",
@ -587,9 +590,9 @@ const Dark: TTheme = {
},
scrollbar: {
bgColor: "rgba(136, 136, 136, 0.4)",
hoverBgColor: "rgba(136, 136, 136, 0.64)",
pressBgColor: "rgba(136, 136, 136, 0.8)",
bgColor: darkScroll,
hoverBgColor: darkScrollHover,
pressBgColor: darkScrollActive,
paddingInlineEnd: "17px !important",
paddingInlineEndMobile: "8px !important",
},
@ -1806,12 +1809,6 @@ const Dark: TTheme = {
},
section: {
toggler: {
background: white,
fill: black,
boxShadow: "0px 5px 20px rgba(0, 0, 0, 0.13)",
},
header: {
backgroundColor: black,
background: `linear-gradient(180deg, ${black} 2.81%, rgba(51, 51, 51, 0.9) 63.03%, rgba(51, 51, 51, 0) 100%);`,

7
packages/shared/themes/globalColors.ts
View File

@ -98,6 +98,7 @@ export const globalColors = {
dndDarkHover: "rgba(204, 184, 102, 0.2)",
onWhiteColor: "rgba(0, 0, 0, 0.1)",
onBlackColor: "rgba(255, 255, 255, 0.1)",
boxShadowColor: "#040F1B14",
boxShadowDarkColor: "#040F1B29",
loaderLight: "#E7E7E7",
@ -120,4 +121,10 @@ export const globalColors = {
badgeShadow: "rgba(4, 15, 27, 0.16)",
popupShadow: "rgba(4, 15, 27, 0.08)",
menuShadow: "rgba(4, 15, 27, 0.04)",
lightScroll: "rgba(6, 22, 38, 0.16)",
lightScrollHover: "rgba(6, 22, 38, 0.32)",
lightScrollActive: "rgba(6, 22, 38, 0.5)",
darkScroll: "rgba(136, 136, 136, 0.4)",
darkScrollHover: "rgba(136, 136, 136, 0.64)",
darkScrollActive: "rgba(136, 136, 136, 0.8)",
};