From a685597b70242eb4c6b38d30c5356ad79418176d Mon Sep 17 00:00:00 2001 From: Miguel Solorio Date: Thu, 8 May 2025 16:00:55 -0700 Subject: UI Polish for theme selector (#294) --- packages/cli/src/ui/themes/theme.ts | 8 ++++++++ 1 file changed, 8 insertions(+) (limited to 'packages/cli/src/ui/themes/theme.ts') diff --git a/packages/cli/src/ui/themes/theme.ts b/packages/cli/src/ui/themes/theme.ts index 88868790..582d2e9e 100644 --- a/packages/cli/src/ui/themes/theme.ts +++ b/packages/cli/src/ui/themes/theme.ts @@ -5,7 +5,11 @@ */ import type { CSSProperties } from 'react'; + +export type ThemeType = 'light' | 'dark' | 'ansi'; + export interface ColorsTheme { + type: ThemeType; Background: string; Foreground: string; LightBlue: string; @@ -21,6 +25,7 @@ export interface ColorsTheme { } export const lightTheme: ColorsTheme = { + type: 'light', Background: '#FAFAFA', Foreground: '#3C3C43', LightBlue: '#ADD8E6', @@ -36,6 +41,7 @@ export const lightTheme: ColorsTheme = { }; export const darkTheme: ColorsTheme = { + type: 'dark', Background: '#1E1E2E', Foreground: '#CDD6F4', LightBlue: '#ADD8E6', @@ -51,6 +57,7 @@ export const darkTheme: ColorsTheme = { }; export const ansiTheme: ColorsTheme = { + type: 'ansi', Background: 'black', Foreground: 'white', LightBlue: 'blue', @@ -250,6 +257,7 @@ export class Theme { */ constructor( readonly name: string, + readonly type: ThemeType, rawMappings: Record, readonly colors: ColorsTheme, ) { -- cgit v1.2.3