Compact VS Code
Publisher: Arka BanerjeeThemes in package: 2
makes your vs code setup very minimalistic and compact and the themes are inspired from some of the most loved characters
Color themes
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#00BCD4
- activityBar.activeFocusBorder#00E5FF
- activityBar.background#131A26
- activityBar.border#131A26
- activityBar.foreground#ABB2BF
- activityBarBadge.background#FF5252
- activityBarBadge.foreground#FFFFFF
- badge.background#FF5252
- badge.foreground#FFFFFF
- button.background#5DADE2
- button.foreground#FFFFFF
- button.hoverBackground#7EC0EE
- debugExceptionWidget.background#1A2536
- debugExceptionWidget.border#1A2536
- debugToolBar.background#1A2536
- diffEditor.insertedTextBackground#8BC34A26
- diffEditor.removedTextBackground#FF525226
- dropdown.background#1A2536
- dropdown.border#37474F
- dropdown.foreground#ABB2BF
- editor.background#131A26
- editor.findMatchBackground#FFCA2833
- editor.findMatchBorder#FFCA28
- editor.findMatchHighlightBackground#FFCA281A
- editor.findMatchHighlightBorder#FFCA2880
- editor.findRangeHighlightBackground#2E3B4E
- editor.findRangeHighlightBorder#131A2600
- editor.foreground#b3bac8
- editor.inactiveSelectionBackground#2E3B4E40
- editor.lineHighlightBackground#1A2536
- editor.rangeHighlightBackground#1A2536
- editor.selectionBackground#2E3B4E
- editor.selectionHighlightBackground#37474F
- editor.selectionHighlightBorder#5C6A7D
- editor.wordHighlightBackground#2E3B4E
- editor.wordHighlightStrongBackground#00BCD433
- editorBracketMatch.background#37474F4D
- editorBracketMatch.border#5C6A7D99
- editorCodeLens.foreground#5C6A7D
- editorCursor.foreground#00BCD4
- editorError.foreground#FF5252
- editorGroup.border#0F1A2A
- editorGroup.emptyBackground#131A26
- editorGroupHeader.noTabsBackground#1A2536
- editorGroupHeader.tabsBackground#1A2536
- editorGroupHeader.tabsBorder#0F1A2A
- editorGutter.addedBackground#8BC34A99
- editorGutter.deletedBackground#FF525299
- editorGutter.modifiedBackground#5DADE299
- editorHoverWidget.background#1A2536
- editorHoverWidget.border#0F1A2A
- editorHoverWidget.foreground#ABB2BF
- editorIndentGuide.activeBackground1#5C6A7DB3
- editorIndentGuide.background1#37474F4D
- editorLineNumber.activeForeground#5C6A7D
- editorLineNumber.foreground#37474F
- editorLink.activeForeground#00BCD4
- editorMarkerNavigation.background#1A2536
- editorOverviewRuler.addedForeground#8BC34A99
- editorOverviewRuler.border#1A2536
- editorOverviewRuler.deletedForeground#FF525299
- editorOverviewRuler.errorForeground#FF5252
- editorOverviewRuler.modifiedForeground#5DADE299
- editorOverviewRuler.warningForeground#FFCA28
- editorRuler.foreground#37474F4D
- editorSuggestWidget.background#1A2536
- editorSuggestWidget.border#0F1A2A
- editorSuggestWidget.foreground#ABB2BF
- editorSuggestWidget.highlightForeground#00BCD4
- editorSuggestWidget.selectedBackground#2E3B4E
- editorWarning.foreground#FFCA28
- editorWhitespace.foreground#37474F
- editorWidget.background#1A2536
- editorWidget.foreground#ABB2BF
- extensionButton.prominentBackground#00BCD4
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#00E5FF
- focusBorder#00BCD4
- foreground#ABB2BF
- gitDecoration.conflictingResourceForeground#FF5252
- gitDecoration.deletedResourceForeground#FF5252
- gitDecoration.ignoredResourceForeground#5C6A7D
- gitDecoration.modifiedResourceForeground#8BC34A
- gitDecoration.submoduleResourceForeground#00BCD4
- gitDecoration.untrackedResourceForeground#FFCA28
- input.background#1A2536
- input.border#37474F
- input.foreground#ABB2BF
- input.placeholderForeground#5C6A7D
- inputOption.activeBorder#00BCD4
- inputValidation.errorBackground#3D081D
- inputValidation.errorBorder#FF5252
- inputValidation.infoBackground#1A2536
- inputValidation.infoBorder#00BCD4
- inputValidation.warningBackground#1A2536
- inputValidation.warningBorder#FFCA28
- list.activeSelectionBackground#1A2536
- list.activeSelectionForeground#00BCD4
- list.focusBackground#1A2536
- list.focusForeground#00BCD4
- list.highlightForeground#00BCD4
- list.hoverBackground#2E3B4E66
- list.hoverForeground#ABB2BF
- list.inactiveSelectionBackground#2E3B4E40
- list.inactiveSelectionForeground#ABB2BF
- list.invalidItemForeground#FF5252
- panel.background#131A26
- panel.border#0F1A2A
- panelTitle.activeBorder#00BCD4
- panelTitle.activeForeground#ABB2BF
- panelTitle.inactiveForeground#5C6A7D
- peekView.border#0F1A2A
- peekViewEditor.background#1A2536
- peekViewEditor.matchHighlightBackground#FFCA2833
- peekViewResult.background#1A2536
- peekViewResult.fileForeground#ABB2BF
- peekViewResult.matchHighlightBackground#FFCA2833
- peekViewTitle.background#1A2536
- peekViewTitleDescription.foreground#5C6A7D
- peekViewTitleLabel.foreground#ABB2BF
- pickerGroup.border#0F1A2A
- pickerGroup.foreground#5C6A7D
- progressBar.background#00BCD4
- scrollbar.shadow#0F1A2A80
- scrollbarSlider.activeBackground#78909C99
- scrollbarSlider.background#37474F99
- scrollbarSlider.hoverBackground#5C6A7D99
- selection.background#2E3B4E
- settings.headerForeground#00BCD4
- settings.modifiedItemIndicator#5DADE2
- sideBar.background#1A2536
- sideBar.border#1A2536
- sideBar.foreground#ABB2BF
- sideBarSectionHeader.background#1A2536
- sideBarSectionHeader.foreground#ABB2BF
- sideBarTitle.foreground#ABB2BF
- statusBar.background#1A2536
- statusBar.border#0F1A2A
- statusBar.debuggingBackground#FF5252
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#ABB2BF
- statusBar.noFolderBackground#1A2536
- statusBarItem.activeBackground#00BCD440
- statusBarItem.hoverBackground#00BCD420
- statusBarItem.prominentBackground#1A2536
- statusBarItem.prominentHoverBackground#00BCD420
- statusBarItem.remoteBackground#00BCD4
- tab.activeBackground#1A2536
- tab.activeBorderTop#00BCD4
- tab.activeForeground#00BCD4
- tab.border#1A253600
- tab.hoverBackground#2E3B4E66
- tab.inactiveBackground#131A26
- tab.inactiveForeground#5C6A7D
- tab.unfocusedActiveBorderTop#37474F
- tab.unfocusedActiveForeground#5C6A7D
- tab.unfocusedInactiveForeground#4F5B6C
- terminal.ansiBlack#212121
- terminal.ansiBlue#00BCD4
- terminal.ansiBrightBlack#616161
- terminal.ansiBrightBlue#80D8FF
- terminal.ansiBrightCyan#84FFFF
- terminal.ansiBrightGreen#C6FF00
- terminal.ansiBrightMagenta#EA80FC
- terminal.ansiBrightRed#FF8A80
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFE082
- terminal.ansiCyan#00E5FF
- terminal.ansiGreen#8BC34A
- terminal.ansiMagenta#AA00FF
- terminal.ansiRed#FF5252
- terminal.ansiWhite#E0E0E0
- terminal.ansiYellow#FFCA28
- terminal.background#131A26
- terminal.foreground#ABB2BF
- terminalCursor.foreground#00BCD4
- textBlockQuote.background#1A2536
- textLink.activeForeground#00E5FF
- textLink.foreground#00BCD4
- titleBar.activeBackground#1A2536
- titleBar.activeForeground#ABB2BF
- titleBar.border#0F1A2A
- titleBar.inactiveBackground#131A26
- titleBar.inactiveForeground#5C6A7D
- walkThrough.embeddedEditorBackground#1A2536
- widget.shadow#0F1A2A80
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5C6A7D | italic |
| string, punctuation.definition.string | #8BC34A | — |
| constant.numeric, constant.language.boolean, constant.language | #FFCA28 | — |
| keyword, storage.type, storage.modifier, keyword.control | #FF5252 | — |
| entity.name.function, support.function, meta.function-call, variable.function, entity.name.method | #00BCD4 | — |
| variable, variable.parameter, variable.declaration, variable.other | #ABB2BF | — |
| keyword.operator | #78909C | — |
| entity.name.type, entity.name.class, support.type, support.class | #5DADE2 | — |
| support.property, meta.object-literal.key | #ABB2BF | — |
| punctuation, meta.brace | #ABB2BF | — |
| entity.name.tag, punctuation.definition.tag | #5DADE2 | — |
| entity.other.attribute-name | #FFCA28 | italic |
| markup.heading, markup.heading entity.name | #00BCD4 | bold |
| markup.underline.link, string.other.link | #5DADE2 | — |
| markup.italic | #ABB2BF | italic |
| markup.bold | #ABB2BF | bold |
| support.type.property-name.json | #FFCA28 | — |
| string.quoted.double.json | #8BC34A | — |