【迁移trae的主题到vscode】遇到的一个问题,请教下vscode的主题配色相关变量

方法:使用 shift + command + p, 找到这个

悬浮就能看到颜色的信息 然后完成迁移

vscode

js

go

trae - js

json 复制代码
	"oneDarkPro.editorTheme": "One Dark Pro Flat",
	"oneDarkPro.vivid": true,
	"oneDarkPro.color": {
		"green": "#82D99F",
		"chalky": "#F0D8FF",
		"deepRed": "#F2858C",
		"malibu": "#F29D79",
		"purple": "#B38CFF",
		"fountainBlue": "#80BBFF",
		"whiskey": "#DED47E",
		"lightWhite": "#D5D8E0"
	},
	"workbench.colorCustomizations": {
		"sideBar.background": "#171b26",
		"sideBar.foreground": "#c9d1d9",
		"sideBar.border": "#262a37",
		"sideBarTitle.foreground": "#c9d1d9",
		"activityBar.background": "#262a37",
		"activityBar.foreground": "#c9d1d9",
		"editor.background": "#171b26",
		"editor.foreground": "#c9d1d9",
		"editor.lineHighlightBackground": "#2a2e3e",
		"editor.selectionBackground": "#3a3f4b",
		"editorGroup.background": "#1e2127",
		"editorGroup.border": "#171b26",
		"editorGroupHeader.tabsBackground": "#171b26",
		"editorGroupHeader.tabsBorder": "#262a37",
		"titleBar.activeBackground": "#262a37",
		"tab.activeBackground": "#363b4e",
		"tab.activeForeground": "#c9d1d9",
		"tab.inactiveBackground": "#262a37",
		"tab.inactiveForeground": "#c9d1d9",
		"tab.hoverBackground": "#363b4e",
		"list.activeSelectionBackground": "#363b4e",
		"list.activeSelectionForeground": "#c9d1d9",
		"list.hoverBackground": "#2a2e3e",
	},

现在还差一个html的标签:template.html.source.vue 等一些颜色,onedarkpro主题似乎都直接用了chalky,有jy知道如何完成完整的迁移吗?

相关推荐
哎呦你好1 天前
VS Code 安装后设置中文界面并添加常用插件的详细指南
编辑器·visual studio code
魔术师ID11 天前
vue2.0 组件生命周期
前端·javascript·vue.js·学习·visual studio code
MingT 明天你好!11 天前
在vs code 中无法运行npm并报无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查
前端·npm·node.js·visual studio code
Ynov15 天前
详细解释api
javascript·visual studio code
程序员Bears1 个月前
现代前端工具链深度解析:从包管理到构建工具的完整指南
前端·python·visual studio code
formulahendry1 个月前
把 MCP Server 打包进 VS Code extension
visual studio code·vs code·mcp
程序员Bears1 个月前
深入理解CSS3:Flex/Grid布局、动画与媒体查询实战指南
前端·css3·媒体·visual studio code
优弧1 个月前
VSCode配置重置完全指南
visual studio code
H5开发新纪元1 个月前
VS Code 插件开发实战:代码截图工具
javascript·visual studio code
程序员Bears1 个月前
HTML5 新特性详解:语义化标签、表单与音视频嵌入
前端·html·html5·visual studio code