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

Web:Client:Add dark theme.

Browse Source
This commit is contained in:
Vlada Gazizova 2022-11-11 09:40:59 +03:00
parent ddc067f3f0
commit 31c6b7eb97
4 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/client/src/pages/PortalSettings/categories/common/Appearance/StyledApperance.js
View File

@ -38,7 +38,8 @@ const StyledComponent = styled.div`
}
.theme-add {
background: #eceef1 url("/static/images/plus.theme.svg") no-repeat center;
background: ${(props) => (props.theme.isBase ? "#eceef1" : "#474747")}
url("/static/images/plus.theme.svg") no-repeat center;
}
.check-img {

2
packages/client/src/pages/PortalSettings/categories/common/appearance.js
View File

@ -326,11 +326,13 @@ const Appearance = (props) => {
const onCloseHexColorPickerAccent = useCallback(() => {
setOpenHexColorPickerAccent(false);
if (!currentColorAccent) return;
setAppliedColorAccent(currentColorAccent);
}, [currentColorAccent, setOpenHexColorPickerAccent, setAppliedColorAccent]);
const onCloseHexColorPickerButtons = useCallback(() => {
setOpenHexColorPickerButtons(false);
if (!currentColorButtons) return;
setAppliedColorButtons(currentColorButtons);
}, [
currentColorButtons,

18
packages/client/src/pages/PortalSettings/categories/common/sub-components/colorSchemeDialog.js
View File

@ -40,16 +40,22 @@ const StyledComponent = styled(ModalDialog)`
.accent-box {
background: ${(props) =>
props.currentColorAccent
? props.currentColorAccent
: `#eceef1 url("/static/images/plus.theme.svg") no-repeat center`};
props.currentColorAccent
? props.currentColorAccent
: props.theme.isBase
? "#eceef1"
: "#474747"}
url("/static/images/plus.theme.svg") no-repeat center;
}
.buttons-box {
background: ${(props) =>
props.currentColorButtons
? props.currentColorButtons
: `#eceef1 url("/static/images/plus.theme.svg") no-repeat center`};
props.currentColorButtons
? props.currentColorButtons
: props.theme.isBase
? "#eceef1"
: "#474747"}
url("/static/images/plus.theme.svg") no-repeat center;
}
.modal-add-theme {

4
packages/client/src/pages/PortalSettings/categories/common/sub-components/hexColorPicker.js
View File

@ -45,11 +45,11 @@ const StyledComponent = styled.div`
height: 32px;
outline: none;
padding: 6px 8px;
border: 1px solid #d0d5da;
border: 1px solid ${(props) => (props.theme.isBase ? "#d0d5da" : "#474747")};
border-radius: 3px;
width: 100%;
box-sizing: border-box;
background: ${(props) => !props.theme.isBase && "#282828"};
}
.hex-value-label {