Visual Studio Mode
Publisher: VisualStudioModeThemes in package: 1
Transforms VS Code into Visual Studio 2022 with authentic UI/UX, colors, icons, and features.
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.background#1E1E1E
- activityBar.border#3F3F46
- activityBar.foreground#F1F1F1
- activityBar.inactiveForeground#C8C8C8
- contrastBorder#3F3F46
- editor.background#1E1E1E
- editor.foreground#DCDCDC
- editor.inactiveSelectionBackground#3399FF20
- editor.lineHighlightBackground#00000000
- editor.lineHighlightBorder#606060
- editor.selectionBackground#3399FF40
- editor.selectionHighlightBackground#3399FF30
- editor.wordHighlightBackground#3399FF30
- editor.wordHighlightStrongBackground#3399FF40
- editorBracketHighlight.foreground1#DCDCDC
- editorBracketHighlight.foreground2#DCDCDC
- editorBracketHighlight.foreground3#DCDCDC
- editorBracketHighlight.foreground4#DCDCDC
- editorBracketHighlight.foreground5#DCDCDC
- editorBracketHighlight.foreground6#DCDCDC
- editorGroupHeader.tabsBackground#1E1E1E
- editorIndentGuide.activeBackground#575757
- editorIndentGuide.background#333333
- editorLineNumber.activeForeground#2B91AF
- editorLineNumber.foreground#2B91AF
- editorLink.activeForeground#569CD6
- editorSuggestWidget.background#1E1E1E
- editorSuggestWidget.border#3F3F46
- editorSuggestWidget.foreground#DCDCDC
- editorSuggestWidget.highlightForeground#569CD6
- editorSuggestWidget.selectedBackground#3E3E42
- editorSuggestWidget.selectedForeground#FFFFFF
- editorSuggestWidgetStatus.background#1E1E1E
- editorSuggestWidgetStatus.foreground#C8C8C8
- panel.background#1E1E1E
- panel.border#3F3F46
- panelTitle.activeBorder#68217A
- sideBar.background#1E1E1E
- sideBar.border#3F3F46
- sideBarSectionHeader.background#1E1E1E
- sideBarSectionHeader.border#3F3F46
- sideBarSectionHeader.foreground#F1F1F1
- sideBarTitle.foreground#F1F1F1
- statusBar.background#68217A
- statusBar.debuggingBackground#CA5100
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#FFFFFF
- statusBar.noFolderBackground#68217A
- tab.activeBackground#1E1E1E
- tab.activeBorderTop#68217A
- tab.activeForeground#FFFFFF
- tab.border#00000000
- tab.inactiveBackground#1E1E1E
- tab.inactiveForeground#C8C8C8
- textLink.activeForeground#549CD6
- textLink.foreground#549CD6
- titleBar.activeBackground#1E1E1E
- titleBar.activeForeground#F1F1F1
- titleBar.inactiveBackground#1E1E1E
- titleBar.inactiveForeground#C8C8C8
- widget.shadow#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage.modifier, storage.type | #569CD6 | — |
| keyword.control, keyword.control.flow, keyword.control.conditional | #D8A0DF | — |
| string, punctuation.definition.string | #D69D85 | — |
| comment, punctuation.definition.comment | #57A64A | — |
| entity.name.type.class, entity.name.class, support.class | #4EC9B0 | — |
| entity.name.type.interface, entity.name.type.enum | #B8D7A3 | — |
| variable, variable.parameter, variable.other | #DCDCDC | — |
| entity.name.function, support.function | #DCDCAA | — |
| constant.numeric | #B5CEA8 | — |
| constant.language | #569CD6 | — |
| punctuation, meta.brace, meta.delimiter | #DCDCDC | — |
| markup.underline.link, string.other.link | #569CD6 | underline |