【迁移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知道如何完成完整的迁移吗?

相关推荐
草帽lufei1 天前
VSCode+PicGo实现Markdown图床自动同步
markdown·visual studio code
掘金安东尼2 天前
VSCode V1.107 发布(2025 年 11 月)
前端·visual studio code
单身的人上天堂3 天前
开发中使用iconfont预览太麻烦?我开发了一款VSCode插件来提升效率
前端·javascript·visual studio code
han_3 天前
手把手教你写一个VSCode插件,从开发到发布全流程
前端·javascript·visual studio code
小灰3 天前
VS Code插件的发布与自动化
visual studio code
想努力找到前端实习的呆呆鸟6 天前
vscode编写vue代码的时候一聚焦就代码块变白?怎么回事如何解决
vue.js·visual studio code
xiaok7 天前
vscode终端使用不了npm命令
visual studio code
han_10 天前
开发提效利器 - 用好Snippets
前端·javascript·visual studio code
前端开发爱好者11 天前
VSCode 推出 绿色版!更强!更智能!
前端·javascript·visual studio code
电子_咸鱼11 天前
【QT SDK 下载安装步骤详解 + QT Creator 导航栏使用教程】
服务器·开发语言·网络·windows·vscode·qt·visual studio code