Shared: Themes: use grayMain
This commit is contained in:
parent
00d5168d01
commit
8e15a313a9
@ -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,
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
Loading…
Reference in New Issue
Block a user