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#1c160d
- activityBar.activeBorder#0000
- activityBar.background#312c24
- activityBar.foreground#fff6e8
- activityBarBadge.background#cbd3dd
- activityBarBadge.foreground#181c20
- activityBarTop.activeBackground#1c160d
- activityBarTop.activeBorder#0000
- activityBarTop.background#312c24
- activityBarTop.foreground#fff6e8
- badge.background#cbd3dd
- badge.foreground#181c20
- button.background#312c24
- button.foreground#c9b9a0
- button.secondaryBackground#1c1b0d
- descriptionForeground#c9b9a0
- disabledForeground#847866
- dropdown.background#312c24
- dropdown.foreground#c9b9a0
- editor.background#1c160d
- editor.findMatchBackground#ba949c60
- editor.findMatchHighlightBackground#ba949c40
- editor.foldBackground#84786630
- editor.foreground#c9b9a0
- editor.hoverHighlightBackground#c9b9a040
- editor.lineHighlightBackground#84786618
- editor.selectionBackground#84786660
- editor.selectionHighlightBackground#84786630
- editor.wordHighlightBackground#84786640
- editor.wordHighlightStrongBackground#84786640
- editorBracketHighlight.foreground1#fff6e8
- editorBracketHighlight.foreground2#6b7683
- editorBracketHighlight.foreground3#f8e1e6
- editorBracketHighlight.foreground4#847866
- editorBracketHighlight.foreground5#cbd3dd
- editorBracketHighlight.foreground6#ba949c
- editorBracketMatch.background#84786660
- editorBracketMatch.border#0000
- editorCodeLens.foreground#ba949c
- editorGroup.dropBackground#312c24a0
- editorGroup.dropIntoPromptBackground#1c160d
- editorGroup.dropIntoPromptForeground#c9b9a0
- editorGroupHeader.tabsBackground#312c24
- editorGutter.background#84786618
- editorIndentGuide.activeBackground#847866
- editorIndentGuide.activeBackground1#847866
- editorInfo.foreground#847866
- editorInlayHint.background#312c2460
- editorInlayHint.foreground#847866
- editorLightBulb.foreground#c9b9a0
- editorLineNumber.activeForeground#fff6e8
- editorLineNumber.foreground#847866
- editorLink.activeForeground#f8e1e6
- editorMarkerNavigation.background#312c24
- editorOverviewRuler.findMatchForeground#ba949c
- editorOverviewRuler.selectionHighlightForeground#847866
- editorPane.background#312c24
- editorRuler.foreground#847866a0
- editorWhitespace.foreground#84786680
- editorWidget.background#1c160d
- editorWidget.resizeBorder#847866
- extensionIcon.preReleaseForeground#fff6e8
- extensionIcon.sponsorForeground#c9b9a0
- extensionIcon.starForeground#c9b9a0
- extensionIcon.verifiedForeground#c9b9a0
- focusBorder#312c24
- foreground#c9b9a0
- icon.foreground#c9b9a0
- input.background#312c24
- inputOption.activeBackground#1c160d
- inputOption.activeBorder#0000
- inputOption.activeForeground#c9b9a0
- inputOption.hoverBackground#1c160d80
- keybindingLabel.background#312c24
- keybindingLabel.border#0000
- keybindingLabel.bottomBorder#0000
- keybindingLabel.foreground#c9b9a0
- list.activeSelectionBackground#84786680
- list.activeSelectionForeground#fff6e8
- list.dropBackground#312c24
- list.focusAndSelectionOutline#0000
- list.focusBackground#312c2480
- list.focusOutline#0000
- list.hoverBackground#84786680
- list.inactiveFocusBackground#312c2460
- list.inactiveFocusOutline#0000
- list.inactiveSelectionBackground#312c24
- menu.background#1c160d
- menubar.selectionBackground#84786660
- minimap.background#1c160d
- minimap.findMatchHighlight#ba949c80
- minimap.selectionHighlight#84786680
- notificationCenterHeader.background#312c24
- panelTitle.activeBorder#0000
- panelTitle.activeForeground#fff6e8
- panelTitle.inactiveForeground#847866
- peekView.border#312c24
- peekViewEditor.background#1c160d
- peekViewEditor.matchHighlightBackground#ba949c60
- peekViewResult.background#312c24
- peekViewResult.fileForeground#c9b9a0
- peekViewResult.lineForeground#c9b9a0
- peekViewResult.matchHighlightBackground#ba949c60
- peekViewResult.selectionBackground#1c160d
- peekViewResult.selectionForeground#c9b9a0
- peekViewTitle.background#1c160d
- peekViewTitleDescription.foreground#c9b9a0
- peekViewTitleLabel.foreground#fff6e8
- selection.background#84786640
- settings.headerBorder#847866
- settings.headerForeground#c9b9a0
- settings.modifiedItemIndicator#c9b9a0
- settings.sashBorder#c9b9a0
- sideBar.background#1c160d
- sideBarSectionHeader.background#312c24
- sideBarSectionHeader.foreground#c9b9a0
- sideBarTitle.foreground#c9b9a0
- statusBar.background#312c24
- statusBar.debuggingBackground#ba949c
- statusBar.debuggingForeground#2e2224
- statusBar.foreground#c9b9a0
- tab.activeBackground#1c160d
- tab.activeForeground#c9b9a0
- tab.border#0000
- tab.hoverForeground#fff6e8
- tab.inactiveBackground#312c24
- tab.inactiveForeground#c9b9a0
- tab.lastPinnedBorder#847866
- tab.unfocusedActiveBackground#1c160d
- tab.unfocusedActiveForeground#847866
- tab.unfocusedInactiveBackground#1c160d80
- tab.unfocusedInactiveForeground#847866
- 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#c9b9a0
- textBlockQuote.border#847866
- textCodeBlock.background#1c160d
- textLink.activeForeground#f8e1e6
- textLink.foreground#ba949c
- textPreformat.foreground#fff6e8
- titleBar.activeBackground#312c24
- titleBar.activeForeground#c9b9a0
- titleBar.inactiveBackground#1c160d
- titleBar.inactiveForeground#847866
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #847866 | — |
| keyword, storage.type, storage.modifier | #fff6e8 | — |
| 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 | #fff6e8 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #fff6e8 | — |
| meta.attribute | #c9b9a0 | — |
| string.other.link | #ba949c | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #c9c7a0 | — |
| 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 | #c9c7a0 | — |
| constant.character.escape, constant.other.character-class.regexp | #fff6e8 | — |
| *url*, *link*, *uri* | — | underline |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown, entity.name.section | #fff6e8 | — |
| 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 | #c9c7a0 | — |
| markup.raw.block.fenced.markdown, markup.fenced_code.block | #c9c7a0 | — |
| variable.language.fenced.markdown, fenced_code.block.language | #c9c7a0 | — |
| markup.inline.raw | #c9c7a0 | — |
| meta.separator | #fff6e8 | bold |