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#100e22
- activityBar.border#050a14
- activityBar.foreground#4c5874
- activityBar.inactiveForeground#2d345a
- activityBarBadge.background#18172e
- activityBarBadge.foreground#8a94a8
- badge.background#24223f
- badge.foreground#d6d9e0
- breadcrumb.activeSelectionForeground#d6d9e0
- breadcrumb.background#18172e
- breadcrumb.focusForeground#bbc1cd
- breadcrumb.foreground#a2aabb
- breadcrumbPicker.background#151328
- button.background#0f0822
- button.foreground#626786
- button.hoverBackground#0c061d
- debugExceptionWidget.background#151328
- debugExceptionWidget.border#151328
- debugToolBar.background#151328
- debugToolBar.border#151328
- descriptionForeground#758096
- diffEditor.border#151328
- diffEditor.insertedTextBackground#43d4ae1a
- diffEditor.removedTextBackground#f870861a
- dropdown.background#151328
- dropdown.border#151328
- dropdown.foreground#d6d9e0
- dropdown.listBackground#151328
- editor.background#18172e
- editor.findMatchBackground#445175e6
- editor.findMatchBorder#445175e6
- editor.findMatchHighlightBackground#445175
- editor.findRangeHighlightBackground#404d66e6
- editor.focusedStackFrameHighlightBackground#24223f
- editor.foreground#d6d9e0
- editor.hoverHighlightBackground#151328e6
- editor.inactiveSelectionBackground#2f2c4db3
- editor.lineHighlightBackground#151328
- editor.rangeHighlightBackground#151328e6
- editor.selectionBackground#3d3961b3
- editor.selectionForeground#f2f2f2
- editor.selectionHighlightBackground#565780
- editor.selectionHighlightBorder#565780cc
- editor.snippetFinalTabstopHighlightBackground#151328e6
- editor.snippetFinalTabstopHighlightBorder#151328e6
- editor.snippetTabstopHighlightBackground#151328e6
- editor.snippetTabstopHighlightBorder#151328e6
- editor.stackFrameHighlightBackground#151328
- editor.wordHighlightBackground#565780
- editor.wordHighlightBorder#565780
- editor.wordHighlightStrongBackground#565780
- editor.wordHighlightStrongBorder#565780
- editorBracketMatch.background#494e63
- editorBracketMatch.border#151328cc
- editorCodeLens.foreground#a2aabb
- editorCursor.background#332d0f
- editorCursor.foreground#7785ac
- editorError.foreground#bd5279
- editorGroup.border#151328
- editorGroup.dropBackground#151328cc
- editorGroup.emptyBackground#151328
- editorGroup.focusedEmptyBorder#151328
- editorGroupHeader.noTabsBackground#151328
- editorGroupHeader.tabsBackground#151328
- editorGroupHeader.tabsBorder#151328
- editorGutter.addedBackground#43d4ae
- editorGutter.background#18172e
- editorGutter.commentRangeForeground#8a94a8
- editorGutter.deletedBackground#f2b09a
- editorGutter.modifiedBackground#9ac6f2
- editorHint.foreground#c1a2ff
- editorHoverWidget.background#151328
- editorHoverWidget.border#151328
- editorIndentGuide.activeBackground#18172e00
- editorIndentGuide.background#18172e00
- editorInfo.foreground#92d8e6
- editorLineNumber.activeForeground#a2aabb
- editorLineNumber.foreground#414a7c
- editorLink.activeForeground#ffb998
- editorMarkerNavigation.background#151328
- editorMarkerNavigationError.background#24223f
- editorMarkerNavigationInfo.background#24223f
- editorMarkerNavigationWarning.background#24223f
- editorOverviewRuler.addedForeground#43d4ae
- editorOverviewRuler.border#151328
- editorOverviewRuler.bracketMatchForeground#c1a2ff
- editorOverviewRuler.commonContentForeground#151328
- editorOverviewRuler.currentContentForeground#9ac6f2
- editorOverviewRuler.deletedForeground#f2b09a
- editorOverviewRuler.errorForeground#f87086
- editorOverviewRuler.findMatchForeground#151328cc
- editorOverviewRuler.incomingContentForeground#43d4ae
- editorOverviewRuler.infoForeground#92d8e6
- editorOverviewRuler.modifiedForeground#9ac6f2
- editorOverviewRuler.rangeHighlightForeground#151328cc
- editorOverviewRuler.selectionHighlightForeground#151328cc
- editorOverviewRuler.warningForeground#ffb998
- editorOverviewRuler.wordHighlightForeground#151328cc
- editorOverviewRuler.wordHighlightStrongForeground#151328cc
- editorPane.background#151328
- editorRuler.foreground#151328
- editorSuggestWidget.background#151328
- editorSuggestWidget.border#151328
- editorSuggestWidget.foreground#bbc1cd
- editorSuggestWidget.highlightForeground#ffb998
- editorSuggestWidget.selectedBackground#2a2747
- editorUnnecessaryCode.opacity#0000009a
- editorWarning.foreground#8ed2ff
- editorWhitespace.foreground#413f66
- editorWidget.background#151328
- editorWidget.border#24223f
- editorWidget.resizeBorder#151328
- errorForeground#f87086
- extensionButton.prominentBackground#9ac6f2
- extensionButton.prominentForeground#0f2234
- extensionButton.prominentHoverBackground#acd1f5
- focusBorder#151328
- foreground#bbc1cd
- gitDecoration.addedResourceForeground#43d4ae
- gitDecoration.conflictingResourceForeground#f87086
- gitDecoration.deletedResourceForeground#f87086
- gitDecoration.ignoredResourceForeground#474e79
- gitDecoration.modifiedResourceForeground#9ac6f2
- gitDecoration.submoduleResourceForeground#8a94a8
- gitDecoration.untrackedResourceForeground#43d4ae
- input.background#18172e
- input.border#151328
- input.foreground#bbc1cd
- input.placeholderForeground#8a94a8
- inputOption.activeBorder#9ac6f2
- inputValidation.errorBackground#f87086
- inputValidation.errorBorder#f87086
- inputValidation.errorForeground#330f0f
- inputValidation.infoBackground#9ac6f2
- inputValidation.infoBorder#9ac6f2
- inputValidation.infoForeground#0f2234
- inputValidation.warningBackground#ddc096
- inputValidation.warningBorder#ddc096
- inputValidation.warningForeground#332d0f
- list.activeSelectionBackground#24223f
- list.activeSelectionForeground#d6d9e0
- list.dropBackground#070e1b
- list.errorForeground#f87086
- list.focusBackground#24223f
- list.focusForeground#bbc1cd
- list.highlightForeground#e2e2e2
- list.hoverBackground#24223f8c
- list.hoverForeground#bbc1cd
- list.inactiveFocusBackground#151328
- list.inactiveSelectionBackground#151328
- list.inactiveSelectionForeground#bbc1cd
- list.invalidItemForeground#f87086
- list.warningForeground#ffb998
- listFilterWidget.background#24223f
- listFilterWidget.noMatchesOutline#f87086
- listFilterWidget.outline#151328
- menu.background#151328
- menu.foreground#bbc1cd
- menu.selectionBackground#24223f
- menu.selectionBorder#151328
- menu.selectionForeground#d6d9e0
- menu.separatorBackground#151328
- menubar.selectionBackground#24223f
- menubar.selectionBorder#151328
- menubar.selectionForeground#a2aabb
- merge.border#15132800
- merge.commonContentBackground#1513281a
- merge.commonHeaderBackground#15132833
- merge.currentContentBackground#9ac6f21a
- merge.currentHeaderBackground#9ac6f233
- merge.incomingContentBackground#43d4ae1a
- merge.incomingHeaderBackground#43d4ae33
- minimap.findMatchHighlight#656d9b
- minimap.selectionHighlight#474e79
- minimapSlider.activeBackground#656d9b44
- minimapSlider.background#656d9b25
- minimapSlider.hoverBackground#656d9b44
- notificationCenter.border#24223f
- notificationCenterHeader.background#24223f
- notificationCenterHeader.foreground#a2aabb
- notificationLink.foreground#7785ac
- notifications.background#151328
- notifications.border#24223f
- notifications.foreground#a2aabb
- notificationToast.border#24223f
- panel.background#151328
- panel.border#070e1b
- panelTitle.activeBorder#7785ac
- panelTitle.activeForeground#d6d9e0
- panelTitle.inactiveForeground#a2aabb
- peekView.border#24223f
- peekViewEditor.background#151328
- peekViewEditor.matchHighlightBackground#151328e6
- peekViewEditor.matchHighlightBorder#151328e6
- peekViewEditorGutter.background#151328
- peekViewResult.background#151328
- peekViewResult.fileForeground#8a94a8
- peekViewResult.lineForeground#8a94a8
- peekViewResult.matchHighlightBackground#151328e6
- peekViewResult.selectionBackground#151328cc
- peekViewResult.selectionForeground#d6d9e0
- peekViewTitle.background#151328
- peekViewTitleDescription.foreground#8a94a8
- peekViewTitleLabel.foreground#bbc1cd
- pickerGroup.border#151328
- pickerGroup.foreground#2d345a
- progressBar.background#ffa7c4
- scrollbar.shadow#15132800
- scrollbarSlider.activeBackground#656d9b44
- scrollbarSlider.background#656d9b25
- scrollbarSlider.hoverBackground#656d9b44
- selection.background#404d6693
- settings.checkboxBackground#151328
- settings.checkboxBorder#151328
- settings.checkboxForeground#bbc1cd
- settings.dropdownBackground#18172e
- settings.dropdownBorder#151328
- settings.dropdownForeground#bbc1cd
- settings.dropdownListBorder#151328
- settings.headerForeground#d6d9e0
- settings.modifiedItemIndicator#ffa7c4
- settings.numberInputBackground#18172e
- settings.numberInputBorder#151328
- settings.numberInputForeground#bbc1cd
- settings.textInputBackground#18172e
- settings.textInputBorder#151328
- settings.textInputForeground#bbc1cd
- sideBar.background#151328
- sideBar.border#070e1b
- sideBar.dropBackground#070e1bb3
- sideBar.foreground#8a94a8
- sideBarSectionHeader.background#151328
- sideBarSectionHeader.border#050a14
- sideBarSectionHeader.foreground#758096
- sideBarTitle.foreground#758096
- statusBar.background#100e22
- statusBar.border#050a14
- statusBar.debuggingBackground#070e1b
- statusBar.debuggingBorder#050a14
- statusBar.debuggingForeground#758096
- statusBar.foreground#8a94a8
- statusBar.noFolderBackground#070e1b
- statusBar.noFolderBorder#050a14
- statusBar.noFolderForeground#758096
- statusBarItem.activeBackground#18172e
- statusBarItem.hoverBackground#151328
- statusBarItem.prominentBackground#050a14
- statusBarItem.prominentHoverBackground#151328
- tab.activeBackground#18172e
- tab.activeBorderTop#464d77
- tab.activeForeground#d6d9e0
- tab.activeModifiedBorder#151328
- tab.border#070e1b
- tab.hoverBackground#151328
- tab.hoverBorder#151328
- tab.inactiveBackground#151328
- tab.inactiveForeground#a2aabb
- tab.inactiveModifiedBorder#151328
- tab.unfocusedActiveBorderTop#151328
- tab.unfocusedActiveForeground#bbc1cd
- tab.unfocusedActiveModifiedBorder#151328
- tab.unfocusedHoverBackground#151328
- tab.unfocusedHoverBorder#151328
- tab.unfocusedInactiveForeground#8a94a8
- tab.unfocusedInactiveModifiedBorder#151328
- terminal.ansiBlack#2e384d
- terminal.ansiBlue#9ac6f2
- terminal.ansiBrightBlack#3d485f
- terminal.ansiBrightBlue#acd1f5
- terminal.ansiBrightCyan#a5e0ec
- terminal.ansiBrightGreen#c9e2af
- terminal.ansiBrightMagenta#ccb3ff
- terminal.ansiBrightRed#ffb3b3
- terminal.ansiBrightWhite#f2f2f2
- terminal.ansiBrightYellow#ecc48d
- terminal.ansiCyan#92d8e6
- terminal.ansiGreen#43d4ae
- terminal.ansiMagenta#c1a2ff
- terminal.ansiRed#f87086
- terminal.ansiWhite#d6d9e0
- terminal.ansiYellow#ecc48d
- terminal.background#151328
- terminal.border#070e1b
- terminal.foreground#d6d9e0
- terminal.selectionBackground#3d3961b3
- terminalCursor.background#332d0f
- terminalCursor.foreground#7785ac
- textBlockQuote.background#151328
- textBlockQuote.border#9ac6f280
- textCodeBlock.background#151328
- textLink.activeForeground#ffa7c4
- textLink.foreground#7785ac
- textPreformat.foreground#9ac6f2
- textSeparator.foreground#151328
- titleBar.activeBackground#100e22
- titleBar.activeForeground#758096
- titleBar.border#050a14
- titleBar.inactiveBackground#0c0a1b
- titleBar.inactiveForeground#2d345a
- walkThrough.embeddedEditorBackground#151328
- welcomePage.background#151328
- widget.shadow#15132880
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| markup.changed, meta.diff.header.git, meta.diff.header.from-file, meta.diff.header.to-file | #A2BFFC | — |
| markup.deleted.diff | #EF535090 | — |
| markup.inserted.diff | #ADDB67 | — |
| comment | #596296 | |
| comment.line.double-slash | #596296 | — |
| string | #968DF9 | — |
| string.quoted, variable.other.readwrite.js | #ECC48D | — |
| support.constant.math | #CED2D6 | — |
| constant.numeric, constant.character.numeric | #98FAF2CE | |
| keyword.other.unit.percentage.css, keyword.other.unit.px.css, keyword.other.unit.vw.css, keyword.other.unit.vh.css, keyword.other.unit.em.css, keyword.other.unit.rem.css | #968DF9 | — |
| constant.language, punctuation.definition.constant, variable.other.constant | #CED2D6 | — |
| constant.character, constant.other, constant.language.undefined | #FFA7C4 | — |
| constant.character.escape | #968DF9 | — |
| string.regexp, string.regexp keyword.other | #5CA7E4 | — |
| meta.function punctuation.separator.comma | #968DF9 | — |
| variable | #CED2D6 | — |
| punctuation.accessor, keyword | #968DF9 | |
| storage, meta.var.expr, meta.class meta.method.declaration meta.var.expr storage.type.js, storage.type.property.js, storage.type.property.ts, storage.type.property.tsx | #FFA7C4 | |
| storage.type | #FFA7C4 | — |
| storage.type.function.arrow.js | — | |
| entity.name.class, meta.class entity.name.type.class, meta.class entity.name.type.class.js, entity.name.type.js | #AFBADA | — |
| entity.other.inherited-class | #E2E2E2 | — |
| entity.name.function | #8EACE3 | |
| punctuation.definition.tag, meta.tag | #968DF9 | — |
| entity.name.tag, meta.tag.other.html, meta.tag.other.js, meta.tag.other.tsx, entity.name.tag.tsx, entity.name.tag.js, entity.name.tag, meta.tag.js, meta.tag.tsx, meta.tag.html | #FFA7C4 | |
| entity.other.attribute-name | #82AAF1 | |
| entity.name.tag.custom | #CED2D6 | — |
| support.function, support.constant | #FFA7C4 | — |
| support.constant.meta.property-value | #FFA7C4 | — |
| support.type, support.class | #9099CC | — |
| support.variable.dom | #CED2D6 | — |
| invalid | #CED2D6 | — |
| invalid.deprecated | #CED2D6 | — |
| keyword.operator | #968DF9 | |
| keyword.operator.new | #968DF9 | — |
| keyword.operator.relational | #968DF9 | |
| keyword.operator.assignment | #968DF9 | — |
| keyword.operator.arithmetic | #968DF9 | — |
| keyword.operator.bitwise | #968DF9 | — |
| keyword.operator.increment | #968DF9 | — |
| keyword.operator.ternary | #968DF9 | — |
| object | #CDEBF7 | — |
| constant.language.null | #F87086 | — |
| meta.brace | #968DF9 | — |
| meta.delimiter.period | #968DF9 | |
| punctuation.definition.string | #968DF9 | — |
| punctuation.definition.string.begin.markdown | #BD5279 | — |
| object.comma | #CED2D6 | — |
| variable.parameter.function | #FFA7C4 | |
| support.type.vendor.property-name, support.constant.vendor.property-value, support.type.property-name, meta.property-list entity.name.tag | #9099CC | |
| meta.property-list entity.name.tag.reference | #57EAF1 | — |
| constant.other.color.rgb-value punctuation.definition.constant | #968DF9 | — |
| constant.other.color | #9BCDEE | — |
| keyword.other.unit | #98FAF2CE | — |
| meta.selector | #968DF9 | |
| entity.other.attribute-name.id | #FFA7C4 | — |
| meta.property-name | #80CBC4 | — |
| entity.name.tag.doctype, meta.tag.sgml.doctype | #968DF9 | |
| punctuation.definition.parameters | #968DF9 | — |
| punctuation.definintion.string | #968DF9 | — |
| keyword.control.operator | #FFA7C4 | — |
| keyword.operator.logical | #968DF9 | |
| variable.instance, variable.other.instance, variable.readwrite.instance, variable.other.readwrite.instance, variable.other.property | #CED2D6 | — |
| variable.other.object.property | #CED2D6 | |
| entity.name.function | #8EACE3 | |
| keyword.control.flow.js, keyword.control.flow.ts, keyword.control.flow.tsx, keyword.control.ruby, keyword.control.module.ruby, keyword.control.class.ruby, keyword.control.def.ruby, keyword.control.loop.js, keyword.control.loop.ts, keyword.control.import.js, keyword.control.import.ts, keyword.control.import.tsx, keyword.control.from.js, keyword.control.from.ts, keyword.control.from.tsx | #FFA7C4 | — |
| keyword.control.conditional.js, keyword.control.conditional.ts, keyword.control.switch.js, keyword.control.switch.ts | #968DF9 | |
| support.constant, keyword.other.special-method, keyword.other.new, keyword.other.debugger, keyword.control, keyword.other | #FFA7C4 | — |
| support.function | #8EACE3 | — |
| invalid.broken | #020E14 | — |
| invalid.unimplemented | #CED2D6 | — |
| invalid.illegal | #CED2D6 | — |
| variable.language | #FFA7C4 | — |
| support.variable.property | #E2E2E2 | — |
| variable.function | #CED2D6 | — |
| variable.interpolation | #968DF9 | — |
| meta.function-call | #8EACE3 | — |
| meta.array, meta.object | #9099CC | — |
| punctuation.section.embedded | #968DF9 | — |
| punctuation.terminator.expression, punctuation.definition.arguments, punctuation.definition.array, punctuation.section.array, punctuation.terminator.statement, punctuation.definition.block, punctuation.separator.comma, punctuation.separator.parameter, punctuation.separator.key-value, punctuation.section.function.begin.bracket.round, punctuation.section.function.end.bracket.round, punctuation.destructuring | #968DF9 | — |
| punctuation.definition.list.begin, punctuation.definition.list.end, punctuation.separator.arguments, punctuation.definition.list | #968DF9 | — |
| string.template meta.template.expression | #968DF9 | — |
| string.template punctuation.definition.string | #968DF9 | — |
| italic | #968DF9 | italic |
| bold | #968DF9 | bold |
| quote | #697098 | |
| raw | #80CBC4 | — |
| variable.assignment.coffee | #31E1EB | — |
| variable.parameter.function.coffee | #CED2D6 | — |
| variable.assignment.coffee | #FFA7C4 | — |
| variable.other.readwrite.cs | #CED2D6 | — |
| entity.name.type.class.cs, storage.type.cs | #8EACE3 | — |
| entity.name.type.namespace.cs | #B2CCD6 | — |
| entity.name.tag.css, entity.name.tag.less, entity.name.tag.custom.css | #9099CC | |
| support.constant.property-value.css | #E2E2E2 | |
| entity.name.tag.wildcard.css, entity.name.tag.wildcard.less, entity.name.tag.wildcard.scss, entity.name.tag.wildcard.sass | #FFA7C4 | — |
| keyword.other.unit.css | #FFEB95 | — |
| meta.attribute-selector.css entity.other.attribute-name.attribute, variable.other.readwrite.js | #E2E2E2 | — |
| source.elixir support.type.elixir, source.elixir meta.module.elixir entity.name.class.elixir | #8EACE3 | — |
| source.elixir entity.name.function | #968DF9 | — |
| source.elixir constant.other.symbol.elixir, source.elixir constant.other.keywords.elixir | #8EACE3 | — |
| source.elixir punctuation.definition.string | #968DF9 | — |
| source.elixir variable.other.readwrite.module.elixir, source.elixir variable.other.readwrite.module.elixir punctuation.definition.variable.elixir | #968DF9 | — |
| source.elixir .punctuation.binary.elixir | #968DF9 | |
| constant.keyword.clojure | #FFA7C4 | — |
| source.go meta.function-call.go | #DDDDDD | — |
| source.go keyword.package.go, source.go keyword.import.go, source.go keyword.function.go, source.go keyword.type.go, source.go keyword.struct.go, source.go keyword.interface.go, source.go keyword.const.go, source.go keyword.var.go, source.go keyword.map.go, source.go keyword.channel.go, source.go keyword.control.go | #968DF9 | — |
| source.go constant.language.go, source.go constant.other.placeholder.go | #F87086 | — |
| entity.name.function.preprocessor.cpp, entity.scope.name.cpp | #FFA7C4 | — |
| meta.namespace-block.cpp | #E0DEC6 | — |
| storage.type.language.primitive.cpp | #F87086 | — |
| meta.preprocessor.macro.cpp | #CED2D6 | — |
| variable.parameter | #CED2D6 | — |
| variable.other.readwrite.powershell | #8EACE3 | — |
| support.function.powershell | #FFA7C4 | — |
| entity.other.attribute-name.id.html | #968DF9 | — |
| punctuation.definition.tag.html | #968DF9 | — |
| meta.tag.sgml.doctype.html | #968DF9 | |
| meta.method.declaration storage.type.js | #FFA7C4 | — |
| terminator.js | #968DF9 | — |
| meta.js punctuation.definition.js | #968DF9 | — |
| entity.name.type.instance.jsdoc, entity.name.type.instance.phpdoc | #AFBADA | — |
| variable.other.jsdoc, variable.other.phpdoc | #78CCF0 | — |
| variable.other.meta.import.js, meta.import.js variable.other, variable.other.meta.export.js, meta.export.js variable.other | #CED2D6 | — |
| variable.parameter.function.js | #7986E7 | — |
| variable.other.object.js, variable.other.object.jsx, variable.object.property.js, variable.object.property.jsx | #CED2D6 | — |
| variable.js, variable.other.js | #CED2D6 | — |
| entity.name.type.js, entity.name.type.module.js | #AFBADA | |
| support.class.js | #CED2D6 | — |
| support.constant.json | #CED2D6 | — |
| meta.structure.dictionary.value.json string.quoted.double, string.quoted.double.json.comments, string.quoted.double.json punctuation.definition.string.json | #9BCDEE | — |
| punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json | #968DF9 | — |
| meta.structure.dictionary.json meta.structure.dictionary.value constant.language | #BD5279 | — |
| variable.other.object.js | #E2E2E2 | — |
| variable.other.ruby | #CED2D6 | — |
| entity.name.type.class.ruby | #7785AC | — |
| constant.language.symbol.hashkey.ruby | #FFA7C4 | — |
| constant.language.symbol.ruby | #FFA7C4 | — |
| entity.name.tag.less | #FFA7C4 | — |
| keyword.other.unit.css | #FFEB95 | — |
| meta.attribute-selector.less entity.other.attribute-name.attribute | #FFA7C4 | — |
| markup.heading.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown | #82B1FF | — |
| markup.italic.markdown | #968DF9 | italic |
| markup.bold.markdown | #968DF9 | bold |
| markup.quote.markdown | #697098 | |
| markup.inline.raw.markdown | #80CBC4 | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #FF869A | — |
| string.other.link.title.markdown, string.other.link.description.markdown | #CED2D6 | — |
| punctuation.definition.string.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, meta.link.inline.markdown punctuation.definition.string | #82B1FF | — |
| punctuation.definition.metadata.markdown | #FFA7C4 | — |
| beginning.punctuation.definition.list.markdown | #82B1FF | — |
| markup.inline.raw.string.markdown | #968DF9 | — |
| variable.other.php, variable.other.property.php | #BEC5D4 | — |
| support.class.php | #FFCB8B | — |
| meta.function-call.php punctuation | #CED2D6 | — |
| variable.other.global.php | #968DF9 | — |
| variable.other.global.php punctuation.definition.variable | #968DF9 | — |
| constant.language.python | #F87086 | — |
| variable.parameter.function.python, meta.function-call.arguments.python | #8EACE3 | — |
| meta.function-call.python, meta.function-call.generic.python | #B2CCD6 | — |
| punctuation.python | #CED2D6 | — |
| entity.name.function.decorator.python | #968DF9 | — |
| source.python variable.language.special | #8EACE3 | — |
| variable.scss, variable.sass, variable.parameter.url.scss, variable.parameter.url.sass | #968DF9 | — |
| source.css.scss meta.at-rule variable, source.css.sass meta.at-rule variable, source.css.scss | #968DF9 | — |
| source.css.scss meta.at-rule variable, source.css.sass meta.at-rule variable | #BEC5D4 | — |
| meta.attribute-selector.scss entity.other.attribute-name.attribute, meta.attribute-selector.sass entity.other.attribute-name.attribute | #FFA7C4 | — |
| entity.name.tag.scss, entity.name.tag.sass | #FFA7C4 | — |
| keyword.other.unit.scss, keyword.other.unit.sass | #FFEB95 | — |
| variable.other.readwrite.alias.ts, variable.other.readwrite.alias.tsx, variable.other.readwrite.ts, variable.other.readwrite.tsx, variable.other.object.ts, variable.other.object.tsx, variable.object.property.ts, variable.object.property.tsx, variable.other.ts, variable.other.tsx, variable.tsx, variable.ts | #E2E2E2 | — |
| meta.interface.ts meta.field.declaration.ts meta.definition.property.ts variable.object.property.ts, meta.object.type.ts meta.field.declaration.ts meta.definition.property.ts variable.object.property.ts | #9099CC | — |
| meta.interface.ts meta.field.declaration.ts meta.type.annotation.ts support.type.primitive.ts, meta.object.type.ts meta.field.declaration.ts meta.type.annotation.ts support.type.primitive.ts | #E2E2E2 | — |
| punctuation.definition.binding-pattern.object | #968DF9 | — |
| punctuation.definition.binding-pattern.array | #968DF9 | — |
| punctuation.definition.typeparameters.begin.ts, punctuation.definition.typeparameters.begin.tsx, punctuation.definition.typeparameters.end.ts, punctuation.definition.typeparameters.end.tsx | #9099CC | — |
| support.class.node.ts, support.class.node.tsx | #FFA7C4 | — |
| entity.name.type.interface | #E2E2E2 | — |
| meta.type.parameters.ts entity.name.type, meta.type.parameters.tsx entity.name.type | #AFBADA | — |
| meta.import.ts punctuation.definition.block, meta.import.tsx punctuation.definition.block, meta.export.ts punctuation.definition.block, meta.export.tsx punctuation.definition.block | #968DF9 | — |
| meta.decorator punctuation.decorator.ts, meta.decorator punctuation.decorator.tsx | #8EACE3 | — |
| meta.tag.js meta.jsx.children.tsx | #8EACE3 | — |
| entity.name.tag.yaml | #FFA7C4 | — |
| variable.other.readwrite.js, variable.parameter | #CED2D6 | — |
| support.class.component.js, support.class.component.tsx | #FFA7C4 | |
| meta.jsx.children, meta.jsx.children.js, meta.jsx.children.tsx | #E6E4E4 | — |
| meta.class entity.name.type.class.tsx | #7785AC | — |
| meta.var.expr.tsx variable.other.readwrite.ts, meta.function.expression.tsx meta.parameters.tsx meta.type.annotation.tsx entity.name.type.tsx, meta.interface.ts meta.field.declaration.ts meta.type.annotation.ts entity.name.type.ts, meta.type.parameters.tsx entity.name.type.tsx, meta.type.declaration.ts entity.name.type.ts, meta.type.declaration.ts entity.name.type.alias.ts, meta.interface.ts entity.name.type.interface.ts | #AFBADA | — |
| meta.embedded.line.ts variable.other.readwrite.ts | #E2E2E2 | — |
| entity.name.type.tsx, entity.name.type.module.tsx | #9099CC | — |
| meta.function.expression.tsx meta.arrow.tsx meta.parameters.tsx meta.type.annotation.tsx entity.name.type.tsx, meta.var.expr.tsx meta.arrow.tsx meta.block.tsx entity.name.type.tsx | #9099CC | — |
| meta.method.declaration storage.type.ts, meta.method.declaration storage.type.tsx | #8EACE3 | — |
| meta.property-list.css meta.property-value.css variable.other.less, meta.property-list.scss variable.scss, meta.property-list.sass variable.sass, meta.brace, keyword.operator.operator, keyword.operator.or.regexp, keyword.operator.expression.in, keyword.operator.relational, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.type, keyword.operator, keyword, punctuation.definintion.string, punctuation, variable.other.readwrite.js, storage.type, source.css, string.quoted | — | |
| meta.property-value.scss | #968DF9 | — |
| keyword.operator.type.annotation | #968DF9 | — |
| variable.parameter | #E2E2E2 | — |
| variable.parameter.jsx, meta.parameter.object-binding-pattern.tsx variable.parameter.tsx | #9099CC | — |
| variable.other.property | #E2E2E2 | — |
| variable.other.object.property | #E2E2E2 | — |
| variable.other.readwrite.alias | #E2E2E2 | — |
| variable.other.readwrite.js | #E2E2E2 | — |
| meta.jsx.children.js | #E2E2E2 | — |
| variable.other.constant | #E2E2E2 | — |
| variable.object.property.js | #FFA7C4 | — |
| constant.numeric.decimal | #98FAF2CE | — |
| constant.language.null, constant.language.undefined, meta.type.annotation.ts support.type.builtin.ts, meta.type.annotation.tsx support.type.builtin.tsx | #BD5279 | — |
| constant.language.boolean.false, constant.language.boolean.true | #B13B8B | — |
| string.template | #968DF9 | — |
| string.quoted.single | #9BCDEE | — |
| string.quoted.double | #9BCDEE | — |
| entity.other.attribute-name | #82AAF1 | — |
| entity.other.attribute-name.class.css | #E2E2E2 | — |
| keyword.control.conditional | #968DF9 | — |
| meta.brace.round | #968DF9 | — |
| meta.brace.square | #968DF9 | — |
| punctuation.separator.comma | #968DF9 | — |
| punctuation.definition.string.begin | #9BCDEE | — |
| punctuation.definition.string.end | #9BCDEE | — |
| punctuation.terminator.statement, punctuation.terminator.rule.scss | #968DF9 | — |
| keyword.operator.assignment | #968DF9 | — |
| punctuation.section.embedded.begin | #968DF9 | — |
| punctuation.section.embedded.end | #968DF9 | — |
| support.class.console | #E2E2E2 | — |
| support.class.component.js | #FFA7C4 | — |
| punctuation.definition.tag.begin | #968DF9 | — |
| punctuation.definition.template-expression.begin | #968DF9 | — |
| punctuation.definition.template-expression.end | #968DF9 | — |
| string.template | #9BCDEE | — |
| punctuation.definition.string.template.begin | #9BCDEE | — |
| punctuation.definition.string.template.end | #9BCDEE | — |
| punctuation.definition.tag.end | #968DF9 | — |
| entity.name.tag.js | #8080B3 | — |
| support.type.property-name.json, support.type.property-name.json.comments | #9099CC | — |
| punctuation.definition.parameters.begin | #968DF9 | — |
| punctuation.definition.parameters.end | #968DF9 | — |
| punctuation.definition.block | #968DF9 | — |
| 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 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...