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

Shared: use colors from theme

Browse Source
This commit is contained in:
Viktor Fomin 2024-06-27 14:22:26 +03:00
parent 57b73af294
commit 11168a8717
3 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/shared/components/language-combobox/LanguageCombobox.styled.ts
View File

@ -44,7 +44,7 @@ export const StyledComboBox = styled(ComboBox)<{ withBorder: boolean }>`
`}; `};
:hover { :hover {
border-color: rgb(163, 169, 174); border-color: ${(props) => props.theme.comboBox.button.hoverBorderColor};
} }
} }

3
packages/shared/components/media-viewer/sub-components/PDFViewer/PDFViewer.styled.ts
View File

@ -28,6 +28,7 @@ import styled, { css } from "styled-components";
import { DesktopDetails } from "../DesktopDetails"; import { DesktopDetails } from "../DesktopDetails";
import { ViewerToolbar } from "../ViewerToolbar"; import { ViewerToolbar } from "../ViewerToolbar";
import { globalColors } from "../../../../themes";
type Panel = { isPanelOpen?: boolean }; type Panel = { isPanelOpen?: boolean };
@ -95,7 +96,7 @@ export const ErrorMessage = styled.p`
padding: 20px 30px; padding: 20px 30px;
background-color: rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0.6);
border-radius: 4px; border-radius: 4px;
color: rgb(238, 238, 238); color: ${globalColors.white};
`; `;
export const DesktopTopBar = styled(DesktopDetails)<Panel>` export const DesktopTopBar = styled(DesktopDetails)<Panel>`

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

@ -262,7 +262,7 @@ export const getBaseTheme = () => {
circleBackground: white, circleBackground: white,
mobileProgressBarBackground: "rgb(48%, 58%, 69%, 0.4)", mobileProgressBarBackground: grayStrong,
bar: { bar: {
icon: gray, icon: gray,
@ -1471,7 +1471,7 @@ export const getBaseTheme = () => {
}, },
dialogLoader: { dialogLoader: {
borderBottom: "1px solid rgb(222, 226, 230)", borderBottom: `1px solid ${loaderLight}`,
}, },
comboBox: { comboBox: {
@ -2456,7 +2456,7 @@ export const getBaseTheme = () => {
itemBorder: `1px dashed ${black}`, itemBorder: `1px dashed ${black}`,
itemOwnerColor: "rgb(163, 169, 174)", itemOwnerColor: gray,
backgroundButtons: white, backgroundButtons: white,