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.activeBackground#20202000
- activityBar.activeBorder#237bff
- activityBar.background#202021
- activityBar.border#202021
- activityBar.foreground#ffffff
- activityBar.inactiveForeground#a2a3a8
- activityBarBadge.background#0078D4
- activityBarBadge.foreground#ffffff
- badge.background#0078D4
- badge.foreground#ffffff
- banner.background#1b202b
- banner.iconForeground#0078D4
- breadcrumb.background#18191b
- button.background#006bbd
- button.border#0078D400
- button.foreground#ffffff
- button.hoverBackground#005fa8
- button.secondaryBackground#2D2D2E
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#414141
- button.separator#0086ec
- checkbox.background#303030
- checkbox.border#585858
- checkbox.foreground#ffffff
- commandCenter.activeBackground#202021
- commandCenter.activeBorder#444444
- commandCenter.background#00000000
- commandCenter.border#444444
- commandCenter.inactiveBorder#434f5c
- diffEditor.border#18191b
- diffEditor.diagonalFill#00000000
- diffEditor.insertedLineBackground#103b33f5
- diffEditor.insertedTextBackground#103b33f5
- diffEditor.removedLineBackground#4e2127f3
- diffEditor.removedTextBackground#4e2127f3
- diffEditor.unchangedCodeBackground#00000000
- diffEditor.unchangedRegionShadow#00000000
- dropdown.background#252629
- dropdown.border#404245
- dropdown.foreground#d7dce4
- editor.background#18191b
- editor.findMatchBackground#af92e734
- editor.findMatchHighlightBackground#af92e734
- editor.foreground#dddfe0
- editor.hoverHighlightBackground#00000000
- editor.inactiveSelectionBackground#2e303afe
- editor.lineHighlightBorder#232c3f
- editor.linkedEditingBackground#92e79d34
- editor.selectionBackground#2e303a
- editor.selectionHighlightBackground#af92e734
- editor.wordHighlightBackground#af92e734
- editorBracketHighlight.foreground1#cccece
- editorBracketHighlight.foreground2#cccece
- editorBracketHighlight.foreground3#cccece
- editorBracketHighlight.foreground4#cccece
- editorBracketHighlight.foreground5#cccece
- editorBracketHighlight.foreground6#cccece
- editorBracketHighlight.unexpectedBracket.foreground#DD100C
- editorBracketPairGuide.activeBackground1#cccece
- editorBracketPairGuide.activeBackground2#cccece
- editorBracketPairGuide.activeBackground3#cccece
- editorBracketPairGuide.activeBackground4#cccece
- editorBracketPairGuide.activeBackground5#cccece
- editorBracketPairGuide.activeBackground6#cccece
- editorBracketPairGuide.background1#cccece
- editorBracketPairGuide.background2#cccece
- editorBracketPairGuide.background3#cccece
- editorBracketPairGuide.background4#cccece
- editorBracketPairGuide.background5#cccece
- editorBracketPairGuide.background6#cccece
- editorGroup.border#18191b
- editorGroupHeader.border#18191b
- editorGroupHeader.tabsBackground#202021
- editorGroupHeader.tabsBorder#18191b
- editorGutter.addedBackground#147c54
- editorGutter.deletedBackground#d32f2f
- editorGutter.modifiedBackground#2e6cc9
- editorHoverWidget.background#252629
- editorHoverWidget.border#404245
- editorHoverWidget.foreground#e0e1e4
- editorHoverWidget.highlightForeground#ffffff
- editorHoverWidget.statusBarBackground#252629
- editorIndentGuide.activeBackground1#353739
- editorIndentGuide.background1#232425
- editorLightBulb.foreground#0058cc
- editorLineNumber.activeForeground#e4e6e7
- editorLineNumber.foreground#6e747b
- editorMarkerNavigation.background#000000
- editorMarkerNavigationError.background#d32f2f9d
- editorMarkerNavigationError.headerBackground#d32f2f9d
- editorMarkerNavigationInfo.background#0289d1a4
- editorMarkerNavigationInfo.headerBackground#0289d1a4
- editorMarkerNavigationWarning.background#ff80009f
- editorMarkerNavigationWarning.headerBackground#ff80009f
- editorOverviewRuler.border#ffffff00
- editorStickyScroll.background#18191b
- editorStickyScroll.border#000000
- editorStickyScroll.shadow#000000
- editorStickyScrollHover.background#202021
- editorSuggestWidget.background#252629
- editorSuggestWidget.border#404245
- editorSuggestWidget.focusHighlightForeground#4699ff
- editorSuggestWidget.foreground#d7dce4
- editorSuggestWidget.highlightForeground#4699ff
- editorSuggestWidget.selectedBackground#194474
- editorSuggestWidget.selectedForeground#ffffff
- editorSuggestWidget.selectedIconForeground#ffffff
- editorSuggestWidgetStatus.foreground#d7dce4
- editorWidget.background#252629
- editorWidget.border#252629
- errorForeground#ff6c7f
- extensionBadge.remoteBackground#356bff
- extensionBadge.remoteForeground#ffffff
- extensionButton.background#2D2D2E
- extensionButton.foreground#ffffff
- extensionButton.hoverBackground#414141
- extensionButton.prominentBackground#006bbd
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#005fa8
- extensionButton.separator#4f4f50
- focusBorder#ffffff00
- foreground#d7dce4
- git.blame.editorDecorationForeground#666b74
- gitDecoration.addedResourceForeground#5de4b0
- gitDecoration.modifiedResourceForeground#4699ff
- icon.foreground#82878d
- inlineChat.background#303030
- inlineChat.shadow#000000
- input.background#1c1d1f
- input.border#2e2f30
- input.foreground#d7dce4
- inputOption.activeBorder#343e4e
- keybindingLabel.background#303030
- keybindingLabel.border#2e394b
- keybindingLabel.foreground#cbdaf0
- list.activeSelectionBackground#252629
- list.dropBackground#37444e7c
- list.errorForeground#ff6c7f
- list.focusBackground#2e2e2e
- list.focusOutline#00000000
- list.hoverBackground#252629
- list.inactiveSelectionBackground#252629
- list.warningForeground#e2bc10
- menu.background#252629
- menu.border#404245
- menu.foreground#e0e1e4
- menu.selectionBackground#194474
- menu.selectionForeground#ffffff
- menu.separatorBackground#404245
- menubar.selectionBackground#2d2d2e
- menubar.selectionForeground#ffffff
- minimap.background#232c3f42
- multiDiffEditor.background#18191b
- multiDiffEditor.headerBackground#252629
- notificationCenterHeader.background#282828
- notificationCenterHeader.foreground#c2c2c2
- notifications.background#252629
- notifications.border#2D2D2E
- notifications.foreground#d9dfe7ff
- notificationsErrorIcon.foreground#f76769ff
- notificationsInfoIcon.foreground#8b98a9ff
- notificationsWarningIcon.foreground#ffa23eff
- panel.background#18191b
- panel.border#39393a
- peekView.border#113c6b
- peekViewEditor.background#242527
- peekViewEditor.matchHighlightBackground#8790a75d
- peekViewEditorStickyScroll.background#242527
- peekViewResult.background#2e2f31
- peekViewResult.lineForeground#a4a5a7
- peekViewResult.matchHighlightBackground#e2e2e42c
- peekViewResult.selectionBackground#4e5158
- peekViewResult.selectionForeground#ffffffc7
- peekViewTitle.background#113c6b
- peekViewTitleDescription.foreground#fff
- peekViewTitleLabel.foreground#fff
- pickerGroup.foreground#0085eb
- problemsErrorIcon.foreground#ff3869
- problemsInfoIcon.foreground#0078D4
- profileBadge.background#0078D4
- profileBadge.foreground#fff
- progressBar.background#0082e6
- quickInput.background#252629
- quickInput.foreground#e0e1e4
- quickInputList.focusBackground#194474
- quickInputList.focusForeground#ffffff
- quickInputList.focusIconForeground#ffffff
- quickInputTitle.background#00000000
- sash.hoverBorder#0078d4
- scmGraph.historyItemRefColor#0078D4
- scmGraph.historyItemRemoteRefColor#b255ff
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#3d3d3d
- scrollbarSlider.background#303030
- scrollbarSlider.hoverBackground#333333
- selection.background#ae92e74b
- settings.dropdownBackground#252629
- settings.headerForeground#ffffff
- settings.modifiedItemIndicator#0078d4
- settings.numberInputBackground#252629
- settings.numberInputForeground#ffffff
- settings.rowHoverBackground#ffffff00
- settings.sashBorder#303030
- sideBar.background#18191b
- sideBar.border#303030
- sideBar.dropBackground#37444e7c
- sideBar.foreground#d7dce4
- sideBarSectionHeader.background#18191b
- sideBarSectionHeader.border#18191b
- sideBarSectionHeader.foreground#ffffff
- sideBarTitle.background#202021
- sideBarTitle.foreground#ffffff
- statusBar.background#202021
- statusBar.border#202021
- statusBar.debuggingBackground#323436
- statusBar.focusBorder#30363d00
- statusBar.foreground#a2a3a8
- statusBar.noFolderBackground#202021
- statusBarItem.compactHoverBackground#363739
- statusBarItem.errorHoverBackground#363739
- statusBarItem.hoverBackground#363739
- statusBarItem.hoverForeground#ffffff
- statusBarItem.offlineHoverBackground#363739
- statusBarItem.prominentBackground#ff035191
- statusBarItem.prominentForeground#ffe6ee
- statusBarItem.prominentHoverBackground#ff035369
- statusBarItem.prominentHoverForeground#ffffff
- statusBarItem.remoteBackground#5d19ac
- statusBarItem.remoteForeground#ffffff
- statusBarItem.remoteHoverBackground#6e20bd
- statusBarItem.remoteHoverForeground#ffffff
- tab.activeBackground#18191b
- tab.activeBorderTop#0078D4
- tab.activeForeground#ffffff
- tab.activeModifiedBorder#ff0000
- tab.border#00000000
- tab.hoverBackground#18191b00
- tab.hoverForeground#ffffff
- tab.inactiveBackground#202021
- tab.inactiveForeground#a3a5a7
- tab.inactiveModifiedBorder#ff0000
- tab.unfocusedActiveForeground#e7f1ff
- tab.unfocusedActiveModifiedBorder#ff0000
- tab.unfocusedInactiveForeground#818a97
- tab.unfocusedInactiveModifiedBorder#ff0000
- terminal.ansiBlack#000D1C
- terminal.ansiBlue#2B4FFF
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#5C78FF
- terminal.ansiBrightCyan#5AC8FF
- terminal.ansiBrightGreen#9891FF
- terminal.ansiBrightMagenta#5EA2FF
- terminal.ansiBrightRed#DE72FF
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#A3A0FF
- terminal.ansiCyan#28B9FF
- terminal.ansiGreen#8E76FF
- terminal.ansiMagenta#2883FF
- terminal.ansiRed#EF56FF
- terminal.ansiWhite#F1F1F1
- terminal.ansiYellow#735AFF
- terminal.foreground#C9CCE6
- textBlockQuote.background#2d3035
- textBlockQuote.border#0078d4
- textLink.activeForeground#4699ff
- textLink.foreground#4699ff
- titleBar.activeBackground#202021
- titleBar.activeForeground#a2a3a8
- titleBar.border#090909
- titleBar.inactiveBackground#202021
- titleBar.inactiveForeground#a2a3a8
- toolbar.hoverBackground#ffffff26
- tree.indentGuidesStroke#4e4e4e
- widget.border#404245
- widget.shadow#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #73777a | italic |
| variable.parameter, variable, string constant.other.placeholder | #af9cff | — |
| constant.other.color | #f1c67b | — |
| invalid, invalid.illegal | #FF5370 | — |
| keyword.control, keyword, storage.type, storage.modifier, storage.type.function.php, meta.function.php, support.function.construct.output.php, meta.embedded.block.php, entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, entity.other.attribute-name, keyword.operator.logical.php | #5494FB | — |
| variable.function, keyword.other.special-method | #f1c67b | — |
| meta.block variable.other | #f07178 | — |
| support.other.variable, string.other.link | #f07178 | — |
| constant.numeric, support.constant.media.css, constant.character, constant.escape, keyword.other.unit.ms.css, keyword.other.unit, keyword.other | #1ed190 | — |
| support.constant, 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 | #f1c67b | |
| 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 | #0095cf | — |
| 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, support.type.vendored.property-name.css | #af9cff | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #FF5370 | — |
| variable.language | #FF5370 | italic |
| entity.name.method.js | #fbfdff | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #82AAFF | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #1ed190 | italic |
| entity.other.attribute-name.class, constant.numeric.css, keyword.other.unit.percentage.css, keyword.other.unit.px.css | #1ed190 | — |
| source.sass keyword.control | #b10c0c | — |
| markup.inserted | #C3E88D | — |
| markup.deleted | #FF5370 | — |
| markup.changed | #C792EA | — |
| string.regexp | #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 | #003ad8 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #003ad8 | — |
| 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 | #af9cff | — |
| 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 | #af9cff | — |
| 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 | #af9cff | — |
| 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 | #af9cff | — |
| 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 | #af9cff | — |
| 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 | #af9cff | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #EEFFFF | — |
| text.html.markdown markup.inline.raw.markdown | #C792EA | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #65737E | — |
| 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 |
| string.other.link.title.markdown | #82AAFF | — |
| string.other.link.description.title.markdown | #C792EA | — |
| constant.other.reference.link.markdown | #FFCB6B | — |
| markup.raw.block | #C792EA | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #EEFFFF | — |
| variable.language.fenced.markdown | #65737E | — |
| markup.table | #EEFFFF | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
| punctuation.definition.tag.begin.html, meta.tag.metadata.doctype.html, entity.name.tag.open.php, support.class.component.open.php, support.function.construct.php | #3485fb | — |
| punctuation.definition.tag.end.html, meta.tag.structure.head.start.html, entity.name.tag.close.php, support.class.component.close.php, string.json.comments, source.json.comments, support.type.property-name.json, string.json, meta.structure.dictionary.json, source.json, keyword.other.use.php, support.function.construct.php, meta.function-call.php, source.json.comments, meta.embedded.block.php, text.html.php, keyword.control.import.include.php, keyword.other.new.php | #699dff | — |
| punctuation.definition.array.begin.json, punctuation.definition.array.end.json, punctuation.separator.array.json | #D6D6D6 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, meta.embedded.block.php, keyword.other.important.css, punctuation.section.embedded.end.php, keyword.control.at-rule.media.css | #e85c8e | — |
| support.other.namespace.php, support.function.filter.php, support.class.php, text.html.php, variable, support.class.builtin.php, meta.structure.dictionary.json.comments, source.json punctuation.separator.array.json.comments, source.json.comments, punctuation.definition.dictionary.end.json.comments, punctuation.definition.dictionary.begin.json.comments, meta.function-call.php entity.name.function.php, variable.parameter.keyframe-list.css, support.function.misc.css | #d6d6d6 | — |
| punctuation.definition.variable.php, variable.other.php, meta.function.php entity.name.function.php, meta.function.php, string.quoted.double.html, meta.attribute.src.html, meta.tag.metadata.script.start.html, meta.embedded.block.html, variable.other.global.safer.php, meta.object-literal.key.js, meta.object.member.js, meta.objectliteral.js, variable.other.property.js, variable.language.this.php, entity.name.type.class.php, support.function.constructor.php, variable.other.global.php, punctuation.separator.delimiter.php, support.type.property-name.json.comments, source.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.js entity.name.function | #af9cff | — |
| meta.tag.metadata.script.start.html, punctuation.section.array.begin.php, punctuation.section.array.end.php, variable.other.object.js, meta.function-call.php, entity.name.function, meta.function-call, meta.tag, punctuation.definition.tag, 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, meta.embedded.line.php, punctuation.separator.delimiter.php, meta.attribute.src.html, meta.embedded.line.php, text.html.php, support.function.mbstring.php, meta.embedded.block.php, text.html.php, keyword.other.type.php, entity.other.inherited-class.php, keyword, constant.other.php, support.class.exception.php, keyword.operator.class.php, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json, meta.structure.dictionary.json, variable.other.readwrite.js, punctuation.definition.arguments.begin.bracket.round.php, punctuation.definition.arguments.end.bracket.round.php, punctuation.terminator.expression.php, meta.block variable.other, meta.method-call.php, meta.property-value.css, meta.property-list.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-class.css punctuation.definition.entity.css, entity.other.attribute-name.pseudo-element.css, punctuation.separator.key-value.css, punctuation.separator.list.comma.css | #d6d6d6 | — |
| support.function.output.php, meta.function-call.php, support.function.string.php, support.function.mysql.php, entity.name.tag.html, support.function.network.php, support.function.session.php, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, entity.name.tag.css, entity.other.attribute-name.css | #1ba9cf | — |
| keyword.operator.key.php, support.function, keyword.operator.assignment.php, keyword.operator.comparison.php, entity.other.attribute-name.id.css punctuation.definition.entity.css, keyword.operator.logical.only.media.css, keyword.operator.logical.and.media.css | #15b8c9 | — |
| support.function.aggregate.sql, keyword.other.DML.II.sql, keyword.other.DML.sql, keyword.other.sql, support.constant, punctuation.definition.constant.css, constant.other.color.rgb-value.hex.css, string.quoted.double.css, source.css, string.quoted.single.sql, storage.modifier.sql, storage.type.sql, string.quoted.double.php, punctuation.definition.string.begin.php, punctuation.definition.string.end.php, string.quoted.single.php, keyword.otheD4B44Ar.alias.sql, string.quoted.other.backtick.sql, keyword.other.order.sql, constant.numeric.sql, support.function.expression.sql, constant.language, string.quoted.single.js, string.quoted.double.js, string.regexp.single-quoted.php, string.regexp.double-quoted.php, keyword.operator.star.sql, constant.character.escape, keyword.operator.comparison.sql, keyword.other.alias.sql, keyword.other.data-integrity.sql, keyword.other.DDL.create.II.sql | #f1c67b | — |
| support.constant | #ffffffc7 | — |
| entity.other.attribute-name.id.css, entity.other.attribute-name.html | #15B8C9 | — |
| keyword.control.at-rule.keyframes.css, keyword.control.at-rule.font-face.css | #fd6d75 | — |
| string.quoted.double.html, meta.tag.metadata.doctype.html, support.constant.property-value.css, string.quoted.double.html, support.function.transform.css, support.function.gradient.css, support.function.misc.css, support.function.url.css, variable.parameter.url.css | #e8b462 | — |
| storage.type.function.js, storage.type.js, keyword.control.conditional.js, variable.language | #17aec9 | — |