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-06-11 14:12:38 +05:00
parent f4721c65f9
commit d29a6c1ec2
2 changed files with 45 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -681,7 +681,6 @@ export const getBaseTheme = () => {
hoverBorderColor: gray, hoverBorderColor: gray,
hoverErrorBorderColor: lightErrorStatus, hoverErrorBorderColor: lightErrorStatus,
hoverWarningBorderColor: lightStatusWarning, hoverWarningBorderColor: lightStatusWarning,
lightToastWarningBorderColor: lightStatusWarning,
hoverDisabledBorderColor: grayLightMid, hoverDisabledBorderColor: grayLightMid,
focusBorderColor: lightSecondMain, focusBorderColor: lightSecondMain,
@ -1807,12 +1806,6 @@ export const getBaseTheme = () => {
color: lightStatusWarning, color: lightStatusWarning,
warningColor: lightErrorStatus, warningColor: lightErrorStatus,
}, },
teamTrainingAlert: {
titleColor: "#388BDE",
borderColor: "#388BDE",
linkColor: lightSecondMain,
},
}, },
alertComponent: { alertComponent: {
@ -2283,7 +2276,7 @@ export const getBaseTheme = () => {
}, },
mediaViewer: { mediaViewer: {
color: "#d1d1d1", color: grayStrong,
background: "rgba(17, 17, 17, 0.867)", background: "rgba(17, 17, 17, 0.867)",
backgroundColor: "rgba(11, 11, 11, 0.7)", backgroundColor: "rgba(11, 11, 11, 0.7)",
fill: white, fill: white,
@ -2301,7 +2294,7 @@ export const getBaseTheme = () => {
}, },
progressBar: { progressBar: {
background: "#d1d1d1", background: grayStrong,
backgroundColor: "rgba(200, 200, 200, 0.2)", backgroundColor: "rgba(200, 200, 200, 0.2)",
}, },
@ -2314,7 +2307,7 @@ export const getBaseTheme = () => {
videoViewer: { videoViewer: {
fill: white, fill: white,
stroke: white, stroke: white,
color: "#d1d1d1", color: grayStrong,
colorError: white, colorError: white,
backgroundColorError: darkBlack, backgroundColorError: darkBlack,
backgroundColor: "rgba(11, 11, 11, 0.7)", backgroundColor: "rgba(11, 11, 11, 0.7)",
@ -2366,7 +2359,7 @@ export const getBaseTheme = () => {
permanentSettings: { permanentSettings: {
background: grayLight, background: grayLight,
isPrivateIcon: "#35ad17", isPrivateIcon: lightStatusPositive,
descriptionColor: grayText, descriptionColor: grayText,
}, },
@ -2438,7 +2431,7 @@ export const getBaseTheme = () => {
}, },
filesThirdPartyDialog: { filesThirdPartyDialog: {
border: "1px solid #d1d1d1", border: `1px solid ${grayStrong}`,
}, },
connectedClouds: { connectedClouds: {
@ -2900,7 +2893,7 @@ export const getBaseTheme = () => {
brandingDescriptionColor: lightGrayDark, brandingDescriptionColor: lightGrayDark,
whiteLabel: { whiteLabel: {
borderImg: "1px solid #d1d1d1", borderImg: `1px solid ${grayStrong}`,
backgroundColorWhite: white, backgroundColorWhite: white,
backgroundColorLight: grayLight, backgroundColorLight: grayLight,
@ -3013,7 +3006,7 @@ export const getBaseTheme = () => {
}, },
campaignsBanner: { campaignsBanner: {
border: "1px solid #d1d1d1", border: `1px solid ${grayStrong}`,
color: darkBlack, color: darkBlack,
btnColor: white, btnColor: white,
@ -3079,7 +3072,7 @@ export const getBaseTheme = () => {
activeSessions: { activeSessions: {
color: black, color: black,
borderColor: grayLightMid, borderColor: grayLightMid,
tickIconColor: "#35AD17", tickIconColor: lightStatusPositive,
removeIconColor: gray, removeIconColor: gray,
sortHeaderColor: grayStrong, sortHeaderColor: grayStrong,
tableCellColor: gray, tableCellColor: gray,

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

@ -500,7 +500,7 @@ const Dark: TTheme = {
marginBeforeLabel: "8px", marginBeforeLabel: "8px",
background: "#292929", background: black,
disableBackground: "#545454", disableBackground: "#545454",
fillColor: grayMaxLight, fillColor: grayMaxLight,
@ -644,7 +644,7 @@ const Dark: TTheme = {
color: grayMaxLight, color: grayMaxLight,
disableColor: "#6c6c6c", disableColor: "#6c6c6c",
backgroundColor: "#292929", backgroundColor: black,
disableBackgroundColor: grayDarkStrong, disableBackgroundColor: grayDarkStrong,
width: { width: {
@ -702,7 +702,7 @@ const Dark: TTheme = {
}, },
icon: { icon: {
background: "#292929", background: black,
border: "1px solid", border: "1px solid",
borderRadius: "0 3px 3px 0", borderRadius: "0 3px 3px 0",
@ -1265,7 +1265,7 @@ const Dark: TTheme = {
buttons: { buttons: {
height: "32px", height: "32px",
background: "#292929", background: black,
mobileWidth: "40px", mobileWidth: "40px",
mobileHeight: "100%", mobileHeight: "100%",
mobileBackground: "none", mobileBackground: "none",
@ -1352,16 +1352,16 @@ const Dark: TTheme = {
toast: { toast: {
active: { active: {
success: "#292929", success: black,
error: "#292929", error: black,
info: "#292929", info: black,
warning: "#292929", warning: black,
}, },
hover: { hover: {
success: "#292929", success: black,
error: "#292929", error: black,
info: "#292929", info: black,
warning: "#292929", warning: black,
}, },
border: { border: {
success: `2px solid ${darkToastDone}`, success: `2px solid ${darkToastDone}`,
@ -1469,7 +1469,7 @@ const Dark: TTheme = {
}, },
}, },
dialogLoader: { dialogLoader: {
borderBottom: "1px solid #292929", borderBottom: `1px solid ${black}`,
}, },
// dropDownItem: { // dropDownItem: {
@ -1557,7 +1557,7 @@ const Dark: TTheme = {
color: grayDark, color: grayDark,
disabledColor: grayDark, disabledColor: grayDark,
background: "#292929", background: black,
backgroundWithBorder: "none", backgroundWithBorder: "none",
backgroundModernView: "none", backgroundModernView: "none",
@ -1630,7 +1630,7 @@ const Dark: TTheme = {
toggleButton: { toggleButton: {
fillColorDefault: lightBlueMain, fillColorDefault: lightBlueMain,
fillColorOff: "#292929", fillColorOff: black,
hoverFillColorOff: lightDarkGrayHover, hoverFillColorOff: lightDarkGrayHover,
fillCircleColor: white, fillCircleColor: white,
@ -1771,7 +1771,7 @@ const Dark: TTheme = {
// }, // },
// }, // },
catalog: { catalog: {
background: "#292929", background: black,
header: { header: {
borderBottom: `1px solid ${grayDarkStrong}`, borderBottom: `1px solid ${grayDarkStrong}`,
@ -1794,12 +1794,6 @@ const Dark: TTheme = {
color: lightStatusWarning, color: lightStatusWarning,
warningColor: darkErrorStatus, warningColor: darkErrorStatus,
}, },
teamTrainingAlert: {
titleColor: white,
borderColor: "#388BDE",
linkColor: lightSecondMain,
},
}, },
alertComponent: { alertComponent: {
@ -1900,7 +1894,7 @@ const Dark: TTheme = {
}, },
nav: { nav: {
backgroundColor: "#292929", backgroundColor: black,
}, },
navItem: { navItem: {
@ -1927,7 +1921,7 @@ const Dark: TTheme = {
}, },
article: { article: {
background: "#292929", background: black,
pinBorderColor: grayDarkStrong, pinBorderColor: grayDarkStrong,
catalogItemHeader: grayDark, catalogItemHeader: grayDark,
catalogItemText: "rgba(255, 255, 255, 0.6)", catalogItemText: "rgba(255, 255, 255, 0.6)",
@ -1945,7 +1939,7 @@ const Dark: TTheme = {
header: { header: {
backgroundColor: black, backgroundColor: black,
background: `linear-gradient(180deg, ${black} 2.81%, rgba(51, 51, 51, 0.9) 63.03%, rgba(51, 51, 51, 0) 100%);`, background: `linear-gradient(180deg, ${black} 2.81%, rgba(51, 51, 51, 0.9) 63.03%, rgba(51, 51, 51, 0) 100%);`,
trashErasureLabelBackground: "#292929", trashErasureLabelBackground: black,
trashErasureLabelText: darkGrayDark, trashErasureLabelText: darkGrayDark,
}, },
}, },
@ -1954,7 +1948,7 @@ const Dark: TTheme = {
sectionHeaderToggleIcon: grayDark, sectionHeaderToggleIcon: grayDark,
sectionHeaderToggleIconActive: "#c4c4c4", sectionHeaderToggleIconActive: "#c4c4c4",
sectionHeaderToggleBg: "transparent", sectionHeaderToggleBg: "transparent",
sectionHeaderToggleBgActive: "#292929", sectionHeaderToggleBgActive: black,
backgroundColor: black, backgroundColor: black,
blurColor: "rgba(20, 20, 20, 0.8)", blurColor: "rgba(20, 20, 20, 0.8)",
@ -1989,7 +1983,7 @@ const Dark: TTheme = {
history: { history: {
subtitleColor: gray, subtitleColor: gray,
fileBlockBg: "#292929", fileBlockBg: black,
dateColor: gray, dateColor: gray,
fileExstColor: gray, fileExstColor: gray,
locationIconColor: gray, locationIconColor: gray,
@ -2003,7 +1997,7 @@ const Dark: TTheme = {
}, },
gallery: { gallery: {
borderColor: "#292929", borderColor: black,
descriptionColor: grayMaxLight, descriptionColor: grayMaxLight,
}, },
@ -2074,7 +2068,7 @@ const Dark: TTheme = {
sort: { sort: {
background: black, background: black,
hoverBackground: "#292929", hoverBackground: black,
selectedViewIcon: "rgba(255, 255, 255, 0.88)", selectedViewIcon: "rgba(255, 255, 255, 0.88)",
viewIcon: grayDark, viewIcon: grayDark,
sortFill: "rgba(255, 255, 255, 0.6)", sortFill: "rgba(255, 255, 255, 0.6)",
@ -2198,7 +2192,7 @@ const Dark: TTheme = {
roomsBottomBorderRadius: "0 0 12px 12px", roomsBottomBorderRadius: "0 0 12px 12px",
upperBorderRadius: "6px 6px 0 0", upperBorderRadius: "6px 6px 0 0",
roomsUpperBorderRadius: "12px 12px 0 0", roomsUpperBorderRadius: "12px 12px 0 0",
backgroundColorTop: "#292929", backgroundColorTop: black,
}, },
sideColor: grayMaxLight, sideColor: grayMaxLight,
@ -2266,7 +2260,7 @@ const Dark: TTheme = {
}, },
mediaViewer: { mediaViewer: {
color: "#d1d1d1", color: grayDarkStrong,
background: "rgba(17, 17, 17, 0.867)", background: "rgba(17, 17, 17, 0.867)",
backgroundColor: "rgba(11, 11, 11, 0.7)", backgroundColor: "rgba(11, 11, 11, 0.7)",
fill: white, fill: white,
@ -2284,7 +2278,7 @@ const Dark: TTheme = {
}, },
progressBar: { progressBar: {
background: "#d1d1d1", background: grayDarkStrong,
backgroundColor: "rgba(200, 200, 200, 0.2)", backgroundColor: "rgba(200, 200, 200, 0.2)",
}, },
@ -2297,7 +2291,7 @@ const Dark: TTheme = {
videoViewer: { videoViewer: {
fill: white, fill: white,
stroke: white, stroke: white,
color: "#d1d1d1", color: grayDarkStrong,
colorError: white, colorError: white,
backgroundColorError: darkBlack, backgroundColorError: darkBlack,
backgroundColor: "rgba(11, 11, 11, 0.7)", backgroundColor: "rgba(11, 11, 11, 0.7)",
@ -2378,14 +2372,14 @@ const Dark: TTheme = {
thirdpartyStorage: { thirdpartyStorage: {
combobox: { combobox: {
background: "#292929", background: black,
dropdownBorderColor: grayDarkStrong, dropdownBorderColor: grayDarkStrong,
hoverDropdownBorderColor: grayDark, hoverDropdownBorderColor: grayDark,
isOpenDropdownBorderColor: "#e8e8e9", isOpenDropdownBorderColor: "#e8e8e9",
arrowFill: grayDarkStrong, arrowFill: grayDarkStrong,
}, },
folderInput: { folderInput: {
background: "#292929", background: black,
borderColor: grayDarkStrong, borderColor: grayDarkStrong,
hoverBorderColor: grayDark, hoverBorderColor: grayDark,
focusBorderColor: "#e8e8e9", focusBorderColor: "#e8e8e9",
@ -2397,9 +2391,9 @@ const Dark: TTheme = {
iconCropper: { iconCropper: {
gridColor: black, gridColor: black,
deleteButton: { deleteButton: {
background: "#292929", background: black,
hoverBackground: black, hoverBackground: black,
borderColor: "#292929", borderColor: black,
hoverBorderColor: "#fafafa", hoverBorderColor: "#fafafa",
color: grayDark, color: grayDark,
iconColor: "#e8e8e9", iconColor: "#e8e8e9",
@ -2407,7 +2401,7 @@ const Dark: TTheme = {
}, },
previewTile: { previewTile: {
background: "#292929", background: black,
borderColor: grayDarkStrong, borderColor: grayDarkStrong,
iconBorderColor: grayLightMid, iconBorderColor: grayLightMid,
}, },
@ -2546,7 +2540,7 @@ const Dark: TTheme = {
borderBottom: `1px solid ${grayDarkStrong}`, borderBottom: `1px solid ${grayDarkStrong}`,
borderTop: `1px solid ${grayDarkStrong}`, borderTop: `1px solid ${grayDarkStrong}`,
externalLinkBackground: "#292929", externalLinkBackground: black,
externalLinkSvg: grayMaxLight, externalLinkSvg: grayMaxLight,
internalLinkBorder: `1px dashed ${grayMaxLight}`, internalLinkBorder: `1px dashed ${grayMaxLight}`,
@ -2736,7 +2730,7 @@ const Dark: TTheme = {
titleColor: white, titleColor: white,
register: { register: {
backgroundColor: "#292929", backgroundColor: black,
textColor: darkLink, textColor: darkLink,
}, },
@ -2951,7 +2945,7 @@ const Dark: TTheme = {
linkColor: grayDark, linkColor: grayDark,
}, },
warningColor: darkErrorStatus, warningColor: darkErrorStatus,
color: "#E17415", color: darkStatusWarning,
}, },
migration: { migration: {
@ -2964,7 +2958,7 @@ const Dark: TTheme = {
infoBlockBackground: darkGrayLight, infoBlockBackground: darkGrayLight,
infoBlockTextColor: grayDark, infoBlockTextColor: grayDark,
errorTextColor: darkErrorStatus, errorTextColor: darkErrorStatus,
existingTextColor: "#3BA420", existingTextColor: darkStatusPositive,
tableHeaderText: grayDark, tableHeaderText: grayDark,
tableRowHoverColor: lightDarkGrayHover, tableRowHoverColor: lightDarkGrayHover,
tableRowTextColor: grayDark, tableRowTextColor: grayDark,
@ -3060,7 +3054,7 @@ const Dark: TTheme = {
activeSessions: { activeSessions: {
color: grayMaxLight, color: grayMaxLight,
borderColor: grayDarkStrong, borderColor: grayDarkStrong,
tickIconColor: "#3BA420", tickIconColor: darkStatusPositive,
removeIconColor: gray, removeIconColor: gray,
sortHeaderColor: grayDarkStrong, sortHeaderColor: grayDarkStrong,
tableCellColor: grayDark, tableCellColor: grayDark,