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#2e0714
- activityBar.foreground#81d4fa
- activityBarBadge.background#4fc3f7
- activityBarBadge.foreground#1a0a0f
- badge.background#4fc3f7
- badge.foreground#1a0a0f
- breadcrumb.activeSelectionForeground#e0e0e0
- breadcrumb.focusForeground#e0e0e0
- breadcrumb.foreground#4fc3f7
- contrastActiveBorder#4fc3f7
- contrastBorder#4fc3f7
- debugToolBar.background#1a0a0f
- dropdown.background#1a0a0f
- dropdown.border#4fc3f7
- dropdown.foreground#e0e0e0
- editor.background#1a0a0f
- editor.findMatchBackground#ffeb3b40
- editor.findMatchHighlightBackground#ffeb3b20
- editor.foreground#e0e0e0
- editor.lineHighlightBackground#29b6f60A
- editor.selectionBackground#26a69a60
- editor.selectionHighlightBackground#26a69a20
- editor.wordHighlightBackground#4fc3f730
- editor.wordHighlightStrongBackground#4fc3f750
- editorBracketHighlight.foreground1#ff6b9d
- editorBracketHighlight.foreground2#4fc3f7
- editorBracketHighlight.foreground3#81c784
- editorBracketHighlight.foreground4#ffb74d
- editorBracketHighlight.foreground5#ba68c8
- editorBracketHighlight.foreground6#26a69a
- editorBracketMatch.background#26a69a40
- editorBracketMatch.border#4fc3f7
- editorCursor.foreground#4fc3f7
- editorGutter.addedBackground#4caf50
- editorGutter.background#1a0a0f
- editorGutter.deletedBackground#f44336
- editorGutter.modifiedBackground#ffeb3b
- editorHoverWidget.background#1a0a0f
- editorIndentGuide.activeBackground#4fc3f7
- editorIndentGuide.background#29b6f630
- editorLineNumber.activeForeground#81d4fa
- editorLineNumber.foreground#26a69a
- editorSuggestWidget.background#1a0a0f
- editorSuggestWidget.border#4fc3f7
- editorWidget.background#1a0a0f
- focusBorder#4fc3f7
- input.background#1a0a0f
- input.border#4fc3f7
- input.foreground#e0e0e0
- input.placeholderForeground#4fc3f7
- inputOption.activeBackground#4fc3f7
- inputOption.activeBorder#4fc3f7
- inputValidation.errorBackground#330000
- inputValidation.errorBorder#ef5350
- inputValidation.infoBackground#001a33
- inputValidation.infoBorder#42a5f5
- inputValidation.warningBackground#333300
- inputValidation.warningBorder#ffeb3b
- list.activeSelectionBackground#26a69a40
- list.activeSelectionForeground#e0e0e0
- list.errorForeground#ef5350
- list.focusBackground#26a69a20
- list.hoverBackground#26a69a20
- list.inactiveSelectionBackground#26a69a20
- list.invalidItemForeground#ef5350
- list.warningForeground#ffeb3b
- menu.background#1a0a0f
- menu.foreground#e0e0e0
- menu.selectionBackground#26a69a40
- menu.selectionForeground#e0e0e0
- menubar.selectionBackground#26a69a40
- menubar.selectionForeground#e0e0e0
- merge.currentHeaderBackground#26a69a40
- merge.incomingHeaderBackground#4caf5040
- notifications.background#1a0a0f
- notifications.foreground#e0e0e0
- panel.background#1a0a0f
- panel.border#4fc3f7
- panelTitle.activeBorder#4fc3f7
- panelTitle.activeForeground#e0e0e0
- panelTitle.inactiveForeground#4fc3f7
- peekViewEditor.background#1a0a0f
- peekViewEditorGutter.background#1a0a0f
- peekViewResult.background#1a0a0f
- peekViewTitle.background#1a0a0f
- pickerGroup.border#4fc3f7
- progressBar.background#4fc3f7
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#26a69a80
- scrollbarSlider.background#26a69a40
- scrollbarSlider.hoverBackground#26a69a60
- settings.headerForeground#e0e0e0
- settings.modifiedItemIndicator#4fc3f7
- sideBar.background#330a19
- sideBar.foreground#81d4fa
- sideBarTitle.foreground#4fc3f7
- statusBar.background#26a69a
- statusBar.debuggingBackground#f44336
- statusBar.foreground#e0e0e0
- tab.activeBackground#1a0a0f
- tab.activeBorder#4fc3f7
- tab.activeForeground#e0e0e0
- tab.inactiveBackground#330a19
- terminal.ansiBlack#263238
- terminal.ansiBlue#42a5f5
- terminal.ansiBrightBlack#546e7a
- terminal.ansiBrightBlue#448aff
- terminal.ansiBrightCyan#18ffff
- terminal.ansiBrightGreen#69f0ae
- terminal.ansiBrightMagenta#e040fb
- terminal.ansiBrightRed#ef5350
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffff00
- terminal.ansiCyan#26c6da
- terminal.ansiGreen#66bb6a
- terminal.ansiMagenta#ab47bc
- terminal.ansiRed#ef5350
- terminal.ansiWhite#eceff1
- terminal.ansiYellow#ffeb3b
- terminal.background#2a1a1f
- terminal.foreground#e8f5e8
- titleBar.activeBackground#2e0714
- titleBar.activeForeground#e0e0e0
- titleBar.inactiveBackground#1a0a0f
- titleBar.inactiveForeground#4fc3f7
- tree.indentGuidesStroke#29b6f630
- welcomePage.background#1a0a0f
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, comment.line, comment.block | #26a69a | italic |
| comment.block.documentation, comment.line.documentation | #66bb6a | italic |
| keyword, keyword.control, keyword.operator.new, keyword.other.using, keyword.other.import | #4fc3f7 | bold |
| keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.control.exception, keyword.control.trycatch | #29b6f6 | bold |
| storage.type, storage.modifier, storage.type.class, storage.type.function, storage.type.interface | #ba68c8 | bold |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.assignment | #81d4fa | — |
| keyword.operator.word, keyword.operator.typeof, keyword.operator.instanceof | #29b6f6 | bold |
| variable, variable.other, variable.language.this, variable.language.super | #e0e0e0 | — |
| variable.other.property, variable.other.object.property, variable.other.member | #66bb6a | — |
| variable.parameter, variable.parameter.function | #ffb74d | italic |
| entity.name.function, entity.name.method, meta.function-call entity.name.function, support.function | #81d4fa | — |
| meta.function entity.name.function, meta.method entity.name.function | #4fc3f7 | bold |
| support.function.builtin, support.function.magic | #26a69a | bold |
| entity.name.class, entity.name.type.class, entity.other.inherited-class | #ffb74d | bold |
| entity.name.interface, entity.name.type.interface | #ba68c8 | bold |
| entity.name.type, support.type, meta.type.annotation | #ba68c8 | — |
| string, string.quoted, string.quoted.single, string.quoted.double | #66bb6a | — |
| string.template, string.quoted.template | #81c784 | — |
| string.interpolated, meta.template.expression | #ba68c8 | bold |
| string.regexp, string.regex | #ffb74d | bold |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.decimal, constant.numeric.hex, constant.numeric.binary, constant.numeric.octal | #ffb74d | bold |
| constant.language.boolean, constant.language.true, constant.language.false | #29b6f6 | bold |
| constant.language.null, constant.language.undefined, constant.language.none | #ef5350 | bold |
| constant.other, variable.other.constant | #ffb74d | italic |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #ba68c8 | bold |
| keyword.control.flow.async, keyword.control.flow.await | #29b6f6 | italic |
| meta.object-binding-pattern-variable entity.name.binding, meta.array-binding-pattern-variable entity.name.binding | #66bb6a | — |
| variable.language.special.self.python, variable.language.special.cls.python | #ba68c8 | italic |
| support.function.magic.python | #ffb74d | bold |
| entity.name.function.decorator.python, punctuation.definition.decorator.python | #ffb74d | bold |
| punctuation.definition.annotation, storage.type.annotation | #ffb74d | bold |
| punctuation.definition.typeparameters, entity.name.type.parameter | #ba68c8 | bold |
| keyword.control.directive, meta.preprocessor | #ba68c8 | bold |
| keyword.operator.pointer, keyword.operator.address | #29b6f6 | bold |
| entity.name.type.lifetime.rust, punctuation.definition.lifetime.rust | #ffb74d | bold |
| entity.name.function.macro.rust, punctuation.definition.macro.rust | #ba68c8 | bold |
| entity.name.package.go | #66bb6a | bold |
| punctuation.definition.variable.php, variable.other.php | #e0e0e0 | — |
| entity.name.type.namespace.php | #66bb6a | bold |
| entity.name.tag.html, punctuation.definition.tag | #4fc3f7 | bold |
| entity.other.attribute-name.html | #ffb74d | bold |
| string.quoted.double.html, string.quoted.single.html | #66bb6a | bold |
| support.type.property-name.css | #ba68c8 | bold |
| support.constant.property-value.css, constant.numeric.css | #66bb6a | bold |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #ffb74d | bold |
| keyword.other.unit.css | #ffb74d | bold |
| source.json meta.structure.dictionary.json support.type.property-name.json | #4fc3f7 | bold |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ba68c8 | 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 | #9c27b0 | 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 | #ce93d8 | — |
| string.quoted.double.json, string.quoted.single.json | #66bb6a | bold |
| constant.numeric.json | #ffb74d | bold |
| constant.language.json | #29b6f6 | bold |
| constant.language.null.json | #ef5350 | bold |
| entity.name.tag.yaml | #4fc3f7 | bold |
| string.unquoted.plain.out.yaml | #66bb6a | bold |
| markup.heading, punctuation.definition.heading.markdown | #4fc3f7 | bold |
| markup.bold | #ffb74d | bold |
| markup.italic | #29b6f6 | italic |
| markup.inline.raw.markdown, markup.fenced_code.block.markdown | #26a69a | bold |
| markup.underline.link.markdown | #ba68c8 | bold |
| markup.quote.markdown | #66bb6a | italic |
| markup.table, punctuation.separator.table-cell.markdown | #81d4fa | bold |
| keyword.other.sql | #4fc3f7 | bold |
| support.function.sql | #81d4fa | bold |
| punctuation, punctuation.separator, punctuation.terminator | #81d4fa | — |
| punctuation.section.brackets, punctuation.section.parens, punctuation.section.braces | #4fc3f7 | bold |
| invalid, invalid.illegal | #ef5350 | bold underline |
| text.embedded, text.html.php, text.javascript, text.typescript, source.js, source.ts, source.coffee, source.python | #e0e0e0 | — |
| meta.decorator, meta.decorator.identifier, meta.decorator punctuation.decorator | #ba68c8 | italic |
| source.graphql keyword.operation, source.graphql meta.type.interface | #26c6da | bold |
| source.graphql variable.graphql, source.graphql meta.selection-set | #66bb6a | bold |
| keyword.other.special-method.dockerfile, source.dockerfile keyword.operator.flag | #29b6f6 | bold |
| entity.name.type.anchor.yaml, variable.other.alias.yaml | #b39ddb | italic |
| variable.other.special.shell, variable.other.positional.shell, variable.other.normal.shell | #ce93d8 | bold |
| meta.decorator.ts entity.name.function, meta.decorator.tsx entity.name.function | #dce775 | italic |
| comment.block.documentation storage.type.class.jsdoc, comment.block.documentation punctuation.definition.block.tag.jsdoc | #aed581 | bold |
| markup.changed, meta.diff.header.git | #fff176 | bold |
| meta.decorator.python, meta.decorator.identifier.python | #ffb74d | italic |
| meta.attribute.rust, meta.attribute.identifier.rust | #ffb74d | italic |