Shared: Themes: use black
This commit is contained in:
parent
994aa2cc73
commit
2d0c8a3d37
@ -359,7 +359,7 @@ export const getBaseTheme = () => {
|
||||
activeConnectBackground: "#265A8F",
|
||||
|
||||
color: "rgba(0, 0, 0, 0.54)",
|
||||
disableColor: "#333333",
|
||||
disableColor: black,
|
||||
disabledSvgColor: "none",
|
||||
|
||||
text: {
|
||||
@ -976,8 +976,8 @@ export const getBaseTheme = () => {
|
||||
color: {
|
||||
default: "#A3A9AE",
|
||||
hover: "#555F65",
|
||||
active: "#333333",
|
||||
focus: "#333333",
|
||||
active: black,
|
||||
focus: black,
|
||||
},
|
||||
|
||||
background: {
|
||||
@ -1791,7 +1791,7 @@ export const getBaseTheme = () => {
|
||||
},
|
||||
|
||||
calendar: {
|
||||
color: "#333333",
|
||||
color: black,
|
||||
disabledColor: "#DFE2E3",
|
||||
pastColor: "#A3A9AE",
|
||||
onHoverBackground: "#f3f4f4",
|
||||
@ -2135,7 +2135,7 @@ export const getBaseTheme = () => {
|
||||
|
||||
details: {
|
||||
customLogoBorderColor: grayLightMid,
|
||||
commentEditorIconColor: "#333",
|
||||
commentEditorIconColor: black,
|
||||
tagBackground: "#ECEEF1",
|
||||
},
|
||||
|
||||
@ -2404,7 +2404,7 @@ export const getBaseTheme = () => {
|
||||
descriptionColor: cyanBlueDarkShade,
|
||||
|
||||
buttonColor: "#657077",
|
||||
hoverButtonColor: "#333333",
|
||||
hoverButtonColor: black,
|
||||
pressedButtonColor: "#555F65",
|
||||
},
|
||||
},
|
||||
@ -2559,7 +2559,7 @@ export const getBaseTheme = () => {
|
||||
},
|
||||
|
||||
iconCropper: {
|
||||
gridColor: "#333333",
|
||||
gridColor: black,
|
||||
deleteButton: {
|
||||
background: "#f8f9f9",
|
||||
hoverBackground: "#f3f4f4",
|
||||
@ -2579,7 +2579,7 @@ export const getBaseTheme = () => {
|
||||
dropzone: {
|
||||
borderColor: "#eceef1",
|
||||
linkMainColor: "#316daa",
|
||||
linkSecondaryColor: "#333333",
|
||||
linkSecondaryColor: black,
|
||||
exstsColor: "#a3a9ae",
|
||||
},
|
||||
},
|
||||
@ -2613,7 +2613,7 @@ export const getBaseTheme = () => {
|
||||
|
||||
emptyContent: {
|
||||
header: {
|
||||
color: "#333333",
|
||||
color: black,
|
||||
},
|
||||
|
||||
description: {
|
||||
@ -2719,7 +2719,7 @@ export const getBaseTheme = () => {
|
||||
borderBottom: "1px solid #eceef1",
|
||||
borderTop: "1px solid #eceef1",
|
||||
externalLinkBackground: "#f8f9f9",
|
||||
externalLinkSvg: "#333333",
|
||||
externalLinkSvg: black,
|
||||
|
||||
internalLinkBorder: "1px dashed #333333",
|
||||
|
||||
@ -3008,7 +3008,7 @@ export const getBaseTheme = () => {
|
||||
|
||||
settings: {
|
||||
iconFill: black,
|
||||
headerTitleColor: "#333333",
|
||||
headerTitleColor: black,
|
||||
trashIcon: "#A3A9AE",
|
||||
article: {
|
||||
titleColor: grayMain,
|
||||
@ -3047,12 +3047,12 @@ export const getBaseTheme = () => {
|
||||
},
|
||||
auditTrail: {
|
||||
sideColor: "#A3A9AE",
|
||||
nameColor: "#333333",
|
||||
nameColor: black,
|
||||
downloadReportDescriptionColor: gray,
|
||||
},
|
||||
loginHistory: {
|
||||
sideColor: "#A3A9AE",
|
||||
nameColor: "#333333",
|
||||
nameColor: black,
|
||||
},
|
||||
},
|
||||
|
||||
@ -3140,10 +3140,10 @@ export const getBaseTheme = () => {
|
||||
|
||||
migration: {
|
||||
descriptionColor: grayMain,
|
||||
subtitleColor: "#333333",
|
||||
subtitleColor: black,
|
||||
workspaceBackground: "#FFFFFF",
|
||||
workspaceBorder: "1px solid #d0d5da",
|
||||
stepDescriptionColor: "#333333",
|
||||
stepDescriptionColor: black,
|
||||
fileInputIconColor: "#A3A9AE",
|
||||
infoBlockBackground: "#f8f9f9",
|
||||
infoBlockTextColor: "#555F65",
|
||||
@ -3152,14 +3152,14 @@ export const getBaseTheme = () => {
|
||||
tableHeaderText: "#A3A9AE",
|
||||
tableRowHoverColor: "#F3F4F4",
|
||||
tableRowTextColor: "#A3A9AE",
|
||||
comboBoxLabelColor: "#333333",
|
||||
comboBoxLabelColor: black,
|
||||
importSectionBackground: "#F8F9F9",
|
||||
importSectionTextColor: "#A3A9AE",
|
||||
importItemBackground: "#eceef1",
|
||||
importItemDisableBackground: "#F3F4F4",
|
||||
importItemTextColor: "#555f65",
|
||||
importItemDisableTextColor: "#A3A9AE",
|
||||
importItemDescription: "#333333",
|
||||
importItemDescription: black,
|
||||
importIconColor: "#657077",
|
||||
groupMenuBackground: "#fff",
|
||||
groupMenuBorder: "1px solid #fff",
|
||||
@ -3242,7 +3242,7 @@ export const getBaseTheme = () => {
|
||||
textDescriptionColor: "#A3A9AE",
|
||||
},
|
||||
activeSessions: {
|
||||
color: "#333",
|
||||
color: black,
|
||||
borderColor: "#eceef1",
|
||||
tickIconColor: "#35AD17",
|
||||
removeIconColor: "#A3A9AE",
|
||||
@ -3259,7 +3259,7 @@ export const getBaseTheme = () => {
|
||||
|
||||
preparationPortalProgress: {
|
||||
backgroundColor: "#F3F4F4",
|
||||
colorPercentSmall: "#333333",
|
||||
colorPercentSmall: black,
|
||||
colorPercentBig: "#FFFFFF",
|
||||
errorTextColor: "#F21C0E",
|
||||
descriptionTextColor: "#A3A9AE",
|
||||
@ -3324,7 +3324,7 @@ export const getBaseTheme = () => {
|
||||
|
||||
infoBlock: {
|
||||
background: "#F8F9F9",
|
||||
headerColor: "#333",
|
||||
headerColor: black,
|
||||
descriptionColor: "#555F65",
|
||||
},
|
||||
|
||||
|
||||
@ -164,8 +164,8 @@ const Dark: TTheme = {
|
||||
},
|
||||
|
||||
backgroundColor: {
|
||||
base: "#333333",
|
||||
baseHover: "#333333",
|
||||
base: black,
|
||||
baseHover: black,
|
||||
baseActive: "#282828",
|
||||
baseDisabled: "#282828",
|
||||
|
||||
@ -222,7 +222,7 @@ const Dark: TTheme = {
|
||||
},
|
||||
|
||||
buttonWrapper: {
|
||||
background: "#333333",
|
||||
background: black,
|
||||
uploadingBackground: "#242424",
|
||||
},
|
||||
|
||||
@ -1011,7 +1011,8 @@ const Dark: TTheme = {
|
||||
hoverBackgroundColor: "#474747",
|
||||
disableBackgroundColor: "#282828",
|
||||
activeBackgroundColor: "#282828",
|
||||
activeSelectedBackgroundColor: "linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.18))",
|
||||
activeSelectedBackgroundColor:
|
||||
"linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.18))",
|
||||
|
||||
title: {
|
||||
padding: "4px 16px",
|
||||
@ -1412,7 +1413,7 @@ const Dark: TTheme = {
|
||||
fontWeight: "600",
|
||||
fontSize: "13px",
|
||||
zIndex: "400",
|
||||
background: "#333333",
|
||||
background: black,
|
||||
borderRadius: "6px",
|
||||
boxShadow: "0px 8px 16px 0px #040F1B29",
|
||||
// boxShadowMobile: "0px -4px 60px rgba(0, 0, 0, 0.25)",
|
||||
@ -1557,19 +1558,19 @@ const Dark: TTheme = {
|
||||
},
|
||||
rombsLoader: {
|
||||
blue: {
|
||||
colorStep_1: "#333",
|
||||
colorStep_2: "#333",
|
||||
colorStep_1: black,
|
||||
colorStep_2: black,
|
||||
colorStep_3: "#323032",
|
||||
colorStep_4: "#323032",
|
||||
},
|
||||
red: {
|
||||
colorStep_1: "#333",
|
||||
colorStep_2: "#333",
|
||||
colorStep_1: black,
|
||||
colorStep_2: black,
|
||||
colorStep_3: "#323032",
|
||||
},
|
||||
green: {
|
||||
colorStep_1: "#333",
|
||||
colorStep_2: "#333",
|
||||
colorStep_1: black,
|
||||
colorStep_2: black,
|
||||
colorStep_3: "#323032",
|
||||
colorStep_4: "#323032",
|
||||
},
|
||||
@ -2040,7 +2041,7 @@ const Dark: TTheme = {
|
||||
pinBorderColor: "#474747",
|
||||
catalogItemHeader: "#858585",
|
||||
catalogItemText: "rgba(255, 255, 255, 0.6)",
|
||||
catalogItemActiveBackground: "#333333",
|
||||
catalogItemActiveBackground: black,
|
||||
catalogShowText: "#adadad",
|
||||
},
|
||||
|
||||
@ -2174,7 +2175,7 @@ const Dark: TTheme = {
|
||||
},
|
||||
|
||||
filter: {
|
||||
background: "#333333",
|
||||
background: black,
|
||||
border: "1px solid #474747",
|
||||
color: "#a3a9ae",
|
||||
|
||||
@ -2184,12 +2185,12 @@ const Dark: TTheme = {
|
||||
selectedItem: {
|
||||
background: "#eeeeee",
|
||||
border: "#eeeeee",
|
||||
color: "#333333",
|
||||
color: black,
|
||||
},
|
||||
},
|
||||
|
||||
sort: {
|
||||
background: "#333333",
|
||||
background: black,
|
||||
hoverBackground: "#292929",
|
||||
selectedViewIcon: "rgba(255, 255, 255, 0.88)",
|
||||
viewIcon: "#858585",
|
||||
@ -2467,7 +2468,7 @@ const Dark: TTheme = {
|
||||
descriptionText: "#A3A9AE",
|
||||
},
|
||||
dropdownItem: {
|
||||
background: "#333333",
|
||||
background: black,
|
||||
hoverBackground: "#282828",
|
||||
descriptionText: "#A3A9AE",
|
||||
},
|
||||
@ -2480,11 +2481,11 @@ const Dark: TTheme = {
|
||||
|
||||
roomTypeDropdown: {
|
||||
desktop: {
|
||||
background: "#333333",
|
||||
background: black,
|
||||
borderColor: "#474747",
|
||||
},
|
||||
mobile: {
|
||||
background: "#333333",
|
||||
background: black,
|
||||
},
|
||||
},
|
||||
|
||||
@ -2500,7 +2501,7 @@ const Dark: TTheme = {
|
||||
},
|
||||
|
||||
dropdown: {
|
||||
background: "#333333",
|
||||
background: black,
|
||||
borderColor: "#474747",
|
||||
item: {
|
||||
hoverBackground: "#282828",
|
||||
@ -2536,10 +2537,10 @@ const Dark: TTheme = {
|
||||
},
|
||||
|
||||
iconCropper: {
|
||||
gridColor: "#333333",
|
||||
gridColor: black,
|
||||
deleteButton: {
|
||||
background: "#292929",
|
||||
hoverBackground: "#333333",
|
||||
hoverBackground: black,
|
||||
borderColor: "#292929",
|
||||
hoverBorderColor: "#fafafa",
|
||||
color: "#858585",
|
||||
@ -2705,7 +2706,7 @@ const Dark: TTheme = {
|
||||
|
||||
itemOwnerColor: "#858585",
|
||||
|
||||
backgroundButtons: "#333333",
|
||||
backgroundButtons: black,
|
||||
|
||||
dropdownColor: grayMaxLight,
|
||||
|
||||
@ -3064,7 +3065,7 @@ const Dark: TTheme = {
|
||||
sso: {
|
||||
toggleContentBackground: "#474747",
|
||||
iconButton: white,
|
||||
iconButtonDisabled: "#333",
|
||||
iconButtonDisabled: black,
|
||||
border: "1px solid #474747",
|
||||
},
|
||||
|
||||
@ -3116,7 +3117,7 @@ const Dark: TTheme = {
|
||||
migration: {
|
||||
descriptionColor: "#ADADAD",
|
||||
subtitleColor: "#FFFFFF",
|
||||
workspaceBackground: "#333333",
|
||||
workspaceBackground: black,
|
||||
workspaceBorder: "1px solid #474747",
|
||||
stepDescriptionColor: "#FFFFFF",
|
||||
fileInputIconColor: "#5c5c5c",
|
||||
@ -3130,13 +3131,13 @@ const Dark: TTheme = {
|
||||
comboBoxLabelColor: "#FFFFFF",
|
||||
importSectionBackground: "#282828",
|
||||
importSectionTextColor: "#858585",
|
||||
importItemBackground: "#333333",
|
||||
importItemBackground: black,
|
||||
importItemDisableBackground: "#3D3D3D",
|
||||
importItemTextColor: "#ADADAD",
|
||||
importItemDisableTextColor: "#5C5C5C",
|
||||
importItemDescription: "#A3A9AE",
|
||||
importIconColor: "#a9a9a9",
|
||||
groupMenuBackground: "#333333",
|
||||
groupMenuBackground: black,
|
||||
groupMenuBorder: "1px solid #474747",
|
||||
groupMenuBoxShadow: "rgba(0, 0, 0, 0.16) 0px 5px 5px 0px",
|
||||
},
|
||||
@ -3178,7 +3179,7 @@ const Dark: TTheme = {
|
||||
|
||||
submenu: {
|
||||
lineColor: "#474747",
|
||||
backgroundColor: "#333",
|
||||
backgroundColor: black,
|
||||
activeTextColor: "#FFFFFF",
|
||||
textColor: "#ADADAD",
|
||||
bottomLineColor: "#E06A1B",
|
||||
@ -3196,7 +3197,7 @@ const Dark: TTheme = {
|
||||
hoverBackground: "#282828",
|
||||
disabledBackground: "#858585",
|
||||
defaultTagColor: white,
|
||||
newTagBackground: "#333333",
|
||||
newTagBackground: black,
|
||||
},
|
||||
|
||||
profile: {
|
||||
@ -3235,7 +3236,7 @@ const Dark: TTheme = {
|
||||
preparationPortalProgress: {
|
||||
backgroundColor: "#282828",
|
||||
colorPercentSmall: "#FFFFFF",
|
||||
colorPercentBig: "#333333",
|
||||
colorPercentBig: black,
|
||||
errorTextColor: "#E06451",
|
||||
descriptionTextColor: "#858585",
|
||||
},
|
||||
|
||||
Loading…
Reference in New Issue
Block a user