feat(Desktop): add missing TUI themes to desktop app

packages/app/src/custom-elements.d.ts

@@ -1 +1,17 @@
-../../ui/src/custom-elements.d.ts
+import { DIFFS_TAG_NAME } from "@pierre/diffs"
+
+/**
+ * TypeScript declaration for the <diffs-container> custom element.
+ * This tells TypeScript that <diffs-container> is a valid JSX element in SolidJS.
+ * Required for using the @pierre/diffs web component in .tsx files.
+ */
+
+declare module "solid-js" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [DIFFS_TAG_NAME]: HTMLAttributes<HTMLElement>
+    }
+  }
+}
+
+export {}

packages/enterprise/src/custom-elements.d.ts

@@ -1 +1,17 @@
-../../ui/src/custom-elements.d.ts
+import { DIFFS_TAG_NAME } from "@pierre/diffs"
+
+/**
+ * TypeScript declaration for the <diffs-container> custom element.
+ * This tells TypeScript that <diffs-container> is a valid JSX element in SolidJS.
+ * Required for using the @pierre/diffs web component in .tsx files.
+ */
+
+declare module "solid-js" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [DIFFS_TAG_NAME]: HTMLAttributes<HTMLElement>
+    }
+  }
+}
+
+export {}

packages/ui/src/theme/default-themes.ts

@@ -14,6 +14,26 @@ import vesperThemeJson from "./themes/vesper.json"
 import carbonfoxThemeJson from "./themes/carbonfox.json"
 import gruvboxThemeJson from "./themes/gruvbox.json"
 import auraThemeJson from "./themes/aura.json"
+import cobalt2ThemeJson from "./themes/cobalt2.json"
+import cursorThemeJson from "./themes/cursor.json"
+import everforestThemeJson from "./themes/everforest.json"
+import flexokiThemeJson from "./themes/flexoki.json"
+import githubThemeJson from "./themes/github.json"
+import kanagawaThemeJson from "./themes/kanagawa.json"
+import materialThemeJson from "./themes/material.json"
+import matrixThemeJson from "./themes/matrix.json"
+import mercuryThemeJson from "./themes/mercury.json"
+import oneDarkThemeJson from "./themes/one-dark.json"
+import rosepineThemeJson from "./themes/rosepine.json"
+import orngThemeJson from "./themes/orng.json"
+import osakaJadeThemeJson from "./themes/osaka-jade.json"
+import palenightThemeJson from "./themes/palenight.json"
+import synthwave84ThemeJson from "./themes/synthwave84.json"
+import vercelThemeJson from "./themes/vercel.json"
+import zenburnThemeJson from "./themes/zenburn.json"
+import catppuccinFrappeThemeJson from "./themes/catppuccin-frappe.json"
+import catppuccinMacchiatoThemeJson from "./themes/catppuccin-macchiato.json"
+import lucentOrngThemeJson from "./themes/lucent-orng.json"
 
 export const oc1Theme = oc1ThemeJson as DesktopTheme
 export const tokyonightTheme = tokyoThemeJson as DesktopTheme
@@ -30,6 +50,26 @@ export const vesperTheme = vesperThemeJson as DesktopTheme
 export const carbonfoxTheme = carbonfoxThemeJson as DesktopTheme
 export const gruvboxTheme = gruvboxThemeJson as DesktopTheme
 export const auraTheme = auraThemeJson as DesktopTheme
+export const cobalt2Theme = cobalt2ThemeJson as DesktopTheme
+export const cursorTheme = cursorThemeJson as DesktopTheme
+export const everforestTheme = everforestThemeJson as DesktopTheme
+export const flexokiTheme = flexokiThemeJson as DesktopTheme
+export const githubTheme = githubThemeJson as DesktopTheme
+export const kanagawaTheme = kanagawaThemeJson as DesktopTheme
+export const materialTheme = materialThemeJson as DesktopTheme
+export const matrixTheme = matrixThemeJson as DesktopTheme
+export const mercuryTheme = mercuryThemeJson as DesktopTheme
+export const oneDarkTheme = oneDarkThemeJson as DesktopTheme
+export const rosepineTheme = rosepineThemeJson as DesktopTheme
+export const orngTheme = orngThemeJson as DesktopTheme
+export const osakaJadeTheme = osakaJadeThemeJson as DesktopTheme
+export const palenightTheme = palenightThemeJson as DesktopTheme
+export const synthwave84Theme = synthwave84ThemeJson as DesktopTheme
+export const vercelTheme = vercelThemeJson as DesktopTheme
+export const zenburnTheme = zenburnThemeJson as DesktopTheme
+export const catppuccinFrappeTheme = catppuccinFrappeThemeJson as DesktopTheme
+export const catppuccinMacchiatoTheme = catppuccinMacchiatoThemeJson as DesktopTheme
+export const lucentOrngTheme = lucentOrngThemeJson as DesktopTheme
 
 export const DEFAULT_THEMES: Record<string, DesktopTheme> = {
   "oc-1": oc1Theme,
@@ -47,4 +87,24 @@ export const DEFAULT_THEMES: Record<string, DesktopTheme> = {
   carbonfox: carbonfoxTheme,
   gruvbox: gruvboxTheme,
   aura: auraTheme,
+  cobalt2: cobalt2Theme,
+  cursor: cursorTheme,
+  everforest: everforestTheme,
+  flexoki: flexokiTheme,
+  github: githubTheme,
+  kanagawa: kanagawaTheme,
+  material: materialTheme,
+  matrix: matrixTheme,
+  mercury: mercuryTheme,
+  "one-dark": oneDarkTheme,
+  rosepine: rosepineTheme,
+  orng: orngTheme,
+  "osaka-jade": osakaJadeTheme,
+  palenight: palenightTheme,
+  synthwave84: synthwave84Theme,
+  vercel: vercelTheme,
+  zenburn: zenburnTheme,
+  "catppuccin-frappe": catppuccinFrappeTheme,
+  "catppuccin-macchiato": catppuccinMacchiatoTheme,
+  "lucent-orng": lucentOrngTheme,
 }

packages/ui/src/theme/themes/catppuccin-frappe.json

@@ -0,0 +1,93 @@
+{
+  "$schema": "https://opencode.ai/desktop-theme.json",
+  "name": "Catppuccin Frappe",
+  "id": "catppuccin-frappe",
+  "light": {
+    "seeds": {
+      "neutral": "#303446",
+      "primary": "#8da4e2",
+      "success": "#a6d189",
+      "warning": "#e5c890",
+      "error": "#e78284",
+      "info": "#81c8be",
+      "interactive": "#8da4e2",
+      "diffAdd": "#a6d189",
+      "diffDelete": "#e78284"
+    },
+    "overrides": {
+      "background-base": "#303446",
+      "background-weak": "#292c3c",
+      "background-strong": "#232634",
+      "text-base": "#c6d0f5",
+      "text-weak": "#b5bfe2",
+      "border-base": "#414559",
+      "border-strong-base": "#51576d",
+      "syntax-string": "#a6d189",
+      "syntax-primitive": "#e78284",
+      "syntax-property": "#8da4e2",
+      "syntax-type": "#e5c890",
+      "syntax-constant": "#b5bfe2",
+      "syntax-info": "#b5bfe2",
+      "markdown-heading": "#ca9ee6",
+      "markdown-text": "#c6d0f5",
+      "markdown-link": "#8da4e2",
+      "markdown-link-text": "#99d1db",
+      "markdown-code": "#a6d189",
+      "markdown-block-quote": "#b5bfe2",
+      "markdown-emph": "#e5c890",
+      "markdown-strong": "#e78284",
+      "markdown-horizontal-rule": "#b5bfe2",
+      "markdown-list-item": "#8da4e2",
+      "markdown-list-enumeration": "#99d1db",
+      "markdown-image": "#8da4e2",
+      "markdown-image-text": "#99d1db",
+      "markdown-code-block": "#c6d0f5",
+      "surface-diff-add-base": "#2a3a2a",
+      "surface-diff-delete-base": "#3a2a2a"
+    }
+  },
+  "dark": {
+    "seeds": {
+      "neutral": "#303446",
+      "primary": "#8da4e2",
+      "success": "#a6d189",
+      "warning": "#e5c890",
+      "error": "#e78284",
+      "info": "#81c8be",
+      "interactive": "#8da4e2",
+      "diffAdd": "#a6d189",
+      "diffDelete": "#e78284"
+    },
+    "overrides": {
+      "background-base": "#303446",
+      "background-weak": "#292c3c",
+      "background-strong": "#232634",
+      "text-base": "#c6d0f5",
+      "text-weak": "#b5bfe2",
+      "border-base": "#414559",
+      "border-strong-base": "#51576d",
+      "syntax-string": "#a6d189",
+      "syntax-primitive": "#e78284",
+      "syntax-property": "#8da4e2",
+      "syntax-type": "#e5c890",
+      "syntax-constant": "#b5bfe2",
+      "syntax-info": "#b5bfe2",
+      "markdown-heading": "#ca9ee6",
+      "markdown-text": "#c6d0f5",
+      "markdown-link": "#8da4e2",
+      "markdown-link-text": "#99d1db",
+      "markdown-code": "#a6d189",
+      "markdown-block-quote": "#b5bfe2",
+      "markdown-emph": "#e5c890",
+      "markdown-strong": "#e78284",
+      "markdown-horizontal-rule": "#b5bfe2",
+      "markdown-list-item": "#8da4e2",
+      "markdown-list-enumeration": "#99d1db",
+      "markdown-image": "#8da4e2",
+      "markdown-image-text": "#99d1db",
+      "markdown-code-block": "#c6d0f5",
+      "surface-diff-add-base": "#2a3a2a",
+      "surface-diff-delete-base": "#3a2a2a"
+    }
+  }
+}

packages/ui/src/theme/themes/catppuccin-macchiato.json

@@ -0,0 +1,93 @@
+{
+  "$schema": "https://opencode.ai/desktop-theme.json",
+  "name": "Catppuccin Macchiato",
+  "id": "catppuccin-macchiato",
+  "light": {
+    "seeds": {
+      "neutral": "#24273a",
+      "primary": "#8aadf4",
+      "success": "#a6da95",
+      "warning": "#eed49f",
+      "error": "#ed8796",
+      "info": "#8bd5ca",
+      "interactive": "#8aadf4",
+      "diffAdd": "#a6da95",
+      "diffDelete": "#ed8796"
+    },
+    "overrides": {
+      "background-base": "#24273a",
+      "background-weak": "#1e2030",
+      "background-strong": "#181926",
+      "text-base": "#cad3f5",
+      "text-weak": "#b8c0e0",
+      "border-base": "#363a4f",
+      "border-strong-base": "#494d64",
+      "syntax-string": "#a6da95",
+      "syntax-primitive": "#ed8796",
+      "syntax-property": "#8aadf4",
+      "syntax-type": "#eed49f",
+      "syntax-constant": "#b8c0e0",
+      "syntax-info": "#b8c0e0",
+      "markdown-heading": "#c6a0f6",
+      "markdown-text": "#cad3f5",
+      "markdown-link": "#8aadf4",
+      "markdown-link-text": "#91d7e3",
+      "markdown-code": "#a6da95",
+      "markdown-block-quote": "#b8c0e0",
+      "markdown-emph": "#eed49f",
+      "markdown-strong": "#ed8796",
+      "markdown-horizontal-rule": "#b8c0e0",
+      "markdown-list-item": "#8aadf4",
+      "markdown-list-enumeration": "#91d7e3",
+      "markdown-image": "#8aadf4",
+      "markdown-image-text": "#91d7e3",
+      "markdown-code-block": "#cad3f5",
+      "surface-diff-add-base": "#2a3a2a",
+      "surface-diff-delete-base": "#3a2a2a"
+    }
+  },
+  "dark": {
+    "seeds": {
+      "neutral": "#24273a",
+      "primary": "#8aadf4",
+      "success": "#a6da95",
+      "warning": "#eed49f",
+      "error": "#ed8796",
+      "info": "#8bd5ca",
+      "interactive": "#8aadf4",
+      "diffAdd": "#a6da95",
+      "diffDelete": "#ed8796"
+    },
+    "overrides": {
+      "background-base": "#24273a",
+      "background-weak": "#1e2030",
+      "background-strong": "#181926",
+      "text-base": "#cad3f5",
+      "text-weak": "#b8c0e0",
+      "border-base": "#363a4f",
+      "border-strong-base": "#494d64",
+      "syntax-string": "#a6da95",
+      "syntax-primitive": "#ed8796",
+      "syntax-property": "#8aadf4",
+      "syntax-type": "#eed49f",
+      "syntax-constant": "#b8c0e0",
+      "syntax-info": "#b8c0e0",
+      "markdown-heading": "#c6a0f6",
+      "markdown-text": "#cad3f5",
+      "markdown-link": "#8aadf4",
+      "markdown-link-text": "#91d7e3",
+      "markdown-code": "#a6da95",
+      "markdown-block-quote": "#b8c0e0",
+      "markdown-emph": "#eed49f",
+      "markdown-strong": "#ed8796",
+      "markdown-horizontal-rule": "#b8c0e0",
+      "markdown-list-item": "#8aadf4",
+      "markdown-list-enumeration": "#91d7e3",
+      "markdown-image": "#8aadf4",
+      "markdown-image-text": "#91d7e3",
+      "markdown-code-block": "#cad3f5",
+      "surface-diff-add-base": "#2a3a2a",
+      "surface-diff-delete-base": "#3a2a2a"
+    }
+  }
+}