mirror of
https://github.com/purrgrammer/grimoire.git
synced 2026-04-12 00:17:02 +02:00
ee6ab3362d
Implements a powerful theme creator and editor with the following features: - **Live Preview**: Toggle real-time theme preview with Eye/EyeOff button - **Modern Color Pickers**: HSL color pickers for all theme properties - **Organized Sections**: Tabbed interface with Core Colors, Syntax, Scrollbar, and Gradient tabs - **Accordion Groups**: Core colors organized by purpose (Surfaces, Interactive, Forms, Status, Nostr-specific) - **Base Theme Selection**: Start from any built-in theme (Dark, Light, Plan 9) - **Import/Export**: JSON export/import for theme portability - **Metadata Editing**: Edit theme ID, name, description - **Save Functionality**: Save custom themes to localStorage - **Reset**: Reset to base theme with confirmation Technical implementation: - Added `react-colorful` for HSL color picking - Added `@radix-ui/react-select` for dropdown selects - Created `ThemeEditor` component with full color management - Created `select.tsx` UI component following Radix pattern - Added `theme-editor` command to man pages - Added `theme-editor` appId to WindowRenderer - All 838 tests passing, build successful Usage: Run `theme-editor` command to launch the editor
Grimoire
A Nostr protocol explorer and developer tool with a tiling window manager interface.
Features
- Tiling Windows - Each window is a Nostr "app" (profile viewer, event feed, NIP docs, etc.)
- Command Palette - Unix-style commands via
Cmd+Kto open apps and navigate - Multi-workspace - Virtual desktops with independent layouts
- Real-time - Reactive event subscriptions with automatic updates
Stack
React 19, TypeScript, Vite, TailwindCSS, Jotai, Dexie, Applesauce
Getting Started
npm install
npm run dev
Scripts
| Command | Description |
|---|---|
npm run dev |
Start dev server |
npm run build |
Build for production |
npm test |
Run tests in watch mode |
npm run lint |
Lint code |
npm run format |
Format code |
License
MIT