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#000a0a
- activityBar.foreground#ffffff
- activityBarBadge.background#ff00ff
- activityBarBadge.foreground#000000
- badge.background#ff00ff
- badge.foreground#000000
- breadcrumb.activeSelectionForeground#ffffff
- breadcrumb.focusForeground#ffffff
- breadcrumb.foreground#ff00ff
- button.background#ff00ff
- button.foreground#000000
- button.hoverBackground#ff66ff
- button.secondaryBackground#424242
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#616161
- contrastActiveBorder#ff00ff
- contrastBorder#ff00ff
- debugToolBar.background#000a0a
- dropdown.background#000a0a
- dropdown.border#ff00ff
- dropdown.foreground#ffffff
- editor.background#000000
- editor.findMatchBackground#ffff0080
- editor.findMatchHighlightBackground#ffff0040
- editor.foreground#ffffff
- editor.lineHighlightBackground#4a148c20
- editor.selectionBackground#7b1fa260
- editor.selectionHighlightBackground#7b1fa230
- editor.wordHighlightBackground#9c27b050
- editor.wordHighlightStrongBackground#9c27b070
- editorBracketHighlight.foreground1#ff0000
- editorBracketHighlight.foreground2#00ffff
- editorBracketHighlight.foreground3#00ff00
- editorBracketHighlight.foreground4#ffff00
- editorBracketHighlight.foreground5#ff00ff
- editorBracketHighlight.foreground6#00ffff
- editorBracketMatch.background#7b1fa240
- editorBracketMatch.border#ff00ff
- editorCursor.foreground#ff00ff
- editorGutter.addedBackground#00ff00
- editorGutter.background#000000
- editorGutter.deletedBackground#ff0000
- editorGutter.modifiedBackground#ffff00
- editorHoverWidget.background#000a0a
- editorIndentGuide.activeBackground#ff00ff
- editorIndentGuide.background#4a148c30
- editorLineNumber.activeForeground#ffffff
- editorLineNumber.foreground#8e24aa
- editorSuggestWidget.background#000a0a
- editorSuggestWidget.border#ff00ff
- editorWidget.background#000a0a
- focusBorder#ff00ff
- input.background#000a0a
- input.border#ff00ff
- input.foreground#ffffff
- input.placeholderForeground#cc66ff
- inputOption.activeBackground#ff00ff
- inputOption.activeBorder#ff00ff
- inputValidation.errorBackground#330000
- inputValidation.errorBorder#ff0000
- inputValidation.infoBackground#000033
- inputValidation.infoBorder#0000ff
- inputValidation.warningBackground#333300
- inputValidation.warningBorder#ffff00
- list.activeSelectionBackground#ff00ff50
- list.activeSelectionForeground#ffffff
- list.errorForeground#ff0000
- list.focusBackground#ff00ff20
- list.hoverBackground#ff00ff20
- list.inactiveSelectionBackground#ff00ff20
- list.invalidItemForeground#ff0000
- list.warningForeground#ffff00
- menu.background#000a0a
- menu.foreground#ffffff
- menu.selectionBackground#ff00ff50
- menu.selectionForeground#ffffff
- menubar.selectionBackground#ff00ff50
- menubar.selectionForeground#ffffff
- merge.currentHeaderBackground#7b1fa240
- merge.incomingHeaderBackground#00ff0040
- notifications.background#000a0a
- notifications.border#ff00ff
- notifications.foreground#ffffff
- panel.background#000a0a
- panel.border#ff00ff
- panelTitle.activeBorder#ff00ff
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#ff00ff
- peekViewEditor.background#000a0a
- peekViewEditorGutter.background#000a0a
- peekViewResult.background#000a0a
- peekViewTitle.background#000a0a
- pickerGroup.border#ff00ff
- progressBar.background#ff00ff
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#7b1fa280
- scrollbarSlider.background#7b1fa240
- scrollbarSlider.hoverBackground#7b1fa260
- settings.headerForeground#ffffff
- settings.modifiedItemIndicator#ff00ff
- sideBar.background#000a0a
- sideBar.foreground#ffffff
- sideBarTitle.foreground#ff00ff
- statusBar.background#6a1b9a
- statusBar.debuggingBackground#ff0000
- statusBar.foreground#ffffff
- tab.activeBackground#000000
- tab.activeBorder#ff00ff
- tab.activeForeground#ffffff
- tab.inactiveBackground#000a0a
- terminal.ansiBlack#000000
- terminal.ansiBlue#0000ff
- terminal.ansiBrightBlack#808080
- terminal.ansiBrightBlue#6b6bff
- terminal.ansiBrightCyan#69ffff
- terminal.ansiBrightGreen#69ff69
- terminal.ansiBrightMagenta#ff69ff
- terminal.ansiBrightRed#ff6b6b
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffff69
- terminal.ansiCyan#00ffff
- terminal.ansiGreen#00ff00
- terminal.ansiMagenta#ff00ff
- terminal.ansiRed#ff0000
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#ffff00
- terminal.background#000000
- terminal.foreground#ffffff
- titleBar.activeBackground#000a0a
- titleBar.activeForeground#ffffff
- titleBar.inactiveBackground#000000
- titleBar.inactiveForeground#ff00ff
- tree.indentGuidesStroke#4a148c30
- welcomePage.background#000000
- widget.shadow#ffffff40
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, comment.line, comment.block | #8e24aa | italic |
| comment.block.documentation, comment.line.documentation | #ff00ff | italic bold |
| keyword, keyword.control, keyword.operator.new, keyword.other.using, keyword.other.import | #ff00ff | bold |
| keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.control.exception, keyword.control.trycatch | #ff00ff | bold |
| storage.type, storage.modifier, storage.type.class, storage.type.function, storage.type.interface | #00ffff | bold |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.assignment | #00ff00 | — |
| keyword.operator.word, keyword.operator.typeof, keyword.operator.instanceof | #ff00ff | bold |
| variable, variable.other, variable.language.this, variable.language.super | #ffffff | — |
| variable.other.property, variable.other.object.property, variable.other.member | #00ff00 | — |
| variable.parameter, variable.parameter.function | #ffff00 | italic bold |
| entity.name.function, entity.name.method, meta.function-call entity.name.function, support.function | #ff00ff | — |
| meta.function entity.name.function, meta.method entity.name.function | #ff00ff | bold |
| support.function.builtin, support.function.magic | #00ffff | bold |
| entity.name.class, entity.name.type.class, entity.other.inherited-class | #ffff00 | bold |
| entity.name.interface, entity.name.type.interface | #00ffff | bold |
| entity.name.type, support.type, meta.type.annotation | #00ffff | — |
| string, string.quoted, string.quoted.single, string.quoted.double | #00ff00 | — |
| string.template, string.quoted.template | #69ff69 | — |
| string.interpolated, meta.template.expression | #00ffff | bold |
| string.regexp, string.regex | #ffff00 | bold |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.decimal, constant.numeric.hex, constant.numeric.binary, constant.numeric.octal | #ffff00 | bold |
| constant.language.boolean, constant.language.true, constant.language.false | #ff00ff | bold |
| constant.language.null, constant.language.undefined, constant.language.none | #ff0000 | bold |
| constant.other, variable.other.constant | #ffff00 | italic bold |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #00ffff | bold |
| keyword.control.flow.async, keyword.control.flow.await | #ff00ff | italic bold |
| meta.object-binding-pattern-variable entity.name.binding, meta.array-binding-pattern-variable entity.name.binding | #00ff00 | bold |
| variable.language.special.self.python, variable.language.special.cls.python | #00ffff | italic bold |
| support.function.magic.python | #ffff00 | bold |
| entity.name.function.decorator.python, punctuation.definition.decorator.python | #ffff00 | bold |
| punctuation.definition.annotation, storage.type.annotation | #ffff00 | bold |
| punctuation.definition.typeparameters, entity.name.type.parameter | #00ffff | bold |
| keyword.control.directive, meta.preprocessor | #00ffff | bold |
| keyword.operator.pointer, keyword.operator.address | #ff00ff | bold |
| entity.name.type.lifetime.rust, punctuation.definition.lifetime.rust | #ffff00 | bold |
| entity.name.function.macro.rust, punctuation.definition.macro.rust | #00ffff | bold |
| entity.name.package.go | #00ff00 | bold |
| punctuation.definition.variable.php, variable.other.php | #ffffff | — |
| entity.name.type.namespace.php | #00ff00 | bold |
| entity.name.tag.html, punctuation.definition.tag | #ff00ff | bold |
| entity.other.attribute-name.html | #ffff00 | bold |
| string.quoted.double.html, string.quoted.single.html | #00ff00 | bold |
| support.type.property-name.css | #00ffff | bold |
| support.constant.property-value.css, constant.numeric.css | #00ff00 | bold |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #ffff00 | bold |
| keyword.other.unit.css | #ffff00 | bold |
| source.json meta.structure.dictionary.json support.type.property-name.json | #ff00ff | bold |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ff66ff | bold |
| 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 | #ff99ff | bold |
| punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, punctuation.separator.dictionary.key-value.json, punctuation.separator.array.json | #cc66ff | — |
| string.quoted.double.json, string.quoted.single.json | #00ff00 | bold |
| constant.numeric.json | #ffff00 | bold |
| constant.language.json | #ff00ff | bold |
| constant.language.null.json | #ff0000 | bold |
| entity.name.tag.yaml | #ff00ff | bold |
| string.unquoted.plain.out.yaml | #00ff00 | bold |
| markup.heading, punctuation.definition.heading.markdown | #ff00ff | bold |
| markup.bold | #ffff00 | bold |
| markup.italic | #00ffff | italic bold |
| markup.inline.raw.markdown, markup.fenced_code.block.markdown | #00ffff | bold |
| markup.underline.link.markdown | #00ffff | bold |
| markup.quote.markdown | #00ff00 | italic bold |
| keyword.other.sql | #ff00ff | bold |
| support.function.sql | #ff00ff | bold |
| punctuation, punctuation.separator, punctuation.terminator | #cc66ff | — |
| punctuation.section.brackets, punctuation.section.parens, punctuation.section.braces | #ff00ff | bold |
| source.graphql keyword.operation, source.graphql meta.type.interface | #00ffff | bold |
| source.graphql variable.graphql, source.graphql meta.selection-set | #00ff00 | bold |
| keyword.other.special-method.dockerfile, source.dockerfile keyword.operator.flag | #ff00ff | bold |
| entity.name.type.anchor.yaml, variable.other.alias.yaml | #ff00ff | italic bold |
| variable.other.special.shell, variable.other.positional.shell, variable.other.normal.shell | #ff00ff | bold |
| meta.decorator.ts entity.name.function, meta.decorator.tsx entity.name.function | #ffff00 | italic bold |
| comment.block.documentation storage.type.class.jsdoc, comment.block.documentation punctuation.definition.block.tag.jsdoc | #69ff69 | bold |
| markup.changed, meta.diff.header.git | #ffff00 | bold |
| meta.decorator.python, meta.decorator.identifier.python | #ffff00 | italic bold |
| meta.attribute.rust, meta.attribute.identifier.rust | #ffff00 | italic bold |