Skip to main content
Coding Theme

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.activeBorder#80CBC4
  • activityBar.background#12131b
  • activityBar.border#292D3E60
  • activityBar.dropBackground#f0717880
  • activityBar.foreground#A6ACCD
  • activityBarBadge.background#80CBC4
  • activityBarBadge.foreground#000000
  • badge.background#00000030
  • badge.foreground#676E95
  • breadcrumb.activeSelectionForeground#80CBC4
  • breadcrumb.background#00284B
  • breadcrumb.focusForeground#A6ACCD
  • breadcrumb.foreground#676E95
  • breadcrumbPicker.background#292D3E
  • button.background#717CB450
  • button.foreground#ffffff
  • debugConsole.errorForeground#f07178
  • debugConsole.infoForeground#89DDFF
  • debugConsole.warningForeground#FFCB6B
  • debugToolBar.background#292D3E
  • diffEditor.insertedTextBackground#89DDFF20
  • diffEditor.removedTextBackground#ff9cac20
  • dropdown.background#292D3E
  • dropdown.border#FFFFFF10
  • editor.background#161922
  • editor.findMatchBackground#000000
  • editor.findMatchBorder#80CBC4
  • editor.findMatchHighlight#A6ACCD
  • editor.findMatchHighlightBackground#00000050
  • editor.findMatchHighlightBorder#ffffff30
  • editor.findRangeHighlightBackground#FFCB6B30
  • editor.foreground#A6ACCD
  • editor.lineHighlightBackground#00000050
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#FFFFFF0d
  • editor.selectionBackground#717CB450
  • editor.selectionHighlightBackground#FFCC0020
  • editor.wordHighlightBackground#ff9cac30
  • editor.wordHighlightStrongBackground#C3E88D30
  • editorBracketMatch.background#292D3E
  • editorBracketMatch.border#FFCC0050
  • editorCursor.foreground#FFCC00
  • editorError.foreground#f0717870
  • editorGroup.border#00000030
  • editorGroup.dropBackground#f0717880
  • editorGroup.focusedEmptyBorder#f07178
  • editorGroupHeader.border#FFFFFF00
  • editorGroupHeader.tabsBackground#292D3E
  • editorGutter.addedBackground#C3E88D60
  • editorGutter.deletedBackground#f0717860
  • editorGutter.modifiedBackground#82AAFF60
  • editorHoverWidget.background#12131b
  • editorHoverWidget.border#FFFFFF10
  • editorIndentGuide.activeBackground#4E5579
  • editorIndentGuide.background#4E557970
  • editorInfo.foreground#82AAFF70
  • editorLineNumber.activeForeground#B1BDFF
  • editorLineNumber.foreground#3A3F58
  • editorLink.activeForeground#A6ACCD
  • editorMarkerNavigation.background#A6ACCD05
  • editorOverviewRuler.border#292D3E
  • editorOverviewRuler.errorForeground#f0717840
  • editorOverviewRuler.findMatchForeground#80CBC4
  • editorOverviewRuler.infoForeground#82AAFF40
  • editorOverviewRuler.warningForeground#FFCB6B40
  • editorRuler.foreground#4E5579
  • editorSuggestWidget.background#292D3E
  • editorSuggestWidget.border#FFFFFF10
  • editorSuggestWidget.foreground#A6ACCD
  • editorSuggestWidget.highlightForeground#80CBC4
  • editorSuggestWidget.selectedBackground#00000050
  • editorWarning.foreground#FFCB6B70
  • editorWhitespace.foreground#8799ff40
  • editorWidget.background#12131b
  • editorWidget.border#80CBC4
  • editorWidget.resizeBorder#80CBC4
  • extensionBadge.remoteForeground#A6ACCD
  • extensionButton.prominentBackground#C3E88D90
  • extensionButton.prominentForeground#000000
  • extensionButton.prominentHoverBackground#C3E88D
  • focusBorder#FFFFFF00
  • foreground#A6ACCD
  • gitDecoration.conflictingResourceForeground#FFCB6B90
  • gitDecoration.deletedResourceForeground#f0717890
  • gitDecoration.ignoredResourceForeground#676E9590
  • gitDecoration.modifiedResourceForeground#82AAFF90
  • gitDecoration.untrackedResourceForeground#C3E88D90
  • input.background#333747
  • input.border#FFFFFF10
  • input.foreground#A6ACCD
  • input.placeholderForeground#A6ACCD60
  • inputOption.activeBackground#A6ACCD30
  • inputOption.activeBorder#A6ACCD30
  • inputValidation.errorBorder#f07178
  • inputValidation.infoBorder#82AAFF
  • inputValidation.warningBorder#FFCB6B
  • list.activeSelectionBackground#292D3E
  • list.activeSelectionForeground#80CBC4
  • list.dropBackground#f0717880
  • list.focusBackground#A6ACCD20
  • list.focusForeground#A6ACCD
  • list.highlightForeground#80CBC4
  • list.hoverBackground#292D3E
  • list.hoverForeground#FFFFFF
  • list.inactiveSelectionBackground#00000030
  • list.inactiveSelectionForeground#80CBC4
  • listFilterWidget.background#00000030
  • listFilterWidget.noMatchesOutline#00000030
  • listFilterWidget.outline#00000030
  • menu.background#1f1f34
  • menu.foreground#A6ACCD
  • menu.selectionBackground#00000050
  • menu.selectionBorder#00000030
  • menu.selectionForeground#80CBC4
  • menu.separatorBackground#A6ACCD
  • menubar.selectionBackground#FFFFFF30
  • menubar.selectionBorder#00000030
  • menubar.selectionForeground#80CBC4
  • notificationLink.foreground#80CBC4
  • notifications.background#292D3E
  • notifications.foreground#A6ACCD
  • panel.background#212432
  • panel.border#292D3E60
  • panel.dropBackground#A6ACCD
  • panelTitle.activeBorder#80CBC4
  • panelTitle.activeForeground#FFFFFF
  • panelTitle.inactiveForeground#A6ACCD
  • peekView.border#00000030
  • peekViewEditor.background#A6ACCD05
  • peekViewEditor.matchHighlightBackground#717CB450
  • peekViewEditorGutter.background#A6ACCD05
  • peekViewResult.background#A6ACCD05
  • peekViewResult.matchHighlightBackground#717CB450
  • peekViewResult.selectionBackground#676E9570
  • peekViewTitle.background#A6ACCD05
  • peekViewTitleDescription.foreground#A6ACCD60
  • pickerGroup.border#FFFFFF1a
  • pickerGroup.foreground#80CBC4
  • progressBar.background#80CBC4
  • quickInput.background#292D3E
  • quickInput.foreground#676E95
  • scrollbar.shadow#00000030
  • scrollbarSlider.activeBackground#80CBC4
  • scrollbarSlider.background#A6ACCD20
  • scrollbarSlider.hoverBackground#A6ACCD10
  • selection.background#00000080
  • settings.checkboxBackground#292D3E
  • settings.checkboxForeground#A6ACCD
  • settings.dropdownBackground#292D3E
  • settings.dropdownForeground#A6ACCD
  • settings.headerForeground#80CBC4
  • settings.modifiedItemIndicator#80CBC4
  • settings.numberInputBackground#292D3E
  • settings.numberInputForeground#A6ACCD
  • settings.textInputBackground#292D3E
  • settings.textInputForeground#A6ACCD
  • sideBar.background#12131b
  • sideBar.border#292D3E60
  • sideBar.foreground#858BAA
  • sideBarSectionHeader.background#4F71FF60
  • sideBarSectionHeader.border#292D3E60
  • sideBarTitle.foreground#A6ACCD
  • statusBar.background#000A11
  • statusBar.border#292D3E60
  • statusBar.debuggingBackground#C792EA
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#676E95
  • statusBar.noFolderBackground#292D3E
  • statusBarItem.activeBackground#f0717880
  • statusBarItem.hoverBackground#676E9520
  • statusBarItem.remoteBackground#80CBC4
  • statusBarItem.remoteForeground#000000
  • tab.activeBackground#12131b
  • tab.activeBorder#80CBC4
  • tab.activeForeground#FFFFFF
  • tab.activeModifiedBorder#676E95
  • tab.border#9D9DFF20
  • tab.inactiveBackground#292D3E
  • tab.inactiveForeground#676E95
  • tab.inactiveModifiedBorder#904348
  • tab.unfocusedActiveBorder#676E95
  • tab.unfocusedActiveForeground#A6ACCD
  • tab.unfocusedActiveModifiedBorder#c05a60
  • tab.unfocusedInactiveModifiedBorder#904348
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#82AAFF
  • terminal.ansiBrightBlack#676E95
  • terminal.ansiBrightBlue#82AAFF
  • terminal.ansiBrightCyan#89DDFF
  • terminal.ansiBrightGreen#C3E88D
  • terminal.ansiBrightMagenta#C792EA
  • terminal.ansiBrightRed#f07178
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#FFCB6B
  • terminal.ansiCyan#89DDFF
  • terminal.ansiGreen#C3E88D
  • terminal.ansiMagenta#C792EA
  • terminal.ansiRed#f07178
  • terminal.ansiWhite#ffffff
  • terminal.ansiYellow#FFCB6B
  • terminalCursor.background#000000
  • terminalCursor.foreground#FFCB6B
  • textLink.activeForeground#A6ACCD
  • textLink.foreground#80CBC4
  • titleBar.activeBackground#12131B
  • titleBar.activeForeground#A6ACCD
  • titleBar.border#292D3E60
  • titleBar.inactiveBackground#12131B
  • titleBar.inactiveForeground#676E95
  • tree.indentGuidesStroke#4E5579
  • widget.shadow#00000030

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison#f6efff
variable.other.generic-type.haskell#fb7da7
storage.type.haskell#a198e6
support.variable.magic.python#f6efff
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#ffffff
variable.parameter.function.language.special.self.python#92f0ff
storage.modifier.lifetime.rust#ffffff
support.function.std.rust#87ffc7
entity.name.lifetime.rust#92f0ff
variable.language.rust#f6efff
support.constant.edge#fb7da7
constant.other.character-class.regexp#f6efff
keyword.operator.quantifier.regexp#a198e6
punctuation.definition.string.begin,punctuation.definition.string.end#66C0FF
variable.parameter.function#ffffff
comment markup.link#7f848e
markup.changed.diff#92f0ff
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#87ffc7
markup.inserted.diff#f9f27c
markup.deleted.diff#f6efff
meta.function.c,meta.function.cpp#f6efff
punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c#ffffff
punctuation.separator.key-value#ffffff
keyword.operator.expression.import#87ffc7
support.constant.math#92f0ff
support.constant.property.math#a198e6
variable.other.constant#92f0ff
storage.type.annotation.java, storage.type.object.array.java#92f0ff
source.java#f6efff
punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java#ffffff
meta.method.java#87ffc7
storage.modifier.import.java,storage.type.java,storage.type.generic.java#92f0ff
keyword.operator.instanceof.java#fb7da7
meta.definition.variable.name.java#f6efff
keyword.operator.logical#fb7da7
keyword.operator.bitwise#fb7da7
keyword.operator.channel#fb7da7
support.constant.property-value.scss,support.constant.property-value.css#a198e6
keyword.operator.css,keyword.operator.scss,keyword.operator.less#fb7da7
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#a198e6
punctuation.separator.list.comma.css#ffffff
support.constant.color.w3c-standard-color-name.css#a198e6
support.type.vendored.property-name.css#fb7da7
support.module.node,support.type.object.module,support.module.node#92f0ff
entity.name.type.module#92f0ff
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#f6efff
support.constant.json#a198e6
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#fb7da7
support.type.object.console#f6efff
support.variable.property.process#a198e6
entity.name.function,support.function.console#87ffc7
keyword.operator.misc.rust#ffffff
keyword.operator.sigil.rust#fb7da7
keyword.operator.delete#fb7da7
support.type.object.dom#fb7da7
support.variable.dom,support.variable.property.dom#f6efff
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#fb7da7
keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp#fb7da7
punctuation.separator.delimiter#ffffff
punctuation.separator.c,punctuation.separator.cpp#fb7da7
support.type.posix-reserved.c,support.type.posix-reserved.cpp#fb7da7
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#fb7da7
variable.parameter.function.language.python#a198e6
support.type.python#fb7da7
keyword.operator.logical.python#fb7da7
variable.parameter.function.python#a198e6
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#ffffff
meta.function-call.generic.python#87ffc7
constant.character.format.placeholder.other.python#a198e6
keyword.operator#ffffff
keyword.operator.assignment.compound#fb7da7
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#fb7da7
keyword#fb7da7
entity.name.namespace#92f0ff
variable#f6efff
variable.c#ffffff
variable.language#92f0ff
token.variable.parameter.java#ffffff
import.storage.java#92f0ff
token.package.keyword#fb7da7
token.package#ffffff
entity.name.function, meta.require, support.function.any-method, variable.function#87ffc7
entity.name.type.namespace#92f0ff
support.class, entity.name.type.class#92f0ff
entity.name.class.identifier.namespace.type#92f0ff
entity.name.class, variable.other.class.js, variable.other.class.ts#92f0ff
variable.other.class.php#f6efff
entity.name.type#92f0ff
keyword.control#fb7da7
control.elements, keyword.operator.less#a198e6
keyword.other.special-method#87ffc7
storage#fb7da7
token.storage#fb7da7
keyword.operator.expression.delete,keyword.operator.expression.in,keyword.operator.expression.of,keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.expression.typeof,keyword.operator.expression.void#fb7da7
token.storage.type.java#92f0ff
support.function#fb7da7
support.type.property-name#ffffff
support.constant.property-value#ffffff
support.constant.font-name#a198e6
meta.tag#ffffff
string#f9f27c
entity.other.inherited-class#92f0ff
constant.other.symbol#fb7da7
constant.numeric#a198e6
constant#a198e6
punctuation.definition.constant#a198e6
entity.name.tag#fb7da7
entity.other.attribute-name#afa8ea
entity.other.attribute-name.id#87ffc7normal
entity.other.attribute-name.class.css#a198e6normal
meta.selector#fb7da7
markup.heading#f6efff
markup.heading punctuation.definition.heading, entity.name.section#87ffc7
keyword.other.unit#f6efff
markup.bold,todo.bold#a198e6
punctuation.definition.bold#92f0ff
markup.italic, punctuation.definition.italic,todo.emphasis#fb7da7
emphasis md#fb7da7
entity.name.section.markdown#f6efff
punctuation.definition.heading.markdown#f6efff
punctuation.definition.list.begin.markdown#f6efff
markup.heading.setext#ffffff
punctuation.definition.bold.markdown#a198e6
markup.inline.raw.markdown#f9f27c
markup.inline.raw.string.markdown#f9f27c
punctuation.definition.list.markdown#f6efff
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#f6efff
beginning.punctuation.definition.list.markdown#f6efff
punctuation.definition.metadata.markdown#f6efff
markup.underline.link.markdown,markup.underline.link.image.markdown#fb7da7
string.other.link.title.markdown,string.other.link.description.markdown#87ffc7
string.regexp#fb7da7
constant.character.escape#fb7da7
punctuation.section.embedded, variable.interpolation#f6efff
punctuation.section.embedded.begin,punctuation.section.embedded.end#fb7da7
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#ffffff
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#f6efff
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#f6efff
source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation#f9f27c
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#fb7da7
support.type.property-name.json#f6efff
support.type.property-name.json punctuation#f6efff
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#fb7da7
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#fb7da7
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#92f0ff
keyword.operator.error-control.php#fb7da7
keyword.operator.type.php#fb7da7
punctuation.section.array.begin.php#ffffff
punctuation.section.array.end.php#ffffff
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#92f0ff
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#87ffc7
punctuation.definition.parameters.begin.bracket.round.php,punctuation.definition.parameters.end.bracket.round.php,punctuation.separator.delimiter.php,punctuation.section.scope.begin.php,punctuation.section.scope.end.php,punctuation.terminator.expression.php,punctuation.definition.arguments.begin.bracket.round.php,punctuation.definition.arguments.end.bracket.round.php,punctuation.definition.storage-type.begin.bracket.round.php,punctuation.definition.storage-type.end.bracket.round.php,punctuation.definition.array.begin.bracket.round.php,punctuation.definition.array.end.bracket.round.php,punctuation.definition.begin.bracket.round.php,punctuation.definition.end.bracket.round.php,punctuation.definition.begin.bracket.curly.php,punctuation.definition.end.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php,punctuation.definition.section.switch-block.start.bracket.curly.php,punctuation.definition.section.switch-block.begin.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php#ffffff
support.constant.core.rust#a198e6
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#a198e6
entity.name.goto-label.php,support.other.php#87ffc7
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#fb7da7
keyword.operator.regexp.php#fb7da7
keyword.operator.comparison.php#fb7da7
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#fb7da7
meta.function.decorator.python#87ffc7
support.token.decorator.python,meta.function.decorator.identifier.python#fb7da7
function.parameter#ffffff
function.brace#ffffff
function.parameter.ruby, function.parameter.cs#ffffff
constant.language.symbol.ruby#fb7da7
rgb-value#fb7da7
inline-color-decoration rgb-value#a198e6
less rgb-value#a198e6
selector.sass#f6efff
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#92f0ff
block.scope.end,block.scope.begin#ffffff
storage.type.cs#92f0ff
entity.name.variable.local.cs#f6efff
token.info-token#87ffc7
token.warn-token#a198e6
token.error-token#f44747
token.debug-token#fb7da7
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#fb7da7
meta.template.expression#ffffff
keyword.operator.module#fb7da7
support.type.type.flowtype#87ffc7
support.type.primitive#92f0ff
meta.property.object#f6efff
variable.parameter.function.js#f6efff
keyword.other.template.begin#f9f27c
keyword.other.template.end#f9f27c
keyword.other.substitution.begin#f9f27c
keyword.other.substitution.end#f9f27c
keyword.operator.assignment#fb7da7
keyword.operator.assignment.go#92f0ff
keyword.operator.arithmetic.go, keyword.operator.address.go#fb7da7
entity.name.package.go#92f0ff
support.type.prelude.elm#fb7da7
support.constant.elm#a198e6
punctuation.quasi.element#fb7da7
constant.character.entity#f6efff
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#fb7da7
entity.global.clojure#92f0ff
meta.symbol.clojure#f6efff
constant.keyword.clojure#fb7da7
meta.arguments.coffee, variable.parameter.function.coffee#f6efff
source.ini#f9f27c
meta.scope.prerequisites.makefile#f6efff
source.makefile#92f0ff
storage.modifier.import.groovy#92f0ff
meta.method.groovy#87ffc7
meta.definition.variable.name.groovy#f6efff
meta.definition.class.inherited.classes.groovy#f9f27c
support.variable.semantic.hlsl#92f0ff
support.type.texture.hlsl, support.type.sampler.hlsl, support.type.object.hlsl, support.type.object.rw.hlsl, support.type.fx.hlsl, support.type.object.hlsl#fb7da7
text.variable, text.bracketed#f6efff
support.type.swift, support.type.vb.asp#92f0ff
entity.name.function.xi#92f0ff
entity.name.class.xi#fb7da7
constant.character.character-class.regexp.xi#f6efff
constant.regexp.xi#fb7da7
keyword.control.xi#fb7da7
invalid.xi#ffffff
beginning.punctuation.definition.quote.markdown.xi#f9f27c
beginning.punctuation.definition.list.markdown.xi#7f848e
constant.character.xi#87ffc7
accent.xi#87ffc7
wikiword.xi#a198e6
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#7f848e
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#92f0ff
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#f6efff
meta.brace.square#ffffff
comment, punctuation.definition.comment#7f848eitalic
markup.quote.markdown#7f848e
punctuation.definition.block.sequence.item.yaml#ffffff
constant.language.symbol.elixir#fb7da7
entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.superitalic
comment.line.double-slash,comment.block.documentationitalic
keyword.control.import.python,keyword.control.flow.pythonitalic
markup.italic.markdownitalic

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

NightBlue - Coding Theme