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#ff9f43
• activityBar.background#1b1d22
• activityBar.foreground#f2c94c
• activityBar.inactiveForeground#33cfc0
• activityBarBadge.background#d73a49
• activityBarBadge.foreground#f5f6fa
• button.background#676767
• button.foreground#ffffff
• button.hoverBackground#4b9cff88
• button.secondaryBackground#4b5dff
• button.secondaryForeground#f3f5ff
• button.secondaryHoverBackground#f2c94c99
• descriptionForeground#9ba3ba
• diffEditor.insertedTextBackground#0dd96b33
• diffEditor.removedTextBackground#ff4f6633
• dropdown.background#23262d
• dropdown.border#676767
• dropdown.foreground#e4e7ef
• editor.background#0f1115
• editor.findMatchBackground#2fdac966
• editor.findMatchHighlightBackground#ff5c7a4d
• editor.foreground#e4e7ef
• editor.inactiveSelectionBackground#5f6b7d55
• editor.lineHighlightBackground#1b1d2288
• editor.selectionBackground#4b9cff66
• editor.selectionHighlightBackground#4b5dff66
• editor.wordHighlightBackground#4b5dff4d
• editor.wordHighlightStrongBackground#ff5c7a40
• editorBracketMatch.background#4b5dff66
• editorBracketMatch.border#ff5c7a80
• editorCursor.foreground#ffd166
• editorError.foreground#ff5c7a
• editorGutter.addedBackground#0dd96b
• editorGutter.background#101216
• editorGutter.deletedBackground#ff4f66
• editorGutter.modifiedBackground#ff9f43
• editorHint.foreground#5ea34a
• editorIndentGuide.activeBackground#3a4355
• editorIndentGuide.background#242a36
• editorInfo.foreground#5ca5e6
• editorLineNumber.activeForeground#c7ccda
• editorLineNumber.foreground#3c4559
• editorRuler.foreground#2b3242
• editorWarning.foreground#f2c94c
• editorWhitespace.foreground#8f96a840
• errorForeground#ff5c7a
• focusBorder#3dd9c666
• foreground#e4e7ef
• 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#2fdac9
• list.activeSelectionForeground#1b1d22
• list.highlightForeground#7ae4da
• list.hoverBackground#304d6b66
• list.inactiveSelectionBackground#1f232d
• minimap.background#1a1b20
• minimap.errorHighlight#d73a49
• minimap.findMatchHighlight#f2c94c
• minimap.selectionHighlight#4b9cff
• minimap.warningHighlight#ff9f43
• notificationCenterHeader.background#4b9cff
• notifications.background#23262d
• notifications.foreground#e4e7ef
• panel.background#141517
• panel.border#23262d
• panelTitle.activeBorder#2fdac9
• 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#f2c94c80
• scrollbarSlider.background#4b9cff80
• scrollbarSlider.hoverBackground#4b9cff66
• sideBar.background#181a1f
• sideBar.foreground#dde2ef
• sideBarSectionHeader.background#1d1f25
• sideBarSectionHeader.foreground#6ea8ff
• sideBarTitle.foreground#ffffff
• statusBar.background#4b5dff
• statusBar.debuggingBackground#ff9f43
• statusBar.debuggingForeground#1b1d22
• statusBar.foreground#f5f6fa
• statusBar.noFolderBackground#23262d
• tab.activeBackground#2fdac9
• tab.activeBorderTop#f2c94c
• 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#101216
• terminal.foreground#e4e7ef
• terminalCursor.foreground#ffd166
• titleBar.activeBackground#23262d
• titleBar.activeForeground#ffffff
• titleBar.inactiveBackground#2a2e37
• titleBar.inactiveForeground#afb5c5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).