Skip to content

feat: Add OverType dark theme integration#1

Closed
bug-breeder wants to merge 7 commits intomainfrom
feat/overtype-dark-theme
Closed

feat: Add OverType dark theme integration#1
bug-breeder wants to merge 7 commits intomainfrom
feat/overtype-dark-theme

Conversation

@bug-breeder
Copy link
Contributor

Summary

  • Integrate OverType editor theme switching with HeroUI theme system
  • Use 'cave' theme for dark mode and 'solar' theme for light mode
  • Add automatic theme switching when user toggles dark/light mode
  • Fix theme switching API usage (use OverType.setTheme() static method)

Changes Made

  • Added useTheme hook to detect HeroUI theme changes
  • Implemented OverType theme switching in editor.tsx
  • Used OverType.setTheme() global method instead of instance method
  • Fixed JSX character escape issue in about.tsx

Test Plan

  • Build succeeds without errors
  • Page loads correctly with OverType editor
  • Theme toggle button works
  • OverType editor visually changes between light (solar) and dark (cave) themes
  • Vietnamese input functionality maintained in both themes

Theme Mapping

  • Light Mode: OverType 'solar' theme
  • Dark Mode: OverType 'cave' theme

🤖 Generated with Claude Code

bug-breeder and others added 6 commits August 25, 2025 13:13
- Integrate mature AVIM.js library for Vietnamese input
- Add OverType markdown editor with Vietnamese support
- Create modern React/TypeScript interface with HeroUI components
- Fix Vietnamese TELEX transformations (mootj → một, boons → bốn)
- Add comprehensive Playwright tests for input validation
- Support AUTO, TELEX, VNI, VIQR input methods
- Static build ready for GitHub Pages deployment

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
- Move original VinaKey v1 to old-version/ folder
- Preserve legacy AVIM.js implementation for historical reference
- New v2 is now the main implementation with modern React/TypeScript stack

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
- Add GitHub Pages deployment workflow
- Configure automatic build and deploy on push to main
- Fix Vite base path for GitHub Pages root domain
- Enable static site generation with proper permissions

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
- Integrate OverType editor theme switching with HeroUI theme system
- Use 'cave' theme for dark mode and 'solar' theme for light mode
- Add useTheme hook to detect theme changes
- Automatically update OverType theme when user toggles dark/light mode
- Fix JSX escape character issue in about.tsx

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
@bug-breeder bug-breeder force-pushed the feat/overtype-dark-theme branch from 2a0393f to e5d5fab Compare August 25, 2025 14:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant