ThemeDatabase All Themes

Name: ThemeDatabase All Themes
Author: enes ozturk

Publisher: enes ozturkThemes in package: 21943

One theme database to rule them all. All 22,037 ThemeDatabase themes in one VSIX package.

Open in VS Code GitHub

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

ThemeDatabase All Themes — Night Runner

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#0e0f12
activityBar.background#0e0f12
activityBar.border#0e0f12
activityBar.foreground#ffff7e
activityBar.inactiveForeground#71be67
activityBarBadge.background#80cbc4
activityBarBadge.foreground#0e0f12
badge.background#0e0f1230
badge.foreground#464b5d
breadcrumb.activeSelectionForeground#ffffff
breadcrumb.background#0e0f12
breadcrumb.focusForeground#ffffff
breadcrumb.foreground#c692fa
breadcrumbPicker.background#0e0f12
button.background#717cb450
button.hoverBackground#77777727
debugToolBar.background#0e0f12
diffEditor.insertedTextBackground#c3e88d15
diffEditor.removedTextBackground#ff537020
dropdown.background#0e0f12
dropdown.border#0e0f12
dropdown.foreground#38fca9
editor.background#0e0f12
editor.findMatchBackground#0e0f12
editor.findMatchBorder#80cbc4
editor.findMatchHighlightBackground#0e0f1250
editor.findMatchHighlightBorder#ffffff30
editor.foreground#8f93a2
editor.lineHighlightBackground#0e0f1250
editor.selectionBackground#717cb450
editor.selectionHighlightBackground#ffcc0020
editor.snippetTabstopHighlightBackground#ffffff15
editor.snippetTabstopHighlightBorder#0e0f12
editorBracketMatch.background#0f111a
editorBracketMatch.border#ffcc0050
editorCursor.foreground#ffcc00
editorError.foreground#ff537070
editorGroup.border#0e0f1230
editorGroupHeader.tabsBackground#0e0f12
editorGutter.addedBackground#c3e88d60
editorGutter.deletedBackground#ff537060
editorGutter.modifiedBackground#82aaff60
editorHoverWidget.background#0f111a
editorHoverWidget.border#ffffff10
editorIndentGuide.activeBackground#3b3f51
editorIndentGuide.background#3b3f5170
editorInfo.foreground#82aaff70
editorLineNumber.activeForeground#71be67
editorLineNumber.foreground#8f93a2
editorLink.activeForeground#8f93a2
editorMarkerNavigation.background#8f93a205
editorOverviewRuler.border#0e0f12
editorOverviewRuler.errorForeground#ff537040
editorOverviewRuler.findMatchForeground#80cbc4
editorOverviewRuler.infoForeground#82aaff40
editorOverviewRuler.warningForeground#ffcb6b40
editorRuler.foreground#3b3f51
editorSuggestWidget.background#0e0f12
editorSuggestWidget.border#0e0f12
editorSuggestWidget.foreground#8f93a2
editorSuggestWidget.highlightForeground#80cbc4
editorSuggestWidget.selectedBackground#ffffff15
editorWarning.foreground#ffcb6b70
editorWhitespace.foreground#8f93a240
editorWidget.background#0f111a
editorWidget.border#ff0000
editorWidget.resizeBorder#80cbc4
extensionButton.prominentBackground#c3e88d90
extensionButton.prominentHoverBackground#c3e88d
focusBorder#0e0f12
foreground#ffffff93
gitDecoration.conflictingResourceForeground#ffcb6b90
gitDecoration.deletedResourceForeground#ff537090
gitDecoration.ignoredResourceForeground#52597590
gitDecoration.modifiedResourceForeground#82aaff90
gitDecoration.untrackedResourceForeground#c3e88d90
input.background#0e0f12
input.border#ffffff10
input.foreground#eeffff
input.placeholderForeground#777777
inputOption.activeBackground#8f93a230
inputOption.activeBorder#8f93a230
inputValidation.errorBorder#ff537050
inputValidation.infoBorder#82aaff50
inputValidation.warningBorder#ffcb6b50
list.activeSelectionBackground#0f111a
list.activeSelectionForeground#ffffff
list.focusBackground#8f93a220
list.focusForeground#ffffff
list.highlightForeground#80cbc4
list.hoverBackground#0f111a
list.hoverForeground#ffffff
list.inactiveSelectionBackground#0f111a
list.inactiveSelectionForeground#ffffff
list.warningForeground#d9ff00
listFilterWidget.background#0e0f1230
listFilterWidget.noMatchesOutline#0e0f1230
listFilterWidget.outline#0e0f1230
menu.background#0f111a
menu.foreground#8f93a2
menu.selectionBackground#0e0f1250
menu.selectionBorder#0e0f1230
menu.selectionForeground#80cbc4
menu.separatorBackground#8f93a2
menubar.selectionBackground#0e0f1230
menubar.selectionBorder#0e0f1230
menubar.selectionForeground#80cbc4
notificationLink.foreground#80cbc4
notifications.background#0f111a
notifications.foreground#8f93a2
panel.background#0e0f12
panel.border#20474b
panelTitle.activeBorder#80cbc4
panelTitle.activeForeground#ffffff
panelTitle.inactiveForeground#8f93a2
peekView.border#0e0f1230
peekViewEditor.background#8f93a205
peekViewEditor.matchHighlightBackground#717cb450
peekViewEditorGutter.background#8f93a205
peekViewResult.background#8f93a205
peekViewResult.matchHighlightBackground#717cb450
peekViewResult.selectionBackground#52597570
peekViewTitle.background#8f93a205
peekViewTitleDescription.foreground#8f93a260
pickerGroup.foreground#80cbc4
progressBar.background#80cbc4
scrollbar.shadow#0f111a00
scrollbarSlider.activeBackground#ffffff7e
scrollbarSlider.background#7e7e7e7e
scrollbarSlider.hoverBackground#ffffff46
selection.background#80cbc4
settings.checkboxBackground#0f111a
settings.checkboxForeground#8f93a2
settings.dropdownBackground#0e0f12
settings.dropdownForeground#00ff77
settings.dropdownListBorder#0e0f12
settings.headerForeground#80cbc4
settings.modifiedItemIndicator#38fca9
settings.numberInputBackground#0e0f12
settings.numberInputBorder#0e0f12
settings.numberInputForeground#ffff00
settings.textInputBackground#0e0f12
settings.textInputBorder#0e0f12
settings.textInputForeground#0cf590
sideBar.background#0e0f12
sideBar.border#20474b
sideBar.foreground#525975
sideBarSectionHeader.background#0e0f12
sideBarSectionHeader.border#0f111a60
sideBarSectionHeader.foreground#ff7700
sideBarTitle.foreground#38fca9
statusBar.background#0e0f12
statusBar.border#0e0f12
statusBar.debuggingBackground#0e0f12
statusBar.debuggingForeground#7e7e7e
statusBar.foreground#38fca9
statusBar.noFolderBackground#0f111a
statusBarItem.hoverBackground#01fdfd1a
statusBarItem.remoteBackground#80cbc4
statusBarItem.remoteForeground#0e0f12
tab.activeBackground#29002a
tab.activeBorder#38fca9
tab.activeForeground#ffffff
tab.activeModifiedBorder#697552
tab.border#0e0f12
tab.inactiveBackground#0e0f12
tab.inactiveForeground#ffffff
tab.inactiveModifiedBorder#ffff90
tab.unfocusedActiveBorder#464b5d
tab.unfocusedActiveForeground#ffffff
terminal.ansiBlack#0e0f12
terminal.ansiBlue#82aaff
terminal.ansiBrightBlack#464b5d
terminal.ansiBrightBlue#82aaff
terminal.ansiBrightCyan#89ddff
terminal.ansiBrightGreen#c3e88d
terminal.ansiBrightMagenta#ff00dd
terminal.ansiBrightRed#ff5370
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#ffcb6b
terminal.ansiCyan#89ddff
terminal.ansiGreen#c3e88d
terminal.ansiMagenta#ff00dd
terminal.ansiRed#ff5370
terminal.ansiWhite#ffffff
terminal.ansiYellow#ffcb6b
terminal.background#0e0f12
terminalCursor.background#0e0f12
terminalCursor.foreground#ffcb6b
textLink.activeForeground#8f93a2
textLink.foreground#80cbc4
titleBar.activeBackground#0e0f12
titleBar.activeForeground#00ff62b9
titleBar.border#0e0f12
titleBar.inactiveBackground#0f111a
titleBar.inactiveForeground#525975
tree.indentGuidesStroke#3b3f51
widget.shadow#0e0f1230

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment, string.quoted.docstring	#A0A5B0	italic
keyword, storage.type, storage.modifier	#D060E0	—
string	#D779E0	—
constant.numeric	#E6D96F	—
entity.name.function	#6ADE9A	—
variable	#5ACCE0	—
punctuation.separator, punctuation.terminator	#A0A5B0	italic bold
comment, punctuation.definition.comment, string.quoted.docstring	#464B5D	italic
variable, string constant.other.placeholder	#8F93A2	—
constant.other.php	#FFCB6B	—
constant.other.color	#FFFFFF	—
invalid, invalid.illegal	#FF5370	—
invalid.deprecated	#ff00dd	—
keyword, storage.type, storage.modifier	#ff00dd	—
Keyword, Storage	—	italic
constant.other.color, punctuation.definition.tag, punctuation, 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	#89DDFF	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#F07178	—
entity.name.function, variable.function, keyword.other.special-method	#82AAFF	—
source.cpp meta.block variable.other	#F07178	—
variable.other.constant	#F07178	—
support.other.variable, string.other.link	#F07178	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other	#F78C6C	—
variable.parameter.function.language.special, variable.parameter	#FF5370	—
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	#C3E88D
entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#FFCB6B	—
support.type	#B2CCD6	—
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name	#B2CCD6	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#FF5370	—
variable.language	#FF5370	italic
entity.name.method.js	#82AAFF	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#82AAFF	—
entity.other.attribute-name	#ff00dd	italic
entity.other.attribute-name.class	#FFCB6B	—
source.sass keyword.control	#82AAFF	—
markup.inserted	#C3E88D	—
markup.deleted	#FF5370	—
markup.changed	#ff00dd	—
string.regexp	#89DDFF	—
constant.character.escape	#89DDFF	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#82AAFF	italic
source.js constant.other.object.key.js string.unquoted.label.js	#FF5370	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#ff00dd	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FFCB6B	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#F78C6C	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FF5370	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C17E70	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#82AAFF	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#F07178	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#ff00dd	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C3E88D	—
text.html.markdown, punctuation.definition.list_item.markdown	#8F93A2	—
text.html.markdown markup.inline.raw.markdown	#ff00dd	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#80869E50	—
text.html.markdown meta.dummy.line-break	#FF7E00	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#C3E88D	—
markup.italic	#F07178	italic
markup.bold, markup.bold string	#F07178	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	#F07178	bold
markup.underline	#F78C6C	underline
markup.strike	#FF007E
markup.quote punctuation.definition.blockquote.markdown	#80869E50	—
markup.quote	#7EFF00	italic
string.other.link.title.markdown	#82AAFF	—
string.other.link.description.title.markdown	#ff00dd	—
constant.other.reference.link.markdown	#FFCB6B	—
markup.raw.block	#ff00dd	—
markup.fenced_code.block.markdown, markup.inline.raw.string.markdown	#8F93A290	—
variable.language.fenced.markdown	#80869E50	—
meta.separator	#80869E50	bold
markup.table	#8F93A2	—
comment	#7E7E7E
punctuation.definition.comment	#7E7E7E
string	#FF7EFF
constant.numeric	#FFFF00
entity.name.type	#FF3B3B
entity.name.class	#FF3B3B
support.type	#FF3B3B
support.class	#FF3B3B
variable	#7EFFFF
entity.name.variable	#7EFFFF
entity.name.type	—	underline
keyword.operator	#FFFF7E	—
keyword.operator.arithmetic	#FFFF00
keyword.operator.assignment	#FFFFFF
keyword.operator.logical	#FFAEAE	italic bold
keyword.operator.new	#FFFFFF8A
punctuation.definition.string.begin, punctuation.definition.string.end	#FF7EFF
storage.type	#007EFF
support.function	#FF0000	italic
support.variable	#FC6A0F
variable.language	#FF7E7E
variable.parameter	#CBF2FF	italic bold
variable.other.readwrite	#FFFFFF
token.info-token	#6796E6	—
token.warn-token	#CD9731	—
token.error-token	#F44747	—
token.debug-token	#B267E6	—
entity.name	—	italic bold
constant	—	bold
string.quoted.single	—	bold
punctuation.separator	—	italic bold
punctuation.terminator	—	italic bold
meta.object-literal.key	#FF9191
comment.block	#bdbdbd	italic
constant.language.boolean.false, constant.language.boolean.true, constant.language.nan, constant.language.null, constant.language.undefined, keyword.operator.comparison, constant.language.infinity, keyword.operator.expression.typeof, keyword.operator.expression.instanceof, keyword.operator.expression.is	#3FBFFF
constant.numeric.binary, constant.numeric.decimal, constant.numeric.hex, constant.numeric.octal, keyword.operator.decrement, keyword.operator.increment, keyword.operator.arithmetic, keyword.operator.assignment.compound, keyword.operator.relational, support.constant.math, support.function.math, support.constant.property.math	#FFFF00
keyword.control.conditional, keyword.operator.ternary, keyword.control.switch	#FF7F00	italic bold
keyword.control.flow	#81f50c	bold
keyword.control.loop	#FF7FFF	italic bold
keyword.control.new, entity.name.type, keyword.operator.new	#AB5F23	bold
keyword.operator.expression.delete	#FF0000
keyword.operator.logical, keyword.operator.assignment.compound.bitwise, keyword.operator.bitwise	#FFAEAE	italic bold
punctuation.accessor	#FFFFFF	bold
entity.name.function	#e4e416	italic
storage.type.function.arrow	#e4e416	italic bold
storage.type.function	#7F00FF	italic bold
string.quoted.double, punctuation.definition.string.begin, punctuation.definition.string.end	#0cf590
string.quoted.single	#f59402
support.class.builtin	#B69100	bold
support.function.dom	#FF4848	italic
support.function.promise	#DAFF91	italic bold
support.variable.property.dom	#FF9100
variable.language.arguments	#CBF2FF	italic bold
variable.language.this	#FFB648	bold
variable.other.constant	#FFFFFF	underline
variable.other.constant.object	#FF9191	bold underline
variable.other.object	#38fca9
variable.other.object.property	#FF9191
variable.other.property	#FF9191
variable.other.readwrite	#FFFFFF	—
storage.type	#7F00FF
keyword.operator.assignment	#FFFFFF	—
variable.parameter	#CBF2FF	italic bold
support.function.console, support.class.console	#FF0000
punctuation.terminator.statement	—
variable.other.constant.object	#38fca9
support.class.builtin	#AE00FF	bold
entity.name.type	#23AB6C	bold
keyword.operator.new	#23AB6C	bold
keyword.operator.expression.in.js	#FF7FFF	bold
keyword.operator.expression.of.js	#FF7FFF	bold
storage.type.class	#23AB6C	bold
support.function, keyword.control, support.class.promise	#FF3B3B
storage.modifier.async	#C875FF	bold
keyword.control.import, keyword.control.from, support.type.object.module	#A2F890	—
variable.other.constant	#FFFFFF
support.class.component, entity.name.tag.html	#54ffb6	bold
variable.other.property, meta.object-literal.key	#ff00dd	—
storage.type.function	#43ffaf	italic
storage.type	#43ffaf	—
keyword.control.from	#FF7700	—
keyword.control.import	#43ffaf	—
support.function	#FF7700	—
meta.jsx.children, text.html.derivative	#E4E4E4	—
support.type.object.module	#FFB648	—
support.type.object.module, keyword.control.default, keyword.control.export	#FF7700
meta.jsx.children	#FF7777
variable.object.property	#ff00dd
punctuation.destructuring	#38fca9	bold
punctuation.separator.key-value	#ff00dd
punctuation.separator.comma	#FFFFFF
keyword.control.as	#38fca9
punctuation.definition.comment	#38fca9	bold
variable.other.object.property	#ff00dd	—
variable.language.this	#38fca9
punctuation.definition.group.regexp	#FF0000
constant.other.character-class.regexp	#FFFF00
meta.group.regexp	#38fca9
keyword.operator.or.regexp	#FF7700	bold
keyword.other.js	#00FF00
keyword.operator.logical	#FF7F00	bold
storage.type.class	#43ffaf	italic
support.class	#54ffb6
entity.name.type.class	#54ffb6
entity.name.type	#54ffb6
keyword.operator.new	#38fca9
comment	#bababa
variable.other.constant	#FFFFFF	italic
keyword.control.as	#43ffaf	—
support.type.primitive	#00FF90	—
keyword.operator.type.annotation	#ff00dd
support.variable.property	#FF7777	—
entity.name.type.interface	#38fca9
storage.type.property	#ff00dd	—
storage.modifier	#FF7777	—
constant.language.infinity	#FFFF00
constant.language.undefined, keyword.operator.expression.void, constant.language.null	#B4B4B4
keyword.generator.asterisk	#FFFFFF	italic bold
entity.name.type.module	#3FBFFF	—
entity.name.type	#FF8800
support.type.primitive	#54ffb6
keyword.control.export, keyword.control.from, keyword.control.default, support.type.object.module	#ff5f5f	—
support.function	#00FF77	—
keyword.operator.expression.import	#43ffaf
constant.language.import-export-all	#FFFFFF
keyword.operator.expression.of	#38fca9
keyword.control.as	#7777FF	—
variable.other.object.property	#38fca9
meta.paragraph.markdown	#EEEEEE	italic
entity.name.section.markdown	#38fca9
fenced_code.block.language.markdown	#20B3DF	—
markup.underline.link.image.markdown	#777777	underline
string.other.link.description.markdown	#FF0000	—
punctuation.definition.markdown	#666666	—
markup.inline.raw.string.markdown	#FF7700
markup.bold.markdown	#20B3DF
meta.separator.markdown	#FFFF00	—
variable.other.constant	#FFFFFF
keyword.control.trycatch	#FF0000	italic