Files
openchamber/packages/ui/src/contexts/theme-system-context.ts
T
Bohdan Triapitsyn ddedc02687 feat: introduced a token-based theming system across the UI
* feat: added themes system

* feat: smart sidebar auto-hide for files/diff tabs + lower files sidebar threshold

* feat: added Checkbox component and update theming

- Add reusable Checkbox component for toggles across UI
- Replace several inputs with Checkbox in settings and commands panels
- Add DiffIcon and apply surface/border theming to key UI areas

* feat: Add convert-vscode-theme.cjs to convert VS Code themes to OpenChamber format

* refactor: remove unused permission logic from ChatInput

- Remove unused permission rules parsing logic from ChatInput
- Memoize renderTheme in DiffWorkerProvider to avoid unnecessary recalculations
- Remove forceOpaque helper in vscode theme adapter

* fix: guard VSCode theme loading in MarkdownRenderer

* feat: add custom user themes loading and reload

- Load user themes from ~/.config/openchamber/themes at runtime
- Expose /api/config/themes to fetch custom themes
- Allow theme reloading from Settings → Theme → Reload themes in the UI
2026-02-01 18:29:34 +02:00

22 lines
691 B
TypeScript

import { createContext } from 'react';
import type { Theme, ThemeMode } from '@/types/theme';
export interface ThemeContextValue {
currentTheme: Theme;
availableThemes: Theme[];
setTheme: (themeId: string) => void;
customThemesLoading: boolean;
reloadCustomThemes: () => Promise<void>;
isSystemPreference: boolean;
setSystemPreference: (use: boolean) => void;
themeMode: ThemeMode;
setThemeMode: (mode: ThemeMode) => void;
lightThemeId: string;
darkThemeId: string;
setLightThemePreference: (themeId: string) => void;
setDarkThemePreference: (themeId: string) => void;
}
export const ThemeSystemContext = createContext<ThemeContextValue | undefined>(undefined);