vscode打造自己的颜色主题

野生程序猿-杂烧4年前随意分享377

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

vscode.png

标签: vscode

相关文章

vue编译成微信小程序的坑

uniapp最大的好处是方便,最大的问题就是编译后多端的异常难以排查。h5端一切正常,在其他端异常。代码不存在语法上的错误,几乎都是平台的差异性导致的,这个时候多半是经验积累不够,坑踩得不够多。很多时...

html5-声音视频自动播放的坑

因为从事的是教学软件的开发,不知何年何月开始声音、视频不支持自动播放了。必须点一个按钮才能播放。教学类软件很多都是有动画的,像播放器一样,从头开始慢慢播放,可以理解为n帧,但是因为程序开发不是视频制作...

扫描仪的驱动安装(一体机网络版)

扫描仪的驱动安装(一体机网络版)

上次介绍了常规硬件的驱动正确安装方法,今天来聊一下打印机一体机的扫描功能的安装。 如果是usb连接,直接驱动管理工具就可以安装上。如果网络连接,一般可以把打印驱动安装上,...

GPS经纬度坐标系转换wgs84转百度【php版】

我们很多做gps设备的获取的经纬度展示轨迹要注意坐标系是需要转换的<?php class GPS {     private&nb...

推荐一款工具ImageMagick

不知道大家有没用过ImageMagick,这个是个图像处理的工具。很专业的功能我也没去了解,接触他主要是因为我们开发教学软件。很多时候需要展示word,pdf。因为我们客户环境的特殊性,不能联网。只能...

阿里云获取TOKEN

阿里云获取TOKEN阿里云有sdk,但是看了一下,解压后有10多MB,于是参照官方文档写一个https://help.aliyun.com/document_detail/113251.html采坑指...