Barva Theme

Color themes

• 

  Barva Calm Dark

• 

  Barva Calm Light

• 

  Barva Cloud Dark

• 

  Barva Cloud 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#EAF0F5
• activityBar.border#D5D0C8
• activityBar.foreground#2A2F2C
• activityBar.inactiveForeground#7F8C8D
• badge.background#3A6F9F
• badge.foreground#FAF5ED
• diffEditor.insertedTextBackground#5B8C5A33
• diffEditor.removedTextBackground#B71C1C33
• editor.background#F3F7FA
• editor.findMatchBackground#A1764666
• editor.findMatchHighlightBackground#A1764633
• editor.foreground#2A2F2C
• editor.lineHighlightBackground#3A6F9F0D
• editor.selectionBackground#3A6F9F55
• editor.selectionHighlightBackground#3A6F9F33
• editor.wordHighlightBackground#5B8C5A33
• editor.wordHighlightStrongBackground#3A6F9F33
• editorBracketMatch.background#3A6F9F33
• editorBracketMatch.border#3A6F9F
• editorCodeLens.foreground#7F8C8D
• editorCursor.background#F3F7FA
• editorCursor.foreground#3A6F9F
• editorHoverWidget.background#FAF5ED
• editorHoverWidget.border#D5D0C8
• editorHoverWidget.foreground#2A2F2C
• editorLineNumber.activeForeground#2A2F2C
• editorLineNumber.foreground#8A908D
• editorSuggestWidget.background#FAF5ED
• editorSuggestWidget.foreground#2A2F2C
• editorSuggestWidget.selectedBackground#D5D0C8
• focusBorder#4C88C444
• gitDecoration.addedResourceForeground#5B8C5A
• gitDecoration.conflictingResourceForeground#9B59B6
• gitDecoration.deletedResourceForeground#B71C1C
• gitDecoration.modifiedResourceForeground#A17646
• gitDecoration.untrackedResourceForeground#7BC07B
• input.background#FAF5ED
• input.border#D5D0C8
• inputValidation.errorBorder#B71C1C
• inputValidation.infoBorder#3A6F9F
• inputValidation.warningBorder#A17646
• list.activeSelectionBackground#D5D0C8
• list.activeSelectionForeground#2A2F2C
• list.focusBackground#E5DFD5
• list.focusForeground#2A2F2C
• list.highlightForeground#3A6F9F
• list.hoverBackground#D5D0C866
• list.hoverForeground#2A2F2C
• list.inactiveSelectionBackground#E5DFD5
• list.inactiveSelectionForeground#2A2F2C
• menu.background#F0E9DF
• menu.foreground#2A2F2C
• menu.selectionBackground#D5D0C8
• menu.selectionBorder#3A6F9F
• menu.selectionForeground#2A2F2C
• menu.separatorBackground#D5D0C8
• scrollbarSlider.activeBackground#3A6F9F99
• scrollbarSlider.background#3A6F9F55
• scrollbarSlider.hoverBackground#3A6F9F77
• sideBar.background#F0F4F7
• sideBar.border#D5D0C8
• sideBar.foreground#2A2F2C
• sideBarSectionHeader.background#E5DFD5
• statusBar.background#E7EDF3
• statusBar.debuggingBackground#B71C1C
• statusBar.foreground#2A2F2C
• statusBar.noFolderBackground#E5DFD5
• statusBarItem.errorBackground#B71C1C22
• statusBarItem.warningBackground#A1764622
• tab.activeBackground#FFFFFF
• tab.activeForeground#2A2F2C
• tab.hoverBackground#E5DFD5
• tab.inactiveBackground#F2F6F9
• tab.inactiveForeground#7F8C8D
• terminal.ansiBlack#2A2F2C
• terminal.ansiBlue#3A6F9F
• terminal.ansiBrightBlack#7F8C8D
• terminal.ansiBrightBlue#5B8BBF
• terminal.ansiBrightCyan#2AA198
• terminal.ansiBrightGreen#5B8C5A
• terminal.ansiBrightMagenta#B16286
• terminal.ansiBrightRed#B71C1C
• terminal.ansiBrightWhite#F6FAFC
• terminal.ansiBrightYellow#A17646
• terminal.ansiCyan#2AA198
• terminal.ansiGreen#5B8C5A
• terminal.ansiMagenta#B16286
• terminal.ansiRed#B71C1C
• terminal.ansiWhite#F6FAFC
• terminal.ansiYellow#A17646
• terminal.background#F6FAFC
• terminal.foreground#2A2F2C
• terminalCursor.foreground#2A2F2C
• titleBar.activeBackground#F0E9DF
• titleBar.activeForeground#2A2F2C
• titleBar.inactiveBackground#E5DFD5
• titleBar.inactiveForeground#7F8C8D
• widget.shadow#C9D6E066

tokenColors

TextMate scopes and font styles (syntax highlighting rules).