DevoraBB

Color themes

• 

  DevoraBB

• 

  DevoraBB Soft

• 

  DevoraBB Vibrant

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#ffb14f
• activityBar.background#17191e
• activityBar.foreground#ffd24d
• activityBar.inactiveForeground#42e8d8
• activityBarBadge.background#d73a49
• activityBarBadge.foreground#f5f6fa
• button.background#676767
• button.foreground#ffffff
• button.hoverBackground#5cb4ff99
• button.secondaryBackground#5a6dff
• button.secondaryForeground#f7f8ff
• button.secondaryHoverBackground#ffd24daa
• descriptionForeground#a7b1cb
• diffEditor.insertedTextBackground#0dd96b33
• diffEditor.removedTextBackground#ff4f6633
• dropdown.background#23262d
• dropdown.border#676767
• dropdown.foreground#e4e7ef
• editor.background#0c0f14
• editor.findMatchBackground#35f5df7a
• editor.findMatchHighlightBackground#ff64885a
• editor.foreground#edf1ff
• editor.inactiveSelectionBackground#6f7ea35c
• editor.lineHighlightBackground#222733aa
• editor.selectionBackground#56a8ff7a
• editor.selectionHighlightBackground#6171ff7a
• editor.wordHighlightBackground#6171ff5e
• editor.wordHighlightStrongBackground#ff64885e
• editorBracketMatch.background#6171ff7a
• editorBracketMatch.border#ff6488a6
• editorCursor.foreground#ffd76a
• editorError.foreground#ff6488
• editorGutter.addedBackground#17e37a
• editorGutter.background#101216
• editorGutter.deletedBackground#ff5b72
• editorGutter.modifiedBackground#ffb14f
• editorHint.foreground#77c95b
• editorIndentGuide.activeBackground#3a4355
• editorIndentGuide.background#242a36
• editorInfo.foreground#6bb5ff
• editorLineNumber.activeForeground#c7ccda
• editorLineNumber.foreground#47506a
• editorRuler.foreground#2b3242
• editorWarning.foreground#ffd24d
• editorWhitespace.foreground#8f96a840
• errorForeground#ff5c7a
• focusBorder#35f5df88
• foreground#edf1ff
• icon.foreground#a7afc3
• input.background#23262d
• input.border#8f96a8
• input.foreground#eef2ff
• input.placeholderForeground#8f96a899
• inputOption.activeBackground#f2c94c
• inputOption.activeBorder#4b5dff
• inputOption.activeForeground#1b1d22
• list.activeSelectionBackground#24e7d3
• list.activeSelectionForeground#15181e
• list.highlightForeground#8af7eb
• list.hoverBackground#3d5f8673
• list.inactiveSelectionBackground#1f232d
• minimap.background#171a20
• minimap.errorHighlight#d73a49
• minimap.findMatchHighlight#f2c94c
• minimap.selectionHighlight#4b9cff
• minimap.warningHighlight#ff9f43
• notificationCenterHeader.background#56a8ff
• notifications.background#23262d
• notifications.foreground#e4e7ef
• panel.background#141517
• panel.border#23262d
• panelTitle.activeBorder#24e7d3
• panelTitle.activeForeground#ffffff
• panelTitle.inactiveForeground#8f96a8
• peekView.border#d6d8df
• peekViewEditor.background#23262d
• peekViewResult.background#21242d
• peekViewResult.selectionBackground#2fdac9
• peekViewResult.selectionForeground#1b1d22
• peekViewTitle.background#5ca5e6
• scrollbarSlider.activeBackground#ffd24d8a
• scrollbarSlider.background#4b9cff80
• scrollbarSlider.hoverBackground#4b9cff66
• sideBar.background#181a1f
• sideBar.foreground#dde2ef
• sideBarSectionHeader.background#1d1f25
• sideBarSectionHeader.foreground#6ea8ff
• sideBarTitle.foreground#ffffff
• statusBar.background#5568ff
• statusBar.debuggingBackground#ff9f43
• statusBar.debuggingForeground#1b1d22
• statusBar.foreground#f5f6fa
• statusBar.noFolderBackground#23262d
• tab.activeBackground#24e7d3
• tab.activeBorderTop#ffd24d
• tab.activeForeground#1b1d22
• tab.border#1d2027
• tab.hoverBackground#273447
• tab.hoverForeground#f2c94c
• tab.inactiveBackground#1a1c22
• tab.inactiveForeground#b7becf
• terminal.ansiBlack#000000
• terminal.ansiBlue#82aaff
• terminal.ansiBrightBlack#464b5d
• terminal.ansiBrightBlue#a2bfff
• terminal.ansiBrightCyan#a8ebff
• terminal.ansiBrightGreen#dbf1b5
• terminal.ansiBrightMagenta#dbb5ff
• terminal.ansiBrightRed#ff7590
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#ffd98c
• terminal.ansiCyan#89ddff
• terminal.ansiGreen#c3e88d
• terminal.ansiMagenta#c792ea
• terminal.ansiRed#ff5370
• terminal.ansiWhite#ffffff
• terminal.ansiYellow#ffcb6b
• terminal.background#0e1015
• terminal.foreground#e4e7ef
• terminalCursor.foreground#ffd76a
• titleBar.activeBackground#23262d
• titleBar.activeForeground#ffffff
• titleBar.inactiveBackground#2a2e37
• titleBar.inactiveForeground#afb5c5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).