Skip to main content
CodingTheme

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#6795de
  • activityBar.background#5d6b99
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#007acc
  • activityBarBadge.foreground#ffffff
  • badge.background#c4c4c4
  • badge.foreground#333333
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#d4d9d9
  • breadcrumb.focusForeground#4e4e4e
  • breadcrumb.foreground#616161cc
  • button.background#007acc
  • button.foreground#ffffff
  • button.hoverBackground#0062a3
  • button.secondaryBackground#5f6a79
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#4c5561
  • checkbox.background#ffffff
  • checkbox.border#00000000
  • checkbox.foreground#616161
  • debugExceptionWidget.background#f3f3f3
  • debugExceptionWidget.border#d5d5d5
  • debugToolBar.background#f3f3f3
  • debugToolBar.border#d5d5d5
  • diffEditor.border#d7d7d7
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#ffffff
  • dropdown.border#00000000
  • dropdown.foreground#616161
  • editor.background#eccb8e
  • editor.findMatchBackground#a8ac94
  • editor.findMatchBorder#979b83
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#b4b4b44d
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#add6ff4d
  • editor.foreground#000000
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#f6f7fa
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#eeeeee
  • editor.rangeHighlightBackground#fdff0033
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#8eaaab
  • editor.selectionHighlightBackground#add6ff80
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#57575740
  • editor.wordHighlightStrongBackground#0e639c40
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#b9b9b9
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff
  • editorCursor.foreground#000000
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#05a300
  • editorGroup.border#000000
  • editorGroup.emptyBackground#eccb8e
  • editorGroupHeader.border#ffbebe
  • editorGroupHeader.tabsBackground#e8e8e8
  • editorGutter.addedBackground#81b88b
  • editorGutter.background#eccb8e
  • editorGutter.commentRangeForeground#424242
  • editorGutter.deletedBackground#ca4b51
  • editorGutter.foldingControlForeground#424242
  • editorGutter.modifiedBackground#66afe0
  • editorHoverWidget.background#f3f3f3
  • editorHoverWidget.border#c8c8c8
  • editorHoverWidget.foreground#616161
  • editorIndentGuide.activeBackground#939393
  • editorIndentGuide.background#d3d3d3
  • editorInfo.background#4490BF00
  • editorInfo.border#3b98d100
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#ff0000
  • editorLineNumber.foreground#2f91af
  • editorLink.activeForeground#0000ff
  • editorMarkerNavigation.background#f0de7d
  • editorMarkerNavigationError.background#e51400
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#e9a700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#d3d3d3
  • editorSuggestWidget.background#f3f3f3
  • editorSuggestWidget.border#c8c8c8
  • editorSuggestWidget.foreground#000000
  • editorSuggestWidget.highlightForeground#0066bf
  • editorSuggestWidget.selectedBackground#d6ebff
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e9a700
  • editorWhitespace.foreground#33333333
  • editorWidget.background#f3f3f3
  • editorWidget.foreground#616161
  • editorWidget.resizeBorder#c7c7c7
  • focusBorder#0090f1
  • foreground#616161
  • gitDecoration.addedResourceForeground#587c0c
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#ad0707
  • gitDecoration.ignoredResourceForeground#8e8e90
  • gitDecoration.modifiedResourceForeground#895503
  • gitDecoration.stageDeletedResourceForeground#ad0707
  • gitDecoration.stageModifiedResourceForeground#895503
  • gitDecoration.submoduleResourceForeground#1258a7
  • gitDecoration.untrackedResourceForeground#007100
  • icon.foreground#616161
  • input.background#ffffff
  • input.border#00000000
  • input.foreground#616161
  • input.placeholderForeground#767676
  • inputOption.activeBackground#0090f133
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#000000
  • list.activeSelectionBackground#0060c0
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#d6ebff
  • list.focusBackground#d6ebff
  • list.focusForeground#616161
  • list.highlightForeground#0066bf
  • list.hoverBackground#e8e8e8
  • list.hoverForeground#616161
  • list.inactiveSelectionBackground#e4e6f1
  • list.inactiveSelectionForeground#616161
  • listFilterWidget.background#ffe8de
  • listFilterWidget.noMatchesOutline#9f3a30
  • listFilterWidget.outline#00000000
  • menu.background#ffffff
  • menu.border#00000085
  • menu.foreground#616161
  • menu.selectionBackground#0060c0
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#888888
  • menubar.selectionBackground#0000001a
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#E5E5E5
  • merge.commonHeaderBackground#BFBFBF
  • merge.currentContentBackground#DBF4EF
  • merge.currentHeaderBackground#A4E3D6
  • merge.incomingContentBackground#DBECFF
  • merge.incomingHeaderBackground#A6CFFF
  • minimap.background#eccb8e
  • minimap.errorHighlight#05a300
  • minimap.findMatchHighlight#a8ac94
  • minimap.selectionHighlight#8eaaab
  • minimap.warningHighlight#e9a700
  • minimapGutter.addedBackground#81b88b
  • minimapGutter.deletedBackground#ca4b51
  • minimapGutter.modifiedBackground#66afe0
  • notificationCenter.border#d5d5d5
  • notificationCenterHeader.background#e7e7e7
  • notificationCenterHeader.foreground#616161
  • notifications.background#f3f3f3
  • notifications.border#e7e7e7
  • notifications.foreground#616161
  • notificationsErrorIcon.foreground#e51400
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#e9a700
  • notificationToast.border#d5d5d5
  • panel.background#eac071
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#424242
  • panelTitle.activeForeground#424242
  • panelTitle.inactiveForeground#424242bf
  • peekView.border#007acc
  • peekViewEditor.background#f2f8fc
  • peekViewEditor.matchHighlightBackground#f5d802de
  • peekViewEditor.matchHighlightBorder#dbc417
  • peekViewEditorGutter.background#f2f8fc
  • peekViewResult.background#f3f3f3
  • peekViewResult.fileForeground#1e1e1e
  • peekViewResult.lineForeground#646465
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#6c6c6c
  • peekViewTitle.background#ffffff
  • peekViewTitleDescription.foreground#616161e6
  • peekViewTitleLabel.foreground#333333
  • pickerGroup.border#cccedb
  • pickerGroup.foreground#0066bf
  • progressBar.background#0e70c0
  • scrollbar.shadow#dddddd
  • scrollbarSlider.activeBackground#00000099
  • scrollbarSlider.background#64646466
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#b0daff
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#616161
  • sideBar.background#232f47
  • sideBar.border#ffeded
  • sideBar.dropBackground#d6ebff
  • sideBar.foreground#616161
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#61616130
  • sideBarSectionHeader.foreground#616161
  • sideBarTitle.foreground#6f6f6f
  • statusBar.background#3b4f81
  • statusBar.debuggingBackground#84b074
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#361409
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#3b4f81
  • statusBarItem.remoteForeground#361409
  • tab.activeBackground#ffffff
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#c48c8c
  • tab.border#f3f3f3
  • tab.inactiveBackground#ececec
  • tab.inactiveForeground#333333b3
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#0451a5
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#0451a5
  • terminal.ansiBrightCyan#0598bc
  • terminal.ansiBrightGreen#14ce14
  • terminal.ansiBrightMagenta#bc05bc
  • terminal.ansiBrightRed#cd3131
  • terminal.ansiBrightWhite#a5a5a5
  • terminal.ansiBrightYellow#b5ba00
  • terminal.ansiCyan#0598bc
  • terminal.ansiGreen#00bc00
  • terminal.ansiMagenta#bc05bc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#555555
  • terminal.ansiYellow#949800
  • terminal.border#80808059
  • terminal.foreground#0d5e5e
  • terminal.selectionBackground#00000040
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#006ab1
  • titleBar.activeBackground#ccd5f0
  • titleBar.activeForeground#102154
  • titleBar.border#00000000
  • titleBar.inactiveBackground#ccd5f0
  • titleBar.inactiveForeground#000206
  • tree.indentGuidesStroke#a9a9a9
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000029

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#25377f
variable.other.generic-type.haskell#2221e8
storage.type.haskell#171717
support.variable.magic.python#25377f
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#000000
variable.parameter.function.language.special.self.python#171717
storage.modifier.lifetime.rust#000000
support.function.std.rust#171717
entity.name.lifetime.rust#171717
variable.language.rust#25377f
support.constant.edge#2221e8
constant.other.character-class.regexp#25377f
keyword.operator.quantifier.regexp#171717
punctuation.definition.string.begin,punctuation.definition.string.end#9b1414
variable.parameter.function#000000
comment markup.link#008e10
markup.changed.diff#171717
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#171717
markup.inserted.diff#9b1414
markup.deleted.diff#25377f
meta.function.c,meta.function.cpp#25377f
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#000000
punctuation.separator.key-value#000000
keyword.operator.expression.import#171717
support.constant.math#171717
support.constant.property.math#171717
variable.other.constant#171717
storage.type.annotation.java, storage.type.object.array.java#171717
source.java#25377f
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#000000
meta.method.java#171717
storage.modifier.import.java,storage.type.java,storage.type.generic.java#171717
keyword.operator.instanceof.java#2221e8
meta.definition.variable.name.java#25377f
keyword.operator.logical#171717
keyword.operator.bitwise#171717
keyword.operator.channel#171717
support.constant.property-value.scss,support.constant.property-value.css#171717
keyword.operator.css,keyword.operator.scss,keyword.operator.less#171717
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#171717
punctuation.separator.list.comma.css#000000
support.constant.color.w3c-standard-color-name.css#171717
support.type.vendored.property-name.css#171717
support.module.node,support.type.object.module,support.module.node#171717
entity.name.type.module#171717
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#25377f
support.constant.json#171717
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#2221e8
support.type.object.console#25377f
support.variable.property.process#171717
entity.name.function,support.function.console#171717
keyword.operator.misc.rust#000000
keyword.operator.sigil.rust#2221e8
keyword.operator.delete#2221e8
support.type.object.dom#171717
support.variable.dom,support.variable.property.dom#25377f
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#171717
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#2221e8
punctuation.separator.delimiter#000000
punctuation.separator.c,punctuation.separator.cpp#2221e8
support.type.posix-reserved.c,support.type.posix-reserved.cpp#171717
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#2221e8
variable.parameter.function.language.python#171717
support.type.python#171717
keyword.operator.logical.python#2221e8
variable.parameter.function.python#171717
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#000000
meta.function-call.generic.python#171717
constant.character.format.placeholder.other.python#171717
keyword.operator#000000
keyword.operator.assignment.compound#2221e8
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#171717
keyword#2221e8
entity.name.namespace#171717
variable#25377f
variable.c#000000
variable.language#171717
token.variable.parameter.java#000000
import.storage.java#171717
token.package.keyword#2221e8
token.package#000000
entity.name.function, meta.require, support.function.any-method, variable.function#171717
entity.name.type.namespace#171717
support.class, entity.name.type.class#171717
entity.name.class.identifier.namespace.type#171717
entity.name.class, variable.other.class.js, variable.other.class.ts#171717
variable.other.class.php#25377f
entity.name.type#171717
keyword.control#2221e8
control.elements, keyword.operator.less#171717
keyword.other.special-method#171717
storage#2221e8
token.storage#2221e8
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#2221e8
token.storage.type.java#171717
support.function#171717
support.type.property-name#000000
support.constant.property-value#000000
support.constant.font-name#171717
meta.tag#000000
string#9b1414
entity.other.inherited-class#171717
constant.other.symbol#171717
constant.numeric#171717
constant#171717
punctuation.definition.constant#171717
entity.name.tag#25377f
entity.other.attribute-name#171717
entity.other.attribute-name.id#171717normal
entity.other.attribute-name.class.css#171717normal
meta.selector#2221e8
markup.heading#25377f
markup.heading punctuation.definition.heading, entity.name.section#171717
keyword.other.unit#25377f
markup.bold,todo.bold#171717
punctuation.definition.bold#171717
markup.italic, punctuation.definition.italic,todo.emphasis#2221e8
emphasis md#2221e8
entity.name.section.markdown#25377f
punctuation.definition.heading.markdown#25377f
punctuation.definition.list.begin.markdown#25377f
markup.heading.setext#000000
punctuation.definition.bold.markdown#171717
markup.inline.raw.markdown#9b1414
markup.inline.raw.string.markdown#9b1414
punctuation.definition.list.markdown#25377f
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#25377f
beginning.punctuation.definition.list.markdown#25377f
punctuation.definition.metadata.markdown#25377f
markup.underline.link.markdown,markup.underline.link.image.markdown#2221e8
string.other.link.title.markdown,string.other.link.description.markdown#171717
string.regexp#171717
constant.character.escape#171717
punctuation.section.embedded, variable.interpolation#25377f
punctuation.section.embedded.begin,punctuation.section.embedded.end#2221e8
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#000000
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#25377f
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#25377f
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#9b1414
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#171717
support.type.property-name.json#25377f
support.type.property-name.json punctuation#25377f
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#2221e8
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#2221e8
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#171717
keyword.operator.error-control.php#2221e8
keyword.operator.type.php#2221e8
punctuation.section.array.begin.php#000000
punctuation.section.array.end.php#000000
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#171717
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#171717
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#000000
support.constant.core.rust#171717
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#171717
entity.name.goto-label.php,support.other.php#171717
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#171717
keyword.operator.regexp.php#2221e8
keyword.operator.comparison.php#171717
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#2221e8
meta.function.decorator.python#171717
support.token.decorator.python,meta.function.decorator.identifier.python#171717
function.parameter#000000
function.brace#000000
function.parameter.ruby, function.parameter.cs#000000
constant.language.symbol.ruby#171717
rgb-value#171717
inline-color-decoration rgb-value#171717
less rgb-value#171717
selector.sass#25377f
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#171717
block.scope.end,block.scope.begin#000000
storage.type.cs#171717
entity.name.variable.local.cs#25377f
token.info-token#171717
token.warn-token#171717
token.error-token#f44747
token.debug-token#2221e8
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#2221e8
meta.template.expression#000000
keyword.operator.module#2221e8
support.type.type.flowtype#171717
support.type.primitive#171717
meta.property.object#25377f
variable.parameter.function.js#25377f
keyword.other.template.begin#9b1414
keyword.other.template.end#9b1414
keyword.other.substitution.begin#9b1414
keyword.other.substitution.end#9b1414
keyword.operator.assignment#171717
keyword.operator.assignment.go#171717
keyword.operator.arithmetic.go, keyword.operator.address.go#2221e8
entity.name.package.go#171717
support.type.prelude.elm#171717
support.constant.elm#171717
punctuation.quasi.element#2221e8
constant.character.entity#25377f
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#171717
entity.global.clojure#171717
meta.symbol.clojure#25377f
constant.keyword.clojure#171717
meta.arguments.coffee, variable.parameter.function.coffee#25377f
source.ini#9b1414
meta.scope.prerequisites.makefile#25377f
source.makefile#171717
storage.modifier.import.groovy#171717
meta.method.groovy#171717
meta.definition.variable.name.groovy#25377f
meta.definition.class.inherited.classes.groovy#9b1414
support.variable.semantic.hlsl#171717
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#2221e8
text.variable, text.bracketed#25377f
support.type.swift, support.type.vb.asp#171717
entity.name.function.xi#171717
entity.name.class.xi#171717
constant.character.character-class.regexp.xi#25377f
constant.regexp.xi#2221e8
keyword.control.xi#171717
invalid.xi#000000
beginning.punctuation.definition.quote.markdown.xi#9b1414
beginning.punctuation.definition.list.markdown.xi#008e10
constant.character.xi#171717
accent.xi#171717
wikiword.xi#171717
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#008e10
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#171717
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#25377f
meta.brace.square#000000
comment, punctuation.definition.comment#008e10italic
markup.quote.markdown#008e10
punctuation.definition.block.sequence.item.yaml#000000
constant.language.symbol.elixir#171717
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...