// This theme's colors are based on the original Monokai:
// #1e1f1c (tab well, borders)
// #272822 (editor background)
// #414339 (selection)
// #75715e (focus)
// #f8f8f2 (editor foreground)
{
"type": "dark",
"colors": {
"dropdown.background": "#282c35",
"list.activeSelectionBackground": "#2c2f37",
"list.focusBackground": "#2c2f37",
"dropdown.listBackground": "#353b45",
"settings.textInputBackground": "#32342d",
"settings.numberInputBackground": "#32342d",
"list.inactiveSelectionBackground": "#2c2f37",
"list.hoverBackground": "#2a2d35",
"list.dropBackground": "#414339",
"list.highlightForeground": "#f8f8f2",
"button.background": "#282c35",
"editor.background": "#282c35",
"editor.foreground": "#f8f8f2",
"selection.background": "#ccccc7",
"editor.selectionHighlightBackground": "#575b6180",
"editor.selectionBackground": "#878b9180",
"minimap.selectionHighlight": "#878b9180",
"editor.wordHighlightBackground": "#4a4a7680",
"editor.wordHighlightStrongBackground": "#6a6a9680",
"editor.lineHighlightBackground": "#2c2f37",
"editorLineNumber.activeForeground": "#c2c2bf",
"editorCursor.foreground": "#f8f8f0",
"editorWhitespace.foreground": "#464741",
"editorIndentGuide.background": "#464741",
"editorIndentGuide.activeBackground": "#767771",
"editorGroupHeader.tabsBackground": "#21252b",
"editorGroup.dropBackground": "#41433980",
"tab.inactiveBackground": "#21252b",
"tab.border": "#21252b",
"tab.inactiveForeground": "#ccccc7", // needs to be bright so it's readable when another editor group is focused
"widget.shadow": "#000000",
"progressBar.background": "#75715E",
"badge.background": "#75715E",
"badge.foreground": "#f8f8f2",
"editorLineNumber.foreground": "#90908a",
"panelTitle.activeForeground": "#f8f8f2",
"panelTitle.activeBorder": "#75715E",
"panelTitle.inactiveForeground": "#75715E",
"panel.border": "#21252b",
"titleBar.activeBackground": "#282c35",
"statusBar.background": "#21252b",
"statusBar.noFolderBackground": "#21252b",
"statusBar.debuggingBackground": "#21252b",
"statusBarItem.remoteBackground": "#AC6218",
"activityBar.background": "#21252b",
"activityBar.foreground": "#f8f8f2",
"activityBar.dropBackground": "#414339",
"sideBar.background": "#21252b",
"sideBarSectionHeader.background": "#2a2d35",
"menu.background": "#353b45",
"menu.foreground": "#cccccc",
"pickerGroup.foreground": "#75715E",
"input.background": "#282c35",
"inputOption.activeBorder": "#75715E",
"focusBorder": "#75715E",
"editorWidget.background": "#21252b",
"debugToolBar.background": "#1e1f1c",
"diffEditor.insertedTextBackground": "#4b661680", // middle of #272822 and #a6e22e
"diffEditor.removedTextBackground": "#90274A70", // middle of #272822 and #c94474
"inputValidation.errorBackground": "#90274A", // middle of #272822 and #c94474
"inputValidation.errorBorder": "#c94474",
"inputValidation.warningBackground": "#848528", // middle of #272822 and #e2e22e
"inputValidation.warningBorder": "#e2e22e",
"inputValidation.infoBackground": "#546190", // middle of #272822 and #819aff
"inputValidation.infoBorder": "#819aff",
"editorHoverWidget.background": "#414339",
"editorHoverWidget.border": "#75715E",
"editorSuggestWidget.background": "#272822",
"editorSuggestWidget.border": "#75715E",
"editorGroup.border": "#34352f",
"peekView.border": "#75715E",
"peekViewEditor.background": "#272822",
"peekViewResult.background": "#1e1f1c",
"peekViewTitle.background": "#1e1f1c",
"peekViewResult.selectionBackground": "#414339",
"peekViewResult.matchHighlightBackground": "#75715E",
"peekViewEditor.matchHighlightBackground": "#75715E",
"terminal.ansiBlack": "#333333",
"terminal.ansiRed": "#C4265E", // the bright color with ~75% transparent on the background
"terminal.ansiGreen": "#86B42B",
"terminal.ansiYellow": "#B3B42B",
"terminal.ansiBlue": "#6A7EC8",
"terminal.ansiMagenta": "#8C6BC8",
"terminal.ansiCyan": "#56ADBC",
"terminal.ansiWhite": "#e3e3dd",
"terminal.ansiBrightBlack": "#666666",
"terminal.ansiBrightRed": "#c94474",
"terminal.ansiBrightGreen": "#A6E22E",
"terminal.ansiBrightYellow": "#e2e22e", // hue shifted #A6E22E
"terminal.ansiBrightBlue": "#819aff", // hue shifted #AE81FF
"terminal.ansiBrightMagenta": "#AE81FF",
"terminal.ansiBrightCyan": "#66D9EF",
"terminal.ansiBrightWhite": "#f8f8f2"
},
"tokenColors": //雅蓝主题
[
{
"name": "Comment",
"scope": [
"comment"
],
"settings": {
"foreground": "#5C6370",
}
},
{
"name": "Conditional Comment Keyword",
"scope": "comment.conditional.keyword",
"settings": {
"foreground": "#C678DD"
}
},
{
"name": "Conditional Comment Defined",
"scope": "comment.conditional.define",
"settings": {
"foreground": "#E06963",
"fontStyle": "bold"
}
},
{
"name": "Comment Markup Link",
"scope": [
"comment markup.link"
],
"settings": {
"foreground": "#5C6370"
}
},
{
"name": "Entity Name Type",
"scope": [
"entity.name.type"
],
"settings": {
"foreground": "#E5C07B"
}
},
{
"name": "Entity Other Inherited Class",
"scope": [
"entity.other.inherited-class"
],
"settings": {
"foreground": "#98C379"
}
},
{
"name": "Keyword",
"scope": [
"keyword"
],
"settings": {
"foreground": "#C678DD"
}
},
{
"name": "Keyword Control",
"scope": [
"keyword.control"
],
"settings": {
"foreground": "#C678DD"
}
},
{
"name": "Keyword Operator",
"scope": [
"keyword.operator"
],
"settings": {
"foreground": "#C678DD"
}
},
{
"name": "Keyword Other Special Method",
"scope": [
"keyword.other.special-method"
],
"settings": {
"foreground": "#61AFEF"
}
},
{
"name": "Keyword Other Unit",
"scope": [
"keyword.other.unit"
],
"settings": {
"foreground": "#D19A66"
}
},
{
"name": "Storage",
"scope": [
"storage"
],
"settings": {
"foreground": "#C678DD"
}
},
{
"name": "Storage Type Annotation,storage Type Primitive",
"scope": [
"storage.type.annotation",
"storage.type.primitive"
],
"settings": {
"foreground": "#C678DD"
}
},
{
"name": "Storage Modifier Package,storage Modifier Import",
"scope": [
"storage.modifier.package",
"storage.modifier.import"
],
"settings": {
"foreground": "#ABB2BF"
}
},
{
"name": "Constant",
"scope": [
"constant"
],
"settings": {
"foreground": "#D19A66"
}
},
{
"name": "Constant Variable",
"scope": [
"constant.variable"
],
"settings": {
"foreground": "#D19A66"
}
},
{
"name": "Constant Character Escape",
"scope": [
"constant.character.escape"
],
"settings": {
"foreground": "#56B6C2"
}
},
{
"name": "Constant Numeric",
"scope": [
"constant.numeric"
],
"settings": {
"foreground": "#D19A66"
}
},
{
"name": "Constant Other Color",
"scope": [
"constant.other.color"
],
"settings": {
"foreground": "#56B6C2"
}
},
{
"name": "Constant Other Symbol",
"scope": [
"constant.other.symbol"
],
"settings": {
"foreground": "#56B6C2"
}
},
{
"name": "Variable",
"scope": [
"variable"
],
"settings": {
"foreground": "#abb2bf"
VScode雅蓝配色主题
需积分: 0 67 浏览量
更新于2023-04-25
收藏 7KB ZIP 举报
VScode雅蓝配色主题是一种深受开发者喜爱的视觉风格,它源自HbuilderX编辑器的雅蓝主题,并被移植到了Visual Studio Code(VS Code)中。这个主题为代码编辑环境带来了一种清新、舒适的颜色搭配,有助于减轻长时间编程时的眼睛疲劳,提升编码体验。
在VS Code中使用HbuilderX雅蓝主题,首先需要将主题文件导入到正确的位置。这通常涉及到解压下载的主题包`theme-HBX-blue`,然后找到包含主题定义的`.json`文件。VS Code的主题文件通常存储在`%USERPROFILE%\.vscode\extensions`目录下,或者在应用程序安装目录的`VS Code\resources\app\extensions`路径中。你需要将`theme-HBX-blue`中的主题文件复制到这个位置,并确保VS Code有权限访问和加载该文件。
为了应用导入的主题,你需要在VS Code中进行以下步骤:
1. 打开VS Code并进入设置界面,可以通过`文件` -> `首选项` -> `颜色主题`来访问。
2. 在颜色主题选择列表下方,点击“打开资源”或“安装额外主题”按钮,这会打开一个文件资源管理器。
3. 导航到刚才导入的主题文件位置,选择`.json`主题文件,VS Code会自动加载并应用该主题。
4. 如果一切顺利,你现在应该可以看到编辑器已经切换到了雅蓝主题,代码的颜色、背景以及高亮都将有所改变。
HbuilderX雅蓝主题的特点在于其深蓝色调的背景,搭配淡色的文字和符号,使得代码在这样的环境下易于阅读。此外,该主题还对不同类型的代码元素(如关键字、注释、字符串等)使用了鲜明但不刺眼的色彩区分,有助于开发者快速识别和理解代码结构。对于需要长时间编写和阅读代码的开发者来说,这种色彩搭配可以提供良好的视觉体验,同时保持专注力。
在实际开发中,你可以根据个人喜好和项目需求调整主题设置,例如字体大小、行间距、代码折叠样式等。VS Code提供了丰富的自定义选项,使得用户可以根据自己的工作习惯定制出最适合自己的开发环境。
VScode雅蓝配色主题是开发者提升编程体验的一个好选择,通过导入和应用HbuilderX的雅蓝主题,你可以在VS Code中享受到与HbuilderX相似的视觉效果。同时,VS Code的灵活性和可扩展性也允许你根据需要进一步个性化你的代码编辑环境。
怪物小帕
- 粉丝: 3
- 资源: 2
最新资源
- ASME核电建造规范对焊接热影响区韧性降低的补偿要求.pdf
- 机械设计南方航空抛光机 sw14可编辑非常好的设计图纸100%好用.zip
- 数据分析-18-Video Game Sales电子游戏销售分析(包含数据代码)
- delphi 7 解决Indy获取网页内容,UTF8编码乱码问题
- 机械设计卧式离心鼓风机igs非常好的设计图纸100%好用.zip
- 机械设计运输机器人3D模型stp非常好的设计图纸100%好用.zip
- A-TIG焊在碳钢焊接中的应用.pdf
- AWS A5.16A5.16M-2007 钛及钛合金焊接电极和焊条规范.pdf
- 机械设计室外型不锈钢垃圾箱sw14可编辑非常好的设计图纸100%好用.zip
- AWS B2.1-1-003-2002 在焊接条件下、有或没有垫板、10到18规格的镀锌钢的气体保护金属极电弧焊.pdf
- AWS B1.11-2000 中文版 焊接目视检查工作手册.pdf
- AWS B2.1-1-004-2002 在焊接条件下、有或没有垫板、10到18规格的碳钢(M1,组1)的气体保护金属极电弧焊.pdf
- AWS B2.1-1-012-2002 标准焊接程序规范.在焊接条件下、有或没有垫板、10到18规格的碳钢(M1,组1)的保护金属焊条电弧焊.pdf
- AWS B2.1-1-201-96(R2007) 主要用于管道的、在焊接条件下、(M-1/P-1/S-1,1或2组)1/8到3/4英寸厚、E6010(垂直向上)及E7018(垂直向上)碳.pdf
- AWS B2.1-1-202-96(R2007) 主要用于管道的、在焊接条件下、(M-1/P-1/S-1,1或2组)1/8到3/4英寸厚、E6010(垂直向上)及E7018(垂直向上)碳钢.pdf
- AWS B2.1-1-206-96(R2007) 主要用于管道的、在焊接或PWHT条件下(M-1/P-1/S-1,1或2组)1/8到1-1/2英寸厚、E6010(垂直向上)及E7018(垂直.pdf