Shared: use colors from theme

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

View File

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

View File

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

View File

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