00d674376e
* chore: use the same font as the main app * match css file * use string since values are the same
46 lines
1.2 KiB
TypeScript
46 lines
1.2 KiB
TypeScript
import { colorsDark, colorsLight } from './colors'
|
|
|
|
const fonts = {
|
|
fontFamily: 'Inter custom',
|
|
}
|
|
|
|
export const LIGHT_THEME = {
|
|
// surface
|
|
container: colorsLight.backgroundSurface,
|
|
interactive: colorsLight.backgroundInteractive,
|
|
module: colorsLight.backgroundModule,
|
|
accent: colorsLight.accentAction,
|
|
dialog: colorsLight.backgroundBackdrop,
|
|
outline: colorsLight.backgroundOutline,
|
|
// text
|
|
primary: colorsLight.textPrimary,
|
|
secondary: colorsLight.textSecondary,
|
|
onInteractive: colorsLight.accentTextDarkPrimary,
|
|
// state
|
|
success: colorsLight.accentSuccess,
|
|
warning: colorsLight.accentWarning,
|
|
error: colorsLight.accentCritical,
|
|
|
|
...fonts,
|
|
}
|
|
|
|
export const DARK_THEME = {
|
|
// surface
|
|
container: colorsDark.backgroundSurface,
|
|
interactive: colorsDark.backgroundInteractive,
|
|
module: colorsDark.backgroundModule,
|
|
accent: colorsDark.accentAction,
|
|
dialog: colorsDark.backgroundBackdrop,
|
|
outline: colorsDark.backgroundOutline,
|
|
// text
|
|
primary: colorsDark.textPrimary,
|
|
secondary: colorsDark.textSecondary,
|
|
onInteractive: colorsDark.accentTextLightPrimary,
|
|
// state
|
|
success: colorsDark.accentSuccess,
|
|
warning: colorsDark.accentWarning,
|
|
error: colorsDark.accentCritical,
|
|
|
|
...fonts,
|
|
}
|