Night Wolf
Publisher: MaoSantaellaThemes in package: 8
Night Wolf is a dark theme based on Night Owl
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.activeBackground#141414
- activityBar.activeBorder#ff50ff
- activityBar.activeFocusBorder#ff50ff
- activityBar.background#000000
- activityBar.dropBackground#3c3c3c
- activityBar.foreground#969696
- activityBar.inactiveForeground#505050
- activityBarBadge.background#ffffff
- activityBarBadge.foreground#000000
- activityBarTop.activeBackground#282828
- activityBarTop.activeBorder#ff50ff
- activityBarTop.background#000000
- activityBarTop.dropBorder#ff50ff
- activityBarTop.foreground#969696
- activityBarTop.inactiveForeground#505050
- activityErrorBadge.background#f05050
- activityErrorBadge.foreground#472020
- activityWarningBadge.background#ffe39c
- activityWarningBadge.foreground#665010
- badge.background#ffffff
- badge.foreground#000000
- breadcrumb.activeSelectionForeground#64b4fa
- breadcrumb.focusForeground#64b4fa
- breadcrumb.foreground#787878
- breadcrumbPicker.background#141414
- button.background#ff50ff
- button.foreground#ffffff
- button.hoverBackground#960096
- button.secondaryBackground#64b4fa
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#284864
- charts.blue#00b1ff
- charts.green#aae682
- charts.orange#ff9966
- charts.purple#ff50ff
- charts.red#ff50b4
- charts.yellow#ffdc96
- chat.checkpointSeparator#969696
- chat.linesAddedForeground#a1d884
- chat.linesRemovedForeground#d88282
- chat.requestBorder#969696
- chat.requestBubbleBackground#282828
- chat.requestBubbleHoverBackground#3c3c3c
- chat.slashCommandBackground#505050
- chat.slashCommandForeground#c8c8c8
- checkbox.background#505050
- checkbox.disabled.background#141414
- checkbox.disabled.foreground#505050
- checkbox.foreground#ffffff
- commentsView.resolvedIcon#a1d884
- commentsView.unresolvedIcon#ffe39c
- debugExceptionWidget.background#000000
- debugExceptionWidget.border#282828
- debugToolBar.background#141414
- descriptionForeground#c8c8c8
- diffEditor.diagonalFill#282828
- diffEditor.insertedLineBackground#6eb45010
- diffEditor.insertedTextBackground#6eb45030
- diffEditor.removedLineBackground#f0505010
- diffEditor.removedTextBackground#f0505030
- diffEditor.unchangedCodeBackground#141414
- diffEditor.unchangedRegionBackground#141414
- diffEditor.unchangedRegionForeground#969696
- diffEditorGutter.insertedLineBackground#6eb45015
- diffEditorGutter.removedLineBackground#f0505015
- diffEditorOverview.insertedForeground#6eb45080
- diffEditorOverview.removedForeground#f0505080
- dropdown.background#141414
- dropdown.border#141414
- dropdown.foreground#c8c8c8
- dropdown.listBackground#141414
- editor.background#000000
- editor.compositionBorder#64b4fa
- editor.findMatchBackground#3c3c3c
- editor.findMatchBorder#969696
- editor.findMatchHighlightBackground#96969633
- editor.findMatchHighlightBorder#96969666
- editor.findRangeHighlightBackground#9696961a
- editor.foldBackground#141414
- editor.foreground#c8c8c8
- editor.hoverHighlightBackground#96969633
- editor.inactiveSelectionBackground#96969633
- editor.lineHighlightBackground#9696961a
- editor.linkedEditingBackground#141414
- editor.placeholder.foreground#787878
- editor.rangeHighlightBackground#9696961a
- editor.rangeHighlightForeground#c8c8c8
- editor.selectionBackground#96969659
- editor.selectionForeground#c8c8c8
- editor.selectionHighlightBackground#9696961a
- editor.selectionHighlightBorder#9696964d
- editor.symbolHighlightBackground#141414
- editor.symbolHighlightBorder#6eb450
- editor.wordHighlightBackground#96969633
- editor.wordHighlightBorder#96969666
- editor.wordHighlightStrongBackground#96969633
- editor.wordHighlightTextBackground#282828
- editor.wordHighlightTextBorder#505050
- editorBracketHighlight.foreground1#ffdc96
- editorBracketHighlight.foreground2#ff7878
- editorBracketHighlight.foreground3#00b1ff
- editorBracketHighlight.foreground4#ffb482
- editorBracketHighlight.foreground5#dc8cff
- editorBracketHighlight.foreground6#aae682
- editorBracketHighlight.unexpectedBracket.foreground#ff50ff
- editorBracketMatch.border#787878
- editorBracketPairGuide.activeBackground1#ffdc9690
- editorBracketPairGuide.activeBackground2#ff787890
- editorBracketPairGuide.activeBackground3#00b1ff90
- editorBracketPairGuide.activeBackground4#ffb48290
- editorBracketPairGuide.activeBackground5#dc8cff90
- editorBracketPairGuide.activeBackground6#aae68290
- editorBracketPairGuide.background1#ffdc9630
- editorBracketPairGuide.background2#ff787830
- editorBracketPairGuide.background3#00b1ff30
- editorBracketPairGuide.background4#ffb48230
- editorBracketPairGuide.background5#dc8cff30
- editorBracketPairGuide.background6#aae68230
- editorCodeLens.foreground#9cd9ff
- editorCursor.foreground#ff50ff
- editorError.foreground#f05050
- editorGroup.border#282828
- editorGroup.dropBackground#ff50ff70
- editorGroupHeader.noTabsBackground#000000
- editorGroupHeader.tabsBackground#000000
- editorGroupHeader.tabsBorder#282828
- editorGutter.addedBackground#6eb450
- editorGutter.background#000000
- editorGutter.deletedBackground#f05050
- editorGutter.modifiedBackground#ffc828
- editorHoverWidget.background#141414
- editorHoverWidget.border#282828
- editorHoverWidget.foreground#c8c8c8
- editorHoverWidget.highlightForeground#ffb482
- editorHoverWidget.statusBarBackground#282828
- editorIndentGuide.activeBackground#505050
- editorIndentGuide.background#282828
- editorLightBulb.foreground#ffc828
- editorLightBulbAi.foreground#9cd9ff
- editorLightBulbAutoFix.foreground#ffbeff
- editorLineNumber.activeForeground#969696
- editorLineNumber.foreground#3c3c3c
- editorMarkerNavigation.background#141414
- editorMarkerNavigationError.background#f05050
- editorMarkerNavigationInfo.background#64b4fa
- editorMarkerNavigationWarning.background#ffc828
- editorOverviewRuler.addedForeground#a1d884
- editorOverviewRuler.bracketMatchForeground#3c3c3c
- editorOverviewRuler.commonContentForeground#ff50ff
- editorOverviewRuler.currentContentForeground#ff50ff
- editorOverviewRuler.deletedForeground#f05050
- editorOverviewRuler.errorForeground#f05050
- editorOverviewRuler.findMatchForeground#282828
- editorOverviewRuler.incomingContentForeground#ff50ff
- editorOverviewRuler.infoForeground#64b4fa
- editorOverviewRuler.modifiedForeground#ffe39c
- editorOverviewRuler.rangeHighlightForeground#505050
- editorOverviewRuler.selectionHighlightForeground#3c3c3c
- editorOverviewRuler.warningForeground#ffc828
- editorOverviewRuler.wordHighlightForeground#787878
- editorOverviewRuler.wordHighlightStrongForeground#787878
- editorRuler.foreground#282828
- editorSuggestWidget.background#141414
- editorSuggestWidget.border#282828
- editorSuggestWidget.foreground#969696
- editorSuggestWidget.highlightForeground#ffdc96
- editorSuggestWidget.selectedBackground#282828
- editorUnnecessaryCode.opacity#00000080
- editorWarning.foreground#ffc828
- editorWhitespace.foreground#282828
- editorWidget.background#141414
- editorWidget.border#3c3c3c
- editorWidget.foreground#c8c8c8
- editorWidget.resizeBorder#9cd9ff
- errorForeground#f05050
- extensionButton.prominentBackground#ff50ff
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#960096
- focusBorder#505050
- foreground#c8c8c8
- gitDecoration.addedResourceForeground#a1d884
- gitDecoration.conflictingResourceForeground#f05050
- gitDecoration.deletedResourceForeground#d88282
- gitDecoration.ignoredResourceForeground#404040
- gitDecoration.modifiedResourceForeground#ffe39c
- gitDecoration.untrackedResourceForeground#a1d884
- icon.foreground#c8c8c8
- inlineChat.border#969696
- inlineChat.foreground#969696
- input.background#000000
- input.border#282828
- input.foreground#c8c8c8
- input.placeholderForeground#787878
- inputOption.activeBorder#969696
- inputOption.activeForeground#ffffff
- inputOption.hoverBackground#505050
- inputValidation.errorBackground#472020
- inputValidation.errorBorder#f05050
- inputValidation.errorForeground#ffffff
- inputValidation.infoBackground#284864
- inputValidation.infoBorder#64b4fa
- inputValidation.infoForeground#ffffff
- inputValidation.warningBackground#665010
- inputValidation.warningBorder#ffc828
- inputValidation.warningForeground#ffffff
- keybindingLabel.background#9cd9ff
- keybindingLabel.foreground#284864
- keybindingTable.headerBackground#282828
- keybindingTable.rowsBackground#141414
- list.activeSelectionBackground#3c3c3c
- list.activeSelectionForeground#c8c8c8
- list.dropBackground#3c3c3c
- list.errorForeground#f05050
- list.focusAndSelectionOutline#505050
- list.focusBackground#141414
- list.focusForeground#969696
- list.focusOutline#505050
- list.highlightForeground#969696
- list.hoverBackground#141414
- list.hoverForeground#969696
- list.inactiveFocusOutline#282828
- list.inactiveSelectionBackground#282828
- list.inactiveSelectionForeground#c8c8c8
- list.inactiveSelectionIconForeground#c8c8c8
- list.invalidItemForeground#960096
- list.warningForeground#ffe39c
- menu.background#141414
- menu.foreground#969696
- menu.selectionBackground#282828
- menu.selectionForeground#c8c8c8
- menu.separatorBackground#282828
- menubar.selectionBackground#282828
- menubar.selectionForeground#c8c8c8
- merge.commonContentBackground#ffe39c50
- merge.currentHeaderBackground#a1d88450
- merge.incomingHeaderBackground#9cd9ff50
- minimap.background#000000
- minimap.errorHighlight#f05050
- minimap.findMatchHighlight#6eb450
- minimap.selectionHighlight#ff50ff
- minimap.warningHighlight#ffc828
- minimapGutter.addedBackground#6eb450
- minimapGutter.deletedBackground#f05050
- minimapGutter.modifiedBackground#ffc828
- minimapSlider.activeBackground#78787860
- minimapSlider.background#50505060
- minimapSlider.hoverBackground#3c3c3c60
- notificationCenter.border#282828
- notificationCenterHeader.background#141414
- notificationCenterHeader.foreground#969696
- notificationLink.foreground#ff50ff
- notifications.background#000000
- notifications.border#282828
- notifications.foreground#c8c8c8
- notificationToast.border#282828
- panel.background#000000
- panel.border#282828
- panelSection.dropBackground#ff50ff
- panelSectionHeader.background#141414
- panelSectionHeader.border#282828
- panelSectionHeader.foreground#c8c8c8
- panelTitle.activeBorder#ff50ff
- panelTitle.activeForeground#c8c8c8
- panelTitle.inactiveForeground#787878
- peekView.border#9cd9ff
- peekViewEditor.background#000000
- peekViewEditor.matchHighlightBackground#3c3c3c
- peekViewEditor.matchHighlightBorder#787878
- peekViewEditorGutter.background#000000
- peekViewEditorStickyScroll.background#141414
- peekViewEditorStickyScrollGutter.background#141414
- peekViewResult.background#141414
- peekViewResult.fileForeground#c8c8c8
- peekViewResult.lineForeground#c8c8c8
- peekViewResult.matchHighlightBackground#3c3c3c
- peekViewResult.selectionBackground#282828
- peekViewResult.selectionForeground#c8c8c8
- peekViewTitle.background#141414
- peekViewTitleDescription.foreground#c8c8c8
- peekViewTitleLabel.foreground#c8c8c8
- pickerGroup.border#282828
- pickerGroup.foreground#c8c8c8
- profileBadge.background#64b4fa
- profileBadge.foreground#284864
- profiles.sashBorder#282828
- progress.background#ff50ff
- progressBar.background#ff50ff
- sash.hoverBorder#505050
- scrollbar.shadow#00000050
- scrollbarSlider.activeBackground#50505050
- scrollbarSlider.background#50505050
- scrollbarSlider.hoverBackground#50505080
- selection.background#9696964d
- sideBar.background#000000
- sideBar.border#282828
- sideBar.foreground#969696
- sideBarSectionHeader.background#141414
- sideBarSectionHeader.foreground#969696
- sideBarStickyScroll.background#141414
- sideBarStickyScroll.border#505050
- sideBarTitle.foreground#969696
- statusBar.background#000000
- statusBar.border#282828
- statusBar.debuggingBackground#000000
- statusBar.debuggingBorder#ffc828
- statusBar.debuggingForeground#969696
- statusBar.focusBorder#969696
- statusBar.foreground#969696
- statusBar.noFolderBackground#000000
- statusBar.noFolderBorder#ff50ff
- statusBarItem.activeBackground#141414
- statusBarItem.errorBackground#f05050
- statusBarItem.errorForeground#ffffff
- statusBarItem.focusBorder#969696
- statusBarItem.hoverBackground#282828
- statusBarItem.prominentBackground#505050
- statusBarItem.prominentForeground#c8c8c8
- statusBarItem.prominentHoverBackground#505050
- statusBarItem.remoteBackground#000000
- statusBarItem.remoteForeground#969696
- statusBarItem.warningBackground#ffc828
- statusBarItem.warningForeground#ffffff
- tab.activeBackground#141414
- tab.activeBorder#ff50ff
- tab.activeForeground#c8c8c8
- tab.activeModifiedBorder#ffe39c
- tab.border#282828
- tab.hoverBackground#282828
- tab.hoverForeground#c8c8c8
- tab.inactiveBackground#000000
- tab.inactiveForeground#787878
- tab.inactiveModifiedBorder#ffe39c50
- tab.unfocusedActiveBackground#28282860
- tab.unfocusedActiveBorder#282828
- tab.unfocusedActiveForeground#787878
- tab.unfocusedActiveModifiedBorder#ffe39c70
- tab.unfocusedHoverBackground#282828
- tab.unfocusedHoverForeground#787878
- tab.unfocusedInactiveBackground#000000
- tab.unfocusedInactiveForeground#505050
- tab.unfocusedInactiveModifiedBorder#ffe39c50
- terminal.ansiBlack#000000
- terminal.ansiBlue#00b1ff
- terminal.ansiBrightBlack#787878
- terminal.ansiBrightBlue#00b1ff
- terminal.ansiBrightCyan#00dcdc
- terminal.ansiBrightGreen#aae682
- terminal.ansiBrightMagenta#ff50ff
- terminal.ansiBrightRed#ff7878
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffdc96
- terminal.ansiCyan#00dcdc
- terminal.ansiGreen#aae682
- terminal.ansiMagenta#ff50ff
- terminal.ansiRed#ff7878
- terminal.ansiWhite#c8c8c8
- terminal.ansiYellow#ffdc96
- terminal.background#000000
- testing.coverCountBadgeBackground#a1d884
- testing.coverCountBadgeForeground#2c4820
- testing.coveredBackground#2c4820
- testing.coveredBorder#6eb450
- testing.coveredGutterBackground#6eb450
- testing.iconErrored#d88282
- testing.iconFailed#d88282
- testing.iconPassed#a1d884
- testing.iconQueued#f3fb97
- testing.iconSkipped#969696
- testing.iconUnset#ffc828
- testing.message.error.badgeBackground#d88282
- testing.message.error.badgeBorder#f05050
- testing.message.error.badgeForeground#472020
- testing.runAction#a1d884
- testing.uncoveredBackground#472020
- testing.uncoveredBorder#f05050
- testing.uncoveredBranchBackground#f05050
- testing.uncoveredGutterBackground#f05050
- textBlockQuote.background#141414
- textBlockQuote.border#787878
- textCodeBlock.background#141414
- textLink.activeForeground#00a3ef
- textLink.foreground#00b1ff
- textPreformat.foreground#c8c8c8
- textSeparator.foreground#141414
- titleBar.activeBackground#000000
- titleBar.activeForeground#969696
- titleBar.inactiveBackground#000000
- titleBar.inactiveForeground#505050
- toolbar.activeBackground#505050
- toolbar.hoverBackground#282828
- tree.inactiveIndentGuidesStroke#282828
- tree.indentGuidesStroke#3c3c3c
- walkThrough.embeddedEditorBackground#000000
- welcomePage.buttonBackground#141414
- welcomePage.buttonHoverBackground#282828
- widget.shadow#00000030
- window.activeBorder#000000
- window.inactiveBorder#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| Global settings | #c8c8c8 | — |
| italic, markup.italic | — | italic |
| bold, markup.bold | — | bold |
| quote | — | italic |
| invalid | #c8c8c8 | — |
| invalid.deprecated | #f05050 | — |
| 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.definition.string, punctuation, variable.other, storage.type, source.css, string.quoted | — | normal |
| markup.changed, meta.diff.header.git, meta.diff.header.from-file, meta.diff.header.to-file | #9cd9ff | italic |
| markup.deleted.diff | #f05050 | italic |
| markup.inserted.diff | #a1d884 | italic |
| variable, variable.language, variable.other, punctuation.definition.constant, variable.other.constant, constant.character, constant.other | #ffdc96 | — |
| variable.other.object.property, meta.object-literal.key, variable.object.property, variable.other.property, variable.other.constant.property, support.variable.property, support.type.map.key | #c8c8c8 | — |
| string, string.quoted, string.quoted.single, string.quoted.double, string.template punctuation.definition.string, punctuation.definition.string, constant.character.escape | #aae682 | — |
| punctuation.definition.template-expression | #ff7878 | — |
| punctuation.definition.tag, meta.tag | #c8c8c8 | — |
| entity.other.attribute-name, entity.name.type.svelte | #9696ff | italic |
| string.regexp, string.regexp punctuation.definition.string, meta.group.regexp, string.regexp keyword.other, constant.character.escape.backslash.regexp, constant.other.character-class.set.regexp, constant.character.control.regexp | #dbd4ba | — |
| constant.other.color | #c8c8c8 | — |
| storage, storage.type, punctuation.definition.block.tag, meta.method.declaration, keyword.function, keyword.class, keyword.interface, keyword.var | #00b1ff | italic |
| support.constant, support.class.promise, storage.modifier.async, keyword.control.flow, keyword.control, keyword.other.special-method | #9696ff | italic |
| keyword.control.conditional, keyword.control.switch | #dc8cff | normal |
| keyword.control.loop | #dc8cff | italic |
| entity.name.function, entity.name.class, meta.function-call, support.variable.property, entity.name.type.class, meta.class, meta.function, entity.other.inherited-class | #00dcdc | — |
| meta.function-call, meta.function-call entity.name.function | — | italic |
| variable.parameter.function, variable.parameter | #ffdc96 | — |
| constant.numeric, constant.character.numeric | #ffb482 | normal |
| constant.language.null, constant.language.undefined | #ff7878 | — |
| constant.language.boolean | #ff7878 | — |
| constant.language | #ff7878 | — |
| support.type | #9696ff | — |
| punctuation, punctuation.separator, meta.property-list.css.sass, punctuation.accessor, punctuation.accessor, meta.brace, punctuation.definition, punctuation.terminator.expression, punctuation.section.array, meta.array, punctuation.separator.arguments | #c8c8c8 | — |
| keyword.operator, keyword.operator.expression, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.bitwise, keyword.operator.increment, keyword.operator.decrement, keyword.operator.ternary, keyword.other.new | #ff7878 | — |
| keyword.operator.logical, keyword.operator.comparison, keyword.operator.relational | #dc8cff | — |
| variable.language.this | #ff7878 | — |
| variable.instance, variable.other.instance, variable.readwrite.instance, variable.other.readwrite.instance | #ffb482 | — |
| entity.name.tag.custom | #dc8cff | — |
| meta.delimiter.period | #dc8cff | italic |
| meta.selector | #dc8cff | italic |
| meta.property-name | #00dcdc | — |
| keyword.control.operator | #00dcdc | — |
| support.constant, keyword.other.debugger, support.class.builtin, support.class.error | #9696ff | — |
| comment, comment.block.documentation punctuation.definition.bracket.curly | #647882 | italic |
| comment.line.double-slash, punctuation.definition.comment, punctuation.whitespace.comment, string.comment.buffered.block.pug | #647882 | — |
| comment.block.documentation entity.name.type.instance.jsdoc, comment.block.documentation entity.name.type.instance.phpdoc | #9696ff80 | — |
| comment.block.documentation variable.other.jsdoc, comment.block.documentation variable.other.phpdoc | #ffdc9680 | — |
| comment.block.documentation storage.type.class.jsdoc, comment.block.documentation punctuation.definition.block.tag.jsdoc | #00b1ff80 | — |
| source.css | #c8c8c8 | — |
| source.css variable | #86e0f4 | — |
| meta.definition.variable.scss, meta.definition.variable.sass, sass.script.maps support.type.property-name.css.sass | #ff7878 | — |
| constant.language.color.rgb-value.css.sass, constant.other.color.rgb-value.hex.css, constant.other.color.rgb-value.hex.css punctuation.definition.constant.css | #c8c8c8 | — |
| entity.other.attribute-name.id, entity.other.attribute-name.id punctuation.definition | #00b1ff | — |
| support.function.misc, entity.name.function.scss, support.function.url, source.sass support.function.name.sass.library, sass.script.maps support.function.name, meta.property-list.css entity.name.function, support.function.gradient, support.function.name.sass entity.name.function, source.sass entity.name.function, punctuation.section.function.scss | #00b1ff | — |
| entity.other.attribute-name.class.css, entity.other.inherited-class.placeholder-selector.css, entity.other.attribute-name.parent-selector-suffix.css punctuation.definition | #ffdc96 | — |
| entity.name.tag.css, meta.property-list.scss entity.name.tag.reference.scss | #ff7878 | normal |
| entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-element.css punctuation.definition.entity.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-class.css punctuation.definition.entity.css | #dc8cff | normal |
| support.type.property-name.css, meta.property-list.scss entity.name.tag.css, support.type.vendored.property-name.css | #00dcdc | — |
| meta.property-value.css, meta.property-value.scss, meta.property-value.sass, meta.property-value.less, support.constant.font-name.css, support.constant.font-name.scss, support.constant.font-name.sass, support.constant.font-name.less, support.constant.vendored.property-value.css, keyword.operator.gradient.css, support.constant.property-value.css, source.css meta.property-value, support.constant.color.w3c-standard-color-name.css, meta.property-value.scss support.type.property-name.css | #ffb482 | — |
| keyword.other.unit, keyword.other.unit.css, keyword.other.unit.scss, keyword.other.unit.css.sass, constant.numeric.css, punctuation.definition.constant.css, constant.numeric.css.sass, meta.property-list.media-query.scss, keyword.control.unit.css.sass | #ffb482 | — |
| support.type.vendor.property-name.media, support.constant.vendor.property-value, support.type.property-name, meta.property-name.media-query.scss support.type.property-name.css, meta.at-rule.media.header.css, meta.property-list entity.name.tag, meta.at-rule.media.header.css punctuation.definition.parameters | #9696ff | normal |
| keyword.other.important.css, keyword.other.important.scss | #ff7878 | italic |
| meta.at-rule.keyframes.body.css, source.css.scss meta.at-rule.keyframes.scss entity.other.attribute-name.scss | #dc8cff | italic |
| keyword.control.at-rule punctuation.definition, entity.name.tag.reference, meta.at-rule keyword.control punctuation.definition, entity.name.tag.custom.css, entity.name.tag.custom.scss, entity.name.tag.custom.sass, support.function.sass, keyword.control.interpolation.sass, keyword.operator.css.sass, keyword.other.reserved.sass, keyword.control.at-rule, keyword.control.at-rule.css.sass, meta.property-value.scss support.constant.mathematical-symbols.scss | #9696ff | italic |
| meta.at-rule.media.header.css support.constant.media.css, meta.at-rule.media.scss support.constant.media.css, meta.at-rule.import.css support.constant.media.css, meta.at-rule.page.css | #86e0f4 | — |
| punctuation.separator.key-value.css, punctuation.separator.key-value.scss, punctuation.separator.key-value.less, punctuation.separator.key-value.css.sass | #c8c8c8 | — |
| entity.name.tag.wildcard.css, entity.name.tag.wildcard.less, entity.name.tag.wildcard.scss, entity.name.tag.wildcard.sass | #ff50b4 | — |
| meta.attribute-selector.css punctuation.definition.entity.begin.bracket.square.css, meta.attribute-selector.css punctuation.definition.entity.end.bracket.square.css, entity.other.attribute-selector.scss, entity.other.attribute-selector.sass | #c8c8c8 | — |
| source.css.scss entity.other.attribute-name.attribute, meta.attribute-selector.scss punctuation.definition.attribute-selector.begin.bracket.square.scss, meta.attribute-selector.scss punctuation.definition.attribute-selector.end.bracket.square.scss, meta.attribute-selector.css entity.other.attribute-name, meta.attribute-selector.scss keyword.operator, meta.attribute-selector.css keyword.operator.pattern.css, meta.attribute-selector.less entity.other.attribute-name.attribute, entity.other.attribute-name.css.sass, keyword.operator.attribute-selector.css.sass, meta.attribute-selector, meta.attribute-selector.scss, meta.attribute-selector.scss punctuation.definition.string, meta.attribute-selector.css, entity.other.attribute-selector.sass, meta.attribute-selector.css punctuation.definition.entity.begin.bracket.square.css, meta.attribute-selector.css punctuation.definition.entity.end.bracket.square.css | #aae682 | — |
| source.css variable.parameter | #aae682 | — |
| support.function.interpolation.sass, punctuation.definition.interpolation.begin.bracket.curly.scss, punctuation.definition.interpolation.end.bracket.curly.scss | #ff7878 | — |
| source.ts entity.name.type.enum | #ffdc96 | — |
| source.js support.variable.property, source.ts support.variable.property | #9696ff | italic |
| source.js meta.function keyword.generator.asterisk, source.ts meta.function keyword.generator.asterisk | #00dcdc | normal |
| source.js storage.modifier, source.ts storage.modifier, source.js variable.language, source.ts variable.language | #9696ff | italic |
| source.js entity.name.label, source.ts entity.name.label, source.js punctuation.separator.label, source.ts punctuation.separator.label | #fc9ac1 | — |
| source.ts meta.decorator punctuation.decorator, source.tsx meta.decorator punctuation.decorator, source.ts meta.decorator variable.other.readwrite, source.ts meta.decorator entity.name.function, source.ts meta.decorator meta.function-call entity.name.function | #9696ff | — |
| source.ts entity.name.type, source.tsx entity.name.type, source.ts meta.type.annotation, source.tsx meta.type.annotation, source.ts meta.type.declaration, source.tsx meta.type.declaration, source.ts meta.interface, source.tsx meta.interface, source.ts meta.type.parameters variable.other.object, source.tsx meta.type.parameters variable.other.object, source.ts meta.type.parameters variable.other.property, source.tsx meta.type.parameters variable.other.property, source.ts meta.interface entity.other.inherited-class, source.tsx meta.interface entity.other.inherited-class | #86e0f4 | — |
| meta.jsx.children | #c8c8c8 | — |
| entity.name.tag, meta.tag.other.html, meta.tag.other.js, meta.tag.other.ts, meta.tag.other.tsx, entity.name.tag.js, entity.name.tag.ts, entity.name.tag.tsx, entity.name.tag, text.html.vue entity.name.tag.html invalid.illegal.unrecognized-tag.html, text.html.vue entity.name.tag.html, text.html.vue support.class.component.html, meta.tag.js, meta.tag.ts, meta.tag.tsx, meta.tag.html, meta.tag.start.svelte, meta.tag.end.svelte, meta.tag.start.svelte keyword.control.svelte, meta.tag.end.svelte keyword.control.svelte | #ff7878 | normal |
| invalid.illegal.unrecognized-tag.html entity.name.tag, meta.tag.other.unrecognized.html entity.name.tag | #c8c8c8 | normal |
| punctuation.separator.key-value.html, punctuation.definition.tag.html | #c8c8c8 | — |
| text.html | #c8c8c8 | — |
| text.html.derivative constant.character, text.html.derivative constant.character punctuation.definition | #dbd4ba | — |
| support.type.property-name.json | #ffdc96 | — |
| entity.name.function.decorator.python, entity.name.function.decorator.python punctuation.definition.decorator | #9696ff | — |
| text.html.markdown markup.heading.markdown, text.html.markdown punctuation.definition.heading | #9696ff | bold |
| text.html.markdown markup.quote.markdown | #aae682 | italic |
| text.html.markdown markup.underline.link.markdown, text.html.markdown markup.underline.link.image.markdown | #86e0f4 | — |
| text.html.markdown string.other.link.title.markdown, text.html.markdown string.other.link.description.markdown | #00b1ff | — |
| text.html.markdown punctuation.definition.list.begin.markdown | #ffdc96 | — |
| text.html.markdown punctuation.definition.table.markdown, text.html.markdown punctuation.separator.table.markdown | #dc8cff | — |
| text.html.markdown meta.separator.markdown | #ffb482 | — |
| text.html.markdown punctuation.definition.italic.markdown, text.html.markdown punctuation.definition.bold.markdown, text.html.markdown punctuation.definition.strikethrough.markdown | #86e0f4 | — |
| text.html.markdown fenced_code.block.language.markdown, text.html.markdown markup.fenced_code.block.markdown punctuation.definition.markdown, text.html.markdown markup.inline.raw.string.markdown, text.html.markdown markup.inline.raw.string.markdown punctuation.definition.raw.markdown, text.html.markdown punctuation.definition.math | #dbd4ba | — |
| source.go keyword | #00b1ff | italic |
| source.go constant.language.go, source.go constant.other.placeholder.go | #ff7878 | — |
| support.function.go | #00dcdc | — |
| meta.embedded.sql | #c8c8c8 | — |
| entity.name.type.go | #ffdc96 | — |
| source.go storage.type | #9696ff | — |
| source.go entity.name.type.package | #ffdc96 | — |
| meta.use.rust, meta.function.definition.rust, keyword.other.rust | #9696ff | — |
| keyword.other.fn.rust | #00b1ff | — |
| entity.name.namespace.rust | #dc8cff | — |
| punctuation.definition.attribute.rust, punctuation.brackets.attribute.rust | #ff7878 | — |
| entity.name.type.rust, entity.name.type.struct.rust | #86e0f4 | — |
| entity.name.type.struct.rust | #ffb482 | — |
| entity.name.type.enum.php | #ffdc96 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #ff7878 | — |
| keyword.other.namespace.php, keyword.other.use.php, keyword.other.use-as.php, storage.modifier.php, keyword.other.type.php | #9696ff | — |
| meta.use.php, meta.use.php punctuation.separator.inheritance.php, entity.name.type.namespace.php, entity.name.type.namespace.php punctuation.separator.inheritance.php | #ffb482 | — |
| meta.function-call.php punctuation | #c8c8c8 | italic |
| support.function.construct.output.php | #dc8cff | — |
| entity.name.type.interface.php, entity.name.type.trait.php | #86e0f4 | — |
| source.sql meta.create.sql, source.sql keyword.other.insert.sql, source.sql meta.create.from.sql | #ff7878 | — |
| source.sql keyword.other.DDL.sql, source.sql keyword.other.select.sql, source.sql keyword.other.select.set_op.sql | #9696ff | — |
| source.sql keyword.other.select.join.sql, source.sql keyword.other.DML.sql, source.sql keyword.other.alias.sql, source.sql keyword.other.sql, source.sql keyword.other.DDL.create.II.sql, source.sql keyword.other.authorization.sql, source.sql keyword.other.LUW.sql, source.sql keyword.other.create | #dc8cff | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...