Nord Dark
Publisher: YukinaThemes in package: 1
Dark theme inspired by Nord and Nord Deep.
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#88c0d0
- activityBar.background#1d2129
- activityBar.border#3b4252
- activityBar.foreground#d8dee9
- activityBarBadge.background#88c0d0
- activityBarBadge.foreground#1d2129
- badge.background#88c0d0
- badge.foreground#1d2129
- button.background#88c0d0ee
- button.foreground#1d2129
- button.hoverBackground#88c0d0
- button.secondaryBackground#434c5e
- button.secondaryForeground#d8dee9
- button.secondaryHoverBackground#4c566a
- charts.blue#81a1c1
- charts.foreground#d8dee9
- charts.green#a3be8c
- charts.lines#88c0d0
- charts.orange#d08770
- charts.purple#b48ead
- charts.red#bf616a
- charts.yellow#ebcb8b
- commandCenter.activeBackground#2e3440
- commandCenter.background#2e3440aa
- commandCenter.debuggingBackground#5e81ac4d
- debugConsole.errorForeground#bf616a
- debugConsole.infoForeground#81a1c1
- debugConsole.sourceForeground#8fbcbb
- debugConsole.warningForeground#ebcb8b
- debugConsoleInputIcon.foreground#81a1c1
- debugExceptionWidget.background#bf616a4d
- debugExceptionWidget.border#bf616a
- debugToolBar.background#292e39
- descriptionForeground#d8dee9
- diffEditor.insertedLineBackground#a3be8c33
- diffEditor.insertedTextBackground#a3be8c66
- diffEditor.removedLineBackground#bf616a33
- diffEditor.removedTextBackground#bf616a66
- disabledForeground#d8dee999
- dropdown.background#292e39
- dropdown.border#292e39
- dropdown.foreground#d8dee9
- dropdown.listBackground#1d2129
- editor.background#1d2129
- editor.findMatchBackground#d0877033
- editor.findMatchBorder#d08770
- editor.findMatchHighlightBackground#d0877033
- editor.findMatchHighlightBorder#d08770
- editor.findRangeHighlightBackground#d0877033
- editor.findRangeHighlightBorder#d08770ee
- editor.foreground#d8dee9
- editor.hoverHighlightBackground#5e81ac66
- editor.inactiveSelectionBackground#5e81ac66
- editor.inlineValuesBackground#4c566a
- editor.inlineValuesForeground#eceff4
- editor.lineHighlightBackground#1d2129
- editor.lineHighlightBorder#434c5eaa
- editor.rangeHighlightBackground#434c5eaa
- editor.selectionBackground#5e81ac99
- editor.selectionHighlightBackground#5e81ac33
- editor.selectionHighlightBorder#5e81ac
- editor.wordHighlightBackground#5e81ac33
- editor.wordHighlightBorder#5e81ac
- editor.wordHighlightStrongBackground#5e81ac33
- editor.wordHighlightStrongBorder#5e81ac
- editorBracketHighlight.foreground1#ebcb8b
- editorBracketHighlight.foreground2#b48ead
- editorBracketHighlight.foreground3#88c0d0
- editorBracketHighlight.foreground4#ebcb8b
- editorBracketHighlight.foreground5#b48ead
- editorBracketHighlight.foreground6#88c0d0
- editorBracketHighlight.unexpectedBracket.foreground#bf616a
- editorBracketMatch.background#5e81ac33
- editorBracketMatch.border#5e81ac
- editorCodeLens.foreground#78849b
- editorCursor.foreground#e5e9f0
- editorError.border#bf616a4d
- editorError.foreground#bf616a
- editorGroup.border#3b4252
- editorGroup.dropBackground#292e3999
- editorGroupHeader.border#3b4252
- editorGroupHeader.noTabsBackground#1d2129
- editorGroupHeader.tabsBackground#14171d
- editorGroupHeader.tabsBorder#3b4252
- editorGutter.addedBackground#a3be8c
- editorGutter.background#1d2129
- editorGutter.deletedBackground#bf616a
- editorGutter.modifiedBackground#ebcb8b
- editorHint.border#ebcb8b4d
- editorHint.foreground#ebcb8b
- editorHoverWidget.background#292e39
- editorHoverWidget.border#3b4252
- editorIndentGuide.activeBackground1#616e88
- editorIndentGuide.background1#616e884d
- editorInfo.border#81a1c14d
- editorInfo.foreground#81a1c1
- editorInlayHint.background#292e39
- editorInlayHint.foreground#81a1c1
- editorLineNumber.activeForeground#e5e9f0
- editorLineNumber.dimmedForeground#78849b
- editorLineNumber.foreground#78849b
- editorLink.activeForeground#88c0d0
- editorOverviewRuler.addedForeground#a3be8c
- editorOverviewRuler.border#292e39
- editorOverviewRuler.currentContentForeground#292e39
- editorOverviewRuler.deletedForeground#bf616a
- editorOverviewRuler.errorForeground#bf616a
- editorOverviewRuler.findMatchForeground#d0877066
- editorOverviewRuler.incomingContentForeground#292e39
- editorOverviewRuler.infoForeground#81a1c1
- editorOverviewRuler.modifiedForeground#ebcb8b
- editorOverviewRuler.rangeHighlightForeground#8fbcbb66
- editorOverviewRuler.selectionHighlightForeground#8fbcbb66
- editorOverviewRuler.warningForeground#ebcb8b
- editorOverviewRuler.wordHighlightForeground#8fbcbb66
- editorOverviewRuler.wordHighlightStrongForeground#8fbcbb66
- editorRuler.foreground#434c5e
- editorStickyScroll.shadow#00000099
- editorStickyScrollHover.background#434c5e66
- editorSuggestWidget.background#1d2129
- editorSuggestWidget.border#292e39
- editorSuggestWidget.focusHighlightForeground#88c0d0
- editorSuggestWidget.foreground#d8dee9
- editorSuggestWidget.highlightForeground#88c0d0
- editorSuggestWidget.selectedBackground#434c5e
- editorSuggestWidget.selectedForeground#88c0d0
- editorWarning.border#ebcb8b4d
- editorWarning.foreground#ebcb8b
- editorWhitespace.foreground#616e88
- editorWidget.background#1d2129
- editorWidget.border#292e39
- errorForeground#bf616a
- focusBorder#88c0d0
- foreground#d8dee9
- gitDecoration.conflictingResourceForeground#5e81ac
- gitDecoration.deletedResourceForeground#bf616a
- gitDecoration.ignoredResourceForeground#d8dee999
- gitDecoration.modifiedResourceForeground#ebcb8b
- gitDecoration.stageDeletedResourceForeground#bf616a
- gitDecoration.stageModifiedResourceForeground#ebcb8b
- gitDecoration.submoduleResourceForeground#8fbcbb
- gitDecoration.untrackedResourceForeground#a3be8c
- input.background#292e39
- input.border#292e39
- input.foreground#d8dee9
- input.placeholderForeground#d8dee999
- inputOption.activeBackground#5e81ac99
- inputOption.activeBorder#5e81ac
- inputOption.activeForeground#eceff4
- inputValidation.errorBackground#bf616a4d
- inputValidation.errorBorder#bf616a
- inputValidation.infoBackground#81a1c14d
- inputValidation.infoBorder#81a1c1
- inputValidation.warningBackground#ebcb8b4d
- inputValidation.warningBorder#ebcb8b
- keybindingLabel.background#4c566aaa
- keybindingLabel.border#434c5e
- keybindingLabel.bottomBorder#434c5e66
- keybindingLabel.foreground#d8dee9
- list.activeSelectionBackground#81a1c14d
- list.activeSelectionForeground#88c0d0
- list.dropBackground#434c5e99
- list.errorForeground#bf616a
- list.focusBackground#1d2129
- list.focusForeground#e5e9f0
- list.focusHighlightForeground#eceff4
- list.highlightForeground#eceff4
- list.hoverBackground#434c5e66
- list.hoverForeground#eceff4
- list.inactiveFocusBackground#434c5ecc
- list.inactiveSelectionBackground#434c5eaa
- list.inactiveSelectionForeground#d8dee9
- list.warningForeground#ebcb8b
- menu.background#1d2129
- menu.border#3b4252
- menu.separatorBackground#434c5e
- menubar.selectionBackground#434c5eaa
- merge.border#292e39
- merge.currentContentBackground#81a1c14d
- merge.currentHeaderBackground#81a1c166
- merge.incomingContentBackground#81a1c14d
- merge.incomingHeaderBackground#81a1c166
- minimap.background#1d2129
- minimap.errorHighlight#bf616aee
- minimap.findMatchHighlight#d08770ee
- minimap.infoHighlight#81a1c1ee
- minimap.selectionHighlight#5e81acee
- minimap.warningHighlight#ebcb8bee
- minimapGutter.addedBackground#a3be8c
- minimapGutter.deletedBackground#bf616a
- minimapGutter.modifiedBackground#ebcb8b
- minimapSlider.activeBackground#434c5eaa
- minimapSlider.background#434c5e99
- minimapSlider.hoverBackground#434c5eaa
- multiDiffEditor.headerBackground#2e3440aa
- notificationCenter.border#3b4252
- notificationCenterHeader.background#1d2129
- notificationCenterHeader.foreground#d8dee9
- notificationLink.foreground#88c0d0
- notifications.background#1d2129
- notifications.border#3b4252
- notifications.foreground#d8dee9
- notificationToast.border#3b4252
- panel.background#14171d
- panel.border#3b4252
- panelTitle.activeBorder#88c0d0
- panelTitle.activeForeground#d8dee9
- panelTitle.inactiveForeground#d8dee999
- peekView.border#88c0d0
- peekViewEditor.background#1d2129
- peekViewEditor.matchHighlightBackground#5e81ac33
- peekViewEditor.matchHighlightBorder#5e81ac
- peekViewEditorGutter.background#1d2129
- peekViewResult.background#1d2129
- peekViewResult.fileForeground#88c0d0
- peekViewResult.lineForeground#d8dee9
- peekViewResult.matchHighlightBackground#88c0d099
- peekViewResult.selectionBackground#434c5e
- peekViewResult.selectionForeground#d8dee9
- peekViewTitle.background#292e39
- peekViewTitleDescription.foreground#d8dee9
- peekViewTitleLabel.foreground#88c0d0
- pickerGroup.border#292e39
- pickerGroup.foreground#88c0d0
- progressBar.background#88c0d0
- quickInput.background#1d2129
- sash.hoverBorder#88c0d0
- scrollbar.shadow#00000099
- scrollbarSlider.activeBackground#434c5eaa
- scrollbarSlider.background#434c5e99
- scrollbarSlider.hoverBackground#434c5eaa
- selection.background#5e81ac66
- settings.modifiedItemIndicator#88c0d0
- settings.settingsHeaderHoverForeground#eceff4
- sideBar.background#14171d
- sideBar.border#3b4252
- sideBar.foreground#d8dee9
- sideBarSectionHeader.background#1d2129
- sideBarSectionHeader.border#3b4252
- sideBarSectionHeader.foreground#d8dee9
- sideBarTitle.foreground#d8dee9
- statusBar.background#1d2129
- statusBar.border#3b4252
- statusBar.debuggingBackground#5e81ac99
- statusBar.debuggingForeground#eceff4
- statusBar.foreground#d8dee9
- statusBar.noFolderBackground#1d2129
- statusBar.noFolderForeground#d8dee9
- statusBarItem.activeBackground#434c5e
- statusBarItem.errorBackground#bf616aee
- statusBarItem.errorForeground#2e3440
- statusBarItem.errorHoverBackground#bf616a
- statusBarItem.errorHoverForeground#2e3440
- statusBarItem.hoverBackground#434c5eaa
- statusBarItem.prominentBackground#434c5eaa
- statusBarItem.prominentHoverBackground#434c5e
- statusBarItem.remoteBackground#88c0d0ee
- statusBarItem.remoteForeground#1d2129
- statusBarItem.remoteHoverBackground#88c0d0
- statusBarItem.remoteHoverForeground#1d2129
- statusBarItem.warningBackground#ebcb8bee
- statusBarItem.warningForeground#2e3440
- statusBarItem.warningHoverBackground#ebcb8b
- statusBarItem.warningHoverForeground#2e3440
- tab.activeBackground#1d2129
- tab.activeBorder#1d2129
- tab.activeBorderTop#88c0d0
- tab.activeForeground#d8dee9
- tab.activeModifiedBorder#88c0d0
- tab.border#3b4252
- tab.hoverBackground#1d2129
- tab.inactiveBackground#14171d
- tab.inactiveForeground#d8dee999
- tab.lastPinnedBorder#88c0d0
- tab.selectedBorderTop#88c0d099
- tab.unfocusedActiveBorder#88c0d000
- tab.unfocusedActiveBorderTop#88c0d000
- tab.unfocusedActiveForeground#d8dee999
- tab.unfocusedHoverBackground#292e3999
- tab.unfocusedInactiveForeground#d8dee999
- terminal.ansiBlack#292e39
- terminal.ansiBlue#81a1c1
- terminal.ansiBrightBlack#4c566a
- terminal.ansiBrightBlue#81a1c1
- terminal.ansiBrightCyan#8fbcbb
- terminal.ansiBrightGreen#a3be8c
- terminal.ansiBrightMagenta#b48ead
- terminal.ansiBrightRed#bf616a
- terminal.ansiBrightWhite#e5e9f0
- terminal.ansiBrightYellow#ebcb8b
- terminal.ansiCyan#8fbcbb
- terminal.ansiGreen#a3be8c
- terminal.ansiMagenta#b48ead
- terminal.ansiRed#bf616a
- terminal.ansiWhite#e5e9f0
- terminal.ansiYellow#ebcb8b
- terminal.background#14171d
- terminal.foreground#d8dee9
- terminal.tab.activeBorder#88c0d0
- textBlockQuote.background#434c5eaa
- textBlockQuote.border#81a1c1
- textCodeBlock.background#616e884d
- textLink.activeForeground#88c0d0
- textLink.foreground#88c0d0
- textPreformat.foreground#d8dee9
- textSeparator.foreground#eceff4
- titleBar.activeBackground#1d2129
- titleBar.activeForeground#d8dee9
- titleBar.border#3b4252
- titleBar.inactiveBackground#1d2129
- titleBar.inactiveForeground#d8dee999
- toolbar.hoverBackground#434c5eaa
- tree.inactiveIndentGuidesStroke#616e884d
- tree.indentGuidesStroke#616e88
- walkThrough.embeddedEditorBackground#1d2129
- welcomePage.progress.background#616e884d
- welcomePage.tileBackground#292e39
- welcomePage.tileHoverBackground#292e3999
- widget.border#3b4252
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #d8dee9 | — |
| emphasis | — | italic |
| strong | — | bold |
| comment | #d8dee999 | — |
| constant.character | #ebcb8b | — |
| constant.character.escape | #ebcb8b | — |
| constant.language | #88c0d0 | — |
| constant.numeric | #ebcb8b | — |
| constant.regexp | #ebcb8b | — |
| entity.name.type | #a3be8c | — |
| entity.name.class, entity.name.type.class | #a3be8c | — |
| entity.name.enum, entity.name.type.enum | #a3be8c | bold |
| entity.name.interface, entity.name.type.interface | #a3be8c | italic |
| entity.name.parameter, entity.name.type.parameter | #a3be8c | — |
| entity.name.struct, entity.name.type.struct | #a3be8c | — |
| entity.name.function | #ebcb8b | — |
| entity.name.function.preprocessor | #ebcb8b | — |
| entity.name.namespace | #a3be8c | — |
| entity.name.tag | #81a1c1 | — |
| entity.other.attribute-name | #d8dee9 | — |
| entity.other.inherited-class | #a3be8c | bold |
| invalid.deprecated | #d8dee9 | — |
| invalid.illegal | #bf616a | — |
| keyword | #88c0d0 | — |
| keyword.control | #b48ead | — |
| keyword.operator | #d8dee9 | — |
| keyword.other.new | #88c0d0 | — |
| markup.bold | — | bold |
| markup.changed | #ebcb8b | — |
| markup.deleted | #bf616a | — |
| markup.inserted | #a3be8c | — |
| meta.preprocessor | #81a1c1 | — |
| punctuation | #d8dee9 | — |
| punctuation.definition.method-parameters, punctuation.definition.function-parameters, punctuation.definition.parameters | #d8dee9 | — |
| punctuation.definition.tag | #d8dee9 | — |
| punctuation.definition.comment, punctuation.end.definition.comment, punctuation.start.definition.comment | #78849b | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #d08770 | — |
| punctuation.section | #d8dee9 | — |
| punctuation.section.embedded.begin, punctuation.section.embedded.end | #d8dee9 | — |
| punctuation.terminator | #d8dee9 | — |
| punctuation.definition.variable | #d8dee9 | — |
| storage | #88c0d0 | — |
| string | #d08770 | — |
| string.regexp | #ebcb8b | — |
| support.class | #a3be8c | — |
| support.constant | #88c0d0 | — |
| support.function | #ebcb8b | — |
| support.function.construct | #ebcb8b | — |
| support.type | #a3be8c | — |
| support.type.exception | #a3be8c | — |
| token.debug-token | #b48ead | — |
| token.error-token | #bf616a | — |
| token.info-token | #81a1c1 | — |
| token.warn-token | #ebcb8b | — |
| variable.other | #d8dee9 | — |
| variable.other.constant | #d8dee9 | bold |
| variable.other.enummember | #a3be8c | — |
| variable.language | #88c0d0 | — |
| variable.parameter | #d8dee9 | — |
| source.c keyword.control.directive.conditional.c, source.c punctuation.definition.directive.c, source.cpp keyword.control.directive.conditional.cpp, source.cpp punctuation.definition.directive.cpp | #b48ead | bold |
| source.cpp entity.name.scope-resolution.cpp | #a3be8c | — |
| source.c meta.preprocessor.include.c, source.c string.quoted.other.lt-gt.include.c | #d08770 | — |
| source.c punctuation.separator.pointer-access.c | #81a1c1 | — |
| source.c storage.type.built-in.primitive.c | #88c0d0 | — |
| source.cs variable.language.this.cs | #88c0d0 | — |
| source.css constant.other.color.rgb-value, source.css support.constant.color.w3c-extended-color-name | #d08770 | — |
| support.constant.font-name.css | #d08770 | — |
| support.constant.property-value.css | #d08770 | — |
| source.css constant.numeric | #ebcb8b | — |
| source.css entity.name.tag.css, source.css entity.name.tag.wildcard.css | #88c0d0 | — |
| source.css entity.other.attribute-name.class.css, source.css entity.other.attribute-name.id.css | #88c0d0 | — |
| source.css meta.property-value | #d8dee9 | — |
| source.css keyword.control.at-rule.media, source.css keyword.control.at-rule.media punctuation.definition.keyword | #b48ead | — |
| source.css keyword.other.unit.cm.css, source.css keyword.other.unit.mm.css, source.css keyword.other.unit.in.css, source.css keyword.other.unit.px.css, source.css keyword.other.unit.pt.css, source.css keyword.other.unit.pc.css, source.css keyword.other.unit.em.css, source.css keyword.other.unit.ex.css, source.css keyword.other.unit.ch.css, source.css keyword.other.unit.rem.css, source.css keyword.other.unit.vw.css, source.css keyword.other.unit.vh.css, source.css keyword.other.unit.vmin.css, source.css keyword.other.unit.vmax.css, source.css keyword.other.unit.percentage.css, source.css keyword.other.unit.%.css | #ebcb8b | — |
| source.css punctuation.definition.constant.css | #d08770 | — |
| source.css punctuation.definition.entity.css | #88c0d0 | — |
| source.css punctuation.definition.keyword.css | #b48ead | — |
| source.css support.type.property-name | #d8dee9 | — |
| source.dart meta.embedded.expression.dart | #d8dee9 | — |
| source.dart storage.modifier.dart | #88c0d0 | — |
| source.dart storage.type.annotation.dart | #d8dee9 | — |
| source.dart string.interpolated.expression.dart | #d8dee9 | — |
| source.go constant.other.placeholder.go | #ebcb8b | — |
| source.java comment.block.documentation.javadoc punctuation.definition.entity.html | #81a1c1 | — |
| source.java constant.other | #d8dee9 | — |
| source.java keyword.other.documentation | #81a1c1 | — |
| source.java keyword.other.documentation.author.javadoc | #81a1c1 | — |
| source.java keyword.other.documentation.directive, source.java keyword.other.documentation.custom | #81a1c1 | — |
| source.java keyword.other.documentation.see.javadoc | #81a1c1 | — |
| source.java meta.method-call meta.method | #88c0d0 | — |
| source.java meta.tag.template.link.javadoc, source.java string.other.link.title.javadoc | #81a1c1 | — |
| source.java meta.tag.template.value.javadoc | #88c0d0 | — |
| source.java punctuation.definition.keyword.javadoc | #88c0d0 | — |
| source.java punctuation.definition.tag.begin.javadoc, source.java punctuation.definition.tag.end.javadoc | #d8dee97e | — |
| source.java storage.modifier | #88c0d0 | — |
| source.java storage.modifier.import | #d8dee9 | — |
| source.java storage.modifier.package | #d8dee9 | — |
| source.java storage.type | #a3be8c | — |
| source.java storage.type.annotation | #a3be8c | — |
| source.java storage.type.generic | #a3be8c | — |
| source.java storage.type.primitive | #a3be8c | — |
| source.java variable.language.this.java | #88c0d0 | — |
| source.java variable.language.wildcard.java | #d8dee9 | — |
| source.js punctuation.decorator, source.js meta.decorator variable.other.readwrite, source.js meta.decorator entity.name.function | #d8dee9 | — |
| source.js meta.object-literal.key | #88c0d0 | — |
| source.js storage.type.class.jsdoc | #a3be8c | — |
| source.js string.quoted.template punctuation.quasi.element.begin, source.js string.quoted.template punctuation.quasi.element.end, source.js string.template punctuation.definition.template-expression | #81a1c1 | — |
| source.js string.quoted.template meta.method-call.with-arguments | #d8dee9 | — |
| source.js string.template meta.template.expression support.variable.property, source.js string.template meta.template.expression variable.other.object | #d8dee9 | — |
| source.js support.type.primitive | #a3be8c | — |
| source.js variable.other.object | #d8dee9 | — |
| source.js variable.other.readwrite.alias | #81a1c1 | — |
| source.js meta.embedded.line meta.brace.square, source.js meta.embedded.line meta.brace.round, source.js string.quoted.template meta.brace.square, source.js string.quoted.template meta.brace.round | #d8dee9 | — |
| source.json punctuation.support.type.property-name.begin.json, source.json punctuation.support.type.property-name.end.json | #d8dee9 | — |
| source.json support.type.property-name.json | #d8dee9 | — |
| source.gdasset punctuation.definition.string.quoted.double.gdasset | #d08770 | — |
| text.html.basic constant.character.entity.html | #ebcb8b | — |
| text.html.basic constant.other.inline-data | #d08770 | italic |
| text.html.basic meta.tag.sgml.doctype | #81a1c1 | — |
| text.html.basic punctuation.definition.entity | #81a1c1 | — |
| text.html.markdown markup.bold | #88c0d0 | bold |
| text.html.markdown markup.fenced_code.block, text.html.markdown markup.fenced_code.block punctuation.definition | #d8dee9 | — |
| markup.heading | #88c0d0 | — |
| text.html.markdown markup.inline.raw, text.html.markdown markup.inline.raw punctuation.definition.raw | #d08770 | — |
| text.html.markdown markup.italic | #88c0d0 | italic |
| text.html.markdown markup.underline.link | — | underline |
| text.html.markdown beginning.punctuation.definition.list | #81a1c1 | — |
| text.html.markdown beginning.punctuation.definition.quote | #81a1c1 | — |
| text.html.markdown markup.quote | #d8dee97e | — |
| text.html.markdown constant.character.math.tex | #81a1c1 | — |
| text.html.markdown punctuation.definition.function.math.tex | #88c0d0 | — |
| text.html.markdown punctuation.math.operator.latex | #81a1c1 | — |
| text.html.markdown meta.embedded.block.katex | #d8dee9 | — |
| text.html.markdown meta.paragraph | #d8dee9 | — |
| text.html.markdown punctuation.definition.bold | #88c0d0 | — |
| text.html.markdown punctuation.definition.italic | #88c0d0 | — |
| text.html.markdown punctuation.definition.constant | #81a1c1 | — |
| text.html.markdown punctuation.definition.heading | #88c0d0 | — |
| text.html.markdown punctuation.definition.list.begin.markdown | #88c0d0 | — |
| text.html.markdown punctuation.definition.math.display.markdown | #a3be8c | — |
| text.html.markdown punctuation.definition.quote.begin.markdown | #a3be8c | — |
| text.html.markdown constant.other.reference.link, text.html.markdown string.other.link.description, text.html.markdown string.other.link.title | #d08770 | — |
| source.rust meta.macro entity.name.function | #ebcb8b | bold |
| source.rust meta.attribute, source.rust meta.attribute punctuation, source.rust meta.attribute keyword.operator | #d8dee9 | — |
| source.rust meta.interpolation | #d8dee9 | — |
| source.rust entity.name.type.trait | #a3be8c | italic |
| source.rust punctuation.definition.interpolation | #d8dee9 | — |
| source.rust punctuation.definition.string | #d08770 | — |
| source.rust storage.modifier.mut | #88c0d0 | — |
| source.rust storage.type | #88c0d0 | — |
| source.shell constant.other.option | #88c0d0 | — |
| source.shell constant.other.option.dash.shell | #88c0d0 | — |
| source.css.scss punctuation.definition.interpolation.begin.bracket.curly, source.css.scss punctuation.definition.interpolation.end.bracket.curly | #d8dee9 | — |
| source.css.scss variable.interpolation | #d8dee9 | italic |
| source.toml support.type.property-name.toml | #d8dee9 | — |
| source.toml support.type.property-name.array.toml | #d8dee9 | — |
| source.toml support.type.property-name.table.toml | #d8dee9 | — |
| source.ts punctuation.decorator, source.ts meta.decorator variable.other.readwrite, source.ts meta.decorator entity.name.function, source.tsx punctuation.decorator, source.tsx meta.decorator variable.other.readwrite, source.tsx meta.decorator entity.name.function | #d8dee9 | — |
| source.ts meta.object-literal.key, source.tsx meta.object-literal.key | #d8dee9 | — |
| source.ts meta.object-literal.key entity.name.function, source.tsx meta.object-literal.key entity.name.function | #88c0d0 | — |
| source.ts support.constant.math, source.ts support.constant.dom, source.ts support.constant.json, source.tsx support.constant.math, source.tsx support.constant.dom, source.tsx support.constant.json | #81a1c1 | — |
| source.ts storage.modifier, source.tsx storage.modifier | #88c0d0 | — |
| source.ts storage.type, source.tsx storage.type | #88c0d0 | — |
| source.ts storage.type.function.arrow, source.tsx storage.type.function.arrow | #d8dee9 | — |
| source.ts support.variable, source.tsx support.variable | #d8dee9 | — |
| source.ts meta.embedded.line meta.brace.square, source.ts meta.embedded.line meta.brace.round, source.tsx meta.embedded.line meta.brace.square, source.tsx meta.embedded.line meta.brace.round | #d8dee9 | — |
| text.xml keyword.other.doctype | #81a1c1 | — |
| text.xml meta.tag.preprocessor | #d8dee9 | — |
| text.xml string.unquoted.cdata, text.xml string.unquoted.cdata punctuation.definition.string | #d08770 | italic |
| source.yaml entity.name.tag.yaml | #d8dee9 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...