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#181818
- activityBar.border#3030306e
- activityBar.foreground#bbbbbb
- activityBar.inactiveForeground#bbbbbb6e
- activityBarBadge.background#ee5577
- activityBarBadge.foreground#181818
- breadcrumb.activeSelectionForeground#ee5577
- breadcrumb.background#181818
- breadcrumb.focusForeground#ee5577
- breadcrumb.foreground#bbbbbb6e
- button.background#ee5577
- button.foreground#181818
- debugToolBar.background#ee5577
- descriptionForeground#bbbbbb
- diffEditor.insertedTextBackground#55aa336e
- diffEditor.removedTextBackground#f433006e
- editor.background#181818
- editor.findMatchBackground#303030
- editor.findMatchBorder#bbbbbb6e
- editor.findMatchHighlightBackground#303030
- editor.findRangeHighlightBackground#303030
- editor.foreground#bbbbbb
- editor.hoverHighlightBackground#bbbbbb6e
- editor.lineHighlightBackground#232323
- editor.lineHighlightBorder#bbbbbb00
- editor.rangeHighlightBackground#303030
- editor.rangeHighlightBorder#bbbbbb00
- editor.selectionBackground#303030
- editor.wordHighlightBackground#303030
- editor.wordHighlightStrongBackground#bbbbbb6e
- editor.wordHighlightStrongBorder#bbbbbb
- editorBracketMatch.background#303030
- editorBracketMatch.border#bbbbbb6e
- editorCursor.background#bbbbbb
- editorCursor.foreground#ee5577
- editorError.foreground#f43300
- editorGroup.border#303030
- editorGroup.dropBackground#30303070
- editorGroupHeader.tabsBackground#181818
- editorGroupHeader.tabsBorder#303030
- editorGutter.addedBackground#55aa336e
- editorGutter.background#181818
- editorGutter.commentRangeForeground#bbbbbb6e
- editorGutter.deletedBackground#f433006e
- editorGutter.modifiedBackground#2255ee6e
- editorHint.foreground#55aa33
- editorIndentGuide.activeBackground#303030
- editorIndentGuide.background#232323
- editorInfo.foreground#2255ee
- editorLineNumber.activeForeground#bbbbbb
- editorLineNumber.foreground#bbbbbb6e
- editorLink.activeForeground#ee5577
- editorOverviewRuler.addedForeground#55aa336e
- editorOverviewRuler.border#303030
- editorOverviewRuler.bracketMatchForeground#bbbbbb
- editorOverviewRuler.deletedForeground#f433006e
- editorOverviewRuler.errorForeground#f43300
- editorOverviewRuler.findMatchForeground#bbbbbb6e
- editorOverviewRuler.infoForeground#2255ee
- editorOverviewRuler.modifiedForeground#2255ee6e
- editorOverviewRuler.selectionHighlightForeground#bbbbbb6e
- editorOverviewRuler.warningForeground#cc9900
- editorOverviewRuler.wordHighlightForeground#bbbbbb6e
- editorOverviewRuler.wordHighlightStrongForeground#bbbbbb
- editorRuler.foreground#232323
- editorWarning.foreground#cc9900
- editorWhitespace.foreground#303030
- errorForeground#f43300
- focusBorder#ee55773a
- foreground#bbbbbb
- gitDecoration.addedResourceForeground#55aa33
- gitDecoration.deletedResourceForeground#f43300
- gitDecoration.ignoredResourceForeground#bbbbbb6e
- gitDecoration.modifiedResourceForeground#2255ee
- gitDecoration.untrackedResourceForeground#cc9900
- input.background#303030
- input.border#303030
- input.foreground#bbbbbb
- input.placeholderForeground#bbbbbb6e
- list.activeSelectionBackground#ee55776e
- list.activeSelectionForeground#bbbbbb
- list.dropBackground#303030e6
- list.errorForeground#f43300
- list.focusBackground#ee55776e
- list.hoverBackground#bbbbbb6e
- list.hoverForeground#bbbbbb
- list.inactiveSelectionBackground#303030
- list.inactiveSelectionForeground#bbbbbb
- list.invalidItemForeground#cc9900
- list.warningForeground#cc9900
- listFilterWidget.background#232323
- listFilterWidget.noMatchesOutline#f43300
- listFilterWidget.outline#bbbbbb7e
- progressBar.background#ee5577
- scrollbar.shadow#2323236e
- scrollbarSlider.activeBackground#ee55776e
- scrollbarSlider.background#2323236e
- scrollbarSlider.hoverBackground#3030306e
- selection.background#bbbbbb6e
- sideBar.background#181818
- sideBar.border#232323
- sideBar.dropBackground#bbbbbb6e
- sideBar.foreground#bbbbbb6e
- sideBarSectionHeader.background#232323
- sideBarSectionHeader.border#303030
- sideBarSectionHeader.foreground#bbbbbb
- statusBar.background#181818
- statusBar.debuggingBackground#2255ee6e
- statusBar.debuggingForeground#bbbbbb
- statusBar.foreground#bbbbbb6e
- statusBar.noFolderBackground#212121
- statusBarItem.hoverBackground#3030306e
- statusBarItem.prominentBackground#303030
- statusBarItem.prominentHoverBackground#bbbbbb6e
- tab.activeBackground#232323
- tab.activeBorder#ee5577
- tab.activeForeground#bbbbbb
- tab.border#bbbbbb00
- tab.inactiveBackground#181818
- tab.unfocusedActiveBackground#181818
- terminal.ansiBlue#26bbd9
- terminal.ansiBrightBlue#3fc4de
- terminal.ansiBrightCyan#6be4e6
- terminal.ansiBrightGreen#3fdaa4
- terminal.ansiBrightMagenta#f075b5
- terminal.ansiBrightRed#ec6a88
- terminal.ansiBrightYellow#fbc3a7
- terminal.ansiCyan#59e1e3
- terminal.ansiGreen#29d398
- terminal.ansiMagenta#ee64ac
- terminal.ansiRed#ee5577
- terminal.ansiYellow#ffbb99
- terminal.foreground#bbbbbb
- terminal.selectionBackground#9797974d
- terminalCursor.background#bbbbbb
- terminalCursor.foreground#8f8f8f80
- textBlockQuote.background#232323
- textLink.activeForeground#ff9999
- textLink.foreground#ee5577
- titleBar.activeBackground#181818
- titleBar.inactiveBackground#232323
- tree.indentGuidesStroke#bbbbbb70
- welcomePage.background#181818
- widget.shadow#111111e6
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source.js | #BBBBBB | normal |
| comment | #55AA336E | italic |
| entity.name.type.instance.jsdoc | #BB77DD6E | — |
| variable.other.jsdoc | #EE55776E | — |
| storage.type.class.jsdoc | #FFBB996E | — |
| constant | #FF9999 | — |
| constant.character.escape | #22BBBB | — |
| entity.name | #FFBB99 | — |
| entity.name.function | #22BBBB | — |
| entity.name.tag | #99BBFF | normal |
| entity.name.type, storage.type.cs | #FFBB99 | — |
| entity.other.attribute-name | #FF9999 | italic |
| entity.other.inherited-class | #FFBB99 | — |
| entity.other.attribute-name.id | #22BBBB | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class | #FFBB99 | — |
| support.type.property-name.css | #EE5577 | — |
| entity.name.tag.css | #BB77DD | — |
| variable.argument.css | #99BBFF | — |
| meta.selector.css | #99BBFF | — |
| keyword.other.unit.em.css, keyword.other.unit.rem.css, keyword.other.unit.px.css, keyword.other.unit.pt.css, keyword.other.unit.deg.css, keyword.other.unit.rad.css, keyword.other.unit.cm.css, keyword.other.unit.mm.css, keyword.other.unit.in.css, keyword.other.unit.pc.css, keyword.other.unit.percentage.css | #99BBFF | — |
| entity.name.variable, variable | #EE5577 | — |
| keyword | #BB77DD | italic |
| keyword.operator | #BBBBBB | — |
| keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.delete | #BB77DD | — |
| keyword.other.unit | #FF9999 | — |
| markup.quote | #FFBB99 | italic |
| markup.heading, entity.name.section | #EE5577 | — |
| markup.bold | #BB77DD | bold |
| markup.italic | #22BBBB | italic |
| markup.inline.raw, markup.fenced_code.block | #FF9999 | — |
| markup.underline.link | #FFBB99 | — |
| storage | #BB77DD | italic |
| string.quoted, string.template | #FFBB99 | — |
| string.regexp | #FF9999 | — |
| string.other.link | #FF9999 | — |
| support | #FFBB99 | — |
| support.function | #22BBBB | — |
| support.variable | #EE5577 | — |
| support.type.property-name, meta.object-literal.key | #FF9999 | — |
| variable.language | #FFBB99 | italic |
| variable.parameter | — | italic |
| string.template meta.embedded | #BBBBBB | — |
| support.class.component.js | #99BBFF | italic |
| punctuation.definition.tag | #99BBFF | normal |
| punctuation.separator | #BBBBBB | — |
| punctuation.definition.template-expression | #BB77DD | — |
| punctuation.section.embedded | #BB77DD | — |
| punctuation.definition.list | #FF9999 | — |
| token.info-token | #22BBBB | — |
| token.warn-token | #CC9900 | — |
| token.error-token | #F43300 | — |
| token.debug-token | #2255EE | — |
| 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 | — |