OneNord
Publisher: s1e2b3i4Themes in package: 1
OneNord is a clean and vibrant theme that combines the Nord and Atom One Dark color palettes.
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#3B4252
- activityBar.activeBorder#81A1C1
- activityBar.background#2E3440
- activityBar.foreground#D8DEE9
- activityBar.inactiveForeground#7E8491
- activityBarBadge.background#81A1C1
- activityBarBadge.foreground#2E3440
- badge.background#81A1C1
- badge.foreground#2E3440
- button.background#81A1C1EE
- button.foreground#2E3440
- button.hoverBackground#81A1C1
- button.secondaryBackground#434C5E
- button.secondaryForeground#D8DEE9
- button.secondaryHoverBackground#4C566A
- charts.blue#81A1C1
- charts.foreground#C8D0E0
- charts.green#91C187
- charts.lines#81A1C1
- charts.orange#D08F70
- charts.purple#D08F70
- charts.red#D57780
- charts.yellow#EBCB8B
- debugConsole.errorForeground#B84F59
- debugConsole.infoForeground#81A1C1
- debugConsole.sourceForeground#616e88
- debugConsole.warningForeground#D08F70
- debugConsoleInputIcon.foreground#81A1C1
- debugExceptionWidget.background#4C566A
- debugExceptionWidget.border#2E3440
- debugToolBar.background#3B4252
- descriptionForeground#D8DEE9E6
- diffEditor.insertedTextBackground#81A1C133
- diffEditor.removedTextBackground#B84F5950
- dropdown.background#3B4252
- dropdown.border#3B4252
- dropdown.foreground#D8DEE9
- editor.background#2E3440
- editor.findMatchBackground#81A1C166
- editor.findMatchHighlightBackground#81A1C133
- editor.findRangeHighlightBackground#81A1C133
- editor.focusedStackFrameHighlightBackground#5E81AC
- editor.foldBackground#434C5E99
- editor.foreground#D8DEE9
- editor.hoverHighlightBackground#3B4252
- editor.inactiveSelectionBackground#434C5E80
- editor.inlineValuesBackground#4C566A
- editor.inlineValuesForeground#ECEFF4
- editor.lineHighlightBackground#3B4252
- editor.lineHighlightBorder#3B4252
- editor.rangeHighlightBackground#434C5E52
- editor.selectionBackground#434C5E99
- editor.selectionHighlightBackground#434C5E99
- editor.snippetFinalTabstopHighlightBackground#2A303B
- editor.snippetFinalTabstopHighlightBorder#91C187
- editor.snippetTabstopHighlightBackground#2A303B
- editor.snippetTabstopHighlightBorder#3B4252
- editor.stackFrameHighlightBackground#5E81AC
- editor.wordHighlightBackground#81A1C166
- editor.wordHighlightStrongBackground#81A1C180
- editorBracketHighlight.foreground1#5E81AC
- editorBracketHighlight.foreground2#81A1C1
- editorBracketHighlight.foreground3#516394
- editorBracketHighlight.foreground4#8FBCBB
- editorBracketHighlight.foreground5#88C0D0
- editorBracketHighlight.foreground6#8FBCBB
- editorBracketHighlight.unexpectedBracket.foreground#B84F59
- editorBracketMatch.background#434C5E99
- editorBracketMatch.border#D0AD88
- editorCodeLens.foreground#4C566A
- editorCursor.foreground#D8DEE9
- editorError.border#B84F5900
- editorError.foreground#B84F59
- editorGroup.border#3B425201
- editorGroup.dropBackground#3B425299
- editorGroupHeader.border#3B425200
- editorGroupHeader.noTabsBackground#2E3440
- editorGroupHeader.tabsBackground#2E3440
- editorGroupHeader.tabsBorder#3B425200
- editorGutter.addedBackground#A3BE8C
- editorGutter.background#2E3440
- editorGutter.deletedBackground#B84F59
- editorGutter.modifiedBackground#91C187
- editorHint.border#D08F7000
- editorHint.foreground#D08F70
- editorHoverWidget.background#3B4252
- editorHoverWidget.border#3B4252
- editorIndentGuide.activeBackground1#4C566A
- editorIndentGuide.background1#434C5EB3
- editorInlayHint.background#434C5E
- editorInlayHint.foreground#D8DEE9
- editorLineNumber.activeForeground#D8DEE9
- editorLineNumber.foreground#4C566A
- editorLink.activeForeground#81A1C1
- editorMarkerNavigation.background#3B4252
- editorMarkerNavigationError.background#B84F59C0
- editorMarkerNavigationWarning.background#D08F70C0
- editorOverviewRuler.addedForeground#A3BE8C
- editorOverviewRuler.border#3B4252
- editorOverviewRuler.currentContentForeground#3B4252
- editorOverviewRuler.deletedForeground#B84F59
- editorOverviewRuler.errorForeground#B84F59
- editorOverviewRuler.findMatchForeground#81A1C166
- editorOverviewRuler.incomingContentForeground#3B4252
- editorOverviewRuler.infoForeground#81A1C1
- editorOverviewRuler.modifiedForeground#729555
- editorOverviewRuler.rangeHighlightForeground#81A1C166
- editorOverviewRuler.selectionHighlightForeground#81A1C166
- editorOverviewRuler.warningForeground#D08F70
- editorOverviewRuler.wordHighlightForeground#81A1C166
- editorOverviewRuler.wordHighlightStrongForeground#81A1C166
- editorRuler.foreground#434C5E
- editorSuggestWidget.background#2E3440
- editorSuggestWidget.border#3B4252
- editorSuggestWidget.focusHighlightForeground#81A1C1
- editorSuggestWidget.foreground#D8DEE9
- editorSuggestWidget.highlightForeground#81A1C1
- editorSuggestWidget.selectedBackground#434C5E
- editorSuggestWidget.selectedForeground#D8DEE9
- editorWarning.border#D08F7000
- editorWarning.foreground#D08F70
- editorWhitespace.foreground#4C566AB3
- editorWidget.background#2E3440
- editorWidget.border#3B4252
- errorForeground#B84F59
- extensionButton.prominentBackground#434C5E
- extensionButton.prominentForeground#D8DEE9
- extensionButton.prominentHoverBackground#4C566A
- focusBorder#3B4252
- foreground#D8DEE9
- gitDecoration.conflictingResourceForeground#5E81AC
- gitDecoration.deletedResourceForeground#B84F59
- gitDecoration.ignoredResourceForeground#D8DEE966
- gitDecoration.modifiedResourceForeground#EBCB8B
- gitDecoration.stageDeletedResourceForeground#B84F59
- gitDecoration.stageModifiedResourceForeground#EBCB8B
- gitDecoration.submoduleResourceForeground#8FBCBB
- gitDecoration.untrackedResourceForeground#A3BE8C
- inlineChat.regionHighlight#2E3440
- input.background#3B4252
- input.border#3B4252
- input.foreground#D8DEE9
- input.placeholderForeground#D8DEE999
- inputOption.activeBackground#5E81AC
- inputOption.activeBorder#5E81AC
- inputOption.activeForeground#ECEFF4
- inputValidation.errorBackground#B84F59
- inputValidation.errorBorder#B84F59
- inputValidation.infoBackground#81A1C1
- inputValidation.infoBorder#81A1C1
- inputValidation.warningBackground#D08770
- inputValidation.warningBorder#D08770
- keybindingLabel.background#4C566A
- keybindingLabel.border#4C566A
- keybindingLabel.bottomBorder#4C566A
- keybindingLabel.foreground#D8DEE9
- list.activeSelectionBackground#81A1C1
- list.activeSelectionForeground#2E3440
- list.dropBackground#81A1C180
- list.errorForeground#B84F59
- list.focusBackground#81A1C180
- list.focusForeground#D8DEE9
- list.focusHighlightForeground#ECEFF4
- list.highlightForeground#81A1C1
- list.hoverBackground#3B4252
- list.hoverForeground#ECEFF4
- list.inactiveFocusBackground#434C5E99
- list.inactiveSelectionBackground#434C5E
- list.inactiveSelectionForeground#D8DEE9
- list.warningForeground#D08F70
- listFilterWidget.background#2E3440
- listFilterWidget.noMatchesOutline#D57780
- listFilterWidget.outline#434C5E99
- merge.border#3B4252
- merge.currentContentBackground#81A1C14D
- merge.currentHeaderBackground#81A1C166
- merge.incomingContentBackground#81A1C14d
- merge.incomingHeaderBackground#8FBCBB66
- minimap.errorHighlight#B84F59CC
- minimap.findMatchHighlight#81A1C1
- minimap.selectionHighlight#2E3440CC
- minimap.warningHighlight#D08F70CC
- minimapGutter.addedBackground#A3BE8C
- minimapGutter.deletedBackground#B84F59
- minimapGutter.modifiedBackground#D08F70
- minimapSlider.activeBackground#434C5EAA
- minimapSlider.background#434C5E99
- minimapSlider.hoverBackground#434C5EAA
- notificationCenter.border#3B4252
- notificationCenterHeader.background#2E3440
- notificationCenterHeader.foreground#81A1C1
- notificationLink.foreground#81A1C1
- notifications.background#3B4252
- notifications.border#2E3440
- notifications.foreground#D8DEE9
- notificationToast.border#3B4252
- panel.background#2E3440
- panel.border#3B4252
- panelTitle.activeBorder#81A1C100
- panelTitle.activeForeground#81A1C1
- panelTitle.inactiveForeground#D8DEE9
- peekView.border#4C566A
- peekViewEditor.background#2E3440
- peekViewEditor.matchHighlightBackground#81A1C14D
- peekViewEditorGutter.background#2E3440
- peekViewResult.background#2E3440
- peekViewResult.fileForeground#81A1C1
- peekViewResult.lineForeground#D8DEE9b3
- peekViewResult.matchHighlightBackground#81A1C180
- peekViewResult.selectionBackground#434C5E
- peekViewResult.selectionForeground#D8DEE9
- peekViewTitle.background#3B4252
- peekViewTitleDescription.foreground#D8DEE9
- peekViewTitleLabel.foreground#81A1C1
- pickerGroup.border#3B4252
- pickerGroup.foreground#81A1C1
- progressBar.background#81A1C1
- quickInputList.focusBackground#81A1C1
- quickInputList.focusForeground#2E3440
- sash.hoverBorder#81A1C1
- scrollbar.shadow#00000066
- scrollbarSlider.activeBackground#434C5EAA
- scrollbarSlider.background#434C5E99
- scrollbarSlider.hoverBackground#434C5EAA
- selection.background#81A1C180
- settings.checkboxBackground#2A303B
- settings.checkboxBorder#3B4252
- settings.checkboxForeground#C8D0E0
- settings.dropdownBackground#2A303B
- settings.dropdownBorder#3B4252
- settings.dropdownForeground#C8D0E0
- settings.headerForeground#C8D0E0
- settings.modifiedItemIndicator#D08F70
- settings.numberInputBackground#2A303B
- settings.numberInputBorder#3B4252
- settings.numberInputForeground#C8D0E0
- settings.textInputBackground#2A303B
- settings.textInputBorder#3B4252
- settings.textInputForeground#C8D0E0
- sideBar.background#2A303B
- sideBar.border#353B49
- sideBar.foreground#C8D0E0
- sideBarSectionHeader.background#3B4252
- sideBarSectionHeader.border#3B4252
- sideBarSectionHeader.foreground#D8DEE9
- sideBarTitle.foreground#D8DEE9
- statusBar.background#3B4252
- statusBar.border#3B4252
- statusBar.debuggingBackground#5E81AC
- statusBar.debuggingForeground#D8DEE9
- statusBar.foreground#D8DEE9
- statusBar.noFolderBackground#3B4252
- statusBar.noFolderForeground#D8DEE9
- statusBarItem.activeBackground#4C566A
- statusBarItem.errorBackground#3B4252
- statusBarItem.errorForeground#B84F59
- statusBarItem.hoverBackground#434C5E
- statusBarItem.prominentBackground#3B4252
- statusBarItem.prominentHoverBackground#434C5E
- statusBarItem.warningBackground#D08F70
- statusBarItem.warningForeground#2E3440
- tab.activeBackground#3B4252
- tab.activeBorder#81A1C100
- tab.activeBorderTop#81A1C100
- tab.activeForeground#D8DEE9
- tab.border#3B425200
- tab.hoverBackground#3B4252CC
- tab.hoverBorder#81A1C100
- tab.inactiveBackground#2E3440
- tab.inactiveForeground#D8DEE966
- tab.lastPinnedBorder#4C566A
- tab.unfocusedActiveBorder#81A1C100
- tab.unfocusedActiveBorderTop#81A1C100
- tab.unfocusedActiveForeground#D8DEE999
- tab.unfocusedHoverBackground#3B4252B3
- tab.unfocusedHoverBorder#81A1C100
- tab.unfocusedInactiveForeground#D8DEE966
- terminal.ansiBlack#3B4252
- terminal.ansiBlue#81A1C1
- terminal.ansiBrightBlack#4C566A
- terminal.ansiBrightBlue#81A1C1
- terminal.ansiBrightCyan#8FBCBB
- terminal.ansiBrightGreen#A3BE8C
- terminal.ansiBrightMagenta#B988B0
- terminal.ansiBrightRed#BF616A
- terminal.ansiBrightWhite#ECEFF4
- terminal.ansiBrightYellow#EBCB8B
- terminal.ansiCyan#88C0D0
- terminal.ansiGreen#A3BE8C
- terminal.ansiMagenta#B988B0
- terminal.ansiRed#BF616A
- terminal.ansiWhite#E5E9F0
- terminal.ansiYellow#EBCB8B
- terminal.background#2A303B
- terminal.foreground#C8D0E0
- terminal.tab.activeBorder#81A1C1
- textBlockQuote.background#3B4252
- textBlockQuote.border#81A1C1
- textCodeBlock.background#4C566A
- textLink.activeForeground#81A1C1
- textLink.foreground#81A1C1
- textPreformat.foreground#8FBCBB
- textSeparator.foreground#E5E9F0
- titleBar.activeBackground#2E3440
- titleBar.activeForeground#D8DEE9
- titleBar.border#2E344000
- titleBar.inactiveBackground#2E3440
- titleBar.inactiveForeground#D8DEE966
- tree.indentGuidesStroke#616e88
- walkThrough.embeddedEditorBackground#2E3440
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #C0D0E0 | — |
| storage.type | #B589D3 | — |
| emphasis | — | italic |
| strong | — | bold |
| comment | #6C7A96 | — |
| constant.character | #D08F70 | — |
| constant.character.escape | #88C0D0 | — |
| constant.language | #B589D3 | — |
| constant.numeric | #D08F70 | — |
| constant.regexp | #88C0D0 | — |
| entity.name.function | #81A1C1 | — |
| entity.name.tag | #B589D3 | — |
| entity.name.function.decorator, source.python meta.function.decorator support.type | #EBCB8B | — |
| entity.other.attribute-name | #D08F70 | — |
| entity.other.inherited-class | #8FBCBB | bold |
| invalid.deprecated | #D8DEE9 | — |
| invalid.illegal | #D8DEE9 | — |
| keyword | #B589D3 | — |
| keyword.operator | #B589D3 | — |
| keyword.operator.arithmetic, keyword.operator.assignment | #5E81AC | — |
| keyword.control.flow | #B589D3 | — |
| keyword.other.new | #B589D3 | — |
| markup.bold | — | bold |
| markup.changed | #D08F70 | — |
| markup.deleted | #B84F59 | — |
| markup.inserted | #A3BE8C | — |
| meta.preprocessor | #5E81AC | — |
| meta.fstring | #D08F70 | — |
| meta.indexed-name | #D08F70 | — |
| meta.function-call | #81A1C1 | — |
| punctuation | #5E81AC | — |
| punctuation.definition.tag | #5E81AC | — |
| punctuation.definition.string | #91C187 | — |
| punctuation.definition.comment, punctuation.end.definition.comment, punctuation.start.definition.comment | #616e88 | — |
| punctuation.separator | #5E81AC | — |
| punctuation.section | #5E81AC | — |
| punctuation.section.embedded.begin, punctuation.section.embedded.end | #81A1C1 | — |
| punctuation.terminator | #81A1C1 | — |
| punctuation.definition.variable | #81A1C1 | — |
| storage | #B589D3 | — |
| string | #91C187 | — |
| string.regexp | #88C0D0 | — |
| support.constant | #81A1C1 | — |
| support.function | #81A1C1 | — |
| support.function.construct | #81A1C1 | — |
| support.function.builtin | #88C0D0 | — |
| support.type | #8FBCBB | — |
| support.type.exception | #8FBCBB | — |
| token.debug-token | #B48EAD | — |
| token.error-token | #B84F59 | — |
| token.info-token | #88C0D0 | — |
| token.warn-token | #D08F70 | — |
| variable.other | #C0D0E0 | — |
| variable.parameter | #D08F70 | — |
| punctuation.separator.pointer-access.c | #81A1C1 | — |
| source.c meta.preprocessor.include, source.c string.quoted.other.lt-gt.include | #8FBCBB | — |
| source.cpp keyword.control.directive.conditional, source.cpp punctuation.definition.directive, source.c keyword.control.directive.conditional, source.c punctuation.definition.directive | #5E81AC | bold |
| source.css constant.other.color.rgb-value, source.css punctuation.definition.constant | #88C0D0 | — |
| source.css meta.property-value | #88C0D0 | — |
| source.css keyword.control.at-rule.media, source.css keyword.control.at-rule.media punctuation.definition.keyword | #D08770 | — |
| source.css keyword.other.unit | #91C187 | — |
| source.css punctuation.definition.keyword | #B589D3 | — |
| source.css punctuation.terminator | #5E81AC | — |
| source.css support.type.property-name | #D8DEE9 | — |
| source.css support.constant.property-value | #91C187 | — |
| source.css entity.other.attribute-name.pseudo-class | #81A1C1 | — |
| source.css entity.other.attribute-name.pseudo-class punctuation.definition.entity, source.css entity.other.attribute-name.class punctuation.definition.entity | #5E81AC | — |
| source.css entity.name.tag, source.css entity.other.attribute-name.id, source.css punctuation.definition.entity | #D57780 | — |
| source.css entity.other.attribute-name.class | #88C0D0 | — |
| source.css variable.argument | #D08F70 | — |
| source.diff meta.diff.range.context | #8FBCBB | — |
| source.diff meta.diff.header.from-file | #8FBCBB | — |
| source.diff punctuation.definition.from-file | #8FBCBB | — |
| source.diff punctuation.definition.range | #8FBCBB | — |
| source.diff punctuation.definition.separator | #81A1C1 | — |
| entity.name.type.module.elixir | #8FBCBB | — |
| variable.other.readwrite.module.elixir | #D8DEE9 | bold |
| constant.other.symbol.elixir | #D8DEE9 | bold |
| variable.other.constant.elixir | #8FBCBB | — |
| source.go constant.other.placeholder.go | #D08F70 | — |
| source.java comment.block.documentation.javadoc punctuation.definition.entity.html | #81A1C1 | — |
| source.java constant.other | #D8DEE9 | — |
| source.java keyword.other.documentation | #8FBCBB | — |
| source.java keyword.other.documentation.author.javadoc | #8FBCBB | — |
| source.java keyword.other.documentation.directive, source.java keyword.other.documentation.custom | #8FBCBB | — |
| source.java keyword.other.documentation.see.javadoc | #8FBCBB | — |
| source.java meta.method-call meta.method | #88C0D0 | — |
| source.java meta.tag.template.link.javadoc, source.java string.other.link.title.javadoc | #8FBCBB | — |
| source.java meta.tag.template.value.javadoc | #88C0D0 | — |
| source.java punctuation.definition.keyword.javadoc | #8FBCBB | — |
| source.java punctuation.definition.tag.begin.javadoc, source.java punctuation.definition.tag.end.javadoc | #616e88 | — |
| source.java storage.modifier.import | #8FBCBB | — |
| source.java storage.modifier.package | #8FBCBB | — |
| source.java storage.type | #8FBCBB | — |
| source.java storage.type.annotation | #D08770 | — |
| source.java storage.type.generic | #8FBCBB | — |
| source.java storage.type.primitive | #81A1C1 | — |
| source.js punctuation.decorator, source.js meta.decorator variable.other.readwrite, source.js meta.decorator entity.name.function | #D08770 | — |
| source.js meta.object-literal.key | #88C0D0 | — |
| source.js storage.type.class.jsdoc | #8FBCBB | — |
| source.js storage.type.function | #5E81AC | — |
| 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 | #ECEFF4 | — |
| 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 | #81A1C1 | — |
| source.js variable.language.this, source.js variable.language.super, source.jsx variable.language.this, source.jsx variable.language.super | #B589D3 | — |
| source.js variable.other.readwrite.alias | #D0AD88 | — |
| 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 | #ECEFF4 | — |
| text.html.basic constant.character.entity.html | #D08F70 | — |
| text.html.basic constant.other.inline-data | #D08770 | italic |
| text.html.basic meta.tag.sgml.doctype | #5E81AC | — |
| text.html.basic punctuation.definition.entity | #81A1C1 | — |
| text.html.derivative variable.other.property.js | #D57780 | — |
| source.properties entity.name.section.group-title.ini | #88C0D0 | — |
| source.properties punctuation.separator.key-value.ini | #81A1C1 | — |
| text.html.markdown markup.fenced_code.block, text.html.markdown markup.fenced_code.block punctuation.definition | #8FBCBB | — |
| markup.heading | #88C0D0 | — |
| text.html.markdown markup.inline.raw, text.html.markdown markup.inline.raw punctuation.definition.raw | #8FBCBB | — |
| text.html.markdown markup.italic | — | italic |
| text.html.markdown markup.underline.link | — | underline |
| text.html.markdown beginning.punctuation.definition.list | #81A1C1 | — |
| text.html.markdown beginning.punctuation.definition.quote | #8FBCBB | — |
| text.html.markdown markup.quote | #616e88 | — |
| text.html.markdown constant.character.math.tex | #81A1C1 | — |
| text.html.markdown punctuation.definition.math.begin, text.html.markdown punctuation.definition.math.end | #5E81AC | — |
| text.html.markdown punctuation.definition.function.math.tex | #88C0D0 | — |
| text.html.markdown punctuation.math.operator.latex | #81A1C1 | — |
| text.html.markdown punctuation.definition.heading | #81A1C1 | — |
| text.html.markdown punctuation.definition.constant, text.html.markdown punctuation.definition.string | #81A1C1 | — |
| text.html.markdown constant.other.reference.link, text.html.markdown string.other.link.description, text.html.markdown string.other.link.title | #88C0D0 | — |
| source.perl punctuation.definition.variable | #D8DEE9 | — |
| source.php meta.function-call, source.php meta.function-call.object | #88C0D0 | — |
| source.python punctuation.definition.decorator | #EBCB8B | — |
| source.python support.type | #88C0D0 | — |
| source.python meta.function.parameters variable.parameter.function.language.special.self | #81A1C1 | — |
| source.python support.function.builtin | #81A1C1 | — |
| source.python punctuation.separator.annotation.result | #D8DEE9 | — |
| source.python keyword.operator.comparison | #5E81AC | — |
| source.pip-requirements entity.name.class | #B589D3 | — |
| source.pip-requirements keyword.operator | #D8DEE9 | — |
| source.pip-requirements constant.numeric | #91C187 | — |
| #B84F59 | — | |
| source.rust entity.name.type | #EBCB8B | — |
| source.rust meta.macro entity.name.function | #D57780 | — |
| source.rust meta.attribute, source.rust meta.attribute punctuation, source.rust meta.attribute keyword.operator | #5E81AC | — |
| source.rust entity.name.type.trait | — | bold |
| source.rust punctuation.definition.interpolation | #88C0D0 | — |
| source.ruby entity.other.inherited-class | #EBCB8B | — |
| source.ruby keyword.other.special-method, source.ruby meta.function.method.with-arguments constant.other.symbol.hashkey.parameter.function punctuation.definition.constant, source.ruby meta.function.method.with-arguments punctuation.separator.other | #81A1C1 | — |
| source.ruby variable.other.readwrite.class, source.ruby variable.other.readwrite.instance, source.ruby punctuation.definition.variable, source.ruby variable.other.readwrite.instance, source.ruby variable.other.readwrite.global | #B84F59 | — |
| source.ruby keyword.operator.assignment, source.ruby punctuation.separator.key-value, source.ruby keyword.operator.arithmetic, source.ruby keyword.operator.comparison, source.ruby keyword.operator.other, source.ruby punctuation.separator.other, source.ruby keyword.operator.assignment.augmented | #B589D3 | — |
| source.ruby constant.language.symbol, source.ruby punctuation.definition.constant, source.ruby constant.language.symbol.hashkey, source.ruby punctuation.definition.constant.hashkey | #88C0D0 | — |
| source.css.scss punctuation.definition.interpolation.begin.bracket.curly, source.css.scss punctuation.definition.interpolation.end.bracket.curly | #81A1C1 | — |
| source.css.scss variable.interpolation | #D8DEE9 | italic |
| 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 | #D08770 | — |
| 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.class, source.ts support.type, source.ts entity.name.type, source.ts entity.name.class, source.tsx support.class, source.tsx support.type, source.tsx entity.name.type, source.tsx entity.name.class | #8FBCBB | — |
| 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 | #8FBCBB | — |
| 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 | #ECEFF4 | — |
| source.ts variable.language.this, source.ts variable.language.super, source.tsx variable.language.this, source.tsx variable.language.super | #B589D3 | — |
| text.xml entity.name.tag.namespace | #8FBCBB | — |
| text.xml keyword.other.doctype | #5E81AC | — |
| text.xml meta.tag.preprocessor entity.name.tag | #5E81AC | — |
| text.xml string.unquoted.cdata, text.xml string.unquoted.cdata punctuation.definition.string | #D08770 | italic |
| source.yaml entity.name.tag | #B589D3 | — |
| source.yaml constant.language | #91C187 | — |
| comment.rainbow4 | #D57780 | — |
| constant.numeric.rainbow7 | #D0AD88 | — |
| entity.name.type.rainbow8 | #8FBCBB | — |
| markup.bold.rainbow9 | #EBCB8B | none |
| invalid.rainbow10 | #A3BE8C | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...