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#14283c
- activityBar.activeBorder#ff50ff
- activityBar.activeFocusBorder#ff50ff
- activityBar.background#101e2c
- activityBar.dropBackground#1e4667
- activityBar.foreground#7ba5cf
- activityBar.inactiveForeground#305a84
- activityBarBadge.background#9cd9ff
- activityBarBadge.foreground#101e2c
- activityBarTop.activeBackground#1b324a
- activityBarTop.activeBorder#ff50ff
- activityBarTop.background#101e2c
- activityBarTop.dropBorder#ff50ff
- activityBarTop.foreground#7ba5cf
- activityBarTop.inactiveForeground#305a84
- activityErrorBadge.background#f05050
- activityErrorBadge.foreground#472020
- activityWarningBadge.background#ffe39c
- activityWarningBadge.foreground#665010
- badge.background#9cd9ff
- badge.foreground#101e2c
- breadcrumb.activeSelectionForeground#64b4fa
- breadcrumb.focusForeground#64b4fa
- breadcrumb.foreground#5f82a5
- breadcrumbPicker.background#14283c
- 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#7ba5cf
- chat.linesAddedForeground#a1d884
- chat.linesRemovedForeground#d88282
- chat.requestBorder#7ba5cf
- chat.requestBubbleBackground#1b324a
- chat.requestBubbleHoverBackground#1e4667
- chat.slashCommandBackground#305a84
- chat.slashCommandForeground#bdd2e7
- checkbox.background#305a84
- checkbox.disabled.background#14283c
- checkbox.disabled.foreground#305a84
- checkbox.foreground#ffffff
- commentsView.resolvedIcon#a1d884
- commentsView.unresolvedIcon#ffe39c
- debugExceptionWidget.background#101e2c
- debugExceptionWidget.border#1b324a
- debugToolBar.background#14283c
- descriptionForeground#bdd2e7
- diffEditor.diagonalFill#1b324a
- diffEditor.insertedLineBackground#6eb45010
- diffEditor.insertedTextBackground#6eb45030
- diffEditor.removedLineBackground#f0505010
- diffEditor.removedTextBackground#f0505030
- diffEditor.unchangedCodeBackground#14283c
- diffEditor.unchangedRegionBackground#14283c
- diffEditor.unchangedRegionForeground#7ba5cf
- diffEditorGutter.insertedLineBackground#6eb45015
- diffEditorGutter.removedLineBackground#f0505015
- diffEditorOverview.insertedForeground#6eb45080
- diffEditorOverview.removedForeground#f0505080
- dropdown.background#14283c
- dropdown.border#14283c
- dropdown.foreground#bdd2e7
- dropdown.listBackground#14283c
- editor.background#101e2c
- editor.compositionBorder#64b4fa
- editor.findMatchBackground#1e4667
- editor.findMatchBorder#7ba5cf
- editor.findMatchHighlightBackground#7ba5cf33
- editor.findMatchHighlightBorder#7ba5cf66
- editor.findRangeHighlightBackground#7ba5cf1a
- editor.foldBackground#14283c
- editor.foreground#bdd2e7
- editor.hoverHighlightBackground#7ba5cf33
- editor.inactiveSelectionBackground#7ba5cf33
- editor.lineHighlightBackground#7ba5cf1a
- editor.linkedEditingBackground#14283c
- editor.placeholder.foreground#5f82a5
- editor.rangeHighlightBackground#7ba5cf1a
- editor.rangeHighlightForeground#bdd2e7
- editor.selectionBackground#1e466799
- editor.selectionForeground#bdd2e7
- editor.selectionHighlightBackground#7ba5cf1a
- editor.selectionHighlightBorder#7ba5cf4d
- editor.symbolHighlightBackground#14283c
- editor.symbolHighlightBorder#6eb450
- editor.wordHighlightBackground#7ba5cf33
- editor.wordHighlightBorder#7ba5cf66
- editor.wordHighlightStrongBackground#7ba5cf33
- editor.wordHighlightTextBackground#1b324a
- editor.wordHighlightTextBorder#305a84
- editorBracketHighlight.foreground1#ffdc96
- editorBracketHighlight.foreground2#ff7878
- editorBracketHighlight.foreground3#00b1ff
- editorBracketHighlight.foreground4#ffb482
- editorBracketHighlight.foreground5#dc8cff
- editorBracketHighlight.foreground6#aae682
- editorBracketHighlight.unexpectedBracket.foreground#ff50ff
- editorBracketMatch.border#5f82a5
- 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#1b324a
- editorGroup.dropBackground#ff50ff70
- editorGroupHeader.noTabsBackground#101e2c
- editorGroupHeader.tabsBackground#101e2c
- editorGroupHeader.tabsBorder#1b324a
- editorGutter.addedBackground#6eb450
- editorGutter.background#101e2c
- editorGutter.deletedBackground#f05050
- editorGutter.modifiedBackground#ffc828
- editorHoverWidget.background#14283c
- editorHoverWidget.border#1b324a
- editorHoverWidget.foreground#bdd2e7
- editorHoverWidget.highlightForeground#ffb482
- editorHoverWidget.statusBarBackground#1b324a
- editorIndentGuide.activeBackground#305a84
- editorIndentGuide.background#1b324a
- editorLightBulb.foreground#ffc828
- editorLightBulbAi.foreground#9cd9ff
- editorLightBulbAutoFix.foreground#ffbeff
- editorLineNumber.activeForeground#7ba5cf
- editorLineNumber.foreground#1e4667
- editorMarkerNavigation.background#14283c
- editorMarkerNavigationError.background#f05050
- editorMarkerNavigationInfo.background#64b4fa
- editorMarkerNavigationWarning.background#ffc828
- editorOverviewRuler.addedForeground#a1d884
- editorOverviewRuler.bracketMatchForeground#1e4667
- editorOverviewRuler.commonContentForeground#ff50ff
- editorOverviewRuler.currentContentForeground#ff50ff
- editorOverviewRuler.deletedForeground#f05050
- editorOverviewRuler.errorForeground#f05050
- editorOverviewRuler.findMatchForeground#1b324a
- editorOverviewRuler.incomingContentForeground#ff50ff
- editorOverviewRuler.infoForeground#64b4fa
- editorOverviewRuler.modifiedForeground#ffe39c
- editorOverviewRuler.rangeHighlightForeground#305a84
- editorOverviewRuler.selectionHighlightForeground#1e4667
- editorOverviewRuler.warningForeground#ffc828
- editorOverviewRuler.wordHighlightForeground#5f82a5
- editorOverviewRuler.wordHighlightStrongForeground#5f82a5
- editorRuler.foreground#1b324a
- editorSuggestWidget.background#14283c
- editorSuggestWidget.border#1b324a
- editorSuggestWidget.foreground#7ba5cf
- editorSuggestWidget.highlightForeground#ffdc96
- editorSuggestWidget.selectedBackground#1b324a
- editorUnnecessaryCode.opacity#00000080
- editorWarning.foreground#ffc828
- editorWhitespace.foreground#1b324a
- editorWidget.background#14283c
- editorWidget.border#1e4667
- editorWidget.foreground#bdd2e7
- editorWidget.resizeBorder#9cd9ff
- errorForeground#f05050
- extensionButton.prominentBackground#ff50ff
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#960096
- focusBorder#305a84
- foreground#bdd2e7
- gitDecoration.addedResourceForeground#a1d884
- gitDecoration.conflictingResourceForeground#f05050
- gitDecoration.deletedResourceForeground#d88282
- gitDecoration.ignoredResourceForeground#4d5a6b
- gitDecoration.modifiedResourceForeground#ffe39c
- gitDecoration.untrackedResourceForeground#a1d884
- icon.foreground#bdd2e7
- inlineChat.border#7ba5cf
- inlineChat.foreground#7ba5cf
- input.background#101e2c
- input.border#1b324a
- input.foreground#bdd2e7
- input.placeholderForeground#5f82a5
- inputOption.activeBorder#7ba5cf
- inputOption.activeForeground#ffffff
- inputOption.hoverBackground#305a84
- 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#1b324a
- keybindingTable.rowsBackground#14283c
- list.activeSelectionBackground#1e4667
- list.activeSelectionForeground#bdd2e7
- list.dropBackground#1e4667
- list.errorForeground#f05050
- list.focusAndSelectionOutline#305a84
- list.focusBackground#14283c
- list.focusForeground#7ba5cf
- list.focusOutline#305a84
- list.highlightForeground#7ba5cf
- list.hoverBackground#14283c
- list.hoverForeground#7ba5cf
- list.inactiveFocusOutline#1b324a
- list.inactiveSelectionBackground#1b324a
- list.inactiveSelectionForeground#bdd2e7
- list.inactiveSelectionIconForeground#bdd2e7
- list.invalidItemForeground#960096
- list.warningForeground#ffe39c
- menu.background#14283c
- menu.foreground#7ba5cf
- menu.selectionBackground#1b324a
- menu.selectionForeground#bdd2e7
- menu.separatorBackground#1b324a
- menubar.selectionBackground#1b324a
- menubar.selectionForeground#bdd2e7
- merge.commonContentBackground#ffe39c50
- merge.currentHeaderBackground#a1d88450
- merge.incomingHeaderBackground#9cd9ff50
- minimap.background#101e2c
- minimap.errorHighlight#f05050
- minimap.findMatchHighlight#6eb450
- minimap.selectionHighlight#ff50ff
- minimap.warningHighlight#ffc828
- minimapGutter.addedBackground#6eb450
- minimapGutter.deletedBackground#f05050
- minimapGutter.modifiedBackground#ffc828
- minimapSlider.activeBackground#5f82a560
- minimapSlider.background#305a8460
- minimapSlider.hoverBackground#1e466760
- notificationCenter.border#1b324a
- notificationCenterHeader.background#14283c
- notificationCenterHeader.foreground#7ba5cf
- notificationLink.foreground#ff50ff
- notifications.background#101e2c
- notifications.border#1b324a
- notifications.foreground#bdd2e7
- notificationToast.border#1b324a
- panel.background#101e2c
- panel.border#1b324a
- panelSection.dropBackground#ff50ff
- panelSectionHeader.background#14283c
- panelSectionHeader.border#1b324a
- panelSectionHeader.foreground#bdd2e7
- panelTitle.activeBorder#ff50ff
- panelTitle.activeForeground#bdd2e7
- panelTitle.inactiveForeground#5f82a5
- peekView.border#9cd9ff
- peekViewEditor.background#101e2c
- peekViewEditor.matchHighlightBackground#1e4667
- peekViewEditor.matchHighlightBorder#5f82a5
- peekViewEditorGutter.background#101e2c
- peekViewEditorStickyScroll.background#14283c
- peekViewEditorStickyScrollGutter.background#14283c
- peekViewResult.background#14283c
- peekViewResult.fileForeground#bdd2e7
- peekViewResult.lineForeground#bdd2e7
- peekViewResult.matchHighlightBackground#1e4667
- peekViewResult.selectionBackground#1b324a
- peekViewResult.selectionForeground#bdd2e7
- peekViewTitle.background#14283c
- peekViewTitleDescription.foreground#bdd2e7
- peekViewTitleLabel.foreground#bdd2e7
- pickerGroup.border#1b324a
- pickerGroup.foreground#bdd2e7
- profileBadge.background#64b4fa
- profileBadge.foreground#284864
- profiles.sashBorder#1b324a
- progress.background#ff50ff
- progressBar.background#ff50ff
- sash.hoverBorder#305a84
- scrollbar.shadow#00000050
- scrollbarSlider.activeBackground#305a8450
- scrollbarSlider.background#305a8450
- scrollbarSlider.hoverBackground#305a8480
- selection.background#7ba5cf4d
- sideBar.background#101e2c
- sideBar.border#1b324a
- sideBar.foreground#7ba5cf
- sideBarSectionHeader.background#14283c
- sideBarSectionHeader.foreground#7ba5cf
- sideBarStickyScroll.background#14283c
- sideBarStickyScroll.border#305a84
- sideBarTitle.foreground#7ba5cf
- statusBar.background#101e2c
- statusBar.border#1b324a
- statusBar.debuggingBackground#101e2c
- statusBar.debuggingBorder#ffc828
- statusBar.debuggingForeground#7ba5cf
- statusBar.focusBorder#7ba5cf
- statusBar.foreground#7ba5cf
- statusBar.noFolderBackground#101e2c
- statusBar.noFolderBorder#ff50ff
- statusBarItem.activeBackground#14283c
- statusBarItem.errorBackground#f05050
- statusBarItem.errorForeground#ffffff
- statusBarItem.focusBorder#7ba5cf
- statusBarItem.hoverBackground#1b324a
- statusBarItem.prominentBackground#305a84
- statusBarItem.prominentForeground#bdd2e7
- statusBarItem.prominentHoverBackground#305a84
- statusBarItem.remoteBackground#101e2c
- statusBarItem.remoteForeground#7ba5cf
- statusBarItem.warningBackground#ffc828
- statusBarItem.warningForeground#ffffff
- tab.activeBackground#14283c
- tab.activeBorder#ff50ff
- tab.activeForeground#bdd2e7
- tab.activeModifiedBorder#ffe39c
- tab.border#1b324a
- tab.hoverBackground#1b324a
- tab.hoverForeground#bdd2e7
- tab.inactiveBackground#101e2c
- tab.inactiveForeground#5f82a5
- tab.inactiveModifiedBorder#ffe39c50
- tab.unfocusedActiveBackground#1b324a60
- tab.unfocusedActiveBorder#1b324a
- tab.unfocusedActiveForeground#5f82a5
- tab.unfocusedActiveModifiedBorder#ffe39c70
- tab.unfocusedHoverBackground#1b324a
- tab.unfocusedHoverForeground#5f82a5
- tab.unfocusedInactiveBackground#101e2c
- tab.unfocusedInactiveForeground#305a84
- tab.unfocusedInactiveModifiedBorder#ffe39c50
- terminal.ansiBlack#000000
- terminal.ansiBlue#00b1ff
- terminal.ansiBrightBlack#5f82a5
- 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#bdd2e7
- terminal.ansiYellow#ffdc96
- terminal.background#101e2c
- 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#7ba5cf
- 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#14283c
- textBlockQuote.border#5f82a5
- textCodeBlock.background#14283c
- textLink.activeForeground#00a3ef
- textLink.foreground#00b1ff
- textPreformat.foreground#bdd2e7
- textSeparator.foreground#14283c
- titleBar.activeBackground#101e2c
- titleBar.activeForeground#7ba5cf
- titleBar.inactiveBackground#101e2c
- titleBar.inactiveForeground#305a84
- toolbar.activeBackground#305a84
- toolbar.hoverBackground#1b324a
- tree.inactiveIndentGuidesStroke#1b324a
- tree.indentGuidesStroke#1e4667
- walkThrough.embeddedEditorBackground#101e2c
- welcomePage.buttonBackground#14283c
- welcomePage.buttonHoverBackground#1b324a
- widget.shadow#00000030
- window.activeBorder#101e2c
- window.inactiveBorder#101e2c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| Global settings | #bdd2e7 | — |
| italic, markup.italic | — | normal |
| bold, markup.bold | — | bold |
| quote | — | normal |
| invalid | #bdd2e7 | — |
| 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 | normal |
| markup.deleted.diff | #f05050 | normal |
| markup.inserted.diff | #a1d884 | normal |
| 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 | #bdd2e7 | — |
| 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 | #bdd2e7 | — |
| entity.other.attribute-name, entity.name.type.svelte | #9696ff | normal |
| 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 | #bdd2e7 | — |
| storage, storage.type, punctuation.definition.block.tag, meta.method.declaration, keyword.function, keyword.class, keyword.interface, keyword.var | #00b1ff | normal |
| support.constant, support.class.promise, storage.modifier.async, keyword.control.flow, keyword.control, keyword.other.special-method | #9696ff | normal |
| keyword.control.conditional, keyword.control.switch | #dc8cff | normal |
| keyword.control.loop | #dc8cff | normal |
| 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 | — | normal |
| 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 | #bdd2e7 | — |
| 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 | normal |
| meta.selector | #dc8cff | normal |
| 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 | normal |
| 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 | #bdd2e7 | — |
| 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 | #bdd2e7 | — |
| 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 | normal |
| meta.at-rule.keyframes.body.css, source.css.scss meta.at-rule.keyframes.scss entity.other.attribute-name.scss | #dc8cff | normal |
| 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 | normal |
| 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 | #bdd2e7 | — |
| 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 | #bdd2e7 | — |
| 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 | normal |
| 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 | normal |
| 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 | #bdd2e7 | — |
| 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 | #bdd2e7 | normal |
| punctuation.separator.key-value.html, punctuation.definition.tag.html | #bdd2e7 | — |
| text.html | #bdd2e7 | — |
| 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 | normal |
| 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 | normal |
| source.go constant.language.go, source.go constant.other.placeholder.go | #ff7878 | — |
| support.function.go | #00dcdc | — |
| meta.embedded.sql | #bdd2e7 | — |
| 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 | #bdd2e7 | normal |
| 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...