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

Shared: Themes: use white

Browse Source
This commit is contained in:
Viktor Fomin 2024-06-07 13:02:12 +03:00
parent f7cad32aea
commit e236d3f665
2 changed files with 58 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -862,7 +862,7 @@ export const getBaseTheme = () => {
activeBorderColor: "#2da7db", activeBorderColor: "#2da7db",
inactiveBorderColor: "#d0d5da", inactiveBorderColor: "#d0d5da",
errorBorderColor: "#f21c0e", errorBorderColor: "#f21c0e",
backgroundColor: "#fff", backgroundColor: white,
color: "#33333", color: "#33333",
scrollBackground: "#a3a9ae", scrollBackground: "#a3a9ae",
placeholderColor: "#a3a9ae", placeholderColor: "#a3a9ae",
@ -1589,18 +1589,18 @@ export const getBaseTheme = () => {
rombsLoader: { rombsLoader: {
blue: { blue: {
colorStep_1: "#F2CBBF", colorStep_1: "#F2CBBF",
colorStep_2: "#fff", colorStep_2: white,
colorStep_3: "#E6E4E4", colorStep_3: "#E6E4E4",
colorStep_4: "#D2D2D2", colorStep_4: "#D2D2D2",
}, },
red: { red: {
colorStep_1: "#BFE8F8", colorStep_1: "#BFE8F8",
colorStep_2: "#fff", colorStep_2: white,
colorStep_3: "#EFEFEF", colorStep_3: "#EFEFEF",
}, },
green: { green: {
colorStep_1: "#CBE0AC", colorStep_1: "#CBE0AC",
colorStep_2: "#fff", colorStep_2: white,
colorStep_3: "#EFEFEF", colorStep_3: "#EFEFEF",
colorStep_4: "#E6E4E4", colorStep_4: "#E6E4E4",
}, },
@ -1916,7 +1916,7 @@ export const getBaseTheme = () => {
}, },
control: { control: {
background: "#9a9ea3", background: "#9a9ea3",
fill: "#ffffff", fill: white,
}, },
headerBurgerColor: "#657077", headerBurgerColor: "#657077",
@ -1951,7 +1951,7 @@ export const getBaseTheme = () => {
height: "36px", height: "36px",
padding: "0 12px", padding: "0 12px",
marginBottom: "16px", marginBottom: "16px",
background: "#fff", background: white,
tablet: { tablet: {
height: "44px", height: "44px",
padding: "0 12px", padding: "0 12px",
@ -2197,11 +2197,11 @@ export const getBaseTheme = () => {
openBackground: "#a3a9ae", openBackground: "#a3a9ae",
openFill: "#ffffff", openFill: white,
}, },
filter: { filter: {
background: "#ffffff", background: white,
border: "1px solid #eceef1", border: "1px solid #eceef1",
color: "#a3a9ae", color: "#a3a9ae",
@ -2211,12 +2211,12 @@ export const getBaseTheme = () => {
selectedItem: { selectedItem: {
background: "#265a8f", background: "#265a8f",
border: "#265a8f", border: "#265a8f",
color: "#ffffff", color: white,
}, },
}, },
sort: { sort: {
background: "#ffffff", background: white,
hoverBackground: "#f8f9f9", hoverBackground: "#f8f9f9",
selectedViewIcon: "#dfe2e3", selectedViewIcon: "#dfe2e3",
viewIcon: "#a3a9ae", viewIcon: "#a3a9ae",
@ -2491,7 +2491,7 @@ export const getBaseTheme = () => {
descriptionText: "#A3A9AE", descriptionText: "#A3A9AE",
}, },
dropdownItem: { dropdownItem: {
background: "#ffffff", background: white,
hoverBackground: "#F8F9F9", hoverBackground: "#F8F9F9",
descriptionText: "#A3A9AE", descriptionText: "#A3A9AE",
}, },
@ -2504,11 +2504,11 @@ export const getBaseTheme = () => {
roomTypeDropdown: { roomTypeDropdown: {
desktop: { desktop: {
background: "#ffffff", background: white,
borderColor: "#d0d5da", borderColor: "#d0d5da",
}, },
mobile: { mobile: {
background: "#ffffff", background: white,
}, },
}, },
@ -2524,7 +2524,7 @@ export const getBaseTheme = () => {
}, },
dropdown: { dropdown: {
background: "#ffffff", background: white,
borderColor: "#d0d5da", borderColor: "#d0d5da",
item: { item: {
hoverBackground: "#f3f4f4", hoverBackground: "#f3f4f4",
@ -2543,14 +2543,14 @@ export const getBaseTheme = () => {
thirdpartyStorage: { thirdpartyStorage: {
combobox: { combobox: {
background: "#ffffff", background: white,
dropdownBorderColor: "#d0d5da", dropdownBorderColor: "#d0d5da",
hoverDropdownBorderColor: "#a3a9ae", hoverDropdownBorderColor: "#a3a9ae",
isOpenDropdownBorderColor: "#2DA7DB", isOpenDropdownBorderColor: "#2DA7DB",
arrowFill: "#a3a9ae", arrowFill: "#a3a9ae",
}, },
folderInput: { folderInput: {
background: "#ffffff", background: white,
borderColor: "#d0d5da", borderColor: "#d0d5da",
hoverBorderColor: "#a3a9ae", hoverBorderColor: "#a3a9ae",
focusBorderColor: "#35abd8", focusBorderColor: "#35abd8",
@ -2572,7 +2572,7 @@ export const getBaseTheme = () => {
}, },
previewTile: { previewTile: {
background: "#ffffff", background: white,
borderColor: "#d0d5da", borderColor: "#d0d5da",
iconBorderColor: "#eceef1", iconBorderColor: "#eceef1",
}, },
@ -2728,7 +2728,7 @@ export const getBaseTheme = () => {
itemOwnerColor: "rgb(163, 169, 174)", itemOwnerColor: "rgb(163, 169, 174)",
backgroundButtons: "#FFFFFF", backgroundButtons: white,
dropdownColor: black, dropdownColor: black,
@ -3142,7 +3142,7 @@ export const getBaseTheme = () => {
migration: { migration: {
descriptionColor: grayMain, descriptionColor: grayMain,
subtitleColor: black, subtitleColor: black,
workspaceBackground: "#FFFFFF", workspaceBackground: white,
workspaceBorder: "1px solid #d0d5da", workspaceBorder: "1px solid #d0d5da",
stepDescriptionColor: black, stepDescriptionColor: black,
fileInputIconColor: "#A3A9AE", fileInputIconColor: "#A3A9AE",
@ -3162,7 +3162,7 @@ export const getBaseTheme = () => {
importItemDisableTextColor: "#A3A9AE", importItemDisableTextColor: "#A3A9AE",
importItemDescription: black, importItemDescription: black,
importIconColor: "#657077", importIconColor: "#657077",
groupMenuBackground: "#fff", groupMenuBackground: white,
groupMenuBorder: "1px solid #fff", groupMenuBorder: "1px solid #fff",
groupMenuBoxShadow: "rgba(4, 15, 27, 0.07) 0px 5px 5px 0px", groupMenuBoxShadow: "rgba(4, 15, 27, 0.07) 0px 5px 5px 0px",
}, },
@ -3261,7 +3261,7 @@ export const getBaseTheme = () => {
preparationPortalProgress: { preparationPortalProgress: {
backgroundColor: "#F3F4F4", backgroundColor: "#F3F4F4",
colorPercentSmall: black, colorPercentSmall: black,
colorPercentBig: "#FFFFFF", colorPercentBig: white,
errorTextColor: "#F21C0E", errorTextColor: "#F21C0E",
descriptionTextColor: "#A3A9AE", descriptionTextColor: "#A3A9AE",
}, },

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

@ -152,15 +152,15 @@ const Dark: TTheme = {
}, },
color: { color: {
base: "#FFFFFF", base: white,
baseHover: "#FFFFFF", baseHover: white,
baseActive: "#FFFFFF", baseActive: white,
baseDisabled: "#474747", baseDisabled: "#474747",
primary: "#FFFFFF", primary: white,
primaryHover: "#FFFFFF", primaryHover: white,
primaryActive: "#FFFFFF", primaryActive: white,
primaryDisabled: "#FFFFFF", primaryDisabled: white,
}, },
backgroundColor: { backgroundColor: {
@ -326,7 +326,7 @@ const Dark: TTheme = {
hoverBackground: black, hoverBackground: black,
hoverBorder: "1px solid #858585", hoverBorder: "1px solid #858585",
hoverConnectBackground: "#FFFFFF", hoverConnectBackground: white,
hoverConnectBorder: "none", hoverConnectBorder: "none",
activeBackground: charlestonGreen, activeBackground: charlestonGreen,
@ -417,7 +417,7 @@ const Dark: TTheme = {
activeBackground: "#242424", activeBackground: "#242424",
iconColor: "#858585", iconColor: "#858585",
iconColorHover: "#FFFFFF", iconColorHover: white,
iconColorActive: "#CCCCCC", iconColorActive: "#CCCCCC",
border: `none`, border: `none`,
@ -835,7 +835,7 @@ const Dark: TTheme = {
inactiveBorderColor: "#474747", inactiveBorderColor: "#474747",
errorBorderColor: "#f21c0e", errorBorderColor: "#f21c0e",
backgroundColor: "#33333", backgroundColor: "#33333",
color: "#fff", color: white,
scrollBackground: "#858585", scrollBackground: "#858585",
placeholderColor: "#858585", placeholderColor: "#858585",
dialCodeColor: "#858585", dialCodeColor: "#858585",
@ -893,7 +893,7 @@ const Dark: TTheme = {
borderColor: grayMaxLight, borderColor: grayMaxLight,
iconColor: "#858585", iconColor: "#858585",
hoverIconColor: "#FFFFFF", hoverIconColor: white,
}, },
textArea: { textArea: {
@ -947,8 +947,8 @@ const Dark: TTheme = {
color: { color: {
default: "#858585", default: "#858585",
hover: "#ADADAD", hover: "#ADADAD",
active: "#FFFFFF", active: white,
focus: "#FFFFFF", focus: white,
}, },
background: { background: {
@ -1007,7 +1007,7 @@ const Dark: TTheme = {
marginRight: "8px", marginRight: "8px",
width: "fit-content", width: "fit-content",
backgroundColor: "#FFFFFF", backgroundColor: white,
hoverBackgroundColor: "#474747", hoverBackgroundColor: "#474747",
disableBackgroundColor: charlestonGreen, disableBackgroundColor: charlestonGreen,
activeBackgroundColor: charlestonGreen, activeBackgroundColor: charlestonGreen,
@ -1404,7 +1404,7 @@ const Dark: TTheme = {
backgroundColor: "#858585", backgroundColor: "#858585",
percent: { percent: {
background: "#FFFFFF", background: white,
}, },
}, },
@ -1739,8 +1739,8 @@ const Dark: TTheme = {
fillColorOff: "#292929", fillColorOff: "#292929",
hoverFillColorOff: "#3D3D3D", hoverFillColorOff: "#3D3D3D",
fillCircleColor: "#FFFFFF", fillCircleColor: white,
fillCircleColorOff: "#FFFFFF", fillCircleColorOff: white,
}, },
contextMenuButton: { contextMenuButton: {
@ -1764,7 +1764,7 @@ const Dark: TTheme = {
}, },
calendar: { calendar: {
color: "#FFFFFF", color: white,
disabledColor: "#474747", disabledColor: "#474747",
pastColor: "#858585", pastColor: "#858585",
onHoverBackground: "#3D3D3D", onHoverBackground: "#3D3D3D",
@ -1887,7 +1887,7 @@ const Dark: TTheme = {
}, },
control: { control: {
background: "#a3a3a3", background: "#a3a3a3",
fill: "#ffffff", fill: white,
}, },
headerBurgerColor: "#606060", headerBurgerColor: "#606060",
@ -1905,7 +1905,7 @@ const Dark: TTheme = {
}, },
teamTrainingAlert: { teamTrainingAlert: {
titleColor: "#FFFFFF", titleColor: white,
borderColor: "#388BDE", borderColor: "#388BDE",
linkColor: "#5299E0", linkColor: "#5299E0",
}, },
@ -1943,7 +1943,7 @@ const Dark: TTheme = {
height: "16px", height: "16px",
fill: "#a9a9a9", fill: "#a9a9a9",
isActiveFill: "#FFFFFF", isActiveFill: white,
tablet: { tablet: {
width: "20px", width: "20px",
height: "20px", height: "20px",
@ -1955,7 +1955,7 @@ const Dark: TTheme = {
marginLeft: "8px", marginLeft: "8px",
lineHeight: "20px", lineHeight: "20px",
color: "#a9a9a9", color: "#a9a9a9",
isActiveColor: "#FFFFFF", isActiveColor: white,
fontSize: "13px", fontSize: "13px",
fontWeight: 600, fontWeight: 600,
tablet: { tablet: {
@ -2085,7 +2085,7 @@ const Dark: TTheme = {
members: { members: {
iconColor: "#858585", iconColor: "#858585",
iconHoverColor: "#ffffff", iconHoverColor: white,
isExpectName: "#A3A9AE", isExpectName: "#A3A9AE",
subtitleColor: "#a3a9ae", subtitleColor: "#a3a9ae",
meLabelColor: "#a3a9ae", meLabelColor: "#a3a9ae",
@ -2132,10 +2132,10 @@ const Dark: TTheme = {
textColor: "#858585", textColor: "#858585",
color: "#5C5C5C", color: "#5C5C5C",
winHoverColor: "#3785D3", winHoverColor: "#3785D3",
macHoverColor: "#fff", macHoverColor: white,
linuxHoverColor: "#FFB800", linuxHoverColor: "#FFB800",
androidHoverColor: "#9BD71C", androidHoverColor: "#9BD71C",
iosHoverColor: "#fff", iosHoverColor: white,
}, },
thirdPartyList: { thirdPartyList: {
@ -2272,7 +2272,7 @@ const Dark: TTheme = {
editingIconColor: "#eeeeee", editingIconColor: "#eeeeee",
shareHoverColor: "#eeeeee", shareHoverColor: "#eeeeee",
pinColor: "#FFFFFF", pinColor: white,
}, },
tableView: { tableView: {
@ -2381,7 +2381,7 @@ const Dark: TTheme = {
emptyScreen: { emptyScreen: {
descriptionColor: "#ADADAD", descriptionColor: "#ADADAD",
buttonColor: "#ADADAD", buttonColor: "#ADADAD",
hoverButtonColor: "#FFFFFF", hoverButtonColor: white,
pressedButtonColor: "#CCCCCC", pressedButtonColor: "#CCCCCC",
}, },
}, },
@ -2556,7 +2556,7 @@ const Dark: TTheme = {
dropzone: { dropzone: {
borderColor: "#474747", borderColor: "#474747",
linkMainColor: "#F97A0B", linkMainColor: "#F97A0B",
linkSecondaryColor: "#ffffff", linkSecondaryColor: white,
exstsColor: "#a3a9ae", exstsColor: "#a3a9ae",
}, },
}, },
@ -2583,7 +2583,7 @@ const Dark: TTheme = {
emptyContent: { emptyContent: {
header: { header: {
color: "#FFFFFF", color: white,
}, },
description: { description: {
@ -2986,7 +2986,7 @@ const Dark: TTheme = {
settings: { settings: {
iconFill: white, iconFill: white,
headerTitleColor: "#FFFFFF", headerTitleColor: white,
trashIcon: "#858585", trashIcon: "#858585",
article: { article: {
titleColor: "#c4c4c4", titleColor: "#c4c4c4",
@ -3115,10 +3115,10 @@ const Dark: TTheme = {
migration: { migration: {
descriptionColor: "#ADADAD", descriptionColor: "#ADADAD",
subtitleColor: "#FFFFFF", subtitleColor: white,
workspaceBackground: black, workspaceBackground: black,
workspaceBorder: "1px solid #474747", workspaceBorder: "1px solid #474747",
stepDescriptionColor: "#FFFFFF", stepDescriptionColor: white,
fileInputIconColor: "#5c5c5c", fileInputIconColor: "#5c5c5c",
infoBlockBackground: charlestonGreen, infoBlockBackground: charlestonGreen,
infoBlockTextColor: "#858585", infoBlockTextColor: "#858585",
@ -3127,7 +3127,7 @@ const Dark: TTheme = {
tableHeaderText: "#858585", tableHeaderText: "#858585",
tableRowHoverColor: "#3D3D3D", tableRowHoverColor: "#3D3D3D",
tableRowTextColor: "#858585", tableRowTextColor: "#858585",
comboBoxLabelColor: "#FFFFFF", comboBoxLabelColor: white,
importSectionBackground: charlestonGreen, importSectionBackground: charlestonGreen,
importSectionTextColor: "#858585", importSectionTextColor: "#858585",
importItemBackground: black, importItemBackground: black,
@ -3179,7 +3179,7 @@ const Dark: TTheme = {
submenu: { submenu: {
lineColor: "#474747", lineColor: "#474747",
backgroundColor: black, backgroundColor: black,
activeTextColor: "#FFFFFF", activeTextColor: white,
textColor: "#ADADAD", textColor: "#ADADAD",
bottomLineColor: "#E06A1B", bottomLineColor: "#E06A1B",
}, },
@ -3234,7 +3234,7 @@ const Dark: TTheme = {
preparationPortalProgress: { preparationPortalProgress: {
backgroundColor: charlestonGreen, backgroundColor: charlestonGreen,
colorPercentSmall: "#FFFFFF", colorPercentSmall: white,
colorPercentBig: black, colorPercentBig: black,
errorTextColor: "#E06451", errorTextColor: "#E06451",
descriptionTextColor: "#858585", descriptionTextColor: "#858585",
@ -3299,7 +3299,7 @@ const Dark: TTheme = {
infoBlock: { infoBlock: {
background: charlestonGreen, background: charlestonGreen,
headerColor: "#FFF", headerColor: white,
descriptionColor: "#ADADAD", descriptionColor: "#ADADAD",
}, },
@ -3310,7 +3310,7 @@ const Dark: TTheme = {
}, },
roomIcon: { roomIcon: {
backgroundArchive: "#FFFFFF", backgroundArchive: white,
opacityBackground: "0.1", opacityBackground: "0.1",
}, },