Dark Theme VS2022
Publisher: SoVoKaNThemes in package: 1
Dark theme inspired by Visual Studio 2022.
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeBorder#7160E8FF
- activityBar.background#1F1F1FFF
- activityBar.border#3D3D3DFF
- activityBar.dropBorder#7160E8FF
- activityBar.foreground#FAFAFAFF
- activityBar.inactiveForeground#B2B2B2FF
- activityBarBadge.background#7160E8FF
- activityBarBadge.foreground#FAFAFAFF
- activityBarTop.activeBorder#7160E8FF
- activityBarTop.background#1F1F1FFF
- activityBarTop.dropBorder#7160E8FF
- activityBarTop.foreground#FAFAFAFF
- activityBarTop.inactiveForeground#B2B2B2FF
- activityErrorBadge.background#F14B5CFF
- activityErrorBadge.foreground#FAFAFAFF
- activityWarningBadge.background#F1CA5DFF
- activityWarningBadge.foreground#FAFAFAFF
- badge.background#424242FF
- badge.foreground#FAFAFAFF
- button.background#403582FF
- button.foreground#FAFAFAFF
- button.hoverBackground#4D4D4DFF
- button.secondaryBackground#403582FF
- button.secondaryForeground#FAFAFAFF
- button.secondaryHoverBackground#4D4D4DFF
- checkbox.background#2E2E2EFF
- checkbox.border#999999FF
- checkbox.foreground#D6D6D6FF
- commandCenter.activeBackground#1F1F1FFF
- commandCenter.activeForeground#FAFAFAFF
- commandCenter.background#383838FF
- commandCenter.border#585858FF
- commandCenter.foreground#D6D6D6FF
- debugExceptionWidget.background#1F1F1FFF
- debugExceptionWidget.border#707070FF
- debugIcon.breakpointForeground#C3515CFF
- descriptionForeground#D6D6D6FF
- disabledForeground#5C5C5CFF
- dropdown.background#2E2E2EFF
- dropdown.border#707070FF
- dropdown.foreground#D6D6D6FF
- dropdown.listBackground#2E2E2EFF
- editor.background#1E1E1EFF
- editor.findMatchBackground#3299FF66
- editor.findMatchHighlightBackground#DB550060
- editor.findMatchHighlightBorder#000000FF
- editor.foldBackground#32323240
- editor.foreground#DCDCDCFF
- editor.inactiveSelectionBackground#3298FF33
- editor.lineHighlightBorder#464646FF
- editor.selectionBackground#3298FF66
- editor.selectionHighlightBackground#6161615F
- editor.wordHighlightBackground#0071F560
- editor.wordHighlightBorder#90A7C0FF
- editorActionList.background#2E2E2EFF
- editorActionList.focusBackground#3E3E3EFF
- editorActionList.focusForeground#FAFAFAFF
- editorActionList.foreground#D6D6D6FF
- editorBracketHighlight.foreground1#B4B4B4FF
- editorBracketHighlight.foreground2#B4B4B4FF
- editorBracketHighlight.foreground3#B4B4B4FF
- editorBracketHighlight.foreground4#B4B4B4FF
- editorBracketHighlight.foreground5#B4B4B4FF
- editorBracketHighlight.foreground6#B4B4B4FF
- editorBracketMatch.background#1E1E1EFF
- editorBracketMatch.border#1E1E1EFF
- editorCodeLens.foreground#999999FF
- editorCursor.foreground#DCDCDCFF
- editorError.foreground#FC3E36FF
- editorGhostText.foreground#7D7D7DFF
- editorGroup.border#3D3D3DFF
- editorGroup.dropBackground#7160E866
- editorGroup.dropIntoPromptBackground#00000000
- editorGroup.dropIntoPromptForeground#FAFAFAFF
- editorGroupHeader.tabsBackground#1F1F1FFF
- editorGutter.addedBackground#55B155FF
- editorGutter.deletedBackground#DF6262FF
- editorGutter.foldingControlForeground#DCDCDCFF
- editorGutter.modifiedBackground#0078D4FF
- editorHoverWidget.background#2E2E2EFF
- editorHoverWidget.border#3D3D3DFF
- editorHoverWidget.foreground#FAFAFAFF
- editorIndentGuide.activeBackground1#717171FF
- editorIndentGuide.activeBackground2#717171FF
- editorIndentGuide.activeBackground3#717171FF
- editorIndentGuide.activeBackground4#717171FF
- editorIndentGuide.activeBackground5#717171FF
- editorIndentGuide.activeBackground6#717171FF
- editorIndentGuide.background1#717171FF
- editorIndentGuide.background2#717171FF
- editorIndentGuide.background3#717171FF
- editorIndentGuide.background4#717171FF
- editorIndentGuide.background5#717171FF
- editorIndentGuide.background6#717171FF
- editorInfo.foreground#55AAFFFF
- editorLightBulb.foreground#FFE40AFF
- editorLightBulbAutoFix.foreground#FFE40AFF
- editorLineNumber.activeForeground#E0E0E0FF
- editorLineNumber.foreground#8A8A8AFF
- editorLink.activeForeground#569CD6FF
- editorOverviewRuler.border#3D3D3DFF
- editorOverviewRuler.errorForeground#FC3E36FF
- editorOverviewRuler.findMatchForeground#773800FD
- editorOverviewRuler.selectionHighlightForeground#FFFFFF91
- editorOverviewRuler.warningForeground#95DB7DFF
- editorSuggestWidget.background#1F1F1FFF
- editorSuggestWidget.border#2E2E2EFF
- editorSuggestWidget.foreground#D6D6D6FF
- editorSuggestWidget.selectedBackground#3D3D3DFF
- editorSuggestWidget.selectedForeground#FAFAFAFF
- editorWarning.foreground#95DB7DFF
- editorWidget.background#1F1F1FFF
- editorWidget.border#424242FF
- editorWidget.foreground#FAFAFAFF
- errorForeground#FC3E36FF
- focusBorder#7160E8FF
- foreground#FAFAFAFF
- input.background#383838FF
- input.border#424242FF
- input.foreground#FAFAFAFF
- input.placeholderForeground#D6D6D6FF
- inputOption.activeBackground#2E2E2EFF
- inputOption.activeBorder#7160E8FF
- inputOption.activeForeground#E4E4E4FF
- inputOption.hoverBackground#3D3D3DFF
- list.activeSelectionBackground#383838FF
- list.activeSelectionForeground#FAFAFAFF
- list.dropBackground#403582FF
- list.errorForeground#F14B5CFF
- list.focusBackground#3D3D3DFF
- list.focusForeground#FAFAFAFF
- list.focusOutline#707070FF
- list.highlightForeground#0097FBFF
- list.inactiveSelectionBackground#383838FF
- list.warningForeground#F1CA5DFF
- listFilterWidget.background#383838FF
- listFilterWidget.noMatchesOutline#FF99A4FF
- listFilterWidget.outline#424242FF
- menu.background#2E2E2EFF
- menu.border#424242FF
- menu.foreground#D6D6D6FF
- menu.selectionBackground#3D3D3DFF
- menu.selectionBorder#707070FF
- menu.selectionForeground#FAFAFAFF
- menu.separatorBackground#3D3D3DFF
- menubar.selectionBackground#3D3D3DFF
- menubar.selectionForeground#FAFAFAFF
- notificationCenter.border#3D3D3DFF
- notificationCenterHeader.background#1F1F1FFF
- notificationCenterHeader.foreground#FAFAFAFF
- notifications.background#2E2E2EFF
- notifications.border#3D3D3DFF
- notifications.foreground#FAFAFAFF
- notificationsErrorIcon.foreground#F14B5CFF
- notificationsWarningIcon.foreground#FFDE91FF
- notificationToast.border#666666FF
- panel.background#1F1F1FFF
- panel.border#3D3D3DFF
- panelInput.border#424242FF
- panelSection.border#3D3D3DFF
- panelSection.dropBackground#7160E866
- panelTitle.activeBorder#7160E8FF
- panelTitle.activeForeground#FAFAFAFF
- panelTitle.inactiveForeground#B2B2B2FF
- panelTitleBadge.background#7160E8FF
- panelTitleBadge.foreground#FAFAFAFF
- peekView.border#005893FF
- peekViewEditor.background#001f33FF
- pickerGroup.border#3D3D3DFF
- problemsErrorIcon.foreground#F14B5CFF
- problemsInfoIcon.foreground#55AAFFFF
- problemsWarningIcon.foreground#FFDE91FF
- progressBar.background#707070FF
- quickInput.background#1F1F1FFF
- quickInput.foreground#D6D6D6FF
- quickInputList.focusBackground#3D3D3DFF
- quickInputList.focusForeground#FAFAFAFF
- radio.activeBackground#FFFFFFFF
- radio.activeBorder#787878FF
- radio.activeForeground#212121FF
- sash.hoverBorder#101010FF
- scrollbarSlider.activeBackground#999999FF
- scrollbarSlider.background#4D4D4D72
- scrollbarSlider.hoverBackground#999999FF
- searchEditor.findMatchBackground#006CBEFF
- sideBar.background#1F1F1FFF
- sideBar.border#3D3D3DFF
- sideBar.dropBackground#7160E866
- sideBar.foreground#FAFAFAFF
- sideBarActivityBarTop.border#3D3D3DFF
- sideBarSectionHeader.background#2E2E2EFF
- sideBarSectionHeader.border#3D3D3DFF
- sideBarSectionHeader.foreground#FAFAFAFF
- sideBarTitle.background#1F1F1FFF
- sideBarTitle.border#3D3D3DFF
- sideBarTitle.foreground#FAFAFAFF
- statusBar.background#424242FF
- statusBar.debuggingBackground#861B2DFF
- statusBar.debuggingForeground#FAFAFAFF
- statusBar.foreground#FAFAFAFF
- statusBar.noFolderBackground#1F1F1FFF
- statusBar.noFolderBorder#3D3D3DFF
- statusBar.noFolderForeground#FAFAFAFF
- tab.activeBackground#3D3D3DFF
- tab.activeBorderTop#7160E8FF
- tab.activeForeground#FAFAFAFF
- tab.border#1F1F1FFF
- tab.hoverBackground#3D3D3DFF
- tab.hoverForeground#FAFAFAFF
- tab.inactiveBackground#2E2E2EFF
- tab.inactiveForeground#B2B2B2FF
- tab.unfocusedActiveBackground#3D3D3DFF
- tab.unfocusedActiveBorderTop#666666FF
- tab.unfocusedActiveForeground#B2B2B2FF
- tab.unfocusedHoverBackground#3D3D3DFF
- tab.unfocusedHoverForeground#FAFAFAFF
- tab.unfocusedInactiveBackground#2E2E2EFF
- tab.unfocusedInactiveForeground#B2B2B2FF
- textLink.activeForeground#569CD6FF
- textLink.foreground#569CD6FF
- titleBar.activeBackground#1F1F1FFF
- titleBar.activeForeground#D6D6D6FF
- titleBar.inactiveBackground#1F1F1FFF
- titleBar.inactiveForeground#D6D6D6FF
- toolbar.activeBackground#2E2E2EFF
- toolbar.hoverBackground#3D3D3DFF
- tree.inactiveIndentGuidesStroke#1F1F1FFF
- tree.indentGuidesStroke#1F1F1FFF
- welcomePage.background#1F1F1FFF
- welcomePage.progress.background#383838FF
- welcomePage.progress.foreground#7160E8FF
- widget.border#3D3D3DFF
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| text | #DCDCDCFF | — |
| comment | #57A64AFF | — |
| string | #D69D85FF | — |
| constant.numeric | #B5CEA8FF | — |
| constant.character | #D69D85FF | — |
| constant.language | #569CD6FF | — |
| variable | #9CDCFEFF | — |
| variable.language | #569CD6FF | — |
| variable.parameter | #9A9A9AFF | — |
| variable.other | #DADADAFF | — |
| entity.name.class | #4EC9B0FF | — |
| entity.name.function | #DCDCAAFF | — |
| entity.name.method | #DCDCAAFF | — |
| entity.name.type | #4EC9B0FF | — |
| keyword.control | #D8A0DFFF | — |
| keyword.control.directive | #9B9B9BFF | — |
| keyword.operator | #B4B4B4FF | — |
| keyword.other | #569CD6FF | — |
| storage.type | #569CD6FF | — |
| storage.modifier | #569CD6FF | — |
| punctuation.definition.string | #E8C9BBFF | — |
| punctuation.section | #B4B4B4FF | — |
| punctuation.separator | #B4B4B4FF | — |
| punctuation.terminator | #B4B4B4FF | — |
| punctuation.definition.begin.bracket.square, punctuation.definition.end.bracket.square | #B4B4B4FF | — |
| variable.other.macro.argument.c | #B4B4B4FF | — |
| meta.preprocessor.macro.c | #B4B4B4FF | — |
| keyword.other.unit.binary.c | #B5CEA8FF | — |
| keyword.other.unit.octal.c | #B5CEA8FF | — |
| keyword.other.unit.hexadecimal.c | #B5CEA8FF | — |
| storage.modifier.array.bracket.square.c | #B4B4B4FF | — |
| punctuation.definition.parameters.begin.c, punctuation.definition.parameters.end.c | #B4B4B4FF | — |
| variable.other.macro.argument.cpp | #B4B4B4FF | — |
| meta.preprocessor.macro.cpp | #B4B4B4FF | — |
| keyword.operator.sizeof.cpp | #569CD6FF | — |
| keyword.other.unit.suffix.floating-point.cpp | #B5CEA8FF | — |
| keyword.other.unit.binary.cpp | #B5CEA8FF | — |
| keyword.other.unit.octal.cpp | #B5CEA8FF | — |
| keyword.other.unit.hexadecimal.cpp | #B5CEA8FF | — |
| entity.name.scope-resolution.cpp | #C8C8C8FF | — |
| entity.name.function.preprocessor.cpp | #DCDCDCFF | — |
| storage.modifier.array.bracket.square.c | #B4B4B4FF | — |
| punctuation.definition.parameters.begin.cpp, punctuation.definition.parameters.end.cpp | #B4B4B4FF | — |
| constant.language.go.mod | #D7BA7DFF | — |
| variable.other.go | #4EC9B0FF | — |
| variable.other.constant.go | #9CDCFEFF | — |
| variable.other.assignment.go | #9CDCFEFF | — |
| variable.other.property.go | #DADADAFF | — |
| entity.name.type.go | #86C691FF | — |
| entity.name.type.package.go | #4EC9B0FF | — |
| keyword.go.mod | #569CD6FF | — |
| keyword.package.go | #569CD6FF | — |
| keyword.struct.go | #569CD6FF | — |
| keyword.interface.go | #569CD6FF | — |
| keyword.function.go | #569CD6FF | — |
| keyword.type.go | #569CD6FF | — |
| keyword.map.go | #569CD6FF | — |
| keyword.var.go | #569CD6FF | — |
| keyword.const.go | #569CD6FF | — |
| punctuation.definition.begin.bracket.curly.go, punctuation.definition.end.bracket.curly.go, punctuation.definition.begin.bracket.round.go, punctuation.definition.end.bracket.round.go, punctuation.definition.begin.bracket.square.go, punctuation.definition.end.bracket.square.go, punctuation.other.comma.go, punctuation.other.colon.go | #B4B4B4FF | — |
| variable.other.object.java | #9CDCFEFF | — |
| variable.other.definition.java | #9CDCFEFF | — |
| entity.other.inherited-class.java | #4EC9B0FF | — |
| keyword.other.import.java | #D8A0DFFF | — |
| storage.type.java | #4EC9B0FF | — |
| storage.modifier.package.java | #4EC9B0FF | — |
| storage.type.function.arrow.java | #B4B4B4FF | — |
| meta.method-call.java | #9CDCFEFF | — |
| punctuation.bracket.angle.java, punctuation.bracket.square.java, punctuation.definition.parameters.begin.bracket.round.java, punctuation.definition.parameters.end.bracket.round.java | #B4B4B4FF | — |
| storage.type.string.python | #E8C9BBFF | — |
| punctuation.definition.decorator.python | #BBB529FF | — |
| punctuation.definition.arguments.begin.python, punctuation.definition.arguments.end.python, punctuation.definition.list.begin.python, punctuation.definition.list.end.python, punctuation.definition.dict.begin.python, punctuation.definition.dict.end.python | #B4B4B4FF | — |
| entity.name.tag.html | #569CD6FF | — |
| entity.other.attribute-name.html | #9CDCFEFF | — |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #808080FF | — |
| variable.other.normal.shell | #9CDCFEFF | — |
| variable.other.assignment.shell | #9CDCFEFF | — |
| variable.other.for.shell | #9CDCFEFF | — |
| entity.name.command.shell | #D8A0DFFF | — |
| punctuation.definition.variable.shell | #B4B4B4FF | — |
| string.unquoted.cmake | #9CDCFEFF | — |
| variable.other.cmake | #9CDCFEFF | — |
| variable.other.env.cmake | #9CDCFEFF | — |
| support.function.cmake | #DCDCAAFF | — |
| support.function.commandProperty.cmake | #D8A0DFFF | — |
| support.type.build.cmake | #4EC9B0FF | — |
| support.type.system.cmake | #4EC9B0FF | — |
| support.type.testProperty.cmake | #4EC9B0FF | — |
| support.type.targetProperty.cmake | #569CD6FF | — |
| support.type.globalProperty.cmake | #4EC9B0FF | — |
| support.type.sourceFile.cmake | #4EC9B0FF | — |
| support.type.provideInfo.cmake | #4EC9B0FF | — |
| text.xml | #C8C8C8FF | — |
| entity.name.tag.xml | #569CD6FF | — |
| entity.other.attribute-name.xml | #92CAF4FF | — |
| entity.name.tag.localname.xml | #569CD6FF | — |
| entity.other.attribute-name.localname.xml | #92CAF4FF | — |
| entity.other.attribute-name.namespace.xml | #92CAF4FF | — |
| punctuation.definition.tag.xml | #808080FF | — |
| support.type.property-name.json | #D7BA7DFF | — |
| entity.name.section.group-title.ini | #4EC9B0FF | — |