generated from nhcarrigan/template
hikari
e6e9f7ae59
## Summary A large productivity-focused feature branch delivering a suite of improvements across automation, project management, theming, performance, and documentation. ### Features - **Guided Project Workflow** (#189) — Four-phase workflow panel (Discuss → Plan → Execute → Verify) to keep projects structured from idea to completion - **Automated Task Loop** (#179) — Per-task conversation orchestration with wave-based parallel execution, blocked-task detection, and concurrency control - **Wave-Based Parallel Execution** (#191) — Tasks run in dependency-aware waves with configurable concurrency; independent tasks execute in parallel - **Auto-Commit After Task Completion** (#192) — Task Loop optionally commits after each completed task so progress is never lost - **PRD Creator** (#180) — AI-assisted PRD and task list panel that outputs `hikari-tasks.json` for the Task Loop to consume - **Project Context Panel** (#188) — Persistent `PROJECT.md`, `REQUIREMENTS.md`, `ROADMAP.md`, and `STATE.md` files injected into Claude's context automatically - **Codebase Mapper** (#190) — Generates a `CODEBASE.md` architectural summary so Claude always understands the project structure - **Community Preset Themes** (#181) — Six built-in community themes: Dracula, Catppuccin Mocha, Nord, Solarized Dark, Gruvbox Dark, and Rosé Pine - **In-App Changelog Panel** (#193) — Fetches release notes from GitHub at runtime and displays them inside the app - **Full Embedded Documentation** (#196) — Replaced the single-page help modal with a 12-page paginated docs browser featuring a sidebar TOC, prev/next navigation, keyboard navigation (arrow keys, `?` shortcut), and comprehensive coverage of every feature ### Performance & Fixes - **Lazy Loading & Virtualisation** (#194) — Virtual windowing for conversation history, markdown memoisation, and debounced search for smooth rendering of large sessions - **Ctrl+C Copy Fix** (#195) — `Ctrl+C` now copies selected text as expected; interrupt-Claude behaviour only fires when no text is selected ### UX - Back-to-workflow button in PRD Creator and Task Loop panels for easy navigation - Navigation icon cluster replaced with a single clean dropdown menu ## Closes Closes #179 Closes #180 Closes #181 Closes #188 Closes #189 Closes #190 Closes #191 Closes #192 Closes #193 Closes #194 Closes #195 Closes #196 --- ✨ This PR was created with help from Hikari~ 🌸 Reviewed-on: #197 Co-authored-by: Hikari <hikari@nhcarrigan.com> Co-committed-by: Hikari <hikari@nhcarrigan.com>
86 lines
2.6 KiB
Svelte
86 lines
2.6 KiB
Svelte
<h3 class="text-lg font-semibold text-[var(--text-primary)] mb-4">Theme Customisation</h3>
|
|
|
|
<div class="space-y-4 text-sm text-[var(--text-secondary)]">
|
|
<p>
|
|
Open <strong>Settings</strong> (<kbd class="kbd">Ctrl+,</kbd>) and scroll to the Appearance
|
|
section to customise your theme.
|
|
</p>
|
|
|
|
<div>
|
|
<h4 class="font-medium text-[var(--text-primary)] mb-2">Built-in Themes</h4>
|
|
<ul class="space-y-1">
|
|
<li>• <strong>Default Dark</strong> — the classic dark Hikari look</li>
|
|
<li>• <strong>Default Light</strong> — a bright, clean light theme</li>
|
|
<li>• <strong>High Contrast</strong> — maximum contrast for accessibility</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div>
|
|
<h4 class="font-medium text-[var(--text-primary)] mb-2">Community Presets</h4>
|
|
<ul class="space-y-1 columns-2">
|
|
<li>• Dracula</li>
|
|
<li>• Catppuccin Mocha</li>
|
|
<li>• Catppuccin Latte</li>
|
|
<li>• Nord</li>
|
|
<li>• Solarized Dark</li>
|
|
<li>• Solarized Light</li>
|
|
<li>• Gruvbox Dark</li>
|
|
<li>• Gruvbox Light</li>
|
|
<li>• Rosé Pine</li>
|
|
<li>• Rosé Pine Dawn</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div>
|
|
<h4 class="font-medium text-[var(--text-primary)] mb-2">Custom Colours</h4>
|
|
<p>
|
|
Select <strong>Custom</strong> from the theme dropdown to set individual colours for each UI element:
|
|
</p>
|
|
<ul class="space-y-1 mt-2">
|
|
<li>• Text: primary, secondary, and tertiary levels</li>
|
|
<li>• Backgrounds: primary, secondary, and header</li>
|
|
<li>• Border colour</li>
|
|
<li>• Accent and pink highlight colours</li>
|
|
<li>• Trans flag stripe colours</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div>
|
|
<h4 class="font-medium text-[var(--text-primary)] mb-2">Custom Fonts</h4>
|
|
<p>
|
|
Upload a <code class="code">.ttf</code> or <code class="code">.otf</code> font file to apply a custom
|
|
UI font across the entire app.
|
|
</p>
|
|
</div>
|
|
|
|
<div>
|
|
<h4 class="font-medium text-[var(--text-primary)] mb-2">Background Image</h4>
|
|
<p>
|
|
Set a custom background image that renders behind the chat area. Adjust opacity to keep it
|
|
subtle.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
kbd.kbd {
|
|
display: inline-block;
|
|
padding: 0.1rem 0.35rem;
|
|
font-size: 0.75rem;
|
|
font-family: monospace;
|
|
background: var(--bg-secondary);
|
|
border: 1px solid var(--border-color);
|
|
border-radius: 3px;
|
|
color: var(--text-primary);
|
|
}
|
|
|
|
code.code {
|
|
font-family: monospace;
|
|
background: var(--bg-secondary);
|
|
border: 1px solid var(--border-color);
|
|
border-radius: 3px;
|
|
padding: 0.05rem 0.3rem;
|
|
color: var(--text-primary);
|
|
}
|
|
</style>
|