darkThemeValues

const darkThemeValues: object

Defined in: src/theme/darkThemeValues.ts:9

Dark theme values — pure data, no @vanilla-extract/css calls.

Lives in a plain .ts module so build-time tooling (token export, docs generation) can import the values without booting the Vanilla Extract runtime. darkTheme.css.ts re-exports this object and is the file that actually applies the values to :root.

Type Declaration

borderRadius

readonly borderRadius: object

borderRadius.lg

readonly lg: "6px" = '6px'

borderRadius.md

readonly md: "4px" = '4px'

borderRadius.none

readonly none: "0px" = '0px'

borderRadius.sm

readonly sm: "2px" = '2px'

colors

readonly colors: object

colors.accent

readonly accent: object

colors.accent.error

readonly error: "#f44336" = '#f44336'

colors.accent.primary

readonly primary: "#007acc" = '#007acc'

colors.accent.secondary

readonly secondary: "#005a9e" = '#005a9e'

colors.accent.success

readonly success: "#4caf50" = '#4caf50'

colors.accent.warning

readonly warning: "#ff9800" = '#ff9800'

colors.backdrop

readonly backdrop: "rgba(0, 0, 0, 0.6)" = 'rgba(0, 0, 0, 0.6)'

colors.background

readonly background: object

colors.background.elevated

readonly elevated: "#404040" = '#404040'

colors.background.inset

readonly inset: "rgba(0, 0, 0, 0.2)" = 'rgba(0, 0, 0, 0.2)'

colors.background.primary

readonly primary: "#1a1a1a" = '#1a1a1a'

colors.background.secondary

readonly secondary: "#2d2d2d" = '#2d2d2d'

colors.background.tertiary

readonly tertiary: "#3a3a3a" = '#3a3a3a'

colors.border

readonly border: object

colors.border.default

readonly default: "#4a4a4a" = '#4a4a4a'

colors.border.error

readonly error: "#f44336" = '#f44336'

colors.border.focus

readonly focus: "#007acc" = '#007acc'

colors.border.success

readonly success: "#4caf50" = '#4caf50'

colors.surface

readonly surface: object

colors.surface.active

readonly active: "#404040" = '#404040'

colors.surface.default

readonly default: "#2d2d2d" = '#2d2d2d'

colors.surface.disabled

readonly disabled: "#1f1f1f" = '#1f1f1f'

colors.surface.hover

readonly hover: "#363636" = '#363636'

colors.surface.row

readonly row: "transparent" = 'transparent'

colors.surface.rowHover

readonly rowHover: "rgba(255, 255, 255, 0.03)" = 'rgba(255, 255, 255, 0.03)'

colors.surface.whiteOverlay

readonly whiteOverlay: "rgba(255, 255, 255, 0.1)" = 'rgba(255, 255, 255, 0.1)'

colors.text

readonly text: object

colors.text.disabled

readonly disabled: "#555555" = '#555555'

colors.text.muted

readonly muted: "#888888" = '#888888'

colors.text.primary

readonly primary: "#ffffff" = '#ffffff'

colors.text.secondary

readonly secondary: "#cccccc" = '#cccccc'

demo

readonly demo: object

demo.canvas

readonly canvas: object

demo.canvas.gradientEnd

readonly gradientEnd: "#091010" = '#091010'

demo.canvas.gradientMid

readonly gradientMid: "#031a1a" = '#031a1a'

demo.canvas.gradientStart

readonly gradientStart: "#061f21" = '#061f21'

shadows

readonly shadows: object

shadows.focus

readonly focus: "0 0 0 2px rgba(0, 122, 204, 0.4)" = '0 0 0 2px rgba(0, 122, 204, 0.4)'

shadows.lg

readonly lg: "0 4px 8px rgba(0, 0, 0, 0.4)" = '0 4px 8px rgba(0, 0, 0, 0.4)'

shadows.md

readonly md: "0 2px 4px rgba(0, 0, 0, 0.3)" = '0 2px 4px rgba(0, 0, 0, 0.3)'

shadows.separatorBottom

readonly separatorBottom: "0 1px 2px rgba(0, 0, 0, 0.18)" = '0 1px 2px rgba(0, 0, 0, 0.18)'

shadows.separatorLeft

readonly separatorLeft: "-1px 0 2px rgba(0, 0, 0, 0.18)" = '-1px 0 2px rgba(0, 0, 0, 0.18)'

shadows.separatorRight

readonly separatorRight: "1px 0 2px rgba(0, 0, 0, 0.18)" = '1px 0 2px rgba(0, 0, 0, 0.18)'

shadows.sm

readonly sm: "0 1px 2px rgba(0, 0, 0, 0.2)" = '0 1px 2px rgba(0, 0, 0, 0.2)'

shadows.thumb

readonly thumb: "0 0 2px rgba(0, 0, 0, 0.5)" = '0 0 2px rgba(0, 0, 0, 0.5)'

shadows.xl

readonly xl: "0 8px 16px rgba(0, 0, 0, 0.5)" = '0 8px 16px rgba(0, 0, 0, 0.5)'

shell

readonly shell: object

shell.dock

readonly dock: object

shell.dock.borderBarBg

readonly borderBarBg: "#2d2d2d" = '#2d2d2d'

shell.dock.borderBarSize

readonly borderBarSize: "28px" = '28px'

shell.dock.dropOverlay

readonly dropOverlay: "rgba(0, 122, 204, 0.2)" = 'rgba(0, 122, 204, 0.2)'

shell.dock.splitterColor

readonly splitterColor: "#4a4a4a" = '#4a4a4a'

shell.dock.splitterHoverColor

readonly splitterHoverColor: "#007acc" = '#007acc'

shell.dock.splitterSize

readonly splitterSize: "4px" = '4px'

shell.dock.tabActiveBg

readonly tabActiveBg: "#1a1a1a" = '#1a1a1a'

shell.dock.tabActiveText

readonly tabActiveText: "#ffffff" = '#ffffff'

shell.dock.tabBg

readonly tabBg: "#2d2d2d" = '#2d2d2d'

shell.dock.tabHeight

readonly tabHeight: "28px" = '28px'

shell.dock.tabHoverBg

readonly tabHoverBg: "#363636" = '#363636'

shell.dock.tabText

readonly tabText: "#cccccc" = '#cccccc'

shell.menuBar

readonly menuBar: object

shell.menuBar.activeBg

readonly activeBg: "#005a9e" = '#005a9e'

shell.menuBar.bg

readonly bg: "#2d2d2d" = '#2d2d2d'

shell.menuBar.height

readonly height: "28px" = '28px'

shell.menuBar.hoverBg

readonly hoverBg: "#363636" = '#363636'

shell.menuBar.shortcutText

readonly shortcutText: "#888888" = '#888888'

shell.menuBar.text

readonly text: "#ffffff" = '#ffffff'

shell.statusBar

readonly statusBar: object

shell.statusBar.bg

readonly bg: "#007acc" = '#007acc'

shell.statusBar.height

readonly height: "22px" = '22px'

shell.statusBar.heightMd

readonly heightMd: "26px" = '26px'

shell.statusBar.text

readonly text: "#ffffff" = '#ffffff'

shell.toolbar

readonly toolbar: object

shell.toolbar.bg

readonly bg: "#2d2d2d" = '#2d2d2d'

shell.toolbar.height

readonly height: object

shell.toolbar.height.md

readonly md: "40px" = '40px'

shell.toolbar.height.sm

readonly sm: "32px" = '32px'

shell.toolbar.separator

readonly separator: "#4a4a4a" = '#4a4a4a'

spacing

readonly spacing: object

spacing.lg

readonly lg: "12px" = '12px'

spacing.md

readonly md: "8px" = '8px'

spacing.sm

readonly sm: "4px" = '4px'

spacing.xl

readonly xl: "16px" = '16px'

spacing.xs

readonly xs: "2px" = '2px'

spacing.xxl

readonly xxl: "24px" = '24px'

spacing.xxxl

readonly xxxl: "32px" = '32px'

transitions

readonly transitions: object

transitions.fast

readonly fast: "100ms ease-out" = '100ms ease-out'

transitions.normal

readonly normal: "200ms ease-out" = '200ms ease-out'

transitions.slow

readonly slow: "300ms ease-out" = '300ms ease-out'

typography

readonly typography: object

typography.fontFamily

readonly fontFamily: object

typography.fontFamily.mono

readonly mono: “SF Mono, Monaco, Consolas, “Liberation Mono”, “Courier New”, monospace” = 'SF Mono, Monaco, Consolas, "Liberation Mono", "Courier New", monospace'

typography.fontFamily.sans

readonly sans: “-apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, sans-serif” = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'

typography.fontSize

readonly fontSize: object

typography.fontSize.lg

readonly lg: "14px" = '14px'

typography.fontSize.md

readonly md: "12px" = '12px'

typography.fontSize.sm

readonly sm: "11px" = '11px'

typography.fontSize.xl

readonly xl: "16px" = '16px'

typography.fontSize.xs

readonly xs: "10px" = '10px'

typography.fontSize.xxs

readonly xxs: "9px" = '9px'

typography.fontWeight

readonly fontWeight: object

typography.fontWeight.medium

readonly medium: "500" = '500'

typography.fontWeight.normal

readonly normal: "400" = '400'

typography.fontWeight.semibold

readonly semibold: "600" = '600'

typography.lineHeight

readonly lineHeight: object

typography.lineHeight.normal

readonly normal: "1.4" = '1.4'

typography.lineHeight.relaxed

readonly relaxed: "1.6" = '1.6'

typography.lineHeight.tight

readonly tight: "1.2" = '1.2'

zIndex

readonly zIndex: object

zIndex.base

readonly base: "1" = '1'

zIndex.dropdown

readonly dropdown: "1000" = '1000'

zIndex.modal

readonly modal: "1100" = '1100'

zIndex.popover

readonly popover: "1000" = '1000'

zIndex.tooltip

readonly tooltip: "1000" = '1000'