Skip to content

light

const light: object = lightTheme

Type declaration

color.bg?

optional color.bg: string

Main background color for the application

color.black?

optional color.black: string

Black color used for high contrast elements

color.blue?

optional color.blue: string

Blue color for informational elements and links

color.border?

optional color.border: string

Primary border color for main UI elements

color.cerise?

optional color.cerise: string

Bright magenta/cerise color for special emphasis

color.darkGray?

optional color.darkGray: string

Dark gray color for muted text and secondary elements

color.darkPurple?

optional color.darkPurple: string

Dark purple color for premium features or special elements

color.editor.atom?

optional color.editor.atom: string

Color for atomic values like boolean literals

color.editor.attribute?

optional color.editor.attribute: string

Color for HTML/XML/GraphQL attributes

color.editor.builtin?

optional color.editor.builtin: string

Color for built-in functions and types

color.editor.comment?

optional color.editor.comment: string

Color for code comments and documentation

color.editor.cursor?

optional color.editor.cursor: string

Color for the text cursor in the editor

color.editor.definition?

optional color.editor.definition: string

Color for function, class, type definitions

color.editor.keyword?

optional color.editor.keyword: string

Color for programming language keywords

color.editor.number?

optional color.editor.number: string

Color for numeric literals in code

color.editor.property?

optional color.editor.property: string

Color for properties

color.editor.punctuation?

optional color.editor.punctuation: string

Color for punctuation marks like brackets and commas

color.editor.string?

optional color.editor.string: string

Color for string literals in code

color.editor.variable?

optional color.editor.variable: string

Color for variable names and identifiers

color.font?

optional color.font: string

Primary text color for readable content

color.gray?

optional color.gray: string

Medium gray color for neutral backgrounds and borders

color.green?

optional color.green: string

Green color typically used for success states and positive actions

color.headerBg?

optional color.headerBg: string

Background color specifically for the header section

color.lightGray?

optional color.lightGray: string

Light gray color for subtle backgrounds and dividers

color.lightRed?

optional color.lightRed: string

Light red/salmon color for subtle error indicators

color.offBg?

optional color.offBg: string

Alternative background color for cards, panels, and sections

color.offBorder?

optional color.offBorder: string

Secondary border color for subtle divisions

color.offFont?

optional color.offFont: string

Secondary text color for less emphasized content

color.orange?

optional color.orange: string

Orange color for warning states and secondary actions

color.primary?

optional color.primary: string

Primary brand color used for main interactive elements

color.red?

optional color.red: string

Red color for error states and destructive actions

color.rose?

optional color.rose: string

Rose/pink color for accent elements and highlights

color.secondary?

optional color.secondary: string

Secondary brand color used for supporting interactive elements

color.tertiary?

optional color.tertiary: string

Tertiary brand color used for accent and decorative elements

color.white?

optional color.white: string

White color for light backgrounds and text

color.yellow?

optional color.yellow: string

Yellow color for caution states and highlights

easing?

optional easing: string

CSS transition easing function for smooth animations

fontFamily.code?

optional fontFamily.code: string

Font family specifically for code editor and monospace content

fontFamily.default?

optional fontFamily.default: string

Default system font stack for UI elements

fontSize.base?

optional fontSize.base: number

Base font size in pixels used for calculations

fontSize.body?

optional fontSize.body: number

Standard body text font size

fontSize.bodySmaller?

optional fontSize.bodySmaller: number

Smaller body text font size for secondary content

fontSize.code?

optional fontSize.code: number

Font size for code editor text

fontSize.remBase?

optional fontSize.remBase: number

Root em base size in pixels for responsive typography

isSystem?

optional isSystem: boolean

Whether this theme follows system preferences (light/dark mode)

shadow.color?

optional shadow.color: string

Color used for drop shadows and elevation effects

shadow.opacity?

optional shadow.opacity: number

Opacity level for shadow effects (0.0 to 1.0)