quilt-react / Variable: themes

const themes: object

Defined in: packages/dom/src/theme.ts:176

Type Declaration

dark

readonly dark: object

dark.accent

readonly accent: "#8bbaaa" = '#8bbaaa'

dark.bg

readonly bg: "#161a20" = '#161a20'

dark.focus

readonly focus: "#b3decf" = '#b3decf'

dark.header

readonly header: "#242a34" = '#242a34'

dark.line

readonly line: "#39414e" = '#39414e'

dark.muted

readonly muted: "#a2acba" = '#a2acba'

dark.panel

readonly panel: "#1d222a" = '#1d222a'

dark.text

readonly text: "#e5e9f0" = '#e5e9f0'

light

readonly light: object

light.accent

readonly accent: "#357a69" = '#357a69'

light.bg

readonly bg: "#dce1e8" = '#dce1e8'

light.focus

readonly focus: "#195fc1" = '#195fc1'

light.header

readonly header: "#f0f3f7" = '#f0f3f7'

light.line

readonly line: "#c9d1dc" = '#c9d1dc'

light.muted

readonly muted: "#586579" = '#586579'

light.panel

readonly panel: "#ffffff" = '#ffffff'

light.text

readonly text: "#202936" = '#202936'

sage

readonly sage: object

sage.accent

readonly accent: "#6a957a" = '#6a957a'

sage.bg

readonly bg: "#cbd3c7" = '#cbd3c7'

sage.focus

readonly focus: "#316c4b" = '#316c4b'

sage.header

readonly header: "#e9ede4" = '#e9ede4'

sage.line

readonly line: "#d0d8c9" = '#d0d8c9'

sage.muted

readonly muted: "#72816e" = '#72816e'

sage.panel

readonly panel: "#f1f3ed" = '#f1f3ed'

sage.text

readonly text: "#2d4133" = '#2d4133'