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)