Gruvvy Watermelon
Publisher: Zacc CharvolinThemes in package: 1
Color theme inspired by gruvbox and Watermelons (and maybe some grapes).
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#4fb094
- activityBar.activeFocusBorder#4fb094
- activityBar.background#171c1b
- activityBar.border#171c1b
- activityBar.foreground#4fb094
- activityBar.inactiveForeground#5c7f76
- activityBarBadge.background#ffb8ec
- activityBarBadge.foreground#171c1b
- badge.background#4fb094
- badge.foreground#171c1b
- breadcrumb.activeSelectionForeground#4fb094
- breadcrumb.background#273030
- breadcrumb.focusForeground#4fb094
- breadcrumb.foreground#5c7f76
- button.background#4fb094
- button.border#00000000
- button.foreground#171c1b
- button.hoverBackground#68bba3
- button.secondaryBackground#5c7f76
- button.secondaryForeground#e9f2f1
- button.secondaryHoverBackground#6b9489
- button.separator#00000000
- chat.slashCommandBackground#415550
- chat.slashCommandForeground#a1ede0
- checkbox.background#00000000
- checkbox.border#4fb094
- checkbox.foreground#e9f2f1
- commandCenter.activeBackground#5c7f7633
- commandCenter.activeBorder#4fb094
- commandCenter.activeForeground#4fb094
- commandCenter.background#202727
- commandCenter.border#00000000
- commandCenter.foreground#b6d2ca
- commandCenter.inactiveBorder#00000000
- commandCenter.inactiveForeground#b6d2ca
- debugConsole.errorForeground#ff647d
- debugConsole.infoForeground#80e5b3
- debugConsole.sourceForeground#ffc7d6
- debugConsole.warningForeground#eea48d
- debugConsoleInputIcon.foreground#e9f2f1
- debugExceptionWidget.background#171c1b
- debugIcon.breakpointCurrentStackframeForeground#5c7f76
- debugIcon.breakpointDisabledForeground#ff647d99
- debugIcon.breakpointForeground#ff647d
- debugIcon.breakpointStackframeForeground#5c7f76
- debugIcon.breakpointUnverifiedForeground#ae727a
- debugIcon.continueForeground#4fb094
- debugIcon.disconnectForeground#5c7f76
- debugIcon.pauseForeground#71ccbf
- debugIcon.restartForeground#71ccbf
- debugIcon.startForeground#4fb094
- debugIcon.stepBackForeground#5c7f76
- debugIcon.stepIntoForeground#e9f2f1
- debugIcon.stepOutForeground#e9f2f1
- debugIcon.stepOverForeground#9781d5
- debugIcon.stopForeground#ff647d
- debugTokenExpression.boolean#4fb094
- debugTokenExpression.error#ff647d
- debugTokenExpression.number#479e9e
- debugTokenExpression.string#4fb094
- debugToolBar.background#171c1b
- debugToolBar.border#00000000
- descriptionForeground#e9f2f1
- diffEditor.insertedTextBackground#4fb0941a
- diffEditor.removedTextBackground#171c1b26
- disabledForeground#a2c4ba
- dropdown.background#202727
- dropdown.border#5c7f76
- dropdown.foreground#e9f2f1
- editor.background#202727
- editor.findMatchBackground#80e5b326
- editor.findMatchHighlightBackground#c3adff26
- editor.findRangeHighlightBackground#c3adff26
- editor.foreground#e9f2f1
- editor.hoverHighlightBackground#4fb09433
- editor.lineHighlightBackground#4f6a6326
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#9781d526
- editor.selectionBackground#4f6a6366
- editor.selectionHighlightBackground#00000000
- editor.snippetFinalTabstopHighlightBackground#9781d533
- editor.snippetFinalTabstopHighlightBorder#202727
- editor.snippetTabstopHighlightBackground#5c7f7699
- editor.symbolHighlightBackground#4fb09499
- editor.wordHighlightBackground#4f6a6380
- editor.wordHighlightStrongBackground#4f6a6380
- editorBracketHighlight.foreground1#80e5b3
- editorBracketHighlight.foreground2#dd5a8e
- editorBracketHighlight.foreground3#a1ede0
- editorBracketHighlight.foreground4#ffb8ec
- editorBracketHighlight.unexpectedBracket.foreground#ff647d
- editorBracketMatch.background#5c7f76
- editorBracketMatch.border#00000000
- editorCodeLens.foreground#5c7f76
- editorCursor.foreground#e9f2f1
- editorError.foreground#ff647d
- editorGhostText.foreground#5c7f7680
- editorGroup.border#171c1b
- editorGroup.dropBackground#4fb09433
- editorGroupHeader.noTabsBackground#202727
- editorGroupHeader.tabsBackground#202727
- editorGutter.addedBackground#4fb09440
- editorGutter.background#00000000
- editorGutter.deletedBackground#171c1b40
- editorGutter.modifiedBackground#4fb09440
- editorHint.foreground#e9f2f1
- editorHoverWidget.background#273030
- editorHoverWidget.border#273030
- editorIndentGuide.activeBackground1#5c7f76
- editorIndentGuide.background1#4f6a63
- editorInfo.foreground#80e5b3
- editorLightBulb.foreground#dd5a8e
- editorLightBulbAutoFix.foreground#80e5b3
- editorLineNumber.activeForeground#e9f2f1
- editorLineNumber.foreground#5c7f76
- editorLink.activeForeground#4fb094
- editorMarkerNavigation.background#5c7f76
- editorMarkerNavigationError.background#171c1b
- editorMarkerNavigationInfo.background#4fb094
- editorMarkerNavigationWarning.background#f1bcac
- editorOverviewRuler.addedForeground#4fb09480
- editorOverviewRuler.border#00000000
- editorOverviewRuler.commonContentForeground#4f6a63
- editorOverviewRuler.currentContentForeground#4fb094a1
- editorOverviewRuler.deletedForeground#171c1b80
- editorOverviewRuler.errorForeground#ff647d
- editorOverviewRuler.findMatchForeground#4fb09480
- editorOverviewRuler.incomingContentForeground#4fb094a1
- editorOverviewRuler.infoForeground#4fb094
- editorOverviewRuler.modifiedForeground#4fb09480
- editorOverviewRuler.rangeHighlightForeground#4fb09480
- editorOverviewRuler.selectionHighlightForeground#4fb09480
- editorOverviewRuler.warningForeground#f1bcac
- editorOverviewRuler.wordHighlightForeground#4f6a6380
- editorOverviewRuler.wordHighlightStrongForeground#4f6a6360
- editorRuler.foreground#5c7f76
- editorStickyScrollHover.background#415550
- editorSuggestWidget.background#273030
- editorSuggestWidget.border#273030
- editorSuggestWidget.foreground#e9f2f1
- editorSuggestWidget.highlightForeground#e9f2f1
- editorSuggestWidget.selectedBackground#415550
- editorUnnecessaryCode.border#4f6a63
- editorUnnecessaryCode.opacity#e9f2f1
- editorWarning.foreground#f1bcac
- editorWhitespace.foreground#4f6a63
- editorWidget.background#415550
- editorWidget.border#273030
- errorForeground#ff647d
- errorLens.errorBackground#ff647d26
- errorLens.errorBackgroundLight#ff647d26
- errorLens.errorForeground#ff647d
- errorLens.errorForegroundLight#ff647d
- errorLens.errorMessageBackground#ff647d26
- errorLens.hintBackground#c3adff26
- errorLens.hintBackgroundLight#c3adff26
- errorLens.hintForeground#c3adff
- errorLens.hintForegroundLight#c3adff
- errorLens.hintMessageBackground#c3adff26
- errorLens.infoBackground#80e5b326
- errorLens.infoBackgroundLight#80e5b326
- errorLens.infoForeground#80e5b3
- errorLens.infoForegroundLight#80e5b3
- errorLens.infoMessageBackground#80e5b326
- errorLens.statusBarErrorForeground#ff647d
- errorLens.statusBarHintForeground#c3adff
- errorLens.statusBarIconErrorForeground#ff647d
- errorLens.statusBarIconWarningForeground#f1bcac
- errorLens.statusBarInfoForeground#80e5b3
- errorLens.statusBarWarningForeground#f1bcac
- errorLens.warningBackground#f1bcac26
- errorLens.warningBackgroundLight#f1bcac26
- errorLens.warningForeground#f1bcac
- errorLens.warningForegroundLight#f1bcac
- errorLens.warningMessageBackground#f1bcac26
- extensionBadge.remoteBackground#4fb094
- extensionBadge.remoteForeground#202727
- extensionButton.prominentBackground#4fb094
- extensionButton.prominentForeground#202727
- extensionButton.prominentHoverBackground#68bba3
- focusBorder#00000000
- foreground#e9f2f1
- gitDecoration.addedResourceForeground#a1ede0
- gitDecoration.conflictingResourceForeground#ff647d
- gitDecoration.deletedResourceForeground#ff647d
- gitDecoration.ignoredResourceForeground#689589
- gitDecoration.modifiedResourceForeground#a1ede0cc
- gitDecoration.stageDeletedResourceForeground#ff647d
- gitDecoration.stageModifiedResourceForeground#f1bcac
- gitDecoration.submoduleResourceForeground#4fb094
- gitDecoration.untrackedResourceForeground#f1bcaccc
- icon.foreground#4fb094
- inlineChat.foreground#a2c4ba
- input.background#00000000
- input.border#273030
- input.foreground#e9f2f1
- input.placeholderForeground#e9f2f1bf
- inputOption.activeBackground#415550
- inputOption.activeBorder#415550
- inputOption.activeForeground#e9f2f1
- inputValidation.errorBackground#202727
- inputValidation.errorBorder#ff647d
- inputValidation.errorForeground#ff647d
- inputValidation.infoBackground#202727
- inputValidation.infoBorder#80e5b3
- inputValidation.infoForeground#9781d5
- inputValidation.warningBackground#202727
- inputValidation.warningBorder#f1bcac
- inputValidation.warningForeground#eea48d
- keybindingLabel.background#415550
- keybindingLabel.foreground#e9f2f1
- list.activeSelectionBackground#171c1b4d
- list.activeSelectionForeground#e9f2f1
- list.activeSelectionIconForeground#6ebda7
- list.dropBackground#4fb09433
- list.errorForeground#ff647d
- list.focusBackground#171c1b4d
- list.focusForeground#e9f2f1
- list.highlightForeground#4fb094
- list.hoverBackground#171c1b4d
- list.hoverForeground#e9f2f1
- list.inactiveFocusBackground#171c1b4d
- list.inactiveSelectionBackground#00000000
- list.inactiveSelectionForeground#7ba59a
- list.inactiveSelectionIconForeground#66988a
- list.invalidItemForeground#ff647d80
- list.warningForeground#f1bcac
- menu.background#171c1b
- menu.foreground#e9f2f1
- menu.selectionBackground#202727
- menu.selectionForeground#b6d2ca
- menubar.selectionBackground#202727
- menubar.selectionBorder#202727
- merge.border#00000000
- merge.currentContentBackground#4fb0941a
- merge.currentHeaderBackground#4fb09430
- merge.incomingContentBackground#4fb0941a
- merge.incomingHeaderBackground#4fb09430
- minimap.background#27303080
- minimap.errorHighlight#171c1b70
- minimap.findMatchHighlight#4fb09440
- minimap.selectionHighlight#5c7f76f0
- minimap.warningHighlight#f1bcaccc
- minimapGutter.addedBackground#4fb094a1
- minimapGutter.deletedBackground#171c1ba1
- minimapGutter.modifiedBackground#4fb094a1
- notificationCenter.border#00000000
- notificationCenterHeader.background#394d48
- notificationCenterHeader.foreground#e9f2f1
- notificationLink.foreground#4fb094
- notifications.background#273030
- notifications.border#00000000
- notifications.foreground#e9f2f1
- notificationsErrorIcon.foreground#ff647d
- notificationsInfoIcon.foreground#80e5b3
- notificationsWarningIcon.foreground#f1bcac
- notificationToast.border#00000000
- panel.background#202727
- panel.border#4f6a63
- panelInput.border#273030
- panelTitle.activeBorder#4fb094
- panelTitle.activeForeground#a2c4ba
- panelTitle.border#4f6a63
- panelTitle.inactiveForeground#4f6a63
- peekView.border#273030
- peekViewEditor.background#273030
- peekViewEditor.matchHighlightBackground#415550
- peekViewEditorGutter.background#415550
- peekViewResult.background#415550
- peekViewResult.fileForeground#e9f2f1
- peekViewResult.matchHighlightBackground#415550
- peekViewResult.selectionBackground#415550
- peekViewTitle.background#415550
- peekViewTitleDescription.foreground#e9f2f1
- peekViewTitleLabel.foreground#e9f2f1
- pickerGroup.border#4fb094
- pickerGroup.foreground#4fb094
- problemsErrorIcon.foreground#ff647d
- problemsInfoIcon.foreground#80e5b3
- problemsWarningIcon.foreground#f1bcac
- progressBar.background#4fb094
- quickInput.background#415550
- quickInput.foreground#e9f2f1
- quickInputList.focusBackground#4f6a63
- sash.hoverBorder#4fb094
- scmGraph.foreground1#f1bcac
- scmGraph.foreground2#ff647d
- scmGraph.foreground3#80e5b3
- scmGraph.foreground4#c3adff
- scmGraph.foreground5#71ccbf
- scmGraph.historyItemBaseRefColor#eea48d
- scmGraph.historyItemRefColor#4fb094
- scmGraph.historyItemRemoteRefColor#c3adff
- scrollbar.shadow#202727
- scrollbarSlider.activeBackground#4f6a63b0
- scrollbarSlider.background#4f6a6370
- scrollbarSlider.hoverBackground#4f6a638f
- selection.background#4fb0944d
- settings.checkboxBackground#202727
- settings.checkboxBorder#5c7f76
- settings.checkboxForeground#dd5a8e
- settings.dropdownBackground#202727
- settings.dropdownBorder#5c7f76
- settings.dropdownForeground#4fb094
- settings.headerForeground#e9f2f1
- settings.modifiedItemIndicator#4fb094
- settings.numberInputBackground#202727
- settings.numberInputBorder#273030
- settings.numberInputForeground#9781d5
- settings.textInputBackground#273030
- settings.textInputBorder#273030
- settings.textInputForeground#4fb094
- sideBar.background#171c1b
- sideBar.foreground#5c7f76
- sideBarSectionHeader.background#202727
- sideBarSectionHeader.foreground#5c7f76
- sideBarTitle.foreground#4fb094
- statusBar.background#ffc7d6
- statusBar.border#202727
- statusBar.debuggingBackground#4fb094
- statusBar.debuggingBorder#171c1b
- statusBar.debuggingForeground#202727
- statusBar.foreground#202727
- statusBar.noFolderBackground#202727
- statusBar.noFolderBorder#171c1b
- statusBar.noFolderForeground#202727
- statusBarItem.activeBackground#5c7f76a1
- statusBarItem.errorBackground#ff647d
- statusBarItem.errorForeground#171c1b
- statusBarItem.hoverBackground#80e5b3
- statusBarItem.prominentForeground#4fb094
- statusBarItem.remoteBackground#4fb094
- statusBarItem.remoteForeground#202727
- symbolIcon.arrayForeground#e9f2f1
- symbolIcon.booleanForeground#9781d5
- symbolIcon.classForeground#ff647d
- symbolIcon.colorForeground#e9f2f1
- symbolIcon.constantForeground#9781d5
- symbolIcon.constructorForeground#4fb094
- symbolIcon.enumeratorForeground#9781d5
- symbolIcon.enumeratorMemberForeground#9781d5
- symbolIcon.eventForeground#4fb094
- symbolIcon.fieldForeground#ffc7d6
- symbolIcon.fileForeground#4fb094
- symbolIcon.folderForeground#4fb094
- symbolIcon.functionForeground#dd5a8e
- symbolIcon.interfaceForeground#4fb094
- symbolIcon.keyForeground#4fb094
- symbolIcon.keywordForeground#4fb094
- symbolIcon.methodForeground#dd5a8e
- symbolIcon.moduleForeground#ffc7d6
- symbolIcon.namespaceForeground#ff647d
- symbolIcon.nullForeground#9781d5
- symbolIcon.numberForeground#9781d5
- symbolIcon.objectForeground#4fb094
- symbolIcon.operatorForeground#80e5b3
- symbolIcon.packageForeground#e9f2f1
- symbolIcon.propertyForeground#e9f2f1
- symbolIcon.referenceForeground#4fb094
- symbolIcon.snippetForeground#e9f2f1
- symbolIcon.stringForeground#c3adff
- symbolIcon.structForeground#4fb094
- symbolIcon.textForeground#e9f2f1
- symbolIcon.typeParameterForeground#dd5a8e
- symbolIcon.unitForeground#e9f2f1
- symbolIcon.variableForeground#ff647d
- tab.activeBackground#202727
- tab.activeBorder#4fb094
- tab.activeBorderTop#202727
- tab.activeForeground#4fb094
- tab.border#273030
- tab.hoverBackground#202727
- tab.hoverForeground#4fb094
- tab.inactiveBackground#202727
- tab.inactiveForeground#5c7f76
- tab.lastPinnedBorder#4fb094
- tab.unfocusedActiveBorder#171c1b
- tab.unfocusedActiveBorderTop#4fb0944d
- tab.unfocusedActiveForeground#e9f2f1
- tab.unfocusedInactiveForeground#4f6a63
- terminal.ansiBlack#273030
- terminal.ansiBlue#a1ede0
- terminal.ansiBrightBlack#5c7f76
- terminal.ansiBrightBlue#7ee0d6
- terminal.ansiBrightCyan#71ccbf
- terminal.ansiBrightGreen#47c5a1
- terminal.ansiBrightMagenta#fe97e3
- terminal.ansiBrightRed#ff5a76
- terminal.ansiBrightWhite#b6d2ca
- terminal.ansiBrightYellow#ffbaa4
- terminal.ansiCyan#71ccbf
- terminal.ansiGreen#4fb094
- terminal.ansiMagenta#ffb8ec
- terminal.ansiRed#ff647d
- terminal.ansiWhite#a2c4ba
- terminal.ansiYellow#f1bcac
- terminal.foreground#e9f2f1
- terminal.tab.activeBorder#4fb094
- terminalCommandDecoration.defaultBackground#415550
- terminalCommandDecoration.errorBackground#ff647d
- terminalCommandDecoration.successBackground#a1ede0
- terminalCursor.foreground#e9f2f1
- textBlockQuote.background#202727
- textBlockQuote.border#171c1b
- textCodeBlock.background#202727
- textLink.activeForeground#9781d5
- textLink.foreground#a1ede0
- textPreformat.foreground#e9f2f1
- textSeparator.foreground#4fb094
- titleBar.activeBackground#171c1b
- titleBar.activeForeground#e9f2f1
- titleBar.border#171c1b
- titleBar.inactiveBackground#171c1b
- titleBar.inactiveForeground#5c7f76
- tree.indentGuidesStroke#5c7f76
- welcomePage.progress.foreground#4fb094
- widget.shadow#20272780
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| text, source, punctuation.definition.variable | #e9f2f1 | — |
| punctuation | #80e5b3 | |
| comment, punctuation.definition.comment | #4f6a63 | italic |
| meta.preprocessor, keyword.preprocessor | #4fb094 | italic |
| string, punctuation.definition.string | #4fb094 | — |
| constant.character.escape | #9781d5 | — |
| keyword | #80e5b3 | italic |
| keyword.control.import, keyword.control.include, keyword.control.export | #dd5a8e | bold |
| keyword.control.flow, keyword.control.conditional | #ff647d | |
| keyword.operator.word, keyword.operator.new, storage.type, punctuation.definition.keyword | #80e5b3 | bold |
| variable.language | #ff647d | italic |
| support.type.primitive | #a1ede0 | italic |
| storage.modifier | #80e5b3 | italic |
| variable.other.constant, entity.name.constant, constant.language.boolean, constant.language.false, constant.language.true, keyword.other.unit.user-defined | #4fb094 | — |
| entity.name.tag.documentation | #9781d5 | — |
| keyword.operator, punctuation.accessor, punctuation.definition.generic, meta.function.closure punctuation.section.parameters, punctuation.separator.key-value | #80e5b3 | — |
| entity.name.function, meta.function-call.method, support.function, support.function.misc, variable.function | #dd5a8e | italic |
| entity.name.class, entity.name.type.class, entity.other.inherited-class, support.class, meta.function-call.constructor, entity.name.struct | #dd5a8e | — |
| entity.name.enum | #dd5a8e | italic |
| variable.other.readwrite, variable.other.object, entity.name.variable | #f1bcac | — |
| variable.other.readwrite, variable.other.object | #ffc7d6 | — |
| constant.numeric, meta.enum variable.other.readwrite, variable.other.enummember, entity.name.variable.enum-member | #4fb094 | — |
| meta.property.object, variable.other.object.property | #e9f2f1 | — |
| meta.type, meta.type-alias, support.type, entity.name.type | #9781d5 | — |
| meta.annotation variable.function, meta.annotation variable.annotation.function, meta.annotation punctuation.definition.annotation, meta.decorator, punctuation.decorator, keyword.other.unit.suffix.floating-point, constant.numeric.other.suffix | #b6d2ca | — |
| variable.parameter, meta.function.parameters, entity.name.variable.property, entity.name.variable.parameter | #ffc7d6 | — |
| constant.language, support.function.builtin | #ff647d | — |
| entity.other.attribute-name.documentation | #ff647d | — |
| keyword.control.directive, punctuation.definition.directive | #dd5a8e | — |
| punctuation.definition.typeparameters | #a1ede0 | — |
| entity.name.namespace, entity.name.type.namespace | #ff647d | — |
| support.type.property-name.css, support.type.property-name.less | #71ccbf | |
| variable.language.this, variable.language.this punctuation.definition.variable | #ff647d | — |
| variable.object.property | #e9f2f1 | — |
| string.template variable, string variable | #e9f2f1 | — |
| keyword.operator.new | — | bold |
| storage.modifier.specifier.extern.cpp | #9781d5 | — |
| 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 | #dd5a8e | — |
| storage.type.class.doxygen | — | |
| storage.modifier.reference.cpp | #80e5b3 | — |
| meta.interpolation.cs | #e9f2f1 | — |
| source.cs entity.name.variable.property | #dd5a8e | — |
| storage.type.accessor.get.cs, storage.type.accessor.set.cs | #dd5a8e | italic |
| source.cs entity.name.variable.field | #f1bcac | — |
| keyword.other.directive.using | #4fb094 | — |
| entity.name.type.attribute.cs.extensions | #dd5a8e | italic |
| variable.other.object | #ffc7d6 | — |
| variable.other.readwrite | #c3adff | — |
| signature.type.csharp | #4fb094 | italic |
| struct.type.csharp | #9781d5 | — |
| method.name.csharpsig | #ff647d | italic |
| field.name.csharpsig | #f1bcac | — |
| other.object.csharpsig | #dd5a8e | — |
| other.object.property.csharpsig | #ffc7d6 | — |
| namespace.csharpsig | #ff647d | — |
| source.css entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector.css punctuation.definition.entity.css | #dd5a8e | — |
| punctuation.separator.operator.css | #80e5b3 | — |
| source.css entity.other.attribute-name.pseudo-class | #80e5b3 | — |
| source.css constant.other.unicode-range | #eea48d | — |
| source.css variable.parameter.url | #4fb094 | |
| support.type.vendored.property-name | #a1ede0 | — |
| 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 | #dd5a8e | — |
| source.css meta.property-list variable, meta.property-list variable.other.less, meta.property-list variable.other.less punctuation.definition.variable.less | #ffc7d6 | — |
| keyword.other.unit.percentage.css | #eea48d | — |
| source.css meta.attribute-selector | #4fb094 | — |
| 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 | #dd5a8e | |
| constant.language.json, constant.language.yaml | #4fb094 | — |
| entity.name.type.anchor.yaml, variable.other.alias.yaml | #dd5a8e | |
| support.type.property-name.table, entity.name.section.group-title.ini | #dd5a8e | — |
| constant.other.time.datetime.offset.toml | #ffb8ec | — |
| punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml | #ffb8ec | — |
| entity.other.document.begin.yaml | #ffb8ec | — |
| markup.changed.diff | #eea48d | — |
| meta.diff.header.from-file, meta.diff.header.to-file, punctuation.definition.from-file.diff, punctuation.definition.to-file.diff | #71ccbf | — |
| markup.inserted.diff | #4fb094 | — |
| markup.deleted.diff | #ff647d | — |
| variable.other.env | #71ccbf | — |
| string.quoted variable.other.env | #e9f2f1 | — |
| variable.language.gdscript | #ff647d | italic |
| support.function.builtin.gdscript | #71ccbf | — |
| constant.language.gdscript | #4fb094 | — |
| meta.variable.declaration.gdscript variable.other.gdscript | #f1bcac | — |
| variable.other.gdscript | #ffc7d6 | — |
| comment meta.annotation.go | #dd5a8e | — |
| comment meta.annotation.parameters.go | #eea48d | — |
| constant.language.go | #eea48d | — |
| variable.graphql | #e9f2f1 | — |
| string.unquoted.alias.graphql | #f1bcac | — |
| constant.character.enum.graphql | #80e5b3 | — |
| meta.objectvalues.graphql constant.object.key.graphql string.unquoted.graphql | #f1bcac | — |
| keyword.other.doctype, meta.tag.sgml.doctype punctuation.definition.tag, meta.tag.metadata.doctype entity.name.tag, meta.tag.metadata.doctype punctuation.definition.tag | #9781d5 | — |
| meta.tag.xml | #80e5b3 | — |
| entity.name.tag | #9781d5 | |
| text.html constant.character.entity, text.html constant.character.entity punctuation, constant.character.entity.xml, constant.character.entity.xml punctuation, punctuation.separator.key-value, constant.character.entity.js.jsx, constant.charactger.entity.js.jsx punctuation, constant.character.entity.tsx, constant.character.entity.tsx punctuation | #ff647d | — |
| entity.other.attribute-name | #dd5a8e | — |
| support.class.component, support.class.component.jsx, support.class.component.tsx, support.class.component.vue | #ffb8ec | |
| punctuation.definition.annotation, storage.type.annotation | #eea48d | — |
| constant.other.enum.java | #80e5b3 | — |
| storage.modifier.import.java | #e9f2f1 | — |
| comment.block.javadoc.java keyword.other.documentation.javadoc.java | — | |
| meta.export variable.other.readwrite.js | #dd5a8e | — |
| variable.other.constant.js, variable.other.constant.ts, variable.other.property.js, variable.other.property.ts | #f1bcac | — |
| variable.other.jsdoc, comment.block.documentation variable.other | #dd5a8e | |
| storage.type.class.jsdoc | — | |
| support.type.object.console.js | #e9f2f1 | — |
| support.constant.node, support.type.object.module.js | #9781d5 | — |
| storage.modifier.implements | #9781d5 | — |
| constant.language.null.js, constant.language.null.ts, constant.language.undefined.js, constant.language.undefined.ts, support.type.builtin.ts | #9781d5 | — |
| variable.parameter.generic | #dd5a8e | — |
| keyword.declaration.function.arrow.js, storage.type.function.arrow.ts | #80e5b3 | — |
| punctuation.decorator.ts | #71ccbf | italic |
| keyword.operator.expression.in.js, keyword.operator.expression.in.ts, keyword.operator.expression.infer.ts, keyword.operator.expression.instanceof.js, keyword.operator.expression.instanceof.ts, keyword.operator.expression.is, keyword.operator.expression.keyof.ts, keyword.operator.expression.of.js, keyword.operator.expression.of.ts, keyword.operator.expression.typeof.ts | #9781d5 | — |
| support.function.macro.julia | #80e5b3 | italic |
| constant.language.julia | #eea48d | — |
| constant.other.symbol.julia | #dd5a8e | — |
| text.tex keyword.control.preamble | #80e5b3 | — |
| text.tex support.function.be | #a1ede0 | — |
| constant.other.general.math.tex | #f1bcac | — |
| variable.language.liquid | #ffb8ec | — |
| comment.line.double-dash.documentation.lua storage.type.annotation.lua | #9781d5 | |
| comment.line.double-dash.documentation.lua entity.name.variable.lua, comment.line.double-dash.documentation.lua variable.lua | #e9f2f1 | — |
| heading.1.markdown punctuation.definition.heading.markdown, heading.1.markdown, heading.1.quarto punctuation.definition.heading.quarto, heading.1.quarto, markup.heading.atx.1.mdx, markup.heading.atx.1.mdx punctuation.definition.heading.mdx, markup.heading.setext.1.markdown, markup.heading.heading-0.asciidoc | #ff647d | — |
| heading.2.markdown punctuation.definition.heading.markdown, heading.2.markdown, heading.2.quarto punctuation.definition.heading.quarto, heading.2.quarto, markup.heading.atx.2.mdx, markup.heading.atx.2.mdx punctuation.definition.heading.mdx, markup.heading.setext.2.markdown, markup.heading.heading-1.asciidoc | #eea48d | — |
| heading.3.markdown punctuation.definition.heading.markdown, heading.3.markdown, heading.3.quarto punctuation.definition.heading.quarto, heading.3.quarto, markup.heading.atx.3.mdx, markup.heading.atx.3.mdx punctuation.definition.heading.mdx, markup.heading.heading-2.asciidoc | #dd5a8e | — |
| heading.4.markdown punctuation.definition.heading.markdown, heading.4.markdown, heading.4.quarto punctuation.definition.heading.quarto, heading.4.quarto, markup.heading.atx.4.mdx, markup.heading.atx.4.mdx punctuation.definition.heading.mdx, markup.heading.heading-3.asciidoc | #4fb094 | — |
| heading.5.markdown punctuation.definition.heading.markdown, heading.5.markdown, heading.5.quarto punctuation.definition.heading.quarto, heading.5.quarto, markup.heading.atx.5.mdx, markup.heading.atx.5.mdx punctuation.definition.heading.mdx, markup.heading.heading-4.asciidoc | #71ccbf | — |
| heading.6.markdown punctuation.definition.heading.markdown, heading.6.markdown, heading.6.quarto punctuation.definition.heading.quarto, heading.6.quarto, markup.heading.atx.6.mdx, markup.heading.atx.6.mdx punctuation.definition.heading.mdx, markup.heading.heading-5.asciidoc | #c3adff | — |
| markup.bold, punctuation.definition.bold.markdown | #ff647d | bold |
| markup.italic, punctuation.definition.italic.markdown | #eea48d | italic |
| markup.strikethrough | #a2c4ba | strikethrough |
| punctuation.definition.link, meta.link.inline.markdown, text.html.markdown punctuation.definition.link.title | #80e5b3 | — |
| text.html.quarto punctuation.definition.link.title, string.other.link.title.markdown, string.other.link.title.quarto, markup.link, punctuation.definition.constant.markdown, punctuation.definition.constant.quarto, constant.other.reference.link.markdown, constant.other.reference.link.quarto, markup.substitution.attribute-reference, markup.underline.link, meta.attribute.src.html string | #a1ede0 | — |
| punctuation.definition.raw.markdown, punctuation.definition.raw.quarto, markup.inline.raw.string.markdown, markup.inline.raw.string.quarto, markup.raw.block.markdown, markup.raw.block.quarto | #4fb094 | — |
| fenced_code.block.language | #a1ede0 | — |
| markup.fenced_code.block punctuation.definition, markup.raw support.asciidoc | #8eb5aa | — |
| markup.quote, punctuation.definition.quote.begin | #ffb8ec | — |
| meta.separator.markdown | #80e5b3 | — |
| punctuation.definition.list.begin.markdown, punctuation.definition.list.begin.quarto, markup.list.bullet | #80e5b3 | — |
| markup.heading.quarto | — | bold |
| entity.other.attribute-name.multipart.nix, entity.other.attribute-name.single.nix | #71ccbf | — |
| variable.parameter.name.nix | #e9f2f1 | |
| meta.embedded variable.parameter.name.nix | #c3adff | |
| string.unquoted.path.nix | #ffb8ec | |
| support.attribute.builtin, meta.attribute.php | #dd5a8e | — |
| meta.function.parameters.php punctuation.definition.variable.php | #dd5a8e | — |
| constant.language.php | #9781d5 | — |
| text.html.php support.function | #a1ede0 | — |
| keyword.other.phpdoc.php | — | |
| support.variable.magic.python, meta.function-call.arguments.python | #e9f2f1 | — |
| support.function.magic.python | #a1ede0 | italic |
| variable.parameter.function.language.special.self.python, variable.language.special.self.python | #ff647d | italic |
| keyword.control.flow.python, keyword.operator.logical.python | #9781d5 | — |
| storage.type.function.python | #9781d5 | — |
| support.token.decorator.python, meta.function.decorator.identifier.python | #a1ede0 | — |
| meta.function-call.python | #71ccbf | — |
| entity.name.function.decorator.python, punctuation.definition.decorator.python | #eea48d | italic |
| constant.character.format.placeholder.other.python | #ffb8ec | — |
| support.type.exception.python, support.function.builtin.python | #eea48d | — |
| support.type.python | #9781d5 | — |
| constant.language.python | #eea48d | — |
| meta.indexed-name.python, meta.item-access.python | #dd5a8e | italic |
| storage.type.string.python | #4fb094 | italic |
| meta.function.parameters.python | — | |
| meta.function-call.r | #71ccbf | — |
| meta.function-call.arguments.r | #e9f2f1 | — |
| string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end | #ffb8ec | — |
| keyword.control.anchor.regexp | #9781d5 | — |
| string.regexp.ts | #e9f2f1 | — |
| punctuation.definition.group.regexp, keyword.other.back-reference.regexp | #4fb094 | — |
| punctuation.definition.character-class.regexp | #dd5a8e | — |
| constant.other.character-class.regexp | #ffb8ec | — |
| constant.other.character-class.range.regexp | #ffc7d6 | — |
| keyword.operator.quantifier.regexp | #80e5b3 | — |
| constant.character.numeric.regexp | #eea48d | — |
| punctuation.definition.group.no-capture.regexp, meta.assertion.look-ahead.regexp, meta.assertion.negative-look-ahead.regexp | #71ccbf | — |
| meta.annotation.rust, meta.annotation.rust punctuation, meta.attribute.rust, punctuation.definition.attribute.rust | #dd5a8e | italic |
| 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 | #9781d5 | |
| entity.name.type.numeric.rust | #9781d5 | |
| meta.generic.rust | #eea48d | — |
| entity.name.impl.rust | #dd5a8e | italic |
| entity.name.module.rust | #eea48d | — |
| entity.name.trait.rust | #dd5a8e | italic |
| storage.type.source.rust | #dd5a8e | — |
| entity.name.union.rust | #dd5a8e | — |
| meta.enum.rust storage.type.source.rust | #80e5b3 | — |
| support.macro.rust, meta.macro.rust support.function.rust, entity.name.function.macro.rust | #71ccbf | italic |
| storage.modifier.lifetime.rust, entity.name.type.lifetime | #71ccbf | italic |
| string.quoted.double.rust constant.other.placeholder.rust | #ffb8ec | — |
| meta.function.return-type.rust meta.generic.rust storage.type.rust | #e9f2f1 | — |
| meta.function.call.rust | #71ccbf | — |
| punctuation.brackets.angle.rust | #a1ede0 | — |
| constant.other.caps.rust | #eea48d | — |
| meta.function.definition.rust variable.other.rust | #dd5a8e | — |
| meta.function.call.rust variable.other.rust | #e9f2f1 | — |
| variable.language.self.rust | #ff647d | — |
| variable.other.metavariable.name.rust, meta.macro.metavariable.rust keyword.operator.macro.dollar.rust | #ffb8ec | — |
| comment.line.shebang, comment.line.shebang punctuation.definition.comment, comment.line.shebang, punctuation.definition.comment.shebang.shell, meta.shebang.shell | #ffb8ec | italic |
| comment.line.shebang constant.language | #80e5b3 | italic |
| 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 | #ff647d | — |
| meta.string meta.interpolation.parameter.shell variable.other.readwrite | #eea48d | italic |
| source.shell punctuation.section.interpolation, punctuation.definition.evaluation.backticks.shell | #80e5b3 | — |
| entity.name.tag.heredoc.shell | #9781d5 | — |
| string.quoted.double.shell variable.other.normal.shell | #e9f2f1 | — |
| markup.heading.typst | #ff647d | — |
| string.unity.tagblock.key | #9781d5 | — |
| meta.variable.declaration.unity.hlsl, support.variable.input.unity | #ffc7d6 | — |
| support.class.param.unity, string.unity.tagblock.value | #ffc7d6 | — |
| variable.other.semantic.shader.extension.unity | #ff647d | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...