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

Shared: Themes: use grayMain

Browse Source
This commit is contained in:
Viktor Fomin 2024-06-07 13:08:04 +03:00
parent 00d5168d01
commit 8e15a313a9
1 changed files with 28 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1912,14 +1912,14 @@ export const getBaseTheme = () => {
header: { header: {
borderBottom: "1px solid #eceef1", borderBottom: "1px solid #eceef1",
iconFill: "#657077", iconFill: grayMain,
}, },
control: { control: {
background: "#9a9ea3", background: "#9a9ea3",
fill: white, fill: white,
}, },
headerBurgerColor: "#657077", headerBurgerColor: grayMain,
verticalLine: "1px solid #eceef1", verticalLine: "1px solid #eceef1",
@ -1942,7 +1942,7 @@ export const getBaseTheme = () => {
alertComponent: { alertComponent: {
descriptionColor: "#555F65", descriptionColor: "#555F65",
iconColor: "#657077", iconColor: grayMain,
}, },
catalogItem: { catalogItem: {
@ -1971,7 +1971,7 @@ export const getBaseTheme = () => {
width: "16px", width: "16px",
height: "16px", height: "16px",
fill: "#657077", fill: grayMain,
isActiveFill: "#4781D1", isActiveFill: "#4781D1",
tablet: { tablet: {
width: "20px", width: "20px",
@ -2053,8 +2053,8 @@ export const getBaseTheme = () => {
header: { header: {
backgroundColor: grayLight, backgroundColor: grayLight,
recoveryColor: "#657077", recoveryColor: grayMain,
linkColor: "#657077", linkColor: grayMain,
productColor: white, productColor: white,
height: "48px", height: "48px",
}, },
@ -2070,7 +2070,7 @@ export const getBaseTheme = () => {
catalogItemHeader: gray, catalogItemHeader: gray,
catalogItemText: "#555F65", catalogItemText: "#555F65",
catalogItemActiveBackground: "#DFE2E3", catalogItemActiveBackground: "#DFE2E3",
catalogShowText: "#657077", catalogShowText: grayMain,
}, },
section: { section: {
@ -2114,7 +2114,7 @@ export const getBaseTheme = () => {
members: { members: {
iconColor: gray, iconColor: gray,
iconHoverColor: "#657077", iconHoverColor: grayMain,
isExpectName: gray, isExpectName: gray,
subtitleColor: gray, subtitleColor: gray,
meLabelColor: gray, meLabelColor: gray,
@ -2142,7 +2142,7 @@ export const getBaseTheme = () => {
gallery: { gallery: {
borderColor: grayMid, borderColor: grayMid,
descriptionColor: "#657077", descriptionColor: grayMain,
}, },
search: { search: {
@ -2220,7 +2220,7 @@ export const getBaseTheme = () => {
hoverBackground: grayLight, hoverBackground: grayLight,
selectedViewIcon: "#dfe2e3", selectedViewIcon: "#dfe2e3",
viewIcon: gray, viewIcon: gray,
sortFill: "#657077", sortFill: grayMain,
tileSortFill: black, tileSortFill: black,
tileSortColor: black, tileSortColor: black,
@ -2382,8 +2382,8 @@ export const getBaseTheme = () => {
border: `1px solid ${grayLightMid}`, border: `1px solid ${grayLightMid}`,
breadCrumbs: { breadCrumbs: {
prevItemColor: "#657077", prevItemColor: grayMain,
arrowRightColor: "#657077", arrowRightColor: grayMain,
}, },
info: { info: {
@ -2404,7 +2404,7 @@ export const getBaseTheme = () => {
emptyScreen: { emptyScreen: {
descriptionColor: cyanBlueDarkShade, descriptionColor: cyanBlueDarkShade,
buttonColor: "#657077", buttonColor: grayMain,
hoverButtonColor: black, hoverButtonColor: black,
pressedButtonColor: "#555F65", pressedButtonColor: "#555F65",
}, },
@ -2473,7 +2473,7 @@ export const getBaseTheme = () => {
createEditRoomDialog: { createEditRoomDialog: {
commonParam: { commonParam: {
descriptionColor: gray, descriptionColor: gray,
textColor: "#657077", textColor: grayMain,
}, },
roomType: { roomType: {
@ -2567,7 +2567,7 @@ export const getBaseTheme = () => {
borderColor: grayLight, borderColor: grayLight,
hoverBorderColor: "#f3f4f4", hoverBorderColor: "#f3f4f4",
color: "#555f65", color: "#555f65",
iconColor: "#657077", iconColor: grayMain,
}, },
}, },
@ -2590,7 +2590,7 @@ export const getBaseTheme = () => {
}, },
connectedClouds: { connectedClouds: {
color: "#657077", color: grayMain,
borderBottom: `1px solid #eceef1`, borderBottom: `1px solid #eceef1`,
borderRight: `1px solid #d0d5da`, borderRight: `1px solid #d0d5da`,
}, },
@ -2621,7 +2621,7 @@ export const getBaseTheme = () => {
color: cyanBlueDarkShade, color: cyanBlueDarkShade,
}, },
button: { button: {
colorLink: "#657077", colorLink: grayMain,
colorText: "#555F65", colorText: "#555F65",
}, },
}, },
@ -3063,7 +3063,7 @@ export const getBaseTheme = () => {
tooltipLinkColor: black, tooltipLinkColor: black,
arrowColor: black, arrowColor: black,
descriptionColor: grayMain, descriptionColor: grayMain,
brandingDescriptionColor: "#657077", brandingDescriptionColor: grayMain,
whiteLabel: { whiteLabel: {
borderImg: "1px solid #d1d1d1", borderImg: "1px solid #d1d1d1",
@ -3127,12 +3127,12 @@ export const getBaseTheme = () => {
}, },
benefitsContainer: { benefitsContainer: {
iconsColor: "#657077", iconsColor: grayMain,
}, },
contactContainer: { contactContainer: {
textColor: gray, textColor: gray,
linkColor: "#657077", linkColor: grayMain,
}, },
warningColor: "#F21C0E", warningColor: "#F21C0E",
@ -3161,20 +3161,20 @@ export const getBaseTheme = () => {
importItemTextColor: "#555f65", importItemTextColor: "#555f65",
importItemDisableTextColor: gray, importItemDisableTextColor: gray,
importItemDescription: black, importItemDescription: black,
importIconColor: "#657077", importIconColor: grayMain,
groupMenuBackground: white, 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",
}, },
storageManagement: { storageManagement: {
grayBackgroundText: "#555F65", grayBackgroundText: "#555F65",
descriptionColor: "#657077", descriptionColor: grayMain,
}, },
}, },
wizard: { wizard: {
linkColor: "#116d9d", linkColor: "#116d9d",
generatePasswordColor: "#657077", generatePasswordColor: grayMain,
}, },
}, },
@ -3205,7 +3205,7 @@ export const getBaseTheme = () => {
submenu: { submenu: {
lineColor: grayLightMid, lineColor: grayLightMid,
backgroundColor: white, backgroundColor: white,
textColor: "#657077", textColor: grayMain,
activeTextColor: "#316DAA", activeTextColor: "#316DAA",
bottomLineColor: "#316DAA", bottomLineColor: "#316DAA",
}, },
@ -3319,7 +3319,7 @@ export const getBaseTheme = () => {
}, },
submitToGalleryTile: { submitToGalleryTile: {
bodyText: "#555F65", bodyText: "#555F65",
closeIconFill: "#657077", closeIconFill: grayMain,
}, },
}, },
@ -3343,12 +3343,12 @@ export const getBaseTheme = () => {
plugins: { plugins: {
borderColor: grayMid, borderColor: grayMid,
pluginName: "#5C5C5C", pluginName: "#5C5C5C",
descriptionColor: "#657077", descriptionColor: grayMain,
}, },
sdkPresets: { sdkPresets: {
borderColor: grayMid, borderColor: grayMid,
secondaryColor: "#657077", secondaryColor: grayMain,
previewBackgroundColor: "#F3F4F4", previewBackgroundColor: "#F3F4F4",
}, },
sideBarRow: { sideBarRow: {
@ -3357,7 +3357,7 @@ export const getBaseTheme = () => {
}, },
dateTimePicker: { dateTimePicker: {
colorClockIcon: "#657077", colorClockIcon: grayMain,
}, },
}; };
}; };