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.background#202b35
- activityBar.foreground#D3EBE9
- activityBarBadge.background#33859D
- button.background#26A98B
- button.foreground#ffffff
- debugToolBar.background#1e2d3c
- dropdown.background#1e2d3c
- editor.background#0a0f14
- editor.foreground#98d1ce
- editor.hoverHighlightBackgroun#161D24
- editor.lineHighlightBackground#26292C
- editor.selectionBackground#0c3040
- editorCursor.foreground#98d1ce
- editorGroupHeader.tabsBackground#161D24
- editorHoverWidget.background#161D24
- editorHoverWidget.border#599CAB
- editorIndentGuide.background#1A3842
- editorLineNumber.foreground#589AA9
- editorSuggestWidget.background#161D24
- editorSuggestWidget.border#273643
- editorSuggestWidget.selectedBackground#273542
- editorWhitespace.foreground#245361
- editorWidget.background#1e2d3c
- input.background#0d1319
- input.border#599CAB56
- inputOption.activeBorder#599CAB
- list.activeSelectionBackground#1e2d3c
- list.hoverBackground#202b35
- list.inactiveSelectionBackground#1A3842
- notification.background#1b7762
- notification.foreground#ffffffcc
- panel.background#12171d
- panel.border#599CAB56
- panelTitle.activeBorder#EDB54B
- panelTitle.inactiveForeground#98d1ce
- peekView.border#599CAB
- peekViewEditor.background#1e2d3c
- peekViewEditor.matchHighlightBackground#8c6b2c
- peekViewResult.background#161D24
- peekViewResult.fileForeground#D3EBE9
- peekViewResult.lineForeground#D3EBE9
- peekViewResult.matchHighlightBackground#8c6b2c
- peekViewResult.selectionBackground#1e2d3c
- peekViewResult.selectionForeground#D3EBE9
- peekViewTitle.background#4b8390
- peekViewTitleDescription.foreground#D3EBE9
- peekViewTitleLabel.foreground#ffffff
- pickerGroup.border#599CAB
- scrollbarSlider.activeBackground#D3EBE9aa
- scrollbarSlider.background#1A384255
- scrollbarSlider.hoverBackground#33859D55
- separators.classes.borderColor#0a3749
- separators.classes.borderWidth1
- separators.constructors.borderColor#0a3749
- separators.constructors.borderWidth1
- separators.enums.borderColor#0a3749
- separators.enums.borderWidth1
- separators.functions.borderColor#0a3749
- separators.functions.borderWidth1
- separators.interfaces.borderColor#0a3749
- separators.interfaces.borderWidth1
- separators.methods.borderColor#0a3749
- separators.methods.borderWidth1
- separators.namespaces.borderColor#0a3749
- separators.namespaces.borderWidth1
- separators.structs.borderColor#0a3749
- separators.structs.borderWidth1
- sideBar.background#161D24
- sideBarSectionHeader.background#202b35
- statusBar.background#33859D
- statusBar.debuggingBackground#D26939
- statusBar.noFolderBackground#1e2d3c
- tab.border#1F2934
- tab.inactiveBackground#161D24
- tab.inactiveForeground#696d81
- terminal.ansiBlack#505050
- terminal.ansiBlue#13789c
- terminal.ansiBrightBlack#62807f
- terminal.ansiBrightBlue#72b3ca
- terminal.ansiBrightCyan#599caa
- terminal.ansiBrightGreen#abe4bb
- terminal.ansiBrightMagenta#b8bcdf
- terminal.ansiBrightRed#d26939
- terminal.ansiBrightWhite#d3ebe9
- terminal.ansiBrightYellow#f6d8a1
- terminal.ansiCyan#33859d
- terminal.ansiGreen#26a98b
- terminal.ansiMagenta#888BA5
- terminal.ansiRed#dc362c
- terminal.ansiWhite#98d1ce
- terminal.ansiYellow#edb54b
- titleBar.activeBackground#1e2d3c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #98d1ceff | — |
| comment | #6e71aa | italic |
| string | #D26939 | — |
| constant.numeric | #888BA5 | — |
| constant.language | #888BA5 | — |
| constant.character, constant.other | #888BA5 | — |
| variable | #D3EBE9 | |
| keyword | #C33027 | — |
| storage | #C33027 | |
| storage.type | #33859D | — |
| entity.name.class, entity.name.type.class | #EDB54B | — |
| entity.other.inherited-class | #26A98B | underline |
| meta.type.annotation, entity.name.type | #26A98B | — |
| entity.name.function | #EDB54B | |
| variable.parameter | #98D1CE | italic |
| entity.name.tag | #EDB54B | |
| entity.other.attribute-name | #888BA5 | — |
| support.function | #26A98B | |
| support.constant | #26A98B | |
| support.type, support.class | #26A98B | — |
| support.other.variable | — | |
| var.this,variable.language.this.js,variable.language.this.ts,variable.language.this.jsx,variable.language.this.tsx | #C33027 | italic |
| invalid | #F8F8F0 | |
| invalid.deprecated | #F8F8F0 | — |
| unit.css, unit.scss, unit.less, unit.sass | #888BA5 | — |
| variable.css, variable.scss, variable.less, variable.sass | #EDB54B | — |
| variable.css.string, variable.scss.string, variable.less.string, variable.sass.string | #D26939 | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, support.type.property-name.sass | #D3EBE9 | — |
| support.constant.css, support.constant.scss, support.constant.less, support.constant.sass | #26A98B | — |
| markup.bold, punctuation.definition.bold | #EDB54B | — |
| strong md | #EDB54B | — |
| markup.italic, punctuation.definition.italic | #26A98B | — |
| emphasis md | #26A98B | — |
| markup.list.punctuation.definition | #C33027 | — |
| markup.heading | #D26939 | |
| markup.heading punctuation.definition.heading, entity.name.section | #D26939 | — |
| markup.inline.raw.markdown, markup.inline.raw.string.markdown | #EDB54B | — |
| meta.separator | #D26939 | — |
| keyword md | #D3EBE9 | — |
| markdown.markup.quote | #33859D | — |
| variable md | #D26939 | — |
| markup.raw.inline, markup.raw | #C678DD | — |
| string.other.link | #D3EBE9 | — |
| meta.link | #888BA5 | — |
| text.html.laravel-blade, source.php.embedded.line.html, entity.name.tag.laravel-blade | #C678DD | — |
| text.html.laravel-blade, source.php.embedded.line.html, support.constant.laravel-blade | #C679DD | — |
| punctuation.section.embedded.metatag, variable.interpolation | #C679DD | — |
| string.detected-link | #C33027 | — |
| string.storage | #D26939 | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |