Maron Themes
Publisher: Kain NhantumboThemes in package: 56
Pack of well curated themes with Editor UI and Semantics consistency in mind, backed with love for a seamless coding experience!
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.activeBorder#cba6f7
- activityBar.activeFocusBorder#15151E
- activityBar.background#15151E
- activityBar.border#15151E
- activityBar.dropBorder#15151E00
- activityBar.foreground#cba6f7
- activityBarBadge.background#cba6f7
- activityBarBadge.foreground#15151E
- badge.background#cba6f7
- badge.foreground#15151E
- banner.background#45475a
- banner.foreground#cdd6f4
- banner.iconForeground#cdd6f4
- breadcrumb.activeSelectionForeground#cba6f7
- breadcrumb.background#15151E
- breadcrumb.focusForeground#cba6f7
- breadcrumb.foreground#cdd6f4cc
- breadcrumbPicker.background#15151E
- button.background#cba6f7
- button.border#00000000
- button.foreground#15151E
- button.hoverBackground#dfbaff
- button.secondaryBackground#585b70
- button.secondaryForeground#cdd6f4
- button.secondaryHoverBackground#6c6f84
- button.separator#15151E
- charts.blue#89b4fa
- charts.foreground#cdd6f4
- charts.green#a6e3a1
- charts.lines#bac2de
- charts.orange#fab387
- charts.purple#cba6f7
- charts.red#f38ba8
- charts.yellow#f9e2af
- checkbox.background#15151E
- checkbox.border#585b70
- checkbox.foreground#cba6f7
- commandCenter.activeBackground#585b7033
- commandCenter.activeForeground#cba6f7
- commandCenter.background#15151E
- commandCenter.border#cba6f760
- commandCenter.foreground#bac2de
- debugConsole.errorForeground#f38ba8
- debugConsole.infoForeground#89b4fa
- debugConsole.sourceForeground#f5e0dc
- debugConsole.warningForeground#fab387
- debugConsoleInputIcon.foreground#cdd6f4
- debugExceptionWidget.background#15151E
- debugExceptionWidget.border#cba6f765
- debugIcon.breakpointCurrentStackframeForeground#585b70
- debugIcon.breakpointDisabledForeground#f38ba899
- debugIcon.breakpointForeground#f38ba8
- debugIcon.breakpointStackframeForeground#585b70
- debugIcon.breakpointUnverifiedForeground#15151E
- debugIcon.continueForeground#a6e3a1
- debugIcon.disconnectForeground#585b70
- debugIcon.pauseForeground#89b4fa
- debugIcon.restartForeground#94e2d5
- debugIcon.startForeground#a6e3a1
- debugIcon.stepBackForeground#585b70
- debugIcon.stepIntoForeground#cdd6f4
- debugIcon.stepOutForeground#cdd6f4
- debugIcon.stepOverForeground#cba6f7
- debugIcon.stopForeground#f38ba8
- debugTokenExpression.boolean#cba6f7
- debugTokenExpression.error#f38ba8
- debugTokenExpression.number#fab387
- debugTokenExpression.string#a6e3a1
- debugToolBar.background#15151E
- debugToolBar.border#00000000
- descriptionForeground#cdd6f4
- diffEditor.border#585b70
- diffEditor.diagonalFill#585b7099
- diffEditor.insertedLineBackground#a6e3a126
- diffEditor.insertedTextBackground#a6e3a119
- diffEditor.removedLineBackground#f38ba826
- diffEditor.removedTextBackground#f38ba819
- diffEditorOverview.insertedForeground#a6e3a1cc
- diffEditorOverview.removedForeground#f38ba8cc
- disabledForeground#a6adc8
- dropdown.background#15151E
- dropdown.border#585b70
- dropdown.foreground#cdd6f4
- dropdown.listBackground#15151E
- editor.background#15151E
- editor.findMatchBackground#cba6f760
- editor.findMatchHighlightBackground#89dceb40
- editor.findRangeHighlightBackground#89dceb40
- editor.focusedStackFrameHighlightBackground#a6e3a126
- editor.foldBackground#89dceb3f
- editor.foreground#cdd6f4ee
- editor.hoverHighlightBackground#89dceb3f
- editor.inactiveSelectionBackground#cba6f710
- editor.lineHighlightBackground#08080880
- editor.rangeHighlightBackground#89dceb3f
- editor.rangeHighlightBorder#00000000
- editor.selectionBackground#cba6f720
- editor.selectionHighlightBackground#9399b266
- editor.selectionHighlightBorder#89dceb33
- editor.stackFrameHighlightBackground#f9e2af26
- editor.wordHighlightBackground#585b70b2
- editor.wordHighlightStrongBackground#585b707f
- editorBracketHighlight.foreground1#f38ba8
- editorBracketHighlight.foreground2#fab387
- editorBracketHighlight.foreground3#f9e2af
- editorBracketHighlight.foreground4#a6e3a1
- editorBracketHighlight.foreground5#74c7ec
- editorBracketHighlight.foreground6#cba6f7
- editorBracketHighlight.unexpectedBracket.foreground#eba0ac
- editorBracketMatch.background#9399b219
- editorBracketMatch.border#9399b200
- editorCodeLens.foreground#7f849c
- editorCursor.background#15151E
- editorCursor.foreground#cba6f7
- editorError.background#00000000
- editorError.border#00000000
- editorError.foreground#f38ba8
- editorGroup.border#3b1c1c20
- editorGroup.dropBackground#cba6f720
- editorGroup.emptyBackground#15151E
- editorGroupHeader.tabsBackground#15151E
- editorGutter.addedBackground#a6e3a1
- editorGutter.commentRangeForeground#9399b2
- editorGutter.deletedBackground#f38ba8
- editorGutter.modifiedBackground#f9e2af
- editorHoverWidget.background#15151E
- editorHoverWidget.border#cba6f740
- editorHoverWidget.foreground#cdd6f4
- editorIndentGuide.activeBackground1#cba6f735
- editorIndentGuide.activeBackground2#cba6f735
- editorIndentGuide.activeBackground3#cba6f735
- editorIndentGuide.activeBackground4#cba6f735
- editorIndentGuide.activeBackground5#cba6f735
- editorIndentGuide.activeBackground6#cba6f735
- editorIndentGuide.background1#cba6f718
- editorIndentGuide.background2#cba6f718
- editorIndentGuide.background3#cba6f718
- editorIndentGuide.background4#cba6f718
- editorIndentGuide.background5#cba6f718
- editorIndentGuide.background6#cba6f718
- editorInfo.background#00000000
- editorInfo.border#00000000
- editorInfo.foreground#89b4fa
- editorInlayHint.background#15151E
- editorInlayHint.foreground#585b70
- editorInlayHint.parameterBackground#15151Ebf
- editorInlayHint.parameterForeground#a6adc8
- editorInlayHint.typeBackground#15151Ebf
- editorInlayHint.typeForeground#bac2de
- editorLightBulb.foreground#f9e2af
- editorLineNumber.activeForeground#cba6f7
- editorLineNumber.foreground#7f849caa
- editorLink.activeForeground#cba6f7
- editorMarkerNavigation.background#15151E
- editorMarkerNavigationError.background#f38ba8
- editorMarkerNavigationInfo.background#89b4fa
- editorMarkerNavigationWarning.background#fab387
- editorOverviewRuler.background#15151E00
- editorOverviewRuler.border#00000000
- editorOverviewRuler.modifiedForeground#f9e2af
- editorRuler.foreground#585b70
- editorStickyScroll.shadow#ff000000
- editorStickyScrollHover.background#313244
- editorSuggestWidget.background#15151E
- editorSuggestWidget.border#cba6f740
- editorSuggestWidget.focusHighlightForeground#fab387
- editorSuggestWidget.foreground#cdd6f4
- editorSuggestWidget.highlightForeground#cba6f7
- editorSuggestWidget.selectedBackground#313244
- editorSuggestWidget.selectedIconForeground#fab387
- editorWarning.background#00000000
- editorWarning.border#00000000
- editorWarning.foreground#fab387
- editorWhitespace.foreground#9399b266
- editorWidget.background#15151E
- editorWidget.foreground#cdd6f4
- editorWidget.resizeBorder#585b70
- errorForeground#f38ba8
- extensionBadge.remoteBackground#89b4fa
- extensionBadge.remoteForeground#15151E
- extensionButton.prominentBackground#cba6f7
- extensionButton.prominentForeground#15151E
- extensionButton.prominentHoverBackground#dfbaff
- extensionButton.separator#15151E
- extensionIcon.preReleaseForeground#585b70aa
- extensionIcon.sponsorForeground#f5c2e7aa
- extensionIcon.starForeground#f9e2afaa
- extensionIcon.verifiedForeground#a6e3a1aa
- focusBorder#cba6f760
- foreground#cdd6f4
- gitDecoration.addedResourceForeground#a6e3a1
- gitDecoration.conflictingResourceForeground#cba6f7
- gitDecoration.deletedResourceForeground#f38ba8
- gitDecoration.ignoredResourceForeground#6c7086
- gitDecoration.modifiedResourceForeground#f9e2af
- gitDecoration.stageDeletedResourceForeground#f38ba8
- gitDecoration.stageModifiedResourceForeground#f9e2af
- gitDecoration.submoduleResourceForeground#89b4fa
- gitDecoration.untrackedResourceForeground#a6e3a1
- icon.foreground#cba6f7
- input.background#15151E
- input.border#cba6f720
- input.foreground#cdd6f4
- input.placeholderForeground#cdd6f472
- inputOption.activeBackground#15151E
- inputOption.activeBorder#cba6f760
- inputOption.activeForeground#cdd6f4
- inputValidation.errorBackground#f38ba8
- inputValidation.errorBorder#f38ba833
- inputValidation.errorForeground#15151E
- inputValidation.infoBackground#89b4fa
- inputValidation.infoBorder#cba6f7
- inputValidation.infoForeground#15151E
- inputValidation.warningBackground#fab387
- inputValidation.warningBorder#fab38733
- inputValidation.warningForeground#15151E
- list.activeSelectionBackground#313244
- list.activeSelectionForeground#cba6f7
- list.dropBackground#cba6f720
- list.focusBackground#313244
- list.focusForeground#cdd6f4
- list.focusOutline#00000000
- list.highlightForeground#cba6f7
- list.hoverBackground#3132447f
- list.hoverForeground#cdd6f4
- list.inactiveSelectionBackground#313244
- list.inactiveSelectionForeground#cba6f7
- list.inactiveSelectionIconForeground#cba6f7
- list.warningForeground#fab387
- listFilterWidget.background#45475a
- listFilterWidget.noMatchesOutline#f38ba8
- listFilterWidget.outline#00000000
- menu.background#15151E
- menu.border#414550e0
- menu.foreground#cdd6f4
- menu.selectionBackground#41455060
- menu.selectionBorder#00000000
- menu.selectionForeground#cba6f7
- menu.separatorBackground#414550e0
- menubar.selectionBackground#45475a
- menubar.selectionForeground#cdd6f4
- merge.commonContentBackground#45475aaa
- merge.commonHeaderBackground#585b70aa
- merge.currentContentBackground#a6e3a133
- merge.currentHeaderBackground#a6e3a166
- merge.incomingContentBackground#89b4fa33
- merge.incomingHeaderBackground#89b4fa66
- minimap.background#15151E7f
- minimap.errorHighlight#f38ba8bf
- minimap.findMatchHighlight#89dceb4c
- minimap.selectionHighlight#585b70bf
- minimap.selectionOccurrenceHighlight#585b70bf
- minimap.warningHighlight#fab387bf
- minimapGutter.addedBackground#a6e3a1bf
- minimapGutter.deletedBackground#f38ba8bf
- minimapGutter.modifiedBackground#f9e2afbf
- minimapSlider.activeBackground#cba6f799
- minimapSlider.background#15151E
- minimapSlider.hoverBackground#cba6f766
- notificationCenter.border#cba6f760
- notificationCenterHeader.background#15151E
- notificationCenterHeader.foreground#cdd6f4
- notificationLink.foreground#89b4fa
- notifications.background#15151E
- notifications.border#cba6f760
- notifications.foreground#cdd6f4
- notificationsErrorIcon.foreground#f38ba8
- notificationsInfoIcon.foreground#89b4fa
- notificationsWarningIcon.foreground#fab387
- notificationToast.border#cba6f760
- panel.background#15151E
- panel.border#cba6f725
- panelSection.border#cba6f725
- panelSection.dropBackground#cba6f720
- panelTitle.activeBorder#cba6f7
- panelTitle.activeForeground#cba6f7
- panelTitle.inactiveForeground#a6adc8
- peekView.border#cba6f760
- peekViewEditor.background#15151E
- peekViewEditor.matchHighlightBackground#89dceb4c
- peekViewEditor.matchHighlightBorder#00000000
- peekViewEditorGutter.background#15151E
- peekViewResult.background#15151E
- peekViewResult.fileForeground#cdd6f4
- peekViewResult.lineForeground#cdd6f4
- peekViewResult.matchHighlightBackground#89dceb4c
- peekViewResult.selectionBackground#313244
- peekViewResult.selectionForeground#cdd6f4
- peekViewTitle.background#15151E
- peekViewTitleDescription.foreground#bac2deb2
- peekViewTitleLabel.foreground#cba6f7
- pickerGroup.border#cba6f760
- pickerGroup.foreground#cba6f7
- problemsErrorIcon.foreground#f38ba8
- problemsInfoIcon.foreground#89b4fa
- problemsWarningIcon.foreground#fab387
- progressBar.background#cba6f7
- quickInput.background#15151E
- sash.hoverBorder#cba6f760
- scrollbar.shadow#ff000000
- scrollbarSlider.activeBackground#31324466
- scrollbarSlider.background#585b707f
- scrollbarSlider.hoverBackground#6c7086
- selection.background#585b95
- settings.dropdownBackground#15151E
- settings.dropdownBorder#cba6f760
- settings.dropdownListBorder#585b70
- settings.focusedRowBackground#585b7040
- settings.headerForeground#cba6f7
- settings.modifiedItemIndicator#cba6f7
- settings.numberInputBackground#15151E
- settings.numberInputBorder#585b70
- settings.rowHoverBackground#585b7020
- settings.textInputBackground#15151E
- settings.textInputBorder#585b70
- sideBar.background#15151E
- sideBar.border#00000000
- sideBar.dropBackground#cba6f720
- sideBar.foreground#cdd6f4dd
- sideBarSectionHeader.background#15151E
- sideBarSectionHeader.foreground#cdd6f4
- sideBarTitle.foreground#cba6f7
- statusBar.background#15151E
- statusBar.debuggingBackground#fab387
- statusBar.debuggingForeground#15151E
- statusBar.foreground#cdd6f4dd
- statusBar.noFolderBackground#15151E
- statusBar.noFolderBorder#00000000
- statusBar.noFolderForeground#cdd6f4
- statusBarItem.activeBackground#585b7066
- statusBarItem.compactHoverBackground#15151E
- statusBarItem.errorBackground#15151E
- statusBarItem.errorForeground#f38ba8
- statusBarItem.hoverBackground#15151Eaa
- statusBarItem.hoverForeground#cba6f7
- statusBarItem.prominentBackground#00000000
- statusBarItem.prominentForeground#cba6f7
- statusBarItem.prominentHoverBackground#585b70
- statusBarItem.remoteBackground#15151E
- statusBarItem.remoteForeground#cba6f7
- statusBarItem.remoteHoverBackground#15151E
- statusBarItem.remoteHoverForeground#92B3F4
- statusBarItem.warningBackground#00000000
- statusBarItem.warningForeground#fab387
- symbolIcon.arrayForeground#fab387
- symbolIcon.booleanForeground#cba6f7
- symbolIcon.classForeground#f9e2af
- symbolIcon.colorForeground#f5c2e7
- symbolIcon.constantForeground#fab387
- symbolIcon.constructorForeground#b4befe
- symbolIcon.enumeratorForeground#f9e2af
- symbolIcon.enumeratorMemberForeground#f9e2af
- symbolIcon.eventForeground#f5c2e7
- symbolIcon.fieldForeground#cdd6f4
- symbolIcon.fileForeground#cba6f7
- symbolIcon.folderForeground#cba6f7
- symbolIcon.functionForeground#89b4fa
- symbolIcon.interfaceForeground#f9e2af
- symbolIcon.keyForeground#94e2d5
- symbolIcon.keywordForeground#cba6f7
- symbolIcon.methodForeground#89b4fa
- symbolIcon.moduleForeground#cdd6f4
- symbolIcon.namespaceForeground#f9e2af
- symbolIcon.nullForeground#eba0ac
- symbolIcon.numberForeground#fab387
- symbolIcon.objectForeground#f9e2af
- symbolIcon.operatorForeground#94e2d5
- symbolIcon.packageForeground#f2cdcd
- symbolIcon.propertyForeground#eba0ac
- symbolIcon.referenceForeground#f9e2af
- symbolIcon.snippetForeground#f2cdcd
- symbolIcon.stringForeground#a6e3a1
- symbolIcon.structForeground#94e2d5
- symbolIcon.textForeground#cdd6f4
- symbolIcon.typeParameterForeground#eba0ac
- symbolIcon.unitForeground#cdd6f4
- symbolIcon.variableForeground#cdd6f4
- tab.activeBackground#15151E
- tab.activeBorder#cba6f7cc
- tab.activeForeground#cba6f7
- tab.border#15151E00
- tab.inactiveBackground#15151E
- tab.inactiveForeground#cdd6f4dd
- tab.inactiveModifiedBorder#f9e2af4c
- terminal.ansiBlack#a6adc8
- terminal.ansiBlue#89b4fa
- terminal.ansiBrightBlack#585b70
- terminal.ansiBrightBlue#89b4fa
- terminal.ansiBrightCyan#89dceb
- terminal.ansiBrightGreen#a6e3a1
- terminal.ansiBrightMagenta#f5c2e7
- terminal.ansiBrightRed#f38ba8
- terminal.ansiBrightWhite#45475a
- terminal.ansiBrightYellow#f9e2af
- terminal.ansiCyan#89dceb
- terminal.ansiGreen#a6e3a1
- terminal.ansiMagenta#f5c2e7
- terminal.ansiRed#f38ba8
- terminal.ansiWhite#bac2de
- terminal.ansiYellow#f9e2af
- terminal.border#cba6f725
- terminal.dropBackground#cba6f720
- terminal.foreground#cdd6f4
- terminal.inactiveSelectionBackground#585b707f
- terminal.selectionBackground#585b70
- terminal.tab.activeBorder#cba6f7
- terminalCommandDecoration.defaultBackground#585b70
- terminalCommandDecoration.errorBackground#f38ba8
- terminalCommandDecoration.successBackground#a6e3a1
- terminalCursor.background#15151E
- terminalCursor.foreground#cba6f7
- textBlockQuote.background#19191f
- textBlockQuote.border#cba6f7
- textCodeBlock.background#19191f
- textLink.activeForeground#89dceb
- textLink.foreground#89b4fa
- textPreformat.background#19191f
- textPreformat.foreground#cdd6f4
- textSeparator.foreground#cba6f7
- titleBar.activeBackground#15151E
- titleBar.activeForeground#cdd6f4dd
- titleBar.inactiveBackground#15151E
- tree.indentGuidesStroke#cba6f760
- walkThrough.embeddedEditorBackground#15151E4c
- welcomePage.progress.background#c2c2c240
- welcomePage.progress.foreground#cba6f7
- welcomePage.tileBackground#f5c2e710
- widget.border#cba6f740
- widget.shadow#15151E00
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| text, source, variable.other.readwrite, punctuation.definition.variable | #cdd6f4 | — |
| punctuation | #9399b2 | |
| invalid, invalid.deprecated, invalid.illegal | #f38ba8 | — |
| comment, punctuation.definition.comment | #6c7086 | |
| string | #a6e3a1 | — |
| string.regexp | #f5c2e7 | — |
| constant.character.escape | #f5c2e7 | — |
| constant.numeric, variable.other.constant, entity.name.constant, constant.language.boolean, constant.language.false, constant.language.true, keyword.other.unit.user-defined, keyword.other.unit.suffix.floating-point | #fab387 | — |
| keyword, keyword.operator.word, keyword.operator.new, variable.language.super, support.type.primitive, storage.type, storage.modifier, punctuation.definition.keyword | #cba6f7 | |
| entity.name.tag.documentation | #cba6f7 | — |
| keyword.operator, punctuation.accessor, punctuation.definition.generic, meta.function.closure punctuation.section.parameters, punctuation.definition.tag, punctuation.separator.key-value | #94e2d5 | — |
| entity.name.function, meta.function-call.method, support.function, support.function.misc, variable.function | #89b4fa | |
| entity.name.class, entity.other.inherited-class, support.class, meta.function-call.constructor, entity.name.struct | #f9e2af | |
| entity.name.enum | #f9e2af | |
| meta.enum variable.other.readwrite, variable.other.enummember | #94e2d5 | — |
| meta.property.object | #94e2d5 | — |
| meta.type, meta.type-alias, support.type, entity.name.type | #f9e2af | |
| meta.annotation variable.function, meta.annotation variable.annotation.function, meta.annotation punctuation.definition.annotation, meta.decorator, punctuation.decorator | #fab387 | — |
| variable.parameter, meta.function.parameters | #eba0ac | |
| constant.language, support.function.builtin | #f38ba8 | — |
| entity.other.attribute-name.documentation | #f38ba8 | — |
| keyword.control.directive, punctuation.definition.directive | #f9e2af | — |
| punctuation.definition.typeparameters | #89dceb | — |
| markup.italic | #f9e2af | italic |
| entity.name.namespace | #f9e2af | — |
| support.type.property-name.css | #89b4fa | |
| variable.language.this, variable.language.this punctuation.definition.variable | #f38ba8 | — |
| variable.object.property | #cdd6f4 | — |
| string.template variable, string variable | #cdd6f4 | — |
| storage.modifier.specifier.extern.cpp | #cba6f7 | — |
| entity.name.scope-resolution.template.call.cpp, entity.name.scope-resolution.parameter.cpp, entity.name.scope-resolution.cpp, entity.name.scope-resolution.function.definition.cpp | #f9e2af | — |
| storage.type.class.doxygen | — | |
| storage.modifier.reference.cpp | #94e2d5 | — |
| meta.interpolation.cs | #cdd6f4 | — |
| comment.block.documentation.cs | #cdd6f4 | — |
| source.css entity.other.attribute-name.class | #f9e2af | — |
| source.css entity.other.attribute-name.pseudo-class | #94e2d5 | — |
| source.css constant.other.unicode-range | #fab387 | — |
| source.css variable.parameter.url | #a6e3a1 | |
| support.type.vendored.property-name | #89dceb | — |
| source.css meta.property-value variable, source.css meta.property-value variable.other.less, source.css meta.property-value variable.other.less punctuation.definition.variable.less, meta.definition.variable.scss | #eba0ac | — |
| source.css meta.property-list variable, meta.property-list variable.other.less, meta.property-list variable.other.less punctuation.definition.variable.less | #89b4fa | — |
| keyword.other.unit.percentage.css | #fab387 | — |
| source.css meta.attribute-selector | #a6e3a1 | — |
| keyword.other.definition.ini, punctuation.support.type.property-name.json, support.type.property-name.json, punctuation.support.type.property-name.toml, support.type.property-name.toml, entity.name.tag.yaml, punctuation.support.type.property-name.yaml, support.type.property-name.yaml | #89b4fa | |
| constant.language.json, constant.language.yaml | #fab387 | — |
| entity.name.type.anchor.yaml, variable.other.alias.yaml | #f9e2af | |
| support.type.property-name.table, entity.name.section.group-title.ini | #f9e2af | — |
| constant.other.time.datetime.offset.toml | #f5c2e7 | — |
| punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml | #f5c2e7 | — |
| entity.other.document.begin.yaml | #f5c2e7 | — |
| markup.changed | #fab387 | — |
| meta.diff.header.from-file, meta.diff.header.to-file, punctuation.definition.from-file.diff, punctuation.definition.to-file.diff | #89b4fa | — |
| markup.inserted | #a6e3a1 | — |
| markup.deleted | #f38ba8 | — |
| variable.other.env | #89b4fa | — |
| string.quoted variable.other.env | #cdd6f4 | — |
| support.function.builtin.gdscript | #89b4fa | — |
| constant.language.gdscript | #fab387 | — |
| comment meta.annotation.go | #eba0ac | — |
| comment meta.annotation.parameters.go | #fab387 | — |
| constant.language.go | #fab387 | — |
| variable.graphql | #cdd6f4 | — |
| string.unquoted.alias.graphql | #f2cdcd | — |
| constant.character.enum.graphql | #94e2d5 | — |
| meta.objectvalues.graphql constant.object.key.graphql string.unquoted.graphql | #f2cdcd | — |
| keyword.other.doctype, meta.tag.sgml.doctype punctuation.definition.tag, meta.tag.metadata.doctype entity.name.tag, meta.tag.metadata.doctype punctuation.definition.tag | #cba6f7 | — |
| entity.name.tag | #89b4fa | |
| text.html constant.character.entity, text.html constant.character.entity punctuation, constant.character.entity.xml, constant.character.entity.xml punctuation, constant.character.entity.js.jsx, constant.charactger.entity.js.jsx punctuation, constant.character.entity.tsx, constant.character.entity.tsx punctuation | #f38ba8 | — |
| entity.other.attribute-name | #f9e2af | — |
| meta.tag support.class.component | #89b4fa | |
| punctuation.definition.annotation, storage.type.annotation | #fab387 | — |
| constant.other.enum.java | #94e2d5 | — |
| storage.modifier.import.java | #cdd6f4 | — |
| comment.block.javadoc.java keyword.other.documentation.javadoc.java | — | |
| meta.export variable.other.readwrite.js | #eba0ac | — |
| variable.other.constant.js, variable.other.constant.ts, variable.other.property.js, variable.other.property.ts | #cdd6f4 | — |
| variable.other.jsdoc, comment.block.documentation variable.other | #cdd6f4 | |
| storage.type.class.jsdoc | — | |
| support.type.object.console.js | #cdd6f4 | — |
| support.constant.node, support.type.object.module.js | #cba6f7 | — |
| storage.modifier.implements | #cba6f7 | — |
| constant.language.null.js, constant.language.null.ts, constant.language.undefined.js, constant.language.undefined.ts, support.type.builtin.ts | #cba6f7 | — |
| variable.parameter.generic | #f9e2af | — |
| keyword.declaration.function.arrow.js, storage.type.function.arrow.ts | #94e2d5 | — |
| punctuation.decorator.ts | #89b4fa | |
| keyword.operator.expression.keyof.ts, keyword.operator.expression.typeof.js, keyword.operator.expression.typeof.ts, keyword.operator.expression.of.ts, keyword.operator.expression.of.js | #cba6f7 | — |
| support.class.component.vue | #89b4fa | — |
| support.function.macro.julia | #94e2d5 | |
| constant.language.julia | #fab387 | — |
| constant.other.symbol.julia | #eba0ac | — |
| text.tex keyword.control.preamble | #94e2d5 | — |
| text.tex support.function.be | #89dceb | — |
| constant.other.general.math.tex | #f2cdcd | — |
| comment.line.double-dash.documentation.lua storage.type.annotation.lua | #cba6f7 | |
| comment.line.double-dash.documentation.lua entity.name.variable.lua, comment.line.double-dash.documentation.lua variable.lua | #cdd6f4 | — |
| heading.1.markdown punctuation.definition.heading.markdown, heading.1.markdown, markup.heading.atx.1.mdx, markup.heading.atx.1.mdx punctuation.definition.heading.mdx, markup.heading.setext.1.markdown, markup.heading.heading-0.asciidoc | #f38ba8 | — |
| heading.2.markdown punctuation.definition.heading.markdown, heading.2.markdown, markup.heading.atx.2.mdx, markup.heading.atx.2.mdx punctuation.definition.heading.mdx, markup.heading.setext.2.markdown, markup.heading.heading-1.asciidoc | #fab387 | — |
| heading.3.markdown punctuation.definition.heading.markdown, heading.3.markdown, markup.heading.atx.3.mdx, markup.heading.atx.3.mdx punctuation.definition.heading.mdx, markup.heading.heading-2.asciidoc | #f9e2af | — |
| heading.4.markdown punctuation.definition.heading.markdown, heading.4.markdown, markup.heading.atx.4.mdx, markup.heading.atx.4.mdx punctuation.definition.heading.mdx, markup.heading.heading-3.asciidoc | #a6e3a1 | — |
| heading.5.markdown punctuation.definition.heading.markdown, heading.5.markdown, markup.heading.atx.5.mdx, markup.heading.atx.5.mdx punctuation.definition.heading.mdx, markup.heading.heading-4.asciidoc | #89b4fa | — |
| heading.6.markdown punctuation.definition.heading.markdown, heading.6.markdown, markup.heading.atx.6.mdx, markup.heading.atx.6.mdx punctuation.definition.heading.mdx, markup.heading.heading-5.asciidoc | #cba6f7 | — |
| markup.bold | #f38ba8 | bold |
| markup.strikethrough | — | strikethrough |
| markup.strikethrough | #a6adc8 | strikethrough |
| punctuation.definition.link, markup.underline.link | #89b4fa | — |
| text.html.markdown punctuation.definition.link.title, string.other.link.title.markdown, markup.link, punctuation.definition.constant.markdown, constant.other.reference.link.markdown, markup.substitution.attribute-reference | #b4befe | — |
| punctuation.definition.raw.markdown, markup.inline.raw.string.markdown, markup.raw.block.markdown | #a6e3a1 | — |
| fenced_code.block.language | #89dceb | — |
| markup.fenced_code.block punctuation.definition, markup.raw support.asciidoc | #9399b2 | — |
| markup.quote, punctuation.definition.quote.begin | #f5c2e7 | — |
| meta.separator.markdown | #94e2d5 | — |
| punctuation.definition.list.begin.markdown, markup.list.bullet | #94e2d5 | — |
| entity.other.attribute-name.multipart.nix, entity.other.attribute-name.single.nix | #89b4fa | — |
| variable.parameter.name.nix | #cdd6f4 | |
| meta.embedded variable.parameter.name.nix | #b4befe | |
| support.attribute.builtin, meta.attribute.php | #f9e2af | — |
| meta.function.parameters.php punctuation.definition.variable.php | #eba0ac | — |
| constant.language.php | #cba6f7 | — |
| text.html.php support.function | #89dceb | — |
| keyword.other.phpdoc.php | — | |
| support.variable.magic.python, meta.function-call.arguments.python | #cdd6f4 | — |
| support.function.magic.python | #89dceb | |
| variable.parameter.function.language.special.self.python, variable.language.special.self.python | #f38ba8 | |
| keyword.control.flow.python, keyword.operator.logical.python | #cba6f7 | — |
| storage.type.function.python | #cba6f7 | — |
| support.token.decorator.python, meta.function.decorator.identifier.python | #89dceb | — |
| meta.function-call.python | #89b4fa | — |
| entity.name.function.decorator.python, punctuation.definition.decorator.python | #fab387 | |
| constant.character.format.placeholder.other.python | #f5c2e7 | — |
| support.type.exception.python, support.function.builtin.python | #fab387 | — |
| support.type.python | #fab387 | — |
| constant.language.python | #cba6f7 | — |
| meta.indexed-name.python, meta.item-access.python | #eba0ac | |
| storage.type.string.python | #a6e3a1 | |
| meta.function.parameters.python | — | |
| meta.annotation.rust, meta.annotation.rust punctuation, meta.attribute.rust, punctuation.definition.attribute.rust | #f9e2af | |
| meta.attribute.rust string.quoted.double.rust, meta.attribute.rust string.quoted.single.char.rust | — | |
| entity.name.function.macro.rules.rust, storage.type.module.rust, storage.modifier.rust, storage.type.struct.rust, storage.type.enum.rust, storage.type.trait.rust, storage.type.union.rust, storage.type.impl.rust, storage.type.rust, storage.type.function.rust, storage.type.type.rust | #cba6f7 | |
| entity.name.type.numeric.rust | #cba6f7 | |
| meta.generic.rust | #fab387 | — |
| entity.name.impl.rust | #f9e2af | |
| entity.name.module.rust | #fab387 | — |
| entity.name.trait.rust | #f9e2af | |
| storage.type.source.rust | #f9e2af | — |
| entity.name.union.rust | #f9e2af | — |
| meta.enum.rust storage.type.source.rust | #94e2d5 | — |
| support.macro.rust, meta.macro.rust support.function.rust, entity.name.function.macro.rust | #89b4fa | |
| storage.modifier.lifetime.rust, entity.name.type.lifetime | #89b4fa | |
| string.quoted.double.rust constant.other.placeholder.rust | #f5c2e7 | — |
| meta.function.return-type.rust meta.generic.rust storage.type.rust | #cdd6f4 | — |
| meta.function.call.rust | #89b4fa | — |
| punctuation.brackets.angle.rust | #89dceb | — |
| constant.other.caps.rust | #fab387 | — |
| meta.function.definition.rust variable.other.rust | #eba0ac | — |
| meta.function.call.rust variable.other.rust | #cdd6f4 | — |
| variable.language.self.rust | #f38ba8 | — |
| variable.other.metavariable.name.rust, meta.macro.metavariable.rust keyword.operator.macro.dollar.rust | #f5c2e7 | — |
| comment.line.shebang, comment.line.shebang punctuation.definition.comment, comment.line.shebang, punctuation.definition.comment.shebang.shell, meta.shebang.shell | #f5c2e7 | |
| comment.line.shebang constant.language | #94e2d5 | |
| meta.function-call.arguments.shell punctuation.definition.variable.shell, meta.function-call.arguments.shell punctuation.section.interpolation, meta.function-call.arguments.shell punctuation.definition.variable.shell, meta.function-call.arguments.shell punctuation.section.interpolation | #f38ba8 | — |
| meta.string meta.interpolation.parameter.shell variable.other.readwrite | #fab387 | |
| source.shell punctuation.section.interpolation, punctuation.definition.evaluation.backticks.shell | #94e2d5 | — |
| entity.name.tag.heredoc.shell | #cba6f7 | — |
| string.quoted.double.shell variable.other.normal.shell | #cdd6f4 | — |
| constant.other.color, punctuation.definition.tag, punctuation, 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.brace.round, meta.brace.square, meta.brace.curly, constant.other.color, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, meta.delimiter.comma.js, meta.function-call.without-arguments.js, meta.function-call.method.without-arguments.js, punctuation.definition.tag, punctuation.definition.tag source, punctuation.definition.group.begin.ruby, punctuation.definition.group.end.ruby, punctuation.definition.group.begin.css, punctuation.definition.group.end.css, punctuation.definition.string.end.html source.css | #BFD5DE60 | — |
| keyword.control.export, keyword.control.default, keyword.import, meta.import, entity.name.function.operator | #fab387 | — |
| entity.name.tag.other.html, entity.name.tag support.class.component, support.class.component.html | #fab387 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...