ThemeDatabase All Themes
Publisher: enes ozturkThemes in package: 21943
One theme database to rule them all. All 22,037 ThemeDatabase themes in one VSIX package.
Color themes
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.activeBackground#7c6873
- activityBar.background#3e363a
- activityBar.foreground#f8ebf2
- activityBarBadge.background#302f35
- activityBarBadge.foreground#ebe9f4
- badge.background#5f5b6a
- badge.foreground#ebe9f4
- button.background#b59caa
- button.foreground#0c080b
- button.secondaryBackground#8d889b
- descriptionForeground#3e363a
- disabledForeground#7c6873
- dropdown.background#f8ebf2
- dropdown.border#b59caa
- editor.background#f8ebf2
- editor.findMatchBackground#c9d2b5
- editor.findMatchHighlightBackground#b59caaa0
- editor.findRangeHighlightBackground#88907930
- editor.foldBackground#7c687340
- editor.foreground#3e363a
- editor.hoverHighlightBackground#b59caa80
- editor.lineHighlightBackground#0c080b10
- editor.selectionBackground#3e363a40
- editor.selectionHighlightBackground#b59caac0
- editor.wordHighlightBackground#0c080b20
- editor.wordHighlightStrongBackground#0c080b20
- editorBracketHighlight.foreground1#0c080b
- editorBracketHighlight.foreground2#5f5b6a
- editorBracketHighlight.foreground3#45483e
- editorBracketHighlight.foreground4#3e363a
- editorBracketHighlight.foreground5#5f5b6a
- editorBracketHighlight.foreground6#45483e
- editorBracketMatch.background#0c080b30
- editorBracketMatch.border#0000
- editorCodeLens.foreground#7c6873
- editorGroup.dropBackground#7c687380
- editorGroup.dropIntoPromptBackground#3e363a
- editorGroup.dropIntoPromptForeground#b59caa
- editorGroupHeader.tabsBackground#b59caa
- editorGutter.background#7c687320
- editorGutter.foldingControlForeground#3e363a
- editorHoverWidget.border#7c6873
- editorIndentGuide.activeBackground#3e363a
- editorIndentGuide.activeBackground1#3e363a
- editorInfo.foreground#7c6873
- editorInlayHint.background#3e363a20
- editorInlayHint.foreground#7c6873
- editorLightBulb.foreground#3e363a
- editorLineNumber.activeForeground#0c080b
- editorLineNumber.foreground#7c6873
- editorLink.activeForeground#3e363a
- editorMarkerNavigation.background#f8ebf2
- editorOverviewRuler.findMatchForeground#889079
- editorOverviewRuler.selectionHighlightForeground#b59caa
- editorPane.background#b59caa
- editorRuler.foreground#3e363a40
- editorSuggestWidget.border#7c6873
- editorWhitespace.foreground#3e363a40
- editorWidget.background#f8ebf2
- editorWidget.border#0000
- extensionIcon.preReleaseForeground#0c080b
- extensionIcon.sponsorForeground#3e363a
- extensionIcon.starForeground#3e363a
- extensionIcon.verifiedForeground#3e363a
- focusBorder#9b8d81
- foreground#3e363a
- icon.foreground#3e363a
- input.background#b59caa20
- inputOption.activeBackground#7c6873
- inputOption.activeBorder#0000
- inputOption.activeForeground#f8ebf2
- inputOption.hoverBackground#b59caa
- keybindingLabel.background#f8ebf2
- keybindingLabel.border#3e363aa0
- keybindingLabel.bottomBorder#3e363aa0
- keybindingLabel.foreground#3e363a
- list.activeSelectionBackground#7c6873
- list.activeSelectionForeground#f8ebf2
- list.dropBackground#7c687380
- list.focusBackground#7c687340
- list.focusOutline#0000
- list.hoverBackground#7c687360
- list.inactiveSelectionBackground#7c6873a0
- menu.background#f8ebf2
- menubar.selectionBackground#f8ebf280
- minimap.background#ebe8f4
- minimap.findMatchHighlight#889079a0
- minimap.selectionHighlight#0c080b30
- notificationCenterHeader.background#b59caa
- notificationCenterHeader.foreground#0c080b
- notificationsInfoIcon.foreground#3e363a
- panelInput.border#7c6873
- panelTitle.activeBorder#0000
- panelTitle.activeForeground#0c080b
- panelTitle.inactiveForeground#7c6973
- peekView.border#7c6873
- peekViewEditor.background#f8ebf2
- peekViewEditor.matchHighlightBackground#7c687360
- peekViewResult.background#b59caa20
- peekViewResult.fileForeground#3e363a
- peekViewResult.lineForeground#0c080b
- peekViewResult.matchHighlightBackground#7c697360
- peekViewResult.selectionBackground#3e363a20
- peekViewResult.selectionForeground#3e363a
- peekViewTitle.background#b59caa
- peekViewTitleDescription.foreground#0c080b
- selection.background#3e363a40
- settings.headerBorder#7c6873
- settings.headerForeground#3e363a
- settings.modifiedItemIndicator#3e363a
- settings.sashBorder#3e363a
- sideBar.background#f8ebf2
- sideBarSectionHeader.background#f8ebf2
- sideBarSectionHeader.foreground#3e363a
- sideBarTitle.foreground#3e363a
- statusBar.background#7c6873
- statusBar.debuggingBackground#4d4743
- statusBar.debuggingForeground#fff7f1
- statusBar.foreground#f8ebf2
- tab.activeForeground#0c080b
- tab.border#0000
- tab.hoverBackground#f8ebf2a0
- tab.hoverForeground#0c080b
- tab.inactiveBackground#b59caa
- tab.lastPinnedBorder#3e363a
- tab.unfocusedActiveForeground#7c6873
- terminal.ansiBlack#000
- terminal.ansiBlue#00a
- terminal.ansiBrightBlack#555
- terminal.ansiBrightBlue#55f
- terminal.ansiBrightCyan#5ff
- terminal.ansiBrightGreen#5f5
- terminal.ansiBrightMagenta#f5f
- terminal.ansiBrightRed#f55
- terminal.ansiBrightWhite#fff
- terminal.ansiBrightYellow#ff5
- terminal.ansiCyan#0aa
- terminal.ansiGreen#0a0
- terminal.ansiMagenta#a0a
- terminal.ansiRed#a00
- terminal.ansiWhite#aaa
- terminal.ansiYellow#aa0
- terminal.foreground#3e363a
- textBlockQuote.background#7c687340
- textBlockQuote.border#7c6873
- textCodeBlock.background#7c687340
- textLink.activeForeground#0f0d0b
- textLink.foreground#4d4743
- textPreformat.foreground#0c080b
- titleBar.activeBackground#b59caa
- titleBar.activeForeground#0c080b
- titleBar.inactiveBackground#f8ebf2
- titleBar.inactiveForeground#7c6873
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7c6873 | — |
| keyword, storage.type, storage.modifier | #0c080b | — |
| keyword.control, constant.other.color, meta.tag, punctuation, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #08080b | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #0c080b | — |
| meta.attribute | #3e363a | — |
| string.other.link | #4d4743 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #4d4743 | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #4d4743 | — |
| constant.character.escape, constant.other.character-class.regexp | #3e363a | — |
| *url*, *link*, *uri* | — | underline |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown, entity.name.section | #0c080b | — |
| markup.italic | — | italic |
| markup.bold, markup.bold string | — | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | — | italic bold |
| markup.underline | — | underline |
| markup.raw.block | #3e363a | — |
| markup.raw.block.fenced.markdown, markup.fenced_code.block | #3e363a | — |
| variable.language.fenced.markdown, fenced_code.block.language | #3e363a | — |
| markup.inline.raw | #3e363a | — |
| meta.separator | #0c080b | bold |