Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>HBuilderX push Light ThemeNew to Visual Studio Code? Get it now.
HBuilderX push Light Theme

HBuilderX push Light Theme

ZQun

|
5,717 installs
| (1) | Free
HBuilderX push light theme for Visual Studio Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

重新根据HBuilder x 绿柔主题进行矫正(且修复原主题文件标题在mac版是白色的问题)

2024-05-11 重新矫正了mac视网膜屏幕颜色

originally: HBuilderX Soft Green Light Theme

The healthiest theme for your eyes!

SCREENSHOT

Explorer Screenshot

Search Screenshot

Debug Screenshot

Install

You can install this theme through the Visual Studio Code Marketplace.

Develop

Find the color

Toggle on "Help -> Toggle Developer Tools".Use the "Select an element in the page to inspect it" tool to find a element, then copy the color value in "HEX" mode.

Change the color

Search the color in the file "themes/hbuilderx-soft-green-light-color-theme.json" and replace a new color. Uncomment the line. Active "DEBUG AND RUN" toolbar, run the "Extension" to preview the theme.

Save the theme

"View -> Command Palette...", then type "Developer: Generate Color Theme From Current Settings". Copy the code and paste the code in "themes/hbuilderx-soft-green-light-color-theme.json" file.

Publish

npm i vsce -g
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
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft