quilt-react / Variable: themeFamilies

const themeFamilies: object

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

Optional application presets: no framework, persistence, or global theme state.

Type Declaration

mist

readonly mist: object

mist.dark

readonly dark: object

mist.dark.accent

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

mist.dark.bg

readonly bg: "#0b1114" = '#0b1114'

mist.dark.focus

readonly focus: "#8bc5d8" = '#8bc5d8'

mist.dark.header

readonly header: "#1e2c32" = '#1e2c32'

mist.dark.line

readonly line: "#425d69" = '#425d69'

mist.dark.muted

readonly muted: "#9eb5bf" = '#9eb5bf'

mist.dark.panel

readonly panel: "#141e23" = '#141e23'

mist.dark.text

readonly text: "#edf4f7" = '#edf4f7'

mist.light

readonly light: object

mist.light.accent

readonly accent: "#28647b" = '#28647b'

mist.light.bg

readonly bg: "#f4f8fa" = '#f4f8fa'

mist.light.focus

readonly focus: "#28647b" = '#28647b'

mist.light.header

readonly header: "#eaf1f4" = '#eaf1f4'

mist.light.line

readonly line: "#b8ccd5" = '#b8ccd5'

mist.light.muted

readonly muted: "#465f6b" = '#465f6b'

mist.light.panel

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

mist.light.text

readonly text: "#192c35" = '#192c35'

neutral

readonly neutral: object

neutral.dark

readonly dark: object

neutral.dark.accent

readonly accent: "#e5e5e5" = '#e5e5e5'

neutral.dark.bg

readonly bg: "#0a0a0a" = '#0a0a0a'

neutral.dark.focus

readonly focus: "#e5e5e5" = '#e5e5e5'

neutral.dark.header

readonly header: "#262626" = '#262626'

neutral.dark.line

readonly line: "#525252" = '#525252'

neutral.dark.muted

readonly muted: "#a3a3a3" = '#a3a3a3'

neutral.dark.panel

readonly panel: "#171717" = '#171717'

neutral.dark.text

readonly text: "#fafafa" = '#fafafa'

neutral.light

readonly light: object

neutral.light.accent

readonly accent: "#262626" = '#262626'

neutral.light.bg

readonly bg: "#fafafa" = '#fafafa'

neutral.light.focus

readonly focus: "#262626" = '#262626'

neutral.light.header

readonly header: "#f5f5f5" = '#f5f5f5'

neutral.light.line

readonly line: "#d4d4d4" = '#d4d4d4'

neutral.light.muted

readonly muted: "#525252" = '#525252'

neutral.light.panel

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

neutral.light.text

readonly text: "#171717" = '#171717'

stone

readonly stone: object

stone.dark

readonly dark: object

stone.dark.accent

readonly accent: "#d6d3d1" = '#d6d3d1'

stone.dark.bg

readonly bg: "#0c0a09" = '#0c0a09'

stone.dark.focus

readonly focus: "#d6d3d1" = '#d6d3d1'

stone.dark.header

readonly header: "#292524" = '#292524'

stone.dark.line

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

stone.dark.muted

readonly muted: "#a8a29e" = '#a8a29e'

stone.dark.panel

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

stone.dark.text

readonly text: "#fafaf9" = '#fafaf9'

stone.light

readonly light: object

stone.light.accent

readonly accent: "#57534e" = '#57534e'

stone.light.bg

readonly bg: "#fafaf9" = '#fafaf9'

stone.light.focus

readonly focus: "#57534e" = '#57534e'

stone.light.header

readonly header: "#f5f5f4" = '#f5f5f4'

stone.light.line

readonly line: "#d6d3d1" = '#d6d3d1'

stone.light.muted

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

stone.light.panel

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

stone.light.text

readonly text: "#1c1917" = '#1c1917'

zinc

readonly zinc: object

zinc.dark

readonly dark: object

zinc.dark.accent

readonly accent: "#d4d4d8" = '#d4d4d8'

zinc.dark.bg

readonly bg: "#09090b" = '#09090b'

zinc.dark.focus

readonly focus: "#d4d4d8" = '#d4d4d8'

zinc.dark.header

readonly header: "#27272a" = '#27272a'

zinc.dark.line

readonly line: "#52525b" = '#52525b'

zinc.dark.muted

readonly muted: "#a1a1aa" = '#a1a1aa'

zinc.dark.panel

readonly panel: "#18181b" = '#18181b'

zinc.dark.text

readonly text: "#fafafa" = '#fafafa'

zinc.light

readonly light: object

zinc.light.accent

readonly accent: "#3f3f46" = '#3f3f46'

zinc.light.bg

readonly bg: "#fafafa" = '#fafafa'

zinc.light.focus

readonly focus: "#3f3f46" = '#3f3f46'

zinc.light.header

readonly header: "#f4f4f5" = '#f4f4f5'

zinc.light.line

readonly line: "#d4d4d8" = '#d4d4d8'

zinc.light.muted

readonly muted: "#52525b" = '#52525b'

zinc.light.panel

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

zinc.light.text

readonly text: "#18181b" = '#18181b'