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#1f242b
- activityBar.border#1f242b
- activityBar.foreground#768796
- activityBarBadge.background#404754
- activityBarBadge.foreground#D7DAE0
- badge.background#282c34
- button.background#404754
- chat.slashCommandBackground#67769660
- chat.slashCommandForeground#8CD8D8
- debugToolBar.background#1f242b
- diffEditor.insertedTextBackground#00809B33
- dropdown.background#262A35
- dropdown.border#262A35
- editor.background#232830
- editor.findMatchHighlightBackground#314365
- editor.foreground#d4d4d4
- editor.lineHighlightBackground#232830
- editor.selectionBackground#67769660
- editor.selectionHighlightBackground#ffffff10
- editor.wordHighlightBackground#484e5b
- editor.wordHighlightStrongBackground#abb2bf26
- editorCursor.background#ffffffc9
- editorCursor.foreground#b6bcc4
- editorError.foreground#E15A60
- editorGroup.border#282D38
- editorGroupHeader.tabsBackground#1f242b
- editorGroupHeader.tabsBorder#232830
- editorGutter.background#232830
- editorHoverWidget.background#1f242b
- editorHoverWidget.border#282D38
- editorIndentGuide.activeBackground1#232830
- editorIndentGuide.background1#232830
- editorLineNumber.activeForeground#c0c5cd80
- editorLineNumber.foreground#3B404880
- editorMarkerNavigation.background#1f242b
- editorRuler.foreground#abb2bf26
- editorSuggestWidget.background#1f242b
- editorSuggestWidget.border#282D38
- editorSuggestWidget.selectedBackground#2c313a
- editorWhitespace.foreground#3B4048
- editorWidget.background#1f242b
- extensionButton.prominentBackground#1F242B
- extensionButton.prominentForeground#dfe1e8
- extensionButton.prominentHoverBackground#282D38
- focusBorder#768796
- gitDecoration.addedResourceForeground#95E5A6
- gitDecoration.conflictingResourceForeground#FFA5C3
- gitDecoration.deletedResourceForeground#FFA5C3
- gitDecoration.ignoredResourceForeground#64727f
- gitDecoration.modifiedResourceForeground#8CD8D8
- gitDecoration.untrackedResourceForeground#95E5A6
- input.background#1D2228
- input.border#282D38
- list.activeSelectionBackground#232830
- list.activeSelectionForeground#dfe1e8
- list.focusBackground#232830
- list.focusForeground#dfe1e8
- list.highlightForeground#C5C5C5
- list.hoverBackground#23283050
- list.hoverForeground#c0c5cd
- list.inactiveFocusBackground#23283050
- list.inactiveSelectionBackground#232830
- list.inactiveSelectionForeground#dfe1e8
- menu.separatorBackground#3B404880
- panel.background#252A33
- panel.border#252A33
- peekViewEditor.matchHighlightBackground#29244b
- pickerGroup.border#3B404880
- pickerGroup.foreground#8CD8D8
- progressBar.background#8CD8D8
- scrollbar.shadow#232830
- scrollbarSlider.activeBackground#282D38
- scrollbarSlider.background#282D38
- scrollbarSlider.hoverBackground#282D38
- sideBar.background#1f242b
- sideBar.border#1f242b
- sideBar.foreground#768796
- sideBarSectionHeader.background#1f242b
- sideBarSectionHeader.foreground#c0c5cd
- statusBar.background#1f242b
- statusBar.border#1f242b
- statusBar.debuggingBackground#7e0097
- statusBar.debuggingBorder#66017a
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#768796
- statusBar.noFolderBackground#1f242b
- statusBarItem.hoverBackground#2c313a
- tab.activeBackground#232830
- tab.activeBorder#232830
- tab.border#1f242b
- tab.inactiveBackground#1f242b
- tab.inactiveForeground#768796
- terminal.ansiBlack#252A33
- terminal.ansiBlue#8CD8D8
- terminal.ansiBrightBlack#7f7f7f
- terminal.ansiBrightBlue#8CD8D8
- terminal.ansiBrightCyan#8CD8D8
- terminal.ansiBrightGreen#95E5A6
- terminal.ansiBrightMagenta#FFA5C3
- terminal.ansiBrightRed#FFA5C3
- terminal.ansiBrightWhite#d4d4d4
- terminal.ansiBrightYellow#FFDFA5
- terminal.ansiCyan#8CD8D8
- terminal.ansiGreen#95E5A6
- terminal.ansiMagenta#FFA5C3
- terminal.ansiRed#FFA5C3
- terminal.ansiWhite#d4d4d4
- terminal.ansiYellow#FFDFA5
- terminal.tab.activeBorder#768796
- textLink.activeForeground#8CD8D8CC
- textLink.foreground#8CD8D8
- titleBar.activeBackground#1f242b
- titleBar.activeForeground#9da5b4
- titleBar.border#1f242b
- titleBar.inactiveBackground#1f242b
- titleBar.inactiveForeground#6B717D
- tree.indentGuidesStroke#21262D00
- widget.shadow#1F242B
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #c0c5cd50 | italic |
| meta.type.flowtype variable.other.flowtype, variable.other.property, variable.other.object, variable.other.readwrite, meta.template.expression, entity.name.type.module, punctuation.definition.entity, variable.parameter | #d4d4d4 | — |
| variable.language.this, variable.language.super | #d4d4d4 | — |
| entity.name.tag.reference, entity.name.tag.css, entity.name.tag.scss | #FFA5C3 | — |
| keyword, storage.type, storage.type.function, variable.other.flowtype, storage.type.extends, storage.type.function, storage.type.class, keyword.operator.module | #7f7f7f | — |
| entity.name.type | #8CD8D8 | underline |
| entity.name.type.module | — | |
| storage.modifier | #7f7f7f | — |
| entity.name.tag | #7f7f7f | — |
| meta.decorator, meta.decorator.tsx variable.other.readwrite.tsx, meta.decorator.tsx variable.other.object.tsx, meta.decorator.tsx variable.other.property.tsx, meta.decorator.jsx variable.other.readwrite.jsx, meta.decorator.jsx variable.other.object.jsx, meta.decorator.jsx variable.other.property.jsx | #7f7f7f | — |
| support.class.component | #FFDFA5 | — |
| variable.function, source meta.function-call entity.name.function, meta.class meta.group.braces.curly meta.function-call variable.function, meta.class meta.field.declaration meta.function-call entity.name.function, variable.function.constructor, meta.block meta.var.expr meta.function-call entity.name.function, support.function.console, meta.function-call support.function, meta.property.class variable.other.class, punctuation.definition.entity.css | #FFDFA5 | — |
| entity.name.function, meta.class entity.name.class, meta.class entity.name.type.class, meta.class meta.function-call variable.function, source keyword.control.loop, storage.type.function.arrow, keyword.other.important | #FFA5C3 | |
| keyword.control.flow | #FFA5C3 | — |
| support.type.primitive | #8CD8D8 | italic |
| support.type.property-name | #d4d4d4 | — |
| keyword.control.trycatch, source meta.group.braces.curly keyword.control.loop, keyword.control.switch | #7f7f7f | — |
| punctuation.terminator, punctuation.definition, punctuation.support, punctuation.separator.dictionary, punctuation.separator.array, meta.brace.round, punctuation.section.embedded, punctuation.accessor, meta.delimiter.comma, keyword.operator.ternary, punctuation.section.property-list, punctuation.section.function, punctuation.separator.comma, meta.function-call.without-arguments, constant.character.entity, entity.other.attribute-name.pseudo-class, meta.brace.curly, meta.brace.square, punctuation.separator.parameter, punctuation.operation.graphql | #7f7f7f | — |
| keyword.other.substitution, punctuation.definition.interpolation, punctuation.definition.template-expression | #7f7f7f | — |
| punctuation.separator.key-value, keyword.operator.type | #7f7f7f | — |
| keyword.operator.optional | #FFDFA5 | — |
| keyword.operator.assignment | #FFDFA5 | — |
| keyword.operator.logical | #FFDFA5 | — |
| keyword.operator.comparison, keyword.operator.relational | #FFA5C3 | — |
| string.quoted, string.interpolated, support.constant.property-value, keyword.other.unit, string.template, punctuation.definition.string | #95E5A6 | — |
| constant.language, constant.numeric, support.constant, constant.character, constant.other.color, constant.other.symbol, constant.other.key | #8CD8D8 | — |
| markup.inserted | #99C794 | — |
| markup.deleted | #E15A60 | — |
| markup.changed | #BB80B3 | — |
| *url*, *link*, *uri* | — | underline |
| constant.numeric.line-number.find-in-files - match | #AB7967 | — |
| entity.name.filename.find-in-files | #99C794 | — |
| token.info-token | #95E5A6 | — |
| token.warn-token | #FFDFA5 | — |
| token.error-token | #FFA5C3 | — |
| token.debug-token | #8CD8D8 | — |
| source entity.other.attribute-name | #FFDFA5 | italic |
| source meta.tag.attributes entity.other.attribute-name, meta.jsx.js entity.other.attribute-name.jsx | #d4d4d4 | italic |
| text.html.basic entity.other.attribute-name.html | — | italic |