vscode打造自己的颜色主题
vscode的颜色主题大家有喜欢的吗? 默认主题反正我一个都不喜欢,我用了至少5年的dreamviwer,产生了习惯,因此编辑器喜欢浅色的。
于是有了自己打造主题的想法,这里直接投机取巧,野生出奇迹。
方法如下:
1、先去市场上找一个看得顺眼的。
2、Microsoft VS Code/resources/app/extensions/下有刚下载好的主题文件夹,如: theme-abc,复制为theme-demo
3、theme-demo里仅仅有几个文件,把abc改成demo。主要是package.json、package.nls.json、demo-color-theme.json(这个文件名要换成对应的demo)
4、慢慢调整demo-color-theme.json
{ "name": "demo", "colors": { "editor.background": "#ffffff",//编辑器背景颜色 "editor.foreground": "#000000",//编辑器默认前景色 "editor.lineHighlightBackground": "#e8e8ff",//光标所在行高亮文本的背景颜色 "editor.selectionBackground": "#c0c0c0",//编辑器所选内容的颜色 "editorCursor.foreground": "#000000",// 编辑器光标颜色 "editorWhitespace.foreground": "#cccccc", "editorGutter.background": "#f0f0f0",//行号背景 编辑器导航线的背景色,导航线包括边缘符号和行号 "editorLineNumber.foreground": "#888888",//行号文字颜色 "editorLineNumber.activeForeground": "#0b216f", "editorBracketMatch.background": "#0064001a",//匹配括号的背景色 //编辑器顶部的选项卡 "tab.activeBackground": "#f7f9ff",//活动选项卡的背景色 "tab.activeForeground": "#5a5555",// 活动组中活动选项卡的前景色 "tab.activeModifiedBorder": "#33aaee",//活动组中非活动选项卡的前景色 "tab.border": "#f3f3f3", "tab.inactiveBackground": "#ececec",//非活动选项卡的背景色 "tab.inactiveForeground": "#333333b3", "tab.inactiveModifiedBorder": "#33aaee80", "tab.unfocusedActiveBackground": "#f7f9ff", "tab.unfocusedActiveForeground": "#333333b3", "tab.unfocusedActiveModifiedBorder": "#33aaeeb3", "tab.unfocusedInactiveBackground": "#ececec", "tab.unfocusedInactiveForeground": "#33333359", "tab.unfocusedInactiveModifiedBorder": "#33aaee40", "tab.hoverBackground": "#ffffff", "tab.unfocusedHoverBackground": "#ffffff", "tab.unfocusedHoverForeground": "#ff0000", //选项卡背景色 改下面的editorGroupHeader.tabsBackground //"editorGroup.border": "#e7e7e7", //"editorGroup.dropBackground": "#2677cb2e", "editorGroupHeader.noTabsBackground": "#f7f9ff", "editorGroupHeader.tabsBackground": "#f1f1f1", //"tab.hoverForeground": "#ff0000", //"editor.foldBackground": "#ff0000", //"welcomePage.background": "#ff0000", // "editor.snippetTabstopHighlightBackground": "#ff0000", // "editorIndentGuide.activeBackground": "#ff0000", // "notifications.background": "#ff0000", // "editorGroup.dropBackground": "#ff0000", // "peekViewTitle.background": "#ff0000", "editor.findMatchBackground": "#a8ac94",//当前搜索匹配项的颜色 "editor.findMatchHighlightBackground": "#ea5c0055",//其他搜索匹配项的颜色 "editor.rangeHighlightBackground": "#fdff0033",//突出显示范围的背景颜色,例如 "Quick Open" 和“查找”功能 "editor.selectionHighlightBackground": "#dadada99",//与所选内容具有相同内容的区域颜色 "sideBar.background": "#f2f2f2",//侧边栏背景色 "sideBar.foreground": "#000000",//侧边栏前景色 "sideBar.dropBackground": "#0000001a", "sideBar.border": "#525151", "sideBarTitle.foreground": "#000000", "sideBarSectionHeader.border": "#ff0000", "sideBarSectionHeader.foreground": "#000000", "sideBarSectionHeader.background": "#55555533",//侧边栏节标题的背景颜色 "statusBar.background": "#007acc",//标准状态栏背景色 "statusBar.debuggingBackground": "#cc6633",//调试程序时状态栏的背景色 "statusBar.debuggingForeground": "#ffffff", "statusBar.foreground": "#ffffff", "statusBar.noFolderBackground": "#68217a",//没有打开文件夹时状态栏的背景色 "activityBar.activeBorder": "#ffffff", "activityBar.background": "#000000de",//活动栏背景色 左侧条背景色 "activityBar.dropBackground": "#ffffff96",// "activityBar.foreground": "#ffffff",//活动栏前景色(例如用于图标) "activityBar.inactiveForeground": "#ffffffd0", "activityBarBadge.background": "#007acc", "activityBarBadge.foreground": "#ffffff", "badge.background": "#c4c4c4", "badge.foreground": "#333333", "breadcrumb.activeSelectionForeground": "#4e4e4e", "breadcrumb.background": "#f7f9ff", "breadcrumb.focusForeground": "#4e4e4e", "breadcrumb.foreground": "#140f0f8a", "breadcrumbPicker.background": "#0f0404", "button.background": "#007acc", "button.foreground": "#ffffff", "button.hoverBackground": "#0062a3", //"checkbox.background": "#ffffff", //"checkbox.border": "#cecece", // "debugExceptionWidget.background": "#000000", // "debugExceptionWidget.border": "#a31515", // "debugIcon.breakpointCurrentStackframeForeground": "#ffcc00", // "debugIcon.breakpointDisabledForeground": "#848484", // "debugIcon.breakpointForeground": "#e51400", // "debugIcon.breakpointStackframeForeground": "#89d185", // "debugIcon.breakpointUnverifiedForeground": "#848484", // "debugIcon.continueForeground": "#007acc", // "debugIcon.disconnectForeground": "#a1260d", // "debugIcon.pauseForeground": "#007acc", // "debugIcon.restartForeground": "#388a34", // "debugIcon.startForeground": "#388a34", // "debugIcon.stepBackForeground": "#007acc", // "debugIcon.stepIntoForeground": "#007acc", // "debugIcon.stepOutForeground": "#007acc", // "debugIcon.stepOverForeground": "#007acc", // "debugIcon.stopForeground": "#a1260d", // "debugTokenExpression.boolean": "#0000ff", // "debugTokenExpression.error": "#e51400", // "debugTokenExpression.name": "#9b46b0", // "debugTokenExpression.number": "#098658", // "debugTokenExpression.string": "#a31515", // "debugTokenExpression.value": "#6c6c6ccc", //"debugToolBar.background": "#ff0000", // "debugView.exceptionLabelBackground": "#a31515", // "debugView.exceptionLabelForeground": "#616161", // "debugView.stateLabelBackground": "#88888844", // "debugView.stateLabelForeground": "#616161", // "debugView.valueChangedHighlight": "#569cd6", "editorSuggestWidget.background": "#f3f3f3", "editorSuggestWidget.border": "#c8c8c8", "editorSuggestWidget.foreground": "#000000", "editorSuggestWidget.highlightForeground": "#0066bf", "editorSuggestWidget.selectedBackground": "#d6ebff", //面板 "panel.background": "#eeeeee", "panel.border": "#13020259", "panel.dropBackground": "#e7ebee2e", "panelInput.border": "#eeeeee", "panelTitle.activeBorder": "#424242", "panelTitle.activeForeground": "#c40909", "panelTitle.inactiveForeground": "#181414bf", //终端 可能不含 调试控制台 "terminal.ansiBlack": "#000000", "terminal.ansiBlue": "#0451a5", "terminal.ansiBrightBlack": "#666666", "terminal.ansiBrightBlue": "#0451a5", "terminal.ansiBrightCyan": "#0598bc", "terminal.ansiBrightGreen": "#14ce14", "terminal.ansiBrightMagenta": "#bc05bc", "terminal.ansiBrightRed": "#cd3131", "terminal.ansiBrightWhite": "#a5a5a5", "terminal.ansiBrightYellow": "#b5ba00", "terminal.ansiCyan": "#0598bc", "terminal.ansiGreen": "#00bc00", "terminal.ansiMagenta": "#bc05bc", "terminal.ansiRed": "#cd3131", "terminal.ansiWhite": "#555555", "terminal.ansiYellow": "#949800", "terminal.border": "#80808059", "terminal.foreground": "#333333", "terminal.selectionBackground": "#00000040", "terminal.background": "#ffffff", //终端那边的下拉列表 cmd啥的 "dropdown.background": "#eeeeee", "dropdown.border": "#cecece", "dropdown.listBackground": "#ffffff", "dropdown.foreground": "#ff0000", "input.background": "#eeeeee", "input.foreground": "#616161", "input.placeholderForeground": "#61616180", "inputOption.activeBackground": "#007acc1f", "inputOption.activeBorder": "#007acc00", "inputValidation.errorBackground": "#f2dede", "inputValidation.errorBorder": "#be1100", "inputValidation.infoBackground": "#d6ecf2", "inputValidation.infoBorder": "#007acc", "inputValidation.warningBackground": "#f6f5d2", "inputValidation.warningBorder": "#b89500", "settings.checkboxBackground": "#ffffff", "settings.checkboxForeground": "#ff0000", "settings.checkboxBorder": "#cecece", "settings.dropdownBackground": "#ffffff", "settings.dropdownForeground": "#ff0000", "settings.dropdownBorder": "#000000", "settings.dropdownListBorder": "#000000", "settings.headerForeground": "#444444", "settings.modifiedItemIndicator": "#66afe0", "settings.numberInputBackground": "#ffffff", "settings.numberInputForeground": "#616161", "settings.textInputBackground": "#ffffff", "settings.textInputForeground": "#616161", "settings.textInputBorder": "#000000", "settings.numberInputBorder": "#000000", "textBlockQuote.background": "#7f7f7f59", "textBlockQuote.border": "#007acc80", "textCodeBlock.background": "#333333", //"textLink.activeForeground": "#006ab1", //"textLink.foreground": "#006ab1", "textPreformat.foreground": "#a31515", "textSeparator.foreground": "#0000002e", "titleBar.activeBackground": "#dddddd", "titleBar.activeForeground": "#333333", "titleBar.inactiveBackground": "#dddddd99", "titleBar.inactiveForeground": "#33333399", //"selection.background": "#ec080888", "editorInfo.foreground": "#ff0000", "menu.background": "#ffffff", "menu.foreground": "#616161", "menu.selectionBackground": "#0074e8", "menu.selectionForeground": "#ffffff", "menu.separatorBackground": "#888888", "menubar.selectionBackground": "#c7aeaef6", "menubar.selectionForeground": "#f71111", "menu.border": "#ff0000", "menu.selectionBorder": "#ff0000", // "quickInput.background": "#f3f3f3", // "quickInput.foreground": "#616161", // "quickInputTitle.background": "#0000000f", "scrollbar.shadow": "#dddddd3a", "scrollbarSlider.activeBackground": "#00000099", "scrollbarSlider.background": "#64646466", "scrollbarSlider.hoverBackground": "#646464b3", //"descriptionForeground": "#717171", //"diffEditor.diagonalFill": "#22222233", //"diffEditor.insertedTextBackground": "#9bb95533", //"diffEditor.removedTextBackground": "#ff000033", //"editor.findRangeHighlightBackground": "#b4b4b44d", //"editor.focusedStackFrameHighlightBackground": "#cee7ce73", //"editor.foldBackground": "#c0c0c04d", //"editor.hoverHighlightBackground": "#add6ff26", //"editor.inactiveSelectionBackground": "#c0c0c080", //"editor.lineHighlightBorder": "#eeeeee", //"editor.snippetFinalTabstopHighlightBorder": "#0a326480", //"editor.snippetTabstopHighlightBackground": "#0a326433", //"editor.stackFrameHighlightBackground": "#ffff6673", //"editor.symbolHighlightBackground": "#ea5c0055", //"editor.wordHighlightBackground": "#57575740", //"editor.wordHighlightStrongBackground": "#0e639c40", //"editorActiveLineNumber.foreground": "#0b216f", //"editorBracketMatch.border": "#b9b9b9", //"editorCodeLens.foreground": "#999999", //"editorError.foreground": "#e51400", //"editorGutter.addedBackground": "#81b88b", //"editorGutter.commentRangeForeground": "#c5c5c5", //"editorGutter.deletedBackground": "#ca4b51", //"editorGutter.foldingControlForeground": "#424242", //"editorGutter.modifiedBackground": "#66afe0", //"editorHint.foreground": "#6c6c6c", //"editorHoverWidget.background": "#f3f3f3", //"editorHoverWidget.border": "#c8c8c8", //"editorHoverWidget.foreground": "#616161", //"editorHoverWidget.statusBarBackground": "#e7e7e7", //"editorIndentGuide.activeBackground": "#cccccc", //"editorIndentGuide.background": "#cccccc", //"editorLightBulb.foreground": "#ddb100", //"editorLightBulbAutoFix.foreground": "#007acc", //"editorLink.activeForeground": "#0000ff", //"editorMarkerNavigation.background": "#ffffff", //"editorMarkerNavigationError.background": "#e51400", //"editorMarkerNavigationInfo.background": "#75beff", //"editorMarkerNavigationWarning.background": "#e9a700", //"editorOverviewRuler.addedForeground": "#81b88b99", //"editorOverviewRuler.border": "#7f7f7f4d", //"editorOverviewRuler.bracketMatchForeground": "#a0a0a0", //"editorOverviewRuler.commonContentForeground": "#60606066", //"editorOverviewRuler.currentContentForeground": "#40c8ae80", //"editorOverviewRuler.deletedForeground": "#ca4b5199", //"editorOverviewRuler.errorForeground": "#ff1212b3", //"editorOverviewRuler.findMatchForeground": "#d186167e", //"editorOverviewRuler.incomingContentForeground": "#40a6ff80", //"editorOverviewRuler.infoForeground": "#75beff", //"editorOverviewRuler.modifiedForeground": "#66afe099", //"editorOverviewRuler.rangeHighlightForeground": "#007acc99", //"editorOverviewRuler.selectionHighlightForeground": "#a0a0a0cc", //"editorOverviewRuler.warningForeground": "#e9a700", //"editorOverviewRuler.wordHighlightForeground": "#a0a0a0cc", //"editorOverviewRuler.wordHighlightStrongForeground": "#c0a0c0cc", "editorPane.background": "#f7f9ff", "editorRuler.foreground": "#a88f8f", //"editorUnnecessaryCode.opacity": "#00000077", //"editorWarning.foreground": "#e9a700", //"editorWidget.background": "#f3f3f3", //"editorWidget.border": "#c8c8c8", //"editorWidget.foreground": "#616161", //"errorForeground": "#a1260d", //"extensionBadge.remoteBackground": "#007acc", //"extensionBadge.remoteForeground": "#ffffff", //"extensionButton.prominentBackground": "#327e36", //"extensionButton.prominentForeground": "#ffffff", //"extensionButton.prominentHoverBackground": "#28632b", //"focusBorder": "#007acc66", "foreground": "#616161", //"gitDecoration.addedResourceForeground": "#587c0c", //"gitDecoration.conflictingResourceForeground": "#6c6cc4", //"gitDecoration.deletedResourceForeground": "#ad0707", //"gitDecoration.ignoredResourceForeground": "#8e8e90", //"gitDecoration.modifiedResourceForeground": "#895503", //"gitDecoration.submoduleResourceForeground": "#1258a7", //"gitDecoration.untrackedResourceForeground": "#007100", //"icon.foreground": "#424242", //"imagePreview.border": "#80808059", "list.activeSelectionBackground": "#0074e8", "list.activeSelectionForeground": "#ffffff", "list.deemphasizedForeground": "#8e8e90", "list.dropBackground": "#d6ebff", "list.errorForeground": "#b01011", "list.filterMatchBackground": "#ea5c0055", "list.focusBackground": "#d6ebff", "list.highlightForeground": "#0066bf", "list.hoverBackground": "#f0f0f0", "list.inactiveSelectionBackground": "#e4e6f1", "list.invalidItemForeground": "#b89500", "list.warningForeground": "#855f00", "listFilterWidget.background": "#efc1ad", "listFilterWidget.noMatchesOutline": "#be1100", "listFilterWidget.outline": "#00000000", //"merge.commonContentBackground": "#60606029", //"merge.commonHeaderBackground": "#60606066", //"merge.currentContentBackground": "#40c8ae33", //"merge.currentHeaderBackground": "#40c8ae80", //"merge.incomingContentBackground": "#40a6ff33", //"merge.incomingHeaderBackground": "#40a6ff80", //"minimap.errorHighlight": "#ff1212b3", //"minimap.findMatchHighlight": "#d18616", //"minimap.selectionHighlight": "#add6ff", //"minimap.warningHighlight": "#e9a700", //"minimapGutter.addedBackground": "#81b88b", //"minimapGutter.deletedBackground": "#ca4b51", //"minimapGutter.modifiedBackground": "#66afe0", //"minimapSlider.activeBackground": "#0000004d", //"minimapSlider.background": "#64646433", //"minimapSlider.hoverBackground": "#64646459", //"notebook.cellToolbarSeperator": "#80808059", //"notebook.focusedCellIndicator": "#66afe0", //"notebook.outputContainerBackgroundColor": "#edeff9", //"notificationCenterHeader.background": "#e7e7e7", //"notificationLink.foreground": "#006ab1", //"notifications.background": "#f3f3f3", //"notifications.border": "#e7e7e7", //"notifications.foreground": "#616161", //"notificationsErrorIcon.foreground": "#e51400", //"notificationsInfoIcon.foreground": "#75beff", //"notificationsWarningIcon.foreground": "#e9a700", //"peekView.border": "#007acc", //"peekViewEditor.background": "#f2f8fc", //"peekViewEditor.matchHighlightBackground": "#f5d802de", //"peekViewEditorGutter.background": "#f2f8fc", //"peekViewResult.background": "#f3f3f3", //"peekViewResult.fileForeground": "#1e1e1e", //"peekViewResult.lineForeground": "#646465", //"peekViewResult.matchHighlightBackground": "#ea5c004d", //"peekViewResult.selectionBackground": "#3399ff33", //"peekViewResult.selectionForeground": "#6c6c6c", //"peekViewTitle.background": "#ffffff", //"peekViewTitleDescription.foreground": "#616161e6", //"peekViewTitleLabel.foreground": "#333333", //"pickerGroup.border": "#cccedb", //"pickerGroup.foreground": "#0066bf", //"problemsErrorIcon.foreground": "#e51400", //"problemsInfoIcon.foreground": "#75beff", //"problemsWarningIcon.foreground": "#e9a700", //"progressBar.background": "#0e70c0", //"searchEditor.findMatchBackground": "#ea5c0038", //"statusBar.noFolderForeground": "#ffffff", //"statusBarItem.activeBackground": "#ffffff2e", //"statusBarItem.hoverBackground": "#ffffff1f", //"statusBarItem.prominentBackground": "#00000080", //"statusBarItem.prominentForeground": "#ffffff", //"statusBarItem.prominentHoverBackground": "#0000004d", //"statusBarItem.remoteBackground": "#007acc", //"statusBarItem.remoteForeground": "#ffffff", //"symbolIcon.arrayForeground": "#616161", //"symbolIcon.booleanForeground": "#616161", //"symbolIcon.classForeground": "#d67e00", //"symbolIcon.colorForeground": "#616161", //"symbolIcon.constantForeground": "#616161", //"symbolIcon.constructorForeground": "#652d90", //"symbolIcon.enumeratorForeground": "#d67e00", //"symbolIcon.enumeratorMemberForeground": "#007acc", //"symbolIcon.eventForeground": "#d67e00", //"symbolIcon.fieldForeground": "#007acc", //"symbolIcon.fileForeground": "#616161", //"symbolIcon.folderForeground": "#616161", //"symbolIcon.functionForeground": "#652d90", //"symbolIcon.interfaceForeground": "#007acc", //"symbolIcon.keyForeground": "#616161", //"symbolIcon.keywordForeground": "#616161", //"symbolIcon.methodForeground": "#652d90", //"symbolIcon.moduleForeground": "#616161", //"symbolIcon.namespaceForeground": "#616161", //"symbolIcon.nullForeground": "#616161", //"symbolIcon.numberForeground": "#616161", //"symbolIcon.objectForeground": "#616161", //"symbolIcon.operatorForeground": "#616161", //"symbolIcon.packageForeground": "#616161", //"symbolIcon.propertyForeground": "#616161", //"symbolIcon.referenceForeground": "#616161", //"symbolIcon.snippetForeground": "#616161", //"symbolIcon.stringForeground": "#616161", //"symbolIcon.structForeground": "#616161", //"symbolIcon.textForeground": "#616161", //"symbolIcon.typeParameterForeground": "#616161", //"symbolIcon.unitForeground": "#616161", //"symbolIcon.variableForeground": "#007acc", //"tree.indentGuidesStroke": "#a9a9a9", //"widget.shadow": "#a8a8a8" }, "tokenColors": [ { "scope": "comment", "settings": { "foreground": "#008000" } }, { "scope": "string", "settings": { "foreground": "#be5524" } }, { "scope": "constant.numeric", "settings": { "foreground": "#FF0000" } }, { "scope": "constant.language", "settings": { "foreground": "#000080", "fontStyle": "italic" } }, { "scope": "constant.language", "settings": { "foreground": "#000080", "fontStyle": "bold" } }, { "scope": "constant.character, constant.other", "settings": { "foreground": "#000000" } }, { "scope": "variable", "settings": { "fontStyle": "" } }, { "scope": "keyword", "settings": { "foreground": "#0000FF", "fontStyle": "bold" } }, { "scope": "storage.type", "settings": { "foreground": "#0000FF", "fontStyle": "bold" } }, { "scope": "entity.name.tag", "settings": { "foreground": "#0000FF" } }, { "scope": "entity.other.attribute-name.html", "settings": { "foreground": "#FF0000" } }, { "scope": "string.quoted.double.html, string.quoted.single.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html", "settings": { "foreground": "#8000FF" } }, { "scope": "entity.other.attribute-name.class.css", "settings": { "foreground": "#FF0000" } }, { "scope": "entity.other.attribute-name.id.css", "settings": { "foreground": "#076ed4", "fontStyle": "bold" } }, { "scope": "entity.other.attribute-name.pseudo-element.css", "settings": { "foreground": "#d80491", "fontStyle": "bold" } }, { "scope": "meta.property-name.css", "settings": { "foreground": "#8080C0", "fontStyle": "bold" } }, { "scope": "meta.property-value.css, constant.numeric.css, constant.other.color.rgb-value.css, support.constant.property-value.css, support.constant.font-name.css", "settings": { "foreground": "#000000", "fontStyle": "bold" } }, { "scope": "keyword.other.important.css", "settings": { "foreground": "#FF0000", "fontStyle": "bold" } }, { "scope": "source.ruby.embedded.html", "settings": { "background": "#00FFFF" } }, { "scope": "punctuation.section.embedded.ruby", "settings": { "background": "#FFFF00" } }, { "scope": "entity.name.function", "settings": { "foreground": "#FF00FF" } }, { "scope": "keyword.operator", "settings": { "foreground": "#000000" } }, { "scope": "entity.name.type.class", "settings": { "fontStyle": "bold" } }, { "scope": "keyword.operator.new", "settings": { "foreground": "#0000FF", "fontStyle": "bold" } }, { "scope": "storage.modifier", "settings": { "fontStyle": "bold" } }, { "scope": "token.info-token", "settings": { "foreground": "#316BCD" } }, { "scope": "token.warn-token", "settings": { "foreground": "#CD9731" } }, { "scope": "token.error-token", "settings": { "foreground": "#CD3131" } }, { "scope": "token.debug-token", "settings": { "foreground": "#800080" } } ], "semanticHighlighting": true }
然后去主题里,修改为自己的theme-demo