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#f8bbd9
- activityBar.foreground#880e4f
- activityBarBadge.background#c2185b
- activityBarBadge.foreground#ffffff
- badge.background#c2185b
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#880e4f
- breadcrumb.focusForeground#880e4f
- breadcrumb.foreground#c2185b
- contrastActiveBorder#ec407a
- contrastBorder#ec407a
- debugToolBar.background#ffffff
- dropdown.background#ffffff
- dropdown.border#ec407a
- dropdown.foreground#1a0a0f
- editor.background#fce4ec
- editor.findMatchBackground#ffeb3b60
- editor.findMatchHighlightBackground#ffeb3b30
- editor.foreground#1a0a0f
- editor.lineHighlightBackground#f8bbd920
- editor.selectionBackground#f0629240
- editor.selectionHighlightBackground#f0629220
- editor.wordHighlightBackground#e91e6340
- editor.wordHighlightStrongBackground#e91e6360
- editorBracketHighlight.foreground1#d81b60
- editorBracketHighlight.foreground2#0288d1
- editorBracketHighlight.foreground3#388e3c
- editorBracketHighlight.foreground4#f57c00
- editorBracketHighlight.foreground5#7b1fa2
- editorBracketHighlight.foreground6#00796b
- editorBracketMatch.background#f0629240
- editorBracketMatch.border#ec407a
- editorCursor.foreground#c2185b
- editorGutter.addedBackground#4caf50
- editorGutter.background#fce4ec
- editorGutter.deletedBackground#f44336
- editorGutter.modifiedBackground#ffeb3b
- editorHoverWidget.background#ffffff
- editorIndentGuide.activeBackground#ec407a
- editorIndentGuide.background#f8bbd940
- editorLineNumber.activeForeground#880e4f
- editorLineNumber.foreground#c2185b
- editorSuggestWidget.background#ffffff
- editorSuggestWidget.border#ec407a
- editorWidget.background#ffffff
- focusBorder#ec407a
- input.background#ffffff
- input.border#ec407a
- input.foreground#1a0a0f
- input.placeholderForeground#c2185b
- inputOption.activeBackground#ec407a
- inputOption.activeBorder#ec407a
- inputValidation.errorBackground#ffebee
- inputValidation.errorBorder#f44336
- inputValidation.infoBackground#e3f2fd
- inputValidation.infoBorder#2196f3
- inputValidation.warningBackground#fff8e1
- inputValidation.warningBorder#ffeb3b
- list.activeSelectionBackground#f0629240
- list.activeSelectionForeground#1a0a0f
- list.errorForeground#f44336
- list.focusBackground#f0629220
- list.hoverBackground#f0629220
- list.inactiveSelectionBackground#f0629220
- list.invalidItemForeground#f44336
- list.warningForeground#ffeb3b
- menu.background#ffffff
- menu.foreground#1a0a0f
- menu.selectionBackground#f0629240
- menu.selectionForeground#1a0a0f
- menubar.selectionBackground#f0629240
- menubar.selectionForeground#1a0a0f
- merge.currentHeaderBackground#f0629240
- merge.incomingHeaderBackground#4caf5040
- notifications.background#ffffff
- notifications.foreground#1a0a0f
- panel.background#ffffff
- panel.border#ec407a
- panelTitle.activeBorder#ec407a
- panelTitle.activeForeground#880e4f
- panelTitle.inactiveForeground#c2185b
- peekViewEditor.background#ffffff
- peekViewEditorGutter.background#ffffff
- peekViewResult.background#ffffff
- peekViewTitle.background#ffffff
- pickerGroup.border#ec407a
- progressBar.background#ec407a
- scrollbar.shadow#00000010
- scrollbarSlider.activeBackground#f0629280
- scrollbarSlider.background#f0629240
- scrollbarSlider.hoverBackground#f0629260
- settings.headerForeground#880e4f
- settings.modifiedItemIndicator#c2185b
- sideBar.background#fff1f8
- sideBar.foreground#880e4f
- sideBarTitle.foreground#c2185b
- statusBar.background#ec407a
- statusBar.debuggingBackground#f44336
- statusBar.foreground#ffffff
- tab.activeBackground#fce4ec
- tab.activeBorder#ec407a
- tab.activeForeground#880e4f
- tab.inactiveBackground#fff1f8
- terminal.ansiBlack#1a0a0f
- terminal.ansiBlue#1976d2
- terminal.ansiBrightBlack#616161
- terminal.ansiBrightBlue#42a5f5
- terminal.ansiBrightCyan#26c6da
- terminal.ansiBrightGreen#66bb6a
- terminal.ansiBrightMagenta#ec407a
- terminal.ansiBrightRed#ef5350
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffeb3b
- terminal.ansiCyan#0097a7
- terminal.ansiGreen#388e3c
- terminal.ansiMagenta#c2185b
- terminal.ansiRed#d32f2f
- terminal.ansiWhite#f5f5f5
- terminal.ansiYellow#fbc02d
- terminal.background#fce4ec
- terminal.foreground#1a0a0f
- titleBar.activeBackground#f8bbd9
- titleBar.activeForeground#880e4f
- titleBar.inactiveBackground#fce4ec
- titleBar.inactiveForeground#c2185b
- tree.indentGuidesStroke#f8bbd940
- welcomePage.background#fce4ec
- widget.shadow#00000020
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, comment.line, comment.block | #c2185b | italic |
| comment.block.documentation, comment.line.documentation | #388e3c | italic |
| keyword, keyword.control, keyword.operator.new, keyword.other.using, keyword.other.import | #c2185b | bold |
| keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.control.exception, keyword.control.trycatch | #880e4f | bold |
| storage.type, storage.modifier, storage.type.class, storage.type.function, storage.type.interface | #0288d1 | bold |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.assignment | #ec407a | — |
| keyword.operator.word, keyword.operator.typeof, keyword.operator.instanceof | #880e4f | — |
| variable, variable.other, variable.language.this, variable.language.super | #1a0a0f | — |
| variable.other.property, variable.other.object.property, variable.other.member | #388e3c | — |
| variable.parameter, variable.parameter.function | #f57c00 | italic |
| entity.name.function, entity.name.method, meta.function-call entity.name.function, support.function | #c2185b | — |
| meta.function entity.name.function, meta.method entity.name.function | #880e4f | bold |
| support.function.builtin, support.function.magic | #00796b | — |
| entity.name.class, entity.name.type.class, entity.other.inherited-class | #f57c00 | bold |
| entity.name.interface, entity.name.type.interface | #0288d1 | bold |
| entity.name.type, support.type, meta.type.annotation | #0288d1 | — |
| string, string.quoted, string.quoted.single, string.quoted.double | #388e3c | — |
| string.template, string.quoted.template | #66bb6a | — |
| string.interpolated, meta.template.expression | #0288d1 | — |
| string.regexp, string.regex | #f57c00 | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.decimal, constant.numeric.hex, constant.numeric.binary, constant.numeric.octal | #f57c00 | — |
| constant.language.boolean, constant.language.true, constant.language.false | #880e4f | bold |
| constant.language.null, constant.language.undefined, constant.language.none | #d32f2f | bold |
| constant.other, variable.other.constant | #f57c00 | italic |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #0288d1 | — |
| keyword.control.flow.async, keyword.control.flow.await | #880e4f | italic |
| meta.object-binding-pattern-variable entity.name.binding, meta.array-binding-pattern-variable entity.name.binding | #388e3c | — |
| variable.language.special.self.python, variable.language.special.cls.python | #0288d1 | italic |
| support.function.magic.python | #f57c00 | — |
| entity.name.function.decorator.python, punctuation.definition.decorator.python | #f57c00 | — |
| punctuation.definition.annotation, storage.type.annotation | #f57c00 | — |
| punctuation.definition.typeparameters, entity.name.type.parameter | #0288d1 | — |
| keyword.control.directive, meta.preprocessor | #0288d1 | — |
| keyword.operator.pointer, keyword.operator.address | #880e4f | — |
| entity.name.type.lifetime.rust, punctuation.definition.lifetime.rust | #f57c00 | — |
| entity.name.function.macro.rust, punctuation.definition.macro.rust | #0288d1 | — |
| entity.name.package.go | #388e3c | — |
| punctuation.definition.variable.php, variable.other.php | #1a0a0f | — |
| entity.name.type.namespace.php | #388e3c | — |
| entity.name.tag.html, punctuation.definition.tag | #c2185b | — |
| entity.other.attribute-name.html | #f57c00 | — |
| string.quoted.double.html, string.quoted.single.html | #388e3c | — |
| support.type.property-name.css | #0288d1 | — |
| support.constant.property-value.css, constant.numeric.css | #388e3c | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #f57c00 | — |
| keyword.other.unit.css | #f57c00 | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #c2185b | bold |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #7b1fa2 | — |
| 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 | — |
| punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, punctuation.separator.dictionary.key-value.json, punctuation.separator.array.json | #e1bee7 | — |
| string.quoted.double.json, string.quoted.single.json | #66bb6a | — |
| constant.numeric.json | #ffa726 | — |
| constant.language.json | #ec407a | bold |
| constant.language.null.json | #ef5350 | bold |
| entity.name.tag.yaml | #c2185b | — |
| string.unquoted.plain.out.yaml | #388e3c | — |
| markup.heading, punctuation.definition.heading.markdown | #c2185b | bold |
| markup.bold | #f57c00 | bold |
| markup.italic | #880e4f | italic |
| markup.inline.raw.markdown, markup.fenced_code.block.markdown | #00796b | — |
| markup.underline.link.markdown | #0288d1 | — |
| markup.quote.markdown | #388e3c | italic |
| markup.table, punctuation.separator.table-cell.markdown | #42a5f5 | — |
| keyword.other.sql | #c2185b | bold |
| support.function.sql | #c2185b | — |
| punctuation, punctuation.separator, punctuation.terminator | #880e4f | — |
| punctuation.section.brackets, punctuation.section.parens, punctuation.section.braces | #c2185b | — |
| invalid, invalid.illegal | #d32f2f | — |
| text.embedded, text.html.php, text.javascript, text.typescript, source.js, source.ts, source.coffee, source.python | #1a0a0f | — |
| meta.decorator, meta.decorator.identifier, meta.decorator punctuation.decorator | #7b1fa2 | italic |
| source.graphql keyword.operation, source.graphql meta.type.interface | #00acc1 | bold |
| source.graphql variable.graphql, source.graphql meta.selection-set | #66bb6a | — |
| keyword.other.special-method.dockerfile, source.dockerfile keyword.operator.flag | #ec407a | bold |
| entity.name.type.anchor.yaml, variable.other.alias.yaml | #7b1fa2 | italic |
| variable.other.special.shell, variable.other.positional.shell, variable.other.normal.shell | #7b1fa2 | — |
| meta.decorator.ts entity.name.function, meta.decorator.tsx entity.name.function | #cddc39 | italic |
| comment.block.documentation storage.type.class.jsdoc, comment.block.documentation punctuation.definition.block.tag.jsdoc | #9ccc65 | bold |
| markup.changed, meta.diff.header.git | #fff176 | — |
| meta.decorator.python, meta.decorator.identifier.python | #f57c00 | italic |
| meta.attribute.rust, meta.attribute.identifier.rust | #f57c00 | italic |