HBuilderX Soft Green Theme
The healthiest theme for your eyes!
Screenshot
Preview
Features
- Two themes: Light and Dark variants
- Auto-switch: System, Scheduled, Seasonal, Manual modes
- Default: Follows OS theme automatically
Install
Install from VSCode Marketplace.
Usage
Quick Toggle
Click status bar $(color-mode) icon, or run:
Toggle Theme (Light/Dark)
Auto-Switch Settings
Settings (Cmd+,) → search "HBuilderX Soft Green":
| Setting |
Description |
Default |
autoSwitchMode |
System/Scheduled/Seasonal/Manual |
system |
lightTime |
Light theme time (HH:MM) |
07:00 |
darkTime |
Dark theme time (HH:MM) |
19:00 |
Develop
Find color
Help → Toggle Developer Tools → Select element → Copy HEX color.
Change color
Edit themes/hbuilderx-soft-green-light-color-theme.json or themes/hbuilderx-soft-green-dark-color-theme.json. Run "Extension" in DEBUG toolbar.
Save theme
Command Palette → Developer: Generate Color Theme From Current Settings.
Build
npm install
npm run compile
npm run package
Publish
npm install -g @vscode/vsce
vsce login <your-publisher> ## paste "Personal Access Tokens"(https://dev.azure.com/ -> Users settings -> Personal access tokens -> New Token -> type Name -> Organization:All accessible organizations -> Scopes:Full access -> Create)
vsce package
vsce publish
Changelog
See CHANGELOG.md.
License
MIT
