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#2a2c2f
- activityBar.border#000000
- activityBar.foreground#dfdfdf
- breadcrumb.background#1c1f21
- breadcrumb.focusForeground#dcdddd
- breadcrumb.foreground#dcdddd
- debugIcon.breakpointCurrentStackframeForeground#007aff
- debugIcon.breakpointForeground#007aff
- diffEditor.insertedTextBackground#3cff5518
- diffEditor.removedTextBackground#ff504418
- editor.background#1f1f24
- editor.findMatchBackground#fffb00
- editor.findMatchHighlightBackground#545558
- editor.foreground#dfdfe0
- editor.hoverHighlightBackground#2c5392
- editor.lineHighlightBackground#2f3239
- editor.selectionBackground#646f8366
- editor.snippetTabstopHighlightBackground#007aff
- editor.stackFrameHighlightBackground#007aff22
- editorCodeLens.foreground#dfdfdf77
- editorCursor.foreground#ffffff
- editorError.foreground#e21514
- editorGroupHeader.noTabsBackground#383a3d
- editorGroupHeader.tabsBackground#26282b
- editorGutter.addedBackground#4f82ce
- editorGutter.deletedBackground#4f82ce
- editorGutter.modifiedBackground#4f82ce
- editorIndentGuide.activeBackground#00000000
- editorIndentGuide.background#00000000
- editorLineNumber.activeForeground#dfdfdf
- editorLineNumber.foreground#dfdfdf55
- editorLink.activeForeground#6699ff
- editorOverviewRuler.addedForeground#4f82ce
- editorOverviewRuler.deletedForeground#4f82ce
- editorOverviewRuler.errorForeground#e21514
- editorOverviewRuler.findMatchForeground#fffb00
- editorOverviewRuler.modifiedForeground#4f82ce
- editorOverviewRuler.warningForeground#f5c443
- editorWarning.foreground#f5c443
- editorWhitespace.foreground#53606e
- editorWidget.background#303030
- errorForeground#e21514
- focusBorder#35628b
- foreground#dfdfdf
- gitDecoration.conflictingResourceForeground#e21514
- gitDecoration.ignoredResourceForeground#dfdfdf55
- list.activeSelectionBackground#3071db
- list.activeSelectionForeground#dfdfdf
- list.focusBackground#3071db
- list.focusForeground#dfdfdf
- list.highlightForeground#f5c443
- list.hoverBackground#00000000
- list.inactiveSelectionBackground#4f5153
- minimap.errorHighlight#e21514
- minimap.findMatchHighlight#fffb00
- minimap.selectionHighlight#646f83
- minimap.warningHighlight#f5c443
- minimapGutter.addedBackground#4f82ce
- minimapGutter.deletedBackground#4f82ce
- minimapGutter.modifiedBackground#4f82ce
- panel.border#000000
- peekView.border#3071db
- peekViewEditor.background#292a30
- peekViewEditor.matchHighlightBackground#545558
- peekViewResult.background#2a2c2f
- peekViewResult.fileForeground#dfdfdf
- peekViewResult.lineForeground#dfdfdf99
- peekViewResult.matchHighlightBackground#545558
- peekViewResult.selectionBackground#3071db
- peekViewResult.selectionForeground#dfdfdf
- peekViewTitle.background#2a2c2f
- peekViewTitleDescription.foreground#6699ff
- peekViewTitleLabel.foreground#dfdfdf
- searchEditor.findMatchBackground#fffb00
- sideBar.background#2a2c2f
- sideBar.border#000000
- sideBarSectionHeader.background#00000000
- statusBar.background#1c1f21
- statusBar.border#000000
- statusBar.debuggingBackground#1c1f21
- statusBar.debuggingBorder#000000
- statusBar.debuggingForeground#dcdddd
- statusBar.foreground#dcdddd
- statusBar.noFolderBackground#1c1f21
- statusBar.noFolderBorder#000000
- statusBar.noFolderForeground#dcdddd
- tab.activeBackground#1f1f24
- tab.activeForeground#ffffff
- tab.border#26282b
- tab.inactiveBackground#26282b
- tab.inactiveForeground#9a9c9d
- textLink.activeForeground#6699ff
- textLink.foreground#6699ff
- titleBar.activeBackground#383a3d
- titleBar.activeForeground#b7b8bb
- titleBar.border#26282b
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6C7986 | — |
| punctuation.definition.string, string | #FC6A5D | — |
| constant.numeric, keyword.other.unit, support.constant | #D0BF69 | — |
| constant.language, entity.name.tag, keyword, storage.modifier, storage.type, support.type.primitive, variable.language | #FF7AB2 | bold |
| entity.name.function.macro, keyword.control.directive, keyword.control.preprocessor, punctuation.definition.preprocessor | #FFA14F | — |
| markup.underline.link | #6699FF | — |
| entity.name.type.class.std.rust, storage.type.cs, support.type, meta.object-literal.key | #ACF2E4 | — |
| meta.object-literal.key | #72BFAE | — |
| punctuation.definition.variable, punctuation.support.type.property-name, storage.modifier.lifetime, support.type.property-name | #67B7A4 | — |
| meta.function-call, source.css | #C08AFF | — |
| meta.definition.function, meta.definition.method, meta.method.declaration | #41A1C0 | — |
| constant.language.boolean.false.ts, constant.language.boolean.true.ts, meta.object.member.ts, meta.objectliteral.ts | #D6C455 | — |
| entity.name.type, entity.other.inherited-class | #5DD8FF | — |
| support.class.error.ts, meta.class.ts, source.ts | #5DD8FF | — |
| keyword.operator | #A167E6 | — |
| meta.return.type, meta.function, entity.name.function, support.type.primitive, meta.field.declaration, meta.interface | #D0A8FF | — |
| entity.name.function.definition, entity.name.function.go, entity.name.type.namespace, entity.name.variable, variable.other.assignment | #67B7A4 | — |
| fenced_code.block.language, punctuation.definition.bold.markdown, punctuation.definition.heading.markdown, punctuation.definition.italic.markdown, punctuation.definition.list.begin.markdown, punctuation.definition.markdown, punctuation.definition.metadata.markdown, punctuation.definition.quote.begin.markdown, punctuation.definition.raw.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown | #72BFAE | — |
| string.other.link.title.markdown | #DFDFE0 | — |
| entity.name.section | #DFDFE0 | bold |
| variable.other.property | #C08AFF | — |
| markup.bold | #DFDFE0 | bold |
| markup.italic | #DFDFE0 | italic |
| punctuation | #DFDFE0 | — |
| punctuation.decorator, meta.brace.round | #FFFFFF | — |
| entity.other.attribute-name.js | #D0A8FF | — |
| meta.tag.without-attributes.js, meta.jsx.children.js | #FFFFFF | — |
| punctuation.terminator.statement | #FFFFFF | — |
| punctuation.accessor.optional | #A167E6 | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| 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 | — | |
| variable | #48B7DB | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...