Files
react/components/image/styles.ts
2020-04-09 13:35:51 +08:00

26 lines
681 B
TypeScript

import { ZeitUIThemesPalette } from 'components/styles/themes'
export type BrowserColors = {
color: string
barBgColor: string
inputBgColor: string
borderColor: string
titleColor: string
}
export const getBrowserColors = (invert: boolean, palette: ZeitUIThemesPalette): BrowserColors => {
return invert ? {
color: palette.background,
barBgColor: palette.foreground,
inputBgColor: palette.accents_8,
borderColor: palette.accents_7,
titleColor: palette.accents_2,
} : {
color: palette.foreground,
barBgColor: palette.background,
inputBgColor: palette.accents_1,
borderColor: palette.border,
titleColor: palette.accents_5,
}
}