getCSS()

getCSS(appTheme: object, appDarkTheme?: object, accentColor?: string): string

Parameters

• appTheme

• appTheme.color.bg?: string= undefined

Main background color for the application

• appTheme.color.black?: string= undefined

Black color used for high contrast elements

• appTheme.color.blue?: string= undefined

Blue color for informational elements and links

• appTheme.color.border?: string= undefined

Primary border color for main UI elements

• appTheme.color.cerise?: string= undefined

Bright magenta/cerise color for special emphasis

• appTheme.color.darkGray?: string= undefined

Dark gray color for muted text and secondary elements

• appTheme.color.darkPurple?: string= undefined

Dark purple color for premium features or special elements

• appTheme.color.editor.atom?: string= undefined

Color for atomic values like boolean literals

• appTheme.color.editor.attribute?: string= undefined

Color for HTML/XML/GraphQL attributes

• appTheme.color.editor.builtin?: string= undefined

Color for built-in functions and types

• appTheme.color.editor.comment?: string= undefined

Color for code comments and documentation

• appTheme.color.editor.cursor?: string= undefined

Color for the text cursor in the editor

• appTheme.color.editor.definition?: string= undefined

Color for function, class, type definitions

• appTheme.color.editor.keyword?: string= undefined

Color for programming language keywords

• appTheme.color.editor.number?: string= undefined

Color for numeric literals in code

• appTheme.color.editor.property?: string= undefined

Color for properties

• appTheme.color.editor.punctuation?: string= undefined

Color for punctuation marks like brackets and commas

• appTheme.color.editor.string?: string= undefined

Color for string literals in code

• appTheme.color.editor.variable?: string= undefined

Color for variable names and identifiers

• appTheme.color.font?: string= undefined

Primary text color for readable content

• appTheme.color.gray?: string= undefined

Medium gray color for neutral backgrounds and borders

• appTheme.color.green?: string= undefined

Green color typically used for success states and positive actions

• appTheme.color.headerBg?: string= undefined

Background color specifically for the header section

• appTheme.color.lightGray?: string= undefined

Light gray color for subtle backgrounds and dividers

• appTheme.color.lightRed?: string= undefined

Light red/salmon color for subtle error indicators

• appTheme.color.offBg?: string= undefined

Alternative background color for cards, panels, and sections

• appTheme.color.offBorder?: string= undefined

Secondary border color for subtle divisions

• appTheme.color.offFont?: string= undefined

Secondary text color for less emphasized content

• appTheme.color.orange?: string= undefined

Orange color for warning states and secondary actions

• appTheme.color.primary?: string= undefined

Primary brand color used for main interactive elements

• appTheme.color.red?: string= undefined

Red color for error states and destructive actions

• appTheme.color.rose?: string= undefined

Rose/pink color for accent elements and highlights

• appTheme.color.secondary?: string= undefined

Secondary brand color used for supporting interactive elements

• appTheme.color.tertiary?: string= undefined

Tertiary brand color used for accent and decorative elements

• appTheme.color.white?: string= undefined

White color for light backgrounds and text

• appTheme.color.yellow?: string= undefined

Yellow color for caution states and highlights

• appTheme.easing?: string= undefined

CSS transition easing function for smooth animations

• appTheme.fontFamily.code?: string= undefined

Font family specifically for code editor and monospace content

• appTheme.fontFamily.default?: string= undefined

Default system font stack for UI elements

• appTheme.fontSize.base?: number= undefined

Base font size in pixels used for calculations

• appTheme.fontSize.body?: number= undefined

Standard body text font size

• appTheme.fontSize.bodySmaller?: number= undefined

Smaller body text font size for secondary content

• appTheme.fontSize.code?: number= undefined

Font size for code editor text

• appTheme.fontSize.remBase?: number= undefined

Root em base size in pixels for responsive typography

• appTheme.isSystem?: boolean= undefined

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

• appTheme.shadow.color?: string= undefined

Color used for drop shadows and elevation effects

• appTheme.shadow.opacity?: number= undefined

Opacity level for shadow effects (0.0 to 1.0)

• appDarkTheme?

• appDarkTheme.color.bg?: string= undefined

Main background color for the application

• appDarkTheme.color.black?: string= undefined

Black color used for high contrast elements

• appDarkTheme.color.blue?: string= undefined

Blue color for informational elements and links

• appDarkTheme.color.border?: string= undefined

Primary border color for main UI elements

• appDarkTheme.color.cerise?: string= undefined

Bright magenta/cerise color for special emphasis

• appDarkTheme.color.darkGray?: string= undefined

Dark gray color for muted text and secondary elements

• appDarkTheme.color.darkPurple?: string= undefined

Dark purple color for premium features or special elements

• appDarkTheme.color.editor.atom?: string= undefined

Color for atomic values like boolean literals

• appDarkTheme.color.editor.attribute?: string= undefined

Color for HTML/XML/GraphQL attributes

• appDarkTheme.color.editor.builtin?: string= undefined

Color for built-in functions and types

• appDarkTheme.color.editor.comment?: string= undefined

Color for code comments and documentation

• appDarkTheme.color.editor.cursor?: string= undefined

Color for the text cursor in the editor

• appDarkTheme.color.editor.definition?: string= undefined

Color for function, class, type definitions

• appDarkTheme.color.editor.keyword?: string= undefined

Color for programming language keywords

• appDarkTheme.color.editor.number?: string= undefined

Color for numeric literals in code

• appDarkTheme.color.editor.property?: string= undefined

Color for properties

• appDarkTheme.color.editor.punctuation?: string= undefined

Color for punctuation marks like brackets and commas

• appDarkTheme.color.editor.string?: string= undefined

Color for string literals in code

• appDarkTheme.color.editor.variable?: string= undefined

Color for variable names and identifiers

• appDarkTheme.color.font?: string= undefined

Primary text color for readable content

• appDarkTheme.color.gray?: string= undefined

Medium gray color for neutral backgrounds and borders

• appDarkTheme.color.green?: string= undefined

Green color typically used for success states and positive actions

• appDarkTheme.color.headerBg?: string= undefined

Background color specifically for the header section

• appDarkTheme.color.lightGray?: string= undefined

Light gray color for subtle backgrounds and dividers

• appDarkTheme.color.lightRed?: string= undefined

Light red/salmon color for subtle error indicators

• appDarkTheme.color.offBg?: string= undefined

Alternative background color for cards, panels, and sections

• appDarkTheme.color.offBorder?: string= undefined

Secondary border color for subtle divisions

• appDarkTheme.color.offFont?: string= undefined

Secondary text color for less emphasized content

• appDarkTheme.color.orange?: string= undefined

Orange color for warning states and secondary actions

• appDarkTheme.color.primary?: string= undefined

Primary brand color used for main interactive elements

• appDarkTheme.color.red?: string= undefined

Red color for error states and destructive actions

• appDarkTheme.color.rose?: string= undefined

Rose/pink color for accent elements and highlights

• appDarkTheme.color.secondary?: string= undefined

Secondary brand color used for supporting interactive elements

• appDarkTheme.color.tertiary?: string= undefined

Tertiary brand color used for accent and decorative elements

• appDarkTheme.color.white?: string= undefined

White color for light backgrounds and text

• appDarkTheme.color.yellow?: string= undefined

Yellow color for caution states and highlights

• appDarkTheme.easing?: string= undefined

CSS transition easing function for smooth animations

• appDarkTheme.fontFamily.code?: string= undefined

Font family specifically for code editor and monospace content

• appDarkTheme.fontFamily.default?: string= undefined

Default system font stack for UI elements

• appDarkTheme.fontSize.base?: number= undefined

Base font size in pixels used for calculations

• appDarkTheme.fontSize.body?: number= undefined

Standard body text font size

• appDarkTheme.fontSize.bodySmaller?: number= undefined

Smaller body text font size for secondary content

• appDarkTheme.fontSize.code?: number= undefined

Font size for code editor text

• appDarkTheme.fontSize.remBase?: number= undefined

Root em base size in pixels for responsive typography

• appDarkTheme.isSystem?: boolean= undefined

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

• appDarkTheme.shadow.color?: string= undefined

Color used for drop shadows and elevation effects

• appDarkTheme.shadow.opacity?: number= undefined

Opacity level for shadow effects (0.0 to 1.0)

• accentColor?: string

Returns

string