HBuilderx修改主题色-改变编辑器背景颜色等

效果图:

  1. 第一步我们打开HBuilderX

    选择工具 -- 主题 -- 选择(雅蓝)

  2. 然后再设置,源码视图里面打开Setting.json文件

3.将一下代码赋值到右侧用户设置即可

lua 复制代码
{
	"workbench.colorCustomizations": {
		//    "[Default]": {// 绿柔主题
		//        "sideBar.background":"#faf6e6", // 项目管理器背景颜色
		//        "editor.background":"#faf6e6" // 编辑区域背景颜色
		//    },
		//    "[Monokai]": {// 酷黑主题
		//        "toolBar.background": "#272822", 
		//        "sideBar.background":"#272822" 
		//    },
		"[Atom One Dark]": {
			"sideBar.background": "#212224",
			"editor.background": "#18191A" //
		}
	},
	"editor.tokenColorCustomizations": {
		//    "[Default]": {// 绿柔主题
		//        "rules": [{}]
		//    },
		//    "[Monokai]": {// 酷黑主题
		//         "rules": [{}]
		//    },
		"[Atom One Dark]": {
			"rules": [{
				"scope": [
					"support.type.property-name"
				],
				"settings": {
					"foreground": "#9CDCFE"
				}
			}, {
				"scope": [
					"support.constant.property-value.css"
				],
				"settings": {
					"foreground": "#B5CEA8"
				}
			}, {
				"scope": [
					"variable.other.readwrite.js",
					"variable.other.readwrite.tsx",
					"variable.other.readwrite.ts"
				],
				"settings": {
					"foreground": "#FFD710"
				}
			}, {
				"scope": [
					"text.html.vue"
				],
				"settings": {
					"foreground": "#61AFEF"
				}
			}, {
				"scope": [
					"string"
				],
				"settings": {
					"foreground": "#6CD8A6"
				}
			}]
		}
	},
	"editor.colorScheme" : "Atom One Dark",
	"Codegeex.Privacy" : true
}
相关推荐
_oP_i2 分钟前
Unity 中使用 WebGL 构建并运行时使用的图片必须使用web服务器上的
前端·unity·webgl
H_HX1265 分钟前
https服务器访问http资源报Mixed Content混合内容错误
前端·vue.js·安全策略·https访问http
羊小猪~~13 分钟前
前端入门一之CSS知识详解
前端·javascript·css·vscode·前端框架·html·javas
ReBeX20 分钟前
【GeoJSON在线编辑平台】(1)创建地图+要素绘制+折点编辑+拖拽移动
前端·javascript·gis·openlayers·webgis
阿宝分享技术24 分钟前
从xss到任意文件读取
前端·xss
今天也想MK代码29 分钟前
在Swift开发中简化应用程序发布与权限管理的解决方案——SparkleEasy
前端·javascript·chrome·macos·electron·swiftui
宝子向前冲39 分钟前
纯前端生成PDF(jsPDF)并下载保存或上传到OSS
前端·pdf·html2canvas·oss·jspdf
V+zmm101341 小时前
社区养老服务小程序ssm+论文源码调试讲解
java·服务器·前端·javascript·小程序·毕业设计·1024程序员节
卡布叻_星星1 小时前
同一个页面击穿element样式后,会影响同样组件的使用
前端·vue.js·elementui
猫猫村晨总1 小时前
涉及到行合并的el-table表格导出功能实现
前端·vue.js·element plus