✨ feat(ui): add Midnight theme from ui-ux-pro-max design system

Based on ui-ux-pro-max 'Developer Tool / IDE' color palette:
- Dark: deep slate #0F172A background, #F8FAFC text, #22C55E green primary
- Light: clean #F8FAFC background, #0F172A text, #3B82F6 blue interactive
- Full syntax highlighting with green strings, purple properties, gold types
- High contrast WCAG AAA compliant color combinations

Author: praxstack

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

@@ -18,6 +18,7 @@ import auraThemeJson from "./themes/aura.json"
 import rosepineThemeJson from "./themes/rosepine.json"
 import kanagawaThemeJson from "./themes/kanagawa.json"
 import everforestThemeJson from "./themes/everforest.json"
+import midnightThemeJson from "./themes/midnight.json"
 
 export const oc1Theme = oc1ThemeJson as DesktopTheme
 export const oc2Theme = oc2ThemeJson as DesktopTheme
@@ -38,6 +39,7 @@ export const auraTheme = auraThemeJson as DesktopTheme
 export const rosepineTheme = rosepineThemeJson as DesktopTheme
 export const kanagawaTheme = kanagawaThemeJson as DesktopTheme
 export const everforestTheme = everforestThemeJson as DesktopTheme
+export const midnightTheme = midnightThemeJson as DesktopTheme
 
 export const DEFAULT_THEMES: Record<string, DesktopTheme> = {
   "oc-1": oc1Theme,
@@ -50,6 +52,7 @@ export const DEFAULT_THEMES: Record<string, DesktopTheme> = {
   everforest: everforestTheme,
   gruvbox: gruvboxTheme,
   kanagawa: kanagawaTheme,
+  midnight: midnightTheme,
   monokai: monokaiTheme,
   nightowl: nightowlTheme,
   nord: nordTheme,

packages/ui/src/theme/themes/midnight.json

@@ -0,0 +1,131 @@
+{
+  "$schema": "https://opencode.ai/desktop-theme.json",
+  "name": "Midnight",
+  "id": "midnight",
+  "light": {
+    "seeds": {
+      "neutral": "#F8FAFC",
+      "primary": "#1E293B",
+      "success": "#22C55E",
+      "warning": "#F59E0B",
+      "error": "#EF4444",
+      "info": "#3B82F6",
+      "interactive": "#3B82F6",
+      "diffAdd": "#22C55E",
+      "diffDelete": "#EF4444"
+    },
+    "overrides": {
+      "background-base": "#F8FAFC",
+      "background-weak": "#F1F5F9",
+      "background-strong": "#FFFFFF",
+      "background-stronger": "#FFFFFF",
+      "border-weak-base": "#E2E8F0",
+      "border-weak-hover": "#CBD5E1",
+      "border-weak-active": "#94A3B8",
+      "border-weak-selected": "#93C5FD",
+      "border-weak-disabled": "#F1F5F9",
+      "border-weak-focus": "#93C5FD",
+      "border-base": "#CBD5E1",
+      "border-hover": "#94A3B8",
+      "border-active": "#64748B",
+      "border-selected": "#3B82F6",
+      "border-disabled": "#E2E8F0",
+      "border-focus": "#3B82F6",
+      "border-strong-base": "#94A3B8",
+      "border-strong-hover": "#64748B",
+      "border-strong-active": "#475569",
+      "border-strong-selected": "#3B82F6",
+      "border-strong-disabled": "#CBD5E1",
+      "border-strong-focus": "#3B82F6",
+      "surface-diff-add-base": "#DCFCE7",
+      "surface-diff-delete-base": "#FEE2E2",
+      "surface-diff-hidden-base": "#DBEAFE",
+      "text-base": "#334155",
+      "text-weak": "#64748B",
+      "text-strong": "#0F172A",
+      "syntax-string": "#059669",
+      "syntax-primitive": "#DC2626",
+      "syntax-property": "#7C3AED",
+      "syntax-type": "#D97706",
+      "syntax-constant": "#0284C7",
+      "syntax-info": "#0284C7",
+      "markdown-heading": "#1E293B",
+      "markdown-text": "#334155",
+      "markdown-link": "#3B82F6",
+      "markdown-link-text": "#0284C7",
+      "markdown-code": "#059669",
+      "markdown-block-quote": "#D97706",
+      "markdown-emph": "#D97706",
+      "markdown-strong": "#1E293B",
+      "markdown-horizontal-rule": "#E2E8F0",
+      "markdown-list-item": "#3B82F6",
+      "markdown-list-enumeration": "#0284C7",
+      "markdown-image": "#3B82F6",
+      "markdown-image-text": "#0284C7",
+      "markdown-code-block": "#334155"
+    }
+  },
+  "dark": {
+    "seeds": {
+      "neutral": "#0F172A",
+      "primary": "#22C55E",
+      "success": "#22C55E",
+      "warning": "#F59E0B",
+      "error": "#EF4444",
+      "info": "#3B82F6",
+      "interactive": "#3B82F6",
+      "diffAdd": "#22C55E",
+      "diffDelete": "#EF4444"
+    },
+    "overrides": {
+      "background-base": "#0F172A",
+      "background-weak": "#131C31",
+      "background-strong": "#0B1120",
+      "background-stronger": "#0D1424",
+      "border-weak-base": "#1E293B",
+      "border-weak-hover": "#253347",
+      "border-weak-active": "#334155",
+      "border-weak-selected": "#1D4ED8",
+      "border-weak-disabled": "#0F172A",
+      "border-weak-focus": "#2563EB",
+      "border-base": "#334155",
+      "border-hover": "#475569",
+      "border-active": "#64748B",
+      "border-selected": "#3B82F6",
+      "border-disabled": "#1E293B",
+      "border-focus": "#3B82F6",
+      "border-strong-base": "#475569",
+      "border-strong-hover": "#64748B",
+      "border-strong-active": "#94A3B8",
+      "border-strong-selected": "#60A5FA",
+      "border-strong-disabled": "#1E293B",
+      "border-strong-focus": "#60A5FA",
+      "surface-diff-add-base": "#052E16",
+      "surface-diff-delete-base": "#450A0A",
+      "surface-diff-hidden-base": "#172554",
+      "text-base": "#CBD5E1",
+      "text-weak": "#64748B",
+      "text-strong": "#F8FAFC",
+      "syntax-string": "#4ADE80",
+      "syntax-primitive": "#FB7185",
+      "syntax-property": "#A78BFA",
+      "syntax-type": "#FBBF24",
+      "syntax-constant": "#38BDF8",
+      "syntax-info": "#38BDF8",
+      "markdown-heading": "#22C55E",
+      "markdown-text": "#E2E8F0",
+      "markdown-link": "#60A5FA",
+      "markdown-link-text": "#38BDF8",
+      "markdown-code": "#4ADE80",
+      "markdown-block-quote": "#FBBF24",
+      "markdown-emph": "#FBBF24",
+      "markdown-strong": "#F8FAFC",
+      "markdown-horizontal-rule": "#1E293B",
+      "markdown-list-item": "#60A5FA",
+      "markdown-list-enumeration": "#38BDF8",
+      "markdown-image": "#60A5FA",
+      "markdown-image-text": "#38BDF8",
+      "markdown-code-block": "#E2E8F0"
+    }
+  }
+}