ThemeDatabase All Themes

Color themes

• 

  Obsidian Void

• 

  Obsidian waters

• 

  Obstgarten Theme

• 

  OC7 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#f1f1f1
• activityBar.dropBackground#e8e8e8
• activityBar.foreground#383a42
• activityBarBadge.background#0099e1
• activityBarBadge.foreground#ffffff
• badge.background#0099e1
• badge.foreground#ffffff
• breadcrumb.activeSelectionForeground#009ae5
• breadcrumb.focusForeground#383a42
• breadcrumb.foreground#a0a1a7
• button.background#0083c0
• button.foreground#ffffff
• button.hoverBackground#0099e1
• debugExceptionWidget.background#ffcccc
• debugExceptionWidget.border#ff2e3f
• debugToolBar.background#eeeeee
• diffEditor.insertedTextBackground#1ef1531f
• diffEditor.removedTextBackground#f33b5127
• dropdown.background#e8e8e8
• dropdown.border#d5d7d8
• dropdown.foreground#383a42
• dropdown.listBackground#e8e8e8
• editor.background#f9f9f9
• editor.findMatchBackground#99e5c2c5
• editor.findMatchBorder#0099e1
• editor.findMatchHighlightBackground#99e5c2c5
• editor.findRangeHighlightBackground#a0a1a72d
• editor.foreground#383a42
• editor.hoverHighlightBackground#e8e8e8
• editor.lineHighlightBackground#f1f1f1
• editor.rangeHighlightBackground#a0a1a70e
• editor.selectionBackground#d2ecff
• editor.selectionHighlightBackground#e8e8e8
• editor.snippetFinalTabstopHighlightBackground#a0a1a733
• editor.snippetFinalTabstopHighlightBorder#a0a1a7
• editor.snippetTabstopHighlightBackground#a0a1a733
• editor.snippetTabstopHighlightBorder#a0a1a7
• editor.wordHighlightBackground#d9e6fd
• editor.wordHighlightStrongBackground#ecd1e5
• editorBracketMatch.background#00000000
• editorBracketMatch.border#7a82da
• editorCodeLens.foreground#a0a1a7
• editorCursor.background#f9f9f9
• editorCursor.foreground#0099e1
• editorGroup.border#d5d7d8
• editorGroup.dropBackground#009ae128
• editorGroup.emptyBackground#e8e8e8
• editorGroup.focusedEmptyBorder#0099e1
• editorGroupHeader.noTabsBackground#e8e8e8
• editorGroupHeader.tabsBackground#e8e8e8
• editorGutter.addedBackground#3cbc66
• editorGutter.deletedBackground#ff6480
• editorGutter.modifiedBackground#0099e1
• editorHint.foreground#a0a1a7
• editorIndentGuide.activeBackground#c2c4c7
• editorInfo.foreground#0099e1
• editorLineNumber.activeForeground#0099e1
• editorLineNumber.foreground#a0a1a7
• editorLink.activeForeground#0099e1
• editorMarkerNavigation.background#f9f9f9
• editorOverviewRuler.addedForeground#3cbc66
• editorOverviewRuler.bracketMatchForeground#7a82da
• editorOverviewRuler.deletedForeground#ff6480
• editorOverviewRuler.errorForeground#ff0000
• editorOverviewRuler.findMatchForeground#99e5c2c5
• editorOverviewRuler.infoForeground#0099e1
• editorOverviewRuler.modifiedForeground#0099e1
• editorOverviewRuler.selectionHighlightForeground#d2ecff
• editorOverviewRuler.warningForeground#df631c
• editorOverviewRuler.wordHighlightForeground#d9e6fd
• editorPane.background#eeeeee
• editorRuler.foreground#d5d7d8
• editorWarning.foreground#df631c
• editorWhitespace.foreground#d5d7d8
• editorWidget.background#e8e8e8
• editorWidget.border#d5d7d8
• errorForeground#ff0000
• extensionButton.prominentBackground#1f8642
• extensionButton.prominentForeground#ffffff
• extensionButton.prominentHoverBackground#23974a
• focusBorder#0099e1
• foreground#383a42
• gitDecoration.conflictingResourceForeground#d52753
• gitDecoration.deletedResourceForeground#a05a48
• gitDecoration.ignoredResourceForeground#a0a1a7
• gitDecoration.modifiedResourceForeground#0099e1
• gitDecoration.untrackedResourceForeground#23974a
• gitlens.gutterBackgroundColor#ffffff55
• gitlens.gutterForegroundColor#383a42
• gitlens.gutterUncommittedForegroundColor#0099e1
• gitlens.lineHighlightBackgroundColor#d2ecff
• gitlens.lineHighlightOverviewRulerColor#d2ecff
• gitlens.trailingLineBackgroundColor#d2ecff
• gitlens.trailingLineForegroundColor#a0a1a7
• input.background#f9f9f9
• input.border#d5d7d8
• input.foreground#383a42
• input.placeholderForeground#a0a1a7
• inputOption.activeBorder#0099e1
• inputValidation.errorBackground#ffcccc
• inputValidation.errorBorder#ff2e3f
• inputValidation.infoBackground#d2ecff
• inputValidation.infoBorder#0099e1
• inputValidation.warningBackground#debaa6
• inputValidation.warningBorder#df631c
• list.activeSelectionBackground#00a7f5
• list.activeSelectionForeground#ffffff
• list.dropBackground#d2ecff
• list.errorForeground#ff0000
• list.focusBackground#d2ecff
• list.focusForeground#000000
• list.highlightForeground#0098dd
• list.hoverBackground#f1f1f1
• list.inactiveSelectionBackground#f6f6f6
• list.warningForeground#df631c
• listFilterWidget.background#99e5c2c5
• listFilterWidget.noMatchesOutline#ff2e3f
• merge.currentContentBackground#a05a481c
• merge.currentHeaderBackground#a05a483b
• merge.incomingContentBackground#009ae121
• merge.incomingHeaderBackground#009ae13b
• notificationCenter.border#d5d7d8
• notificationCenterHeader.background#d5d7d8
• notificationCenterHeader.foreground#383a42
• notificationLink.foreground#0099e1
• notifications.background#e8e8e8
• notifications.border#d5d7d8
• notifications.foreground#383a42
• notificationToast.border#d5d7d8
• panel.border#d5d7d8
• panel.dropBackground#e8e8e8
• panelTitle.activeBorder#0099e1
• panelTitle.activeForeground#383a42
• panelTitle.inactiveForeground#383a42aa
• peekView.border#0099e1
• peekViewEditor.background#f9f9f9
• peekViewEditor.matchHighlightBackground#99e5c1
• peekViewResult.background#e8e8e8
• peekViewResult.fileForeground#383a42
• peekViewResult.lineForeground#383a42
• peekViewResult.matchHighlightBackground#99e5c1
• peekViewResult.selectionBackground#0099e1
• peekViewResult.selectionForeground#ffffff
• peekViewTitle.background#e8e8e8
• peekViewTitleDescription.foreground#a0a1a7
• peekViewTitleLabel.foreground#383a42
• pickerGroup.border#d5d7d8
• pickerGroup.foreground#0099e1
• progressBar.background#0099e1
• scrollbarSlider.activeBackground#bebebe99
• scrollbarSlider.background#dedede99
• scrollbarSlider.hoverBackground#cecece99
• selection.background#d2ecff
• sideBar.background#e8e8e8
• sideBar.border#d1d1d1
• sideBar.dropBackground#e8e8e8
• sideBar.foreground#383a42
• sideBarSectionHeader.background#d5d7d8
• sideBarSectionHeader.foreground#383a42
• sideBarTitle.foreground#383a42
• statusBar.background#0099e1
• statusBar.debuggingBackground#df631c
• statusBar.foreground#ffffff
• statusBar.noFolderBackground#823ff1
• tab.activeBorderTop#0099e1
• tab.activeForeground#383a42
• tab.hoverBackground#f1f1f1
• tab.inactiveBackground#eeeeee
• tab.inactiveForeground#a0a1a7
• tab.unfocusedActiveBorderTop#a0a1a7
• terminal.ansiBlack#d5d6dd
• terminal.ansiBlue#275fe4
• terminal.ansiBrightBlack#A0A1A7
• terminal.ansiBrightBlue#0099e1
• terminal.ansiBrightCyan#6d93bb
• terminal.ansiBrightGreen#3cbc66
• terminal.ansiBrightMagenta#ce33c0
• terminal.ansiBrightRed#ff6480
• terminal.ansiBrightWhite#26272d
• terminal.ansiBrightYellow#F57D00
• terminal.ansiCyan#27618d
• terminal.ansiGreen#23974a
• terminal.ansiMagenta#823ff1
• terminal.ansiRed#d52753
• terminal.ansiWhite#000000
• terminal.ansiYellow#df631c
• terminalCursor.foreground#0099e1
• textBlockQuote.background#d5d7d8
• textBlockQuote.border#0099e1
• textCodeBlock.background#d5d7d8
• textLink.activeForeground#0099e1
• textLink.foreground#0099e1
• textPreformat.foreground#a05a48
• textSeparator.foreground#d5d7d8
• titleBar.activeBackground#c2c4c7
• titleBar.activeForeground#383a42
• titleBar.inactiveBackground#c2c4c799
• titleBar.inactiveForeground#383a4299
• walkThrough.embeddedEditorBackground#e8e8e8
• welcomePage.buttonBackground#e8e8e8
• welcomePage.buttonHoverBackground#d2ecff
• widget.shadow#a0a1a7

tokenColors

TextMate scopes and font styles (syntax highlighting rules).