Barva Theme

Color themes

• 

  Barva Mist Dark

• 

  Barva Mist Light

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#EDEFF2
• activityBar.border#E1E3E8
• activityBar.foreground#4A5A72
• activityBar.inactiveForeground#B7BBC1
• badge.background#5A7FB5
• badge.foreground#FFFFFF
• diffEditor.insertedTextBackground#5B8C5A33
• diffEditor.removedTextBackground#B71C1C33
• editor.background#F6F7F8
• editor.findMatchBackground#A1764666
• editor.findMatchHighlightBackground#A1764633
• editor.foreground#2B2D33
• editor.lineHighlightBackground#E6EAF099
• editor.selectionBackground#D9E2F280
• editor.selectionHighlightBackground#DDE3ED33
• editor.wordHighlightBackground#5B8C5A33
• editor.wordHighlightStrongBackground#5A7FB533
• editorBracketMatch.background#5A7FB533
• editorBracketMatch.border#5A7FB5
• editorCodeLens.foreground#B7BBC1
• editorCursor.background#F6F7F8
• editorCursor.foreground#5A7FB5
• editorError.foreground#B71C1C
• editorHoverWidget.background#FFFFFF
• editorHoverWidget.border#E1E3E8
• editorHoverWidget.foreground#2B2D33
• editorLineNumber.activeForeground#5A7FB5
• editorLineNumber.foreground#B7BBC1
• editorSuggestWidget.background#F6F7F8
• editorSuggestWidget.foreground#2B2D33
• editorSuggestWidget.selectedBackground#DDE3ED
• editorWarning.foreground#A17646
• focusBorder#5A7FB520
• gitDecoration.addedResourceForeground#5B8C5A
• gitDecoration.conflictingResourceForeground#9B59B6
• gitDecoration.deletedResourceForeground#B71C1C
• gitDecoration.modifiedResourceForeground#A17646
• gitDecoration.untrackedResourceForeground#7BC07B
• input.background#F6F7F8
• input.border#E1E3E8
• inputValidation.errorBorder#B71C1C
• inputValidation.infoBorder#5A7FB5
• inputValidation.warningBorder#A17646
• list.activeSelectionBackground#DDE3ED
• list.activeSelectionForeground#2B2D33
• list.focusBackground#E1E3E866
• list.focusForeground#2B2D33
• list.hoverBackground#DDE3ED66
• list.hoverForeground#2B2D33
• list.inactiveSelectionBackground#EDEFF2
• list.inactiveSelectionForeground#2B2D33
• menu.background#F6F7F8
• menu.foreground#2B2D33
• menu.selectionBackground#DDE3ED
• menu.selectionBorder#5A7FB5
• menu.selectionForeground#2B2D33
• menu.separatorBackground#E1E3E8
• scrollbarSlider.activeBackground#5A7FB599
• scrollbarSlider.background#5A7FB555
• scrollbarSlider.hoverBackground#5A7FB577
• sideBar.background#F2F3F5
• sideBar.border#E1E3E8
• sideBar.foreground#3C3E45
• sideBarSectionHeader.background#EDEFF2
• statusBar.background#E9EBEE
• statusBar.debuggingBackground#B71C1C
• statusBar.foreground#37414E
• statusBar.noFolderBackground#E5E7EB
• statusBarItem.errorBackground#B71C1C22
• statusBarItem.warningBackground#A1764622
• tab.activeBackground#FFFFFF
• tab.activeForeground#2B2D33
• tab.hoverBackground#E1E3E8
• tab.inactiveBackground#F1F2F5
• tab.inactiveForeground#70757D
• terminal.ansiBlack#2B2D33
• terminal.ansiBlue#5A7FB5
• terminal.ansiBrightBlack#B7BBC1
• terminal.ansiBrightBlue#7BA0D6
• terminal.ansiBrightCyan#2AA198
• terminal.ansiBrightGreen#5B8C5A
• terminal.ansiBrightMagenta#B16286
• terminal.ansiBrightRed#B71C1C
• terminal.ansiBrightWhite#F6F7F8
• terminal.ansiBrightYellow#A17646
• terminal.ansiCyan#2AA198
• terminal.ansiGreen#5B8C5A
• terminal.ansiMagenta#B16286
• terminal.ansiRed#B71C1C
• terminal.ansiWhite#F6F7F8
• terminal.ansiYellow#A17646
• terminal.background#FAFAFB
• terminal.foreground#2B2D33
• terminalCursor.foreground#2B2D33
• titleBar.activeBackground#F2F3F5
• titleBar.activeForeground#2B2D33
• titleBar.inactiveBackground#EDEFF2
• titleBar.inactiveForeground#B7BBC1
• widget.shadow#00000022

tokenColors

TextMate scopes and font styles (syntax highlighting rules).