VanBilla
Publisher: TotoshiThemes in package: 4
VanBilla theme for VS Code
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.background#EFE9DF
- activityBar.border#E0D6C9
- activityBar.foreground#2B2A27
- activityBar.inactiveForeground#8C857C
- activityBarBadge.background#A68ACD
- activityBarBadge.foreground#1F1E1B
- breadcrumb.activeSelectionForeground#1F1E1B
- breadcrumb.focusForeground#2B2A27
- breadcrumb.foreground#8C857C
- button.background#A68ACD
- button.foreground#1F1E1B
- button.hoverBackground#9576C2
- checkbox.background#FBF5EC
- checkbox.border#E0D6C9
- contrastBorder#E0D6C9
- descriptionForeground#6B645C
- diffEditor.insertedTextBackground#A68ACD33
- diffEditor.removedTextBackground#9B83B833
- disabledForeground#8C857C
- dropdown.background#FBF5EC
- dropdown.border#E0D6C9
- dropdown.foreground#2B2A27
- editor.background#FCF6EC
- editor.foreground#2B2A27
- editor.lineHighlightBackground#F3EDE3
- editor.lineHighlightBorder#F3EDE3
- editorBracketMatch.background#EFE5D8
- editorBracketMatch.border#A68ACD
- editorCodeLens.foreground#9C9489
- editorCursor.foreground#BD9650
- editorError.foreground#B98932
- editorGroupHeader.border#E0D6C9
- editorGroupHeader.noTabsBackground#FCF6EC
- editorGroupHeader.tabsBackground#F3ECE2
- editorGutter.addedBackground#A68ACD
- editorGutter.background#F5EFE5
- editorGutter.deletedBackground#9B83B8
- editorGutter.modifiedBackground#B98932
- editorHint.foreground#A68ACD
- editorHoverWidget.background#FAF3E8
- editorHoverWidget.border#E0D6C9
- editorIndentGuide.activeBackground#D4C8BB
- editorIndentGuide.background#E3D9CD
- editorInfo.foreground#A68ACD
- editorLineNumber.activeForeground#6B645C
- editorLineNumber.foreground#A59D92
- editorLink.activeForeground#BD9650
- editorOverviewRuler.border#EFE6DC
- editorRuler.foreground#E0D6C9
- editorSuggestWidget.background#FAF3E8
- editorSuggestWidget.border#E0D6C9
- editorSuggestWidget.foreground#2B2A27
- editorSuggestWidget.selectedBackground#E5DACB
- editorWarning.foreground#B98932
- editorWhitespace.foreground#E2D8CC
- editorWidget.background#FAF3E8
- editorWidget.border#E0D6C9
- errorForeground#B98932
- focusBorder#A68ACD
- foreground#2B2A27
- icon.foreground#6B645C
- input.background#FBF5EC
- input.border#E0D6C9
- input.foreground#2B2A27
- input.placeholderForeground#8C857C
- list.activeSelectionBackground#E5DACB
- list.activeSelectionForeground#1F1E1B
- list.focusBackground#E5DACB
- list.highlightForeground#A68ACD
- list.hoverBackground#F1E8DC
- list.inactiveSelectionBackground#EEE4D7
- list.inactiveSelectionForeground#2B2A27
- minimap.findMatchHighlight#A68ACD66
- minimap.selectionHighlight#C59A3F66
- notificationCenter.border#E0D6C9
- notificationCenterHeader.background#EFE9DF
- notifications.background#FAF3E8
- notifications.border#E0D6C9
- notifications.foreground#2B2A27
- notificationsErrorIcon.foreground#B98932
- notificationsInfoIcon.foreground#A68ACD
- notificationsWarningIcon.foreground#B98932
- notificationToast.border#E0D6C9
- panel.background#F7F1E8
- panel.border#E0D6C9
- panelTitle.activeForeground#2B2A27
- panelTitle.inactiveForeground#8C857C
- peekView.border#E0D6C9
- peekViewEditor.background#FCF6EC
- peekViewResult.background#FAF3E8
- peekViewResult.selectionBackground#E5DACB
- peekViewResult.selectionForeground#1F1E1B
- scrollbarSlider.activeBackground#B3A799CC
- scrollbarSlider.background#CBBFB166
- scrollbarSlider.hoverBackground#BFB3A599
- selection.background#E8DDCF
- selection.foreground#1F1E1B
- selectionHighlight.background#EFE5D8
- sideBar.background#F6F0E6
- sideBar.border#E0D6C9
- sideBar.foreground#2B2A27
- sideBarSectionHeader.background#F0E9DF
- sideBarSectionHeader.foreground#6B645C
- sideBarTitle.foreground#2B2A27
- statusBar.background#EFE8DE
- statusBar.border#E0D6C9
- statusBar.debuggingBackground#E6DFD4
- statusBar.foreground#2B2A27
- statusBar.noFolderBackground#EFE8DE
- statusBarItem.activeBackground#E2DACF
- statusBarItem.hoverBackground#E6DED4
- tab.activeBackground#FCF6EC
- tab.activeBorder#A68ACD
- tab.activeForeground#1F1E1B
- tab.border#E0D6C9
- tab.inactiveBackground#F3ECE2
- tab.inactiveForeground#8C857C
- tab.unfocusedActiveBorder#E0D6C9
- terminal.ansiBlack#2B2A27
- terminal.ansiBlue#A68ACD
- terminal.ansiBrightBlack#8C857C
- terminal.ansiBrightBlue#B79BD6
- terminal.ansiBrightCyan#9CC98B
- terminal.ansiBrightGreen#97C073
- terminal.ansiBrightMagenta#C6A4E1
- terminal.ansiBrightRed#CDA24E
- terminal.ansiBrightWhite#1F1E1B
- terminal.ansiBrightYellow#CFAE67
- terminal.ansiCyan#87B57C
- terminal.ansiGreen#7FA85D
- terminal.ansiMagenta#8E72B8
- terminal.ansiRed#B98932
- terminal.ansiWhite#2B2A27
- terminal.ansiYellow#BD9650
- terminal.background#F4EDE3
- terminal.foreground#2B2A27
- titleBar.activeBackground#EEE7DD
- titleBar.activeForeground#2B2A27
- titleBar.border#E0D6C9
- titleBar.inactiveBackground#E9E1D7
- titleBar.inactiveForeground#8C857C
- widget.shadow#00000033
- window.activeBorder#E2D8CB
- window.inactiveBorder#EEE6DB
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7A766E | italic |
| string, constant.other.symbol, constant.character.escape, punctuation.definition.string | #7FA85D | — |
| constant.numeric, constant.language, constant.other | #B98932 | — |
| keyword, storage.type, storage.modifier, meta.control | #A68ACD | — |
| entity.name.function, support.function, meta.function-call, variable.function | #BD9650 | — |
| entity.name.type, entity.name.class, support.type, support.class | #BD9650 | — |
| variable, variable.parameter, variable.other | #2B2A27 | — |
| keyword.operator, punctuation | #6B645C | — |
| entity.name.tag | #A68ACD | — |
| entity.other.attribute-name | #7FA85D | — |
| invalid, invalid.deprecated | #B98932 | underline |