Best Themes Redefined 🚀
Publisher: Lakshit SomaniThemes in package: 92
🎨🚀 A never seen collection of 92 hand crafted themes no where to be found on Internet 💻
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#1e2122
- activityBar.border#2c2f30
- activityBar.foreground#c3b499
- activityBarBadge.background#6d8dad
- activityBarBadge.foreground#c3b499
- badge.background#cc7f94
- badge.foreground#1e2122
- button.background#6d8dad80
- button.foreground#c3b499
- button.hoverBackground#6d8dad60
- debugToolBar.background#1e2122
- diffEditor.insertedTextBackground#a9b66530
- diffEditor.removedTextBackground#ec6b6430
- dropdown.background#1e2122
- dropdown.border#2c2f30
- dropdown.foreground#c3b499
- editor.background#1e2122
- editor.findMatchBackground#7daea370
- editor.findMatchHighlightBackground#e78a4e30
- editor.findRangeHighlightBackground#7daea370
- editor.foreground#c3b499
- editor.hoverHighlightBackground#689d6a50
- editor.lineHighlightBackground#2c2f3060
- editor.lineHighlightBorder#2c2f3000
- editor.selectionBackground#689d6a40
- editor.selectionHighlightBackground#e0c08040
- editorBracketMatch.background#92837480
- editorBracketMatch.border#1e212200
- editorCodeLens.foreground#a8998490
- editorCursor.foreground#c3b499
- editorError.foreground#ce8196
- editorGroup.border#2c2f30
- editorGroup.dropBackground#2c2f3060
- editorGroupHeader.noTabsBackground#2c2f30
- editorGroupHeader.tabsBackground#1e2122
- editorGroupHeader.tabsBorder#2c2f30
- editorGutter.addedBackground#a9b665
- editorGutter.background#1e212200
- editorGutter.deletedBackground#ec6b64
- editorGutter.modifiedBackground#7daea3
- editorHoverWidget.background#1e2122
- editorHoverWidget.border#2c2f30
- editorIndentGuide.activeBackground#a8998450
- editorIndentGuide.background#a8998420
- editorInfo.foreground#6d8dad
- editorLineNumber.foreground#404344
- editorLink.activeForeground#c3b499
- editorOverviewRuler.addedForeground#7daea3
- editorOverviewRuler.border#1e212200
- editorOverviewRuler.commonContentForeground#928374
- editorOverviewRuler.currentContentForeground#6d8dad
- editorOverviewRuler.deletedForeground#7daea3
- editorOverviewRuler.errorForeground#ec6b64
- editorOverviewRuler.findMatchForeground#d4be98
- editorOverviewRuler.incomingContentForeground#689d6a
- editorOverviewRuler.infoForeground#cc7f94
- editorOverviewRuler.modifiedForeground#7daea3
- editorOverviewRuler.rangeHighlightForeground#d4be98
- editorOverviewRuler.selectionHighlightForeground#404344
- editorOverviewRuler.warningForeground#d6b676
- editorOverviewRuler.wordHighlightForeground#404344
- editorOverviewRuler.wordHighlightStrongForeground#404344
- editorRuler.foreground#a8998440
- editorSuggestWidget.background#1e2122
- editorSuggestWidget.border#2c2f30
- editorSuggestWidget.foreground#c3b499
- editorSuggestWidget.highlightForeground#689d6a
- editorSuggestWidget.selectedBackground#2c2f3060
- editorWarning.foreground#d6b676
- editorWhitespace.foreground#a8998420
- editorWidget.background#1e2122
- editorWidget.border#2c2f30
- errorForeground#ec6b64
- extensionButton.prominentBackground#a9b66580
- extensionButton.prominentHoverBackground#a9b66530
- focusBorder#2c2f30
- foreground#c3b499
- gitDecoration.conflictingResourceForeground#b16286
- gitDecoration.deletedResourceForeground#ce8196
- gitDecoration.ignoredResourceForeground#7c6f64
- gitDecoration.modifiedResourceForeground#d6b676
- gitDecoration.untrackedResourceForeground#98971a
- input.background#c3b49905
- input.border#2c2f30
- input.foreground#c3b499
- input.placeholderForeground#c3b49960
- inputOption.activeBorder#c3b49960
- inputValidation.errorBackground#ce819680
- inputValidation.errorBorder#ec6b64
- inputValidation.infoBackground#6d8dad80
- inputValidation.infoBorder#7daea3
- inputValidation.warningBackground#d6b67680
- inputValidation.warningBorder#e0c080
- list.activeSelectionBackground#2c2f3080
- list.activeSelectionForeground#86b17f
- list.dropBackground#2c2f30
- list.focusBackground#2c2f30
- list.focusForeground#c3b499
- list.highlightForeground#689d6a
- list.hoverBackground#2c2f3080
- list.hoverForeground#c0b196
- list.inactiveSelectionBackground#2c2f3080
- list.inactiveSelectionForeground#689d6a
- merge.border#1e212200
- merge.currentContentBackground#6d8dad20
- merge.currentHeaderBackground#6d8dad40
- merge.incomingContentBackground#689d6a20
- merge.incomingHeaderBackground#689d6a40
- panel.border#2c2f30
- panelTitle.activeForeground#c3b499
- peekView.border#2c2f30
- peekViewEditor.background#2c2f3050
- peekViewEditor.matchHighlightBackground#ff0000
- peekViewEditorGutter.background#2c2f3050
- peekViewResult.background#2c2f3050
- peekViewResult.fileForeground#c3b499
- peekViewResult.matchHighlightBackground#86b17f30
- peekViewResult.selectionBackground#86b17f30
- peekViewResult.selectionForeground#86b17f30
- peekViewTitle.background#2c2f3050
- peekViewTitleDescription.foreground#d4be98
- peekViewTitleLabel.foreground#c3b499
- progressBar.background#689d6a
- scrollbar.shadow#1e2122
- scrollbarSlider.activeBackground#689d6a
- scrollbarSlider.background#36393a99
- scrollbarSlider.hoverBackground#404344
- selection.background#689d6a80
- sideBar.background#1e2122
- sideBar.border#2c2f30
- sideBar.foreground#c0b196
- sideBarSectionHeader.background#1e212200
- sideBarSectionHeader.foreground#c3b499
- sideBarTitle.foreground#c3b499
- statusBar.background#1e2122
- statusBar.border#2c2f30
- statusBar.debuggingBackground#e78a4e
- statusBar.debuggingBorder#1e212200
- statusBar.debuggingForeground#1e2122
- statusBar.foreground#c3b499
- statusBar.noFolderBackground#1e2122
- statusBar.noFolderBorder#1e212200
- tab.activeBackground#32302f
- tab.activeBorder#689d6a
- tab.activeForeground#c3b499
- tab.border#1e212200
- tab.inactiveBackground#1e2122
- tab.inactiveForeground#a89984
- tab.unfocusedActiveBorder#1e212200
- tab.unfocusedActiveForeground#a89984
- tab.unfocusedInactiveForeground#928374
- terminal.ansiBlack#2c2f30
- terminal.ansiBlue#6d8dad
- terminal.ansiBrightBlack#928374
- terminal.ansiBrightBlue#7daea3
- terminal.ansiBrightCyan#86b17f
- terminal.ansiBrightGreen#a9b665
- terminal.ansiBrightMagenta#cc7f94
- terminal.ansiBrightRed#ec6b64
- terminal.ansiBrightWhite#c3b499
- terminal.ansiBrightYellow#e0c080
- terminal.ansiCyan#689d6a
- terminal.ansiGreen#98971a
- terminal.ansiMagenta#b16286
- terminal.ansiRed#ce8196
- terminal.ansiWhite#a89984
- terminal.ansiYellow#d6b676
- terminal.background#1e2122
- terminal.foreground#c3b499
- textLink.activeForeground#6d8dad
- textLink.foreground#7daea3
- titleBar.activeBackground#1e2122
- titleBar.activeForeground#c3b499
- titleBar.inactiveBackground#1e2122
- widget.shadow#1e212230
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| emphasis | — | italic |
| strong | — | bold |
| header | #6D8DAD | — |
| comment, punctuation.definition.comment | #928374 | italic |
| constant, support.constant, variable.arguments | #CC7F94 | — |
| constant.rgb-value | #C3B499 | — |
| entity.name.selector | #86B17F | — |
| entity.other.attribute-name | #E0C080 | — |
| entity.name.tag, punctuation.tag | #86B17F | — |
| invalid, invalid.illegal | #CE8196 | — |
| invalid.deprecated | #B16286 | — |
| meta.selector | #86B17F | — |
| meta.preprocessor | #E78A4E | — |
| meta.preprocessor.string | #A9B665 | — |
| meta.preprocessor.numeric | #A9B665 | — |
| meta.header.diff | #E78A4E | — |
| storage | #EC6B64 | — |
| storage.modifier | #E78A4E | — |
| string | #A9B665 | — |
| string.tag | #A9B665 | — |
| string.value | #A9B665 | — |
| string.regexp | #E78A4E | — |
| string.escape | #EC6B64 | — |
| string.quasi | #86B17F | — |
| string.entity | #A9B665 | — |
| object | #C3B499 | — |
| module.node | #7DAEA3 | — |
| support.type.property-name | #689D6A | — |
| keyword | #EC6B64 | — |
| keyword.control | #EC6B64 | — |
| keyword.control.module | #86B17F | — |
| keyword.control.less | #D6B676 | — |
| keyword.operator | #86B17F | — |
| keyword.operator.new | #E78A4E | — |
| keyword.other.unit | #A9B665 | — |
| metatag.php | #E78A4E | — |
| support.function.git-rebase | #689D6A | — |
| constant.sha.git-rebase | #A9B665 | — |
| meta.type.name, meta.return.type, meta.return-type, meta.cast, meta.type.annotation, support.type, storage.type.cs, variable.class | #E0C080 | — |
| variable.this, support.variable | #CC7F94 | — |
| entity.name, entity.static, entity.name.class.static.function, entity.name.function, entity.name.class, entity.name.type | #E0C080 | — |
| storage.type.function, entity.function, entity.name.function.static | #86B17F | — |
| entity.name.function.function-call | #86B17F | — |
| support.function.builtin | #E78A4E | — |
| entity.name.method, entity.name.method.function-call, entity.name.static.function-call | #689D6A | — |
| brace | #C0B196 | — |
| meta.parameter.type.variable, variable.parameter, variable.name, variable.other, variable, string.constant.other.placeholder | #7DAEA3 | — |
| prototype | #CC7F94 | — |
| storage.type.class | #EC6B64 | — |
| punctuation | #A89984 | — |
| punctuation.quoted | #C3B499 | — |
| punctuation.quasi | #EC6B64 | — |
| *url*, *link*, *uri* | — | underline |
| meta.function.python, entity.name.function.python | #86B17F | — |
| storage.type.function.python, storage.modifier.declaration, storage.type.class.python | #EC6B64 | — |
| meta.function-call.generic | #7DAEA3 | — |
| meta.function-call.arguments | #C0B196 | — |
| entity.name.function.decorator | #E0C080 | bold |
| constant.other.caps | — | bold |
| keyword.operator.logical | #EC6B64 | — |
| punctuation.definition.logical-expression | #E78A4E | — |
| string.inperpolated.dollar.shell | #E78A4E | — |
| string.interpolated.dollar.shell, string.interpolated.backtick.shell | #86B17F | — |
| keyword.control.directive | #86B17F | — |
| support.function.C99 | #E0C080 | — |
| meta.function.cs, entity.name.function.cs, entity.name.type.namespace.cs | #A9B665 | — |
| keyword.other.using.cs, entity.name.variable.field.cs, entity.name.variable.local.cs, variable.other.readwrite.cs | #86B17F | — |
| keyword.other.this.cs, keyword.other.base.cs | #CC7F94 | — |
| meta.scope.prerequisites | #E0C080 | — |
| entity.name.function.target | #A9B665 | bold |
| storage.modifier.import.java, storage.modifier.package.java | #D4BE98 | — |
| keyword.other.import.java, keyword.other.package.java | #86B17F | — |
| storage.type.java | #E0C080 | — |
| storage.type.annotation | #7DAEA3 | bold |
| keyword.other.documentation.javadoc | #86B17F | — |
| comment.block.javadoc variable.parameter.java | #A9B665 | bold |
| source.java variable.other.object, source.java variable.other.definition.java | #C3B499 | — |
| meta.function-parameters.lisp | #E0C080 | — |
| markup.underline | — | underline |
| string.other.link.title.markdown | #928374 | underline |
| markup.underline.link | #CC7F94 | — |
| markup.bold | #E78A4E | bold |
| markup.heading | #E78A4E | bold |
| markup.italic | — | italic |
| markup.inserted | #A9B665 | — |
| markup.deleted | #D65D0E | — |
| markup.changed | #E78A4E | — |
| markup.punctuation.quote.beginning | #98971A | — |
| markup.punctuation.list.beginning | #7DAEA3 | — |
| markup.inline.raw, markup.fenced_code.block | #86B17F | — |
| string.quoted.double.json | #7DAEA3 | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #A9B665 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #86B17F | — |
| 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 | #CC7F94 | — |
| 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 | #A9B665 | — |
| entity.other.attribute-name.css | #E78A4E | — |
| source.css meta.selector | #C3B499 | — |
| support.type.property-name.css | #E78A4E | — |
| entity.other.attribute-name.class | #A9B665 | — |
| source.css support.function.transform, source.css support.function.timing-function, source.css support.function.misc | #EC6B64 | — |
| support.property-value, constant.rgb-value, support.property-value.scss, constant.rgb-value.scss | #D65D0E | — |
| entity.name.tag.css | — | normal |
| punctuation.definition.tag | #7DAEA3 | — |
| text.html entity.name.tag, text.html punctuation.tag | #86B17F | bold |
| source.js variable.language | #E78A4E | — |
| source.ts variable.language | #E78A4E | — |
| source.go storage.type | #E0C080 | — |
| source.go entity.name.import | #A9B665 | — |
| source.go keyword.package, source.go keyword.import | #86B17F | — |
| source.go keyword.interface, source.go keyword.struct | #7DAEA3 | — |
| source.go entity.name.type | #C3B499 | — |
| source.go entity.name.function | #CC7F94 | — |
| keyword.control.cucumber.table | #7DAEA3 | — |
| source.reason string.double, source.reason string.regexp | #A9B665 | — |
| source.reason keyword.control.less | #86B17F | — |
| source.reason entity.name.function | #7DAEA3 | — |
| source.reason support.property-value, source.reason entity.name.filename | #E78A4E | — |
| source.powershell variable.other.member.powershell | #E78A4E | — |
| source.powershell support.function.powershell | #E0C080 | — |
| source.powershell support.function.attribute.powershell | #D4BE98 | — |
| source.powershell meta.hashtable.assignment.powershell variable.other.readwrite.powershell | #E78A4E | — |
| comment, variable.language, variable.parameter, entity.other.attribute-name, keyword, markup.underline.link, storage.modifier, storage.type, string.url, variable.language.super, variable.language.this | — | |
| keyword.operator, keyword.other.type, storage.modifier.import, storage.modifier.package, storage.type.built-in, storage.type.function.arrow, storage.type.generic, storage.type.java, storage.type.primitive | — | |
| entity.name.tag.html, meta.tag | #EC6B64 | bold |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...