HBuilder更改为自定义的背景颜色

最新推荐文章于 2025-04-20 21:36:14 发布
最新推荐文章于 2025-04-20 21:36:14 发布
阅读量9w 收藏 31
点赞数 3
分类专栏： HBuilder
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/luoyingbiao/article/details/72845571
版权

每个人喜欢的开发主题颜色不同,我在网上找了一款比较护眼的色系,把HBuilder的开发环境设置为该色系,依次点击工具→选项




然后来看设置后的效果,背景颜色是变了,但是style标签和script标签内的颜色并没有改变(很难看吧)




可以看到style标签和script标签内的背景颜色不一样,不在这里修改,换个地方




现在看起来舒服多了


HBuilderX 开发工具，主题自定义， 代码颜色自定义
Hustles的博客
01-22 3429
【代码】HBuilderX 开发工具，主题自定义， 代码颜色自定义。
bootstrap hbilderx_HBuilderX自定义白色主题
weixin_39881575的博客
12-23 1866
平时的主力还是vscode，有时也想换个编辑器，换换口味。HBuilderX的主题只有三种，而且编辑器代码主题也无法自定义，定制化程度还不是很高。侧边栏的背景颜色，选中行的背景颜色，设置页面文字颜色都无法改变，有知道的留言告诉我下。{"editor.colorScheme": "Default","editor.fontFamily": "Fira Code","editor.insertSpac...
HBuilder 设置 主题 背景颜色
热门推荐
ws1836300的博客
05-20 1万+
打开 工具 --主题 -- 有3个选项： 雅蓝 酷黑 绿柔 自定义 设置 参考链接：https://blog.csdn.net/luoyingbiao/article/details/72845571
HBuilder X：前端开发的终极生产力工具
最新发布
lh_1254的博客
04-20 1239
HBuilder X 以「轻如编辑器，强如 IDE」的设计理念，融合极速性能、多端开发、生态扩展三大核心优势，成为前端开发者从效率工具到生产力平台的首选。其「开箱即用」的轻量化设计降低入门门槛，「深度扩展」的插件生态适配复杂场景，结合持续迭代的性能优化与跨平台能力，已服务全球超 900 万开发者，助力企业级项目高效落地。HBuilder X 提供轻量化绿色发行包（仅 10 余 MB），支持 Windows、macOS、Linux 全平台。
HBuilderx修改主题色-改变编辑器背景颜色等
前端小知识
11-02 3979
我们打开HBuilderX，然后再设置，源码视图里面打开Setting.json文件。选择工具 – 主题 – 选择（雅蓝）3.将一下代码赋值到右侧用户设置即可。
如何切换Hbuild - X编辑器背景色，如何切换Hbuild - X编辑器风格
G佳伟
01-04 1548
背景：Hbuild - X编辑器背景色默认是白色，但是使用其他编辑器习惯用深色编辑器。
hbuilder如何设置视图背景颜色
A458545418的博客
08-02 7464
工具——视觉主题设置 转载于:https://www.cnblogs.com/1020182600HENG/p/7273821.html
HBuilderX如何自定义页脚样式？
12-16
例如，你可以添加背景颜色、字体、布局等属性： ```html 这是自定义页脚 链接1 链接2 ``` 然后在对应的`.css`或`style`标签内编写样式的定义： ```css .custom-footer { background-color: #f5f5f5...
hbuilder背景颜色
03-18
### 更改 HBuilder 编辑器或项目背景颜色的方法 在 HBuilder 中调整编辑器或项目的背景颜色可以通过两种方式实现：一是通过全局主题设置来间接影响背景颜色；二是针对特定文件或页面自定义 CSS 来覆盖默认样式。 #...
Sublime Text 自定义主题
09-23
主题文件通常是以`.tmTheme`为扩展名的XML文件，它们定义了编辑器的颜色方案，包括背景色、前景色、高亮色等。在Sublime Text中，你可以通过“首选项”>“设置-用户”(Preferences > Settings - User)打开设置文件，...
hbuilderx更换背景
01-03
#### 使用 `settings.json` 文件自定义背景颜色或图片 为了修改 HBuilderX 的背景颜色或应用背景图片，可以通过编辑配置文件 `settings.json` 来实现个性化设置。此文件允许用户覆盖默认的主题样式并创建独特的开发...
webstrom不伤眼的颜色主题（朱古绿色HBuilder里的）
04-19
本人具有散光，不适合看那种装逼的全黑模式，感觉自己很伤眼睛。很喜欢淡绿色，朱古绿的背景颜色的开发模式，所以仿照HBuilder写了一种适合我自己的颜色背景。感觉看着舒服，对眼睛好。window版本：C:/Users/USERNAME/.WebIde10/config/colors文件夹，把他下载放着就好，亲测自己在用，很棒，有问题留言。
Hbuilder护眼主题
11-12
Hbuilder护眼主题 Sublime还有Webstorm有很多主题，但是Hbuilder就相对较少，或者直接说基本没什么主题，在网上搜索了很久也很少有Hbuilder的主题分享，于是就自己取色调了一个仿的护眼主题来分享一下，希望能帮助到和我一样想换主题的朋友~
HBuilderX 主题 柔绿色 护眼主题 在webStrorm或者IDEA上使用
09-20
在webStorm或者idea中使用hbuilderX的柔绿色主题，护眼主题，仿hbuilder的主题，绿豆色，下载后自己百度webstorm或者idea如何导入主题即可使用。
修改hbilder注释颜色
qq_64135449的博客
02-19 356
图中画出来的是我使用的是酷黑的主题，所以现在是设置的酷黑的主题颜色。下面scope和settings照抄就可以了，最后foregroung成员后面的设置成自己想要替换的十六进制的颜色就可以了。
HBuilder X 小白日记02-布局和网页背景颜色
m0_74807683的博客
06-30 2642
css基本效果(布局和网页背景颜色)
HBuilderx修改主题色-为css属性名与值添加颜色，改变编辑器背景颜色等
个人博客
04-18 8577
主题设置
关于HBuilderX背景颜色-粉色
smx19980410的博客
10-22 8516
第一步 打开编译器 找到工具里面的设置 点击源码视图 将下面代码复制到上面的地方 { “editor.caretWidth” : 1, “editor.colorScheme” : “Default”, “editor.wordWrap” : true, “explorer.autoReveal” : true, “explorer.iconTheme” : “hx-file-icons-colorful”, “workbench.colorCustomizations” : { “[Default]”
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值