diff --git a/.vscode/settings.json b/.vscode/settings.json index 19e0ed0..12ae327 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -17,6 +17,7 @@ "busctl", "CAMOU", "camoufox", + "catppuccin", "cdylib", "certifi", "CFURL", @@ -91,6 +92,7 @@ "lpdw", "lxml", "lzma", + "macchiato", "Matchalk", "mmdb", "mountpoint", diff --git a/src/lib/themes.ts b/src/lib/themes.ts index 024d84f..620b68b 100644 --- a/src/lib/themes.ts +++ b/src/lib/themes.ts @@ -163,6 +163,98 @@ export const THEMES: Theme[] = [ "--border": "#e7eaed", }, }, + { + id: "catppuccin-latte", + name: "Catppuccin Latte", + colors: { + "--background": "#eff1f5", + "--foreground": "#4c4f69", + "--card": "#ccd0da", + "--card-foreground": "#4c4f69", + "--popover": "#ccd0da", + "--popover-foreground": "#4c4f69", + "--primary": "#1e66f5", + "--primary-foreground": "#eff1f5", + "--secondary": "#04a5e5", + "--secondary-foreground": "#eff1f5", + "--muted": "#bcc0cc", + "--muted-foreground": "#5c5f77", + "--accent": "#8839ef", + "--accent-foreground": "#eff1f5", + "--destructive": "#d20f39", + "--destructive-foreground": "#eff1f5", + "--border": "#9ca0b0", + }, + }, + { + id: "catppuccin-frappe", + name: "Catppuccin Frappe", + colors: { + "--background": "#303446", + "--foreground": "#c6d0f5", + "--card": "#414559", + "--card-foreground": "#c6d0f5", + "--popover": "#414559", + "--popover-foreground": "#c6d0f5", + "--primary": "#8caaee", + "--primary-foreground": "#303446", + "--secondary": "#99d1db", + "--secondary-foreground": "#303446", + "--muted": "#51576d", + "--muted-foreground": "#b5bfe2", + "--accent": "#ca9ee6", + "--accent-foreground": "#303446", + "--destructive": "#e78284", + "--destructive-foreground": "#303446", + "--border": "#737994", + }, + }, + { + id: "catppuccin-macchiato", + name: "Catppuccin Macchiato", + colors: { + "--background": "#24273a", + "--foreground": "#cad3f5", + "--card": "#363a4f", + "--card-foreground": "#cad3f5", + "--popover": "#363a4f", + "--popover-foreground": "#cad3f5", + "--primary": "#8aadf4", + "--primary-foreground": "#24273a", + "--secondary": "#91d7e3", + "--secondary-foreground": "#24273a", + "--muted": "#494d64", + "--muted-foreground": "#b8c0e0", + "--accent": "#c6a0f6", + "--accent-foreground": "#24273a", + "--destructive": "#ed8796", + "--destructive-foreground": "#24273a", + "--border": "#6e738d", + }, + }, + { + id: "catppuccin-mocha", + name: "Catppuccin Mocha", + colors: { + "--background": "#1e1e2e", + "--foreground": "#cdd6f4", + "--card": "#313244", + "--card-foreground": "#cdd6f4", + "--popover": "#313244", + "--popover-foreground": "#cdd6f4", + "--primary": "#89b4fa", + "--primary-foreground": "#1e1e2e", + "--secondary": "#89dceb", + "--secondary-foreground": "#1e1e2e", + "--muted": "#45475a", + "--muted-foreground": "#bac2de", + "--accent": "#cba6f7", + "--accent-foreground": "#1e1e2e", + "--destructive": "#f38ba8", + "--destructive-foreground": "#1e1e2e", + "--border": "#585b70", + }, + }, ]; export const THEME_VARIABLES: Array<{ key: keyof ThemeColors; label: string }> =