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#d6a06a
• activityBar.background#1f2127
• activityBar.foreground#d9be68
• activityBar.inactiveForeground#62bdb4
• activityBarBadge.background#b85763
• activityBarBadge.foreground#f5f6fa
• button.background#6a6e79
• button.foreground#f7f8fc
• button.hoverBackground#6f9bc278
• button.secondaryBackground#6773c5
• button.secondaryForeground#f1f3fb
• button.secondaryHoverBackground#d9be6885
• descriptionForeground#98a0b6
• diffEditor.insertedTextBackground#49b77a26
• diffEditor.removedTextBackground#cf6a7926
• dropdown.background#23262d
• dropdown.border#676767
• dropdown.foreground#e4e7ef
• editor.background#15181e
• editor.findMatchBackground#6ec7bc52
• editor.findMatchHighlightBackground#d26e8330
• editor.foreground#d7dcef
• editor.inactiveSelectionBackground#6d74884a
• editor.lineHighlightBackground#1f222a80
• editor.selectionBackground#698cc04f
• editor.selectionHighlightBackground#6872c64a
• editor.wordHighlightBackground#6872c63f
• editor.wordHighlightStrongBackground#d26e8338
• editorBracketMatch.background#6872c64a
• editorBracketMatch.border#c17c8b73
• editorCursor.foreground#e5c177
• editorError.foreground#d26e83
• editorGutter.addedBackground#49b77a
• editorGutter.background#101216
• editorGutter.deletedBackground#cf6a79
• editorGutter.modifiedBackground#d6a06a
• editorHint.foreground#79a66a
• editorIndentGuide.activeBackground#404757
• editorIndentGuide.background#2a2f3b
• editorInfo.foreground#7ea9d2
• editorLineNumber.activeForeground#c4cad9
• editorLineNumber.foreground#596077
• editorRuler.foreground#323847
• editorWarning.foreground#d9be68
• editorWhitespace.foreground#8b92a240
• errorForeground#ff5c7a
• focusBorder#7ad8cf55
• foreground#d7dcef
• icon.foreground#a7afc3
• input.background#262931
• input.border#8e94a5
• input.foreground#e2e6f3
• input.placeholderForeground#8e94a58a
• inputOption.activeBackground#d9be68
• inputOption.activeBorder#6773c5
• inputOption.activeForeground#1b1d22
• list.activeSelectionBackground#6ec7bc
• list.activeSelectionForeground#1f2127
• list.highlightForeground#9bd8d1
• list.hoverBackground#3b4a5d52
• list.inactiveSelectionBackground#252932
• minimap.background#1c1e24
• minimap.errorHighlight#b85763
• minimap.findMatchHighlight#d9be68
• minimap.selectionHighlight#6f9bc2
• minimap.warningHighlight#d6a06a
• notificationCenterHeader.background#6f9bc2
• notifications.background#262931
• notifications.foreground#d7dcef
• panel.background#181a1f
• panel.border#262931
• panelTitle.activeBorder#6ec7bc
• panelTitle.activeForeground#f2f4fb
• panelTitle.inactiveForeground#929ab0
• peekView.border#bcc1d0
• peekViewEditor.background#23262d
• peekViewResult.background#21242d
• peekViewResult.selectionBackground#2fdac9
• peekViewResult.selectionForeground#1b1d22
• peekViewTitle.background#7ea9d2
• scrollbarSlider.activeBackground#d9be6870
• scrollbarSlider.background#6f9bc266
• scrollbarSlider.hoverBackground#6f9bc252
• sideBar.background#181a1f
• sideBar.foreground#dde2ef
• sideBarSectionHeader.background#1d1f25
• sideBarSectionHeader.foreground#6ea8ff
• sideBarTitle.foreground#ffffff
• statusBar.background#5b67c8
• statusBar.debuggingBackground#d6a06a
• statusBar.debuggingForeground#22252c
• statusBar.foreground#eef1fb
• statusBar.noFolderBackground#23262d
• tab.activeBackground#6ec7bc
• tab.activeBorderTop#d9be68
• tab.activeForeground#1f2127
• tab.border#1d2027
• tab.hoverBackground#273447
• tab.hoverForeground#f2c94c
• tab.inactiveBackground#1a1c22
• tab.inactiveForeground#aeb5c6
• terminal.ansiBlack#000000
• terminal.ansiBlue#8da9d2
• 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#90c5d7
• terminal.ansiGreen#9ecb84
• terminal.ansiMagenta#b39ace
• terminal.ansiRed#d5808f
• terminal.ansiWhite#ffffff
• terminal.ansiYellow#d9be68
• terminal.background#15181e
• terminal.foreground#d7dcef
• terminalCursor.foreground#e5c177
• titleBar.activeBackground#23262d
• titleBar.activeForeground#ffffff
• titleBar.inactiveBackground#2a2e37
• titleBar.inactiveForeground#afb5c5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).