Shared: use colors from theme
This commit is contained in:
parent
57b73af294
commit
11168a8717
@ -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};
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -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>`
|
||||
|
@ -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,
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user