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.background#f9f5ed
  • activityBar.foreground#3d7d3d
  • activityBar.inactiveForeground#85a78476
  • activityBarBadge.background#58815799
  • activityBarBadge.foreground#dad9d8
  • badge.background#c4c4c4
  • badge.foreground#dad9d8
  • breadcrumb.activeSelectionForeground#588157
  • breadcrumb.background#f9f5ed
  • breadcrumb.focusForeground#588157
  • breadcrumb.foreground#6b6b6b8b
  • button.background#588157
  • button.foreground#ffffff
  • button.hoverBackground#182618
  • button.secondaryBackground#2f3e33
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#182618
  • checkbox.background#f2efe9
  • checkbox.border#00000000
  • checkbox.foreground#6b6b6b
  • debugExceptionWidget.background#202820
  • debugExceptionWidget.border#3d583c
  • debugToolBar.background#202820
  • debugToolBar.border#3d583c
  • diffEditor.border#d7d7d7
  • diffEditor.insertedTextBackground#41ab2a33
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#f2efe9
  • dropdown.border#00000000
  • dropdown.foreground#6b6b6b
  • editor.background#f9f5ed
  • editor.findMatchBackground#b2c4b2
  • editor.findMatchBorder#a0b2a0
  • editor.findMatchHighlightBackground#966e5455
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#ced7cd66
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#bbe4b24d
  • editor.foreground#000000
  • editor.hoverHighlightBackground#caffad26
  • editor.inactiveSelectionBackground#cbcfc9
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#eeeeee00
  • editor.rangeHighlightBackground#b1c9a466
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#becdb4
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#313f31
  • editor.wordHighlightBackground#57575740
  • editor.wordHighlightStrongBackground#326b1840
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#b9b9b9
  • editorCodeLens.foreground#999999
  • editorCursor.background#649462
  • editorCursor.foreground#1b2a19
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#d0676c
  • editorGroup.border#e7e7e7
  • editorGroup.emptyBackground#f9f5ed
  • editorGroupHeader.tabsBackground#f9f5ed
  • editorGroupHeader.tabsBorder#00000000
  • editorGutter.addedBackground#81b88b80
  • editorGutter.background#f9f5ed
  • editorGutter.commentRangeForeground#42424260
  • editorGutter.deletedBackground#ca4b5174
  • editorGutter.foldingControlForeground#42424260
  • editorGutter.modifiedBackground#66afe078
  • editorHoverWidget.background#f7f1e6
  • editorHoverWidget.border#dedcdc
  • editorHoverWidget.foreground#6b6b6b
  • editorIndentGuide.activeBackground#c4c3c3
  • editorIndentGuide.background#d7d7d7
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#add7ff
  • editorLineNumber.activeForeground#5c5b5b8b
  • editorLineNumber.foreground#b0b0b08b
  • editorLink.activeForeground#5858f0
  • editorMarkerNavigation.background#f5eee0
  • editorMarkerNavigationError.background#d0676c
  • editorMarkerNavigationInfo.background#588157
  • editorMarkerNavigationWarning.background#e9a700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#e0e0e0
  • editorSuggestWidget.background#f9f5ed
  • editorSuggestWidget.border#e4e4e4
  • editorSuggestWidget.foreground#6b6b6b
  • editorSuggestWidget.highlightForeground#588157
  • editorSuggestWidget.selectedBackground#58815726
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#f2bc3b
  • editorWhitespace.foreground#33333333
  • editorWidget.background#f9f5ed
  • editorWidget.foreground#6b6b6b
  • editorWidget.resizeBorder#202820
  • focusBorder#d1cfc7
  • 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#f2efe9
  • input.border#00000000
  • input.foreground#6b6b6b
  • input.placeholderForeground#b8b8b8
  • inputOption.activeBackground#63626b24
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#6b6b6b
  • list.activeSelectionBackground#58815726
  • list.activeSelectionForeground#6b6b6b
  • list.dropBackground#58815726
  • list.focusBackground#58815726
  • list.focusForeground#6b6b6b
  • list.highlightForeground#588157
  • list.hoverBackground#58815726
  • list.hoverForeground#6b6b6b
  • list.inactiveSelectionBackground#828c8226
  • list.inactiveSelectionForeground#807e7e
  • listFilterWidget.background#dbdbdb
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#f9f5ed
  • menu.border#e2e2e2
  • menu.foreground#6b6b6b
  • menu.selectionBackground#58815726
  • menu.selectionBorder#00000000
  • menu.selectionForeground#6b6b6b
  • menu.separatorBackground#e2e2e2
  • menubar.selectionBackground#58815726
  • menubar.selectionBorder#ff000000
  • menubar.selectionForeground#6b6b6b
  • merge.commonContentBackground#E5E5E5
  • merge.commonHeaderBackground#BFBFBF
  • merge.currentContentBackground#defbf5
  • merge.currentHeaderBackground#adeadc
  • merge.incomingContentBackground#DBECFF
  • merge.incomingHeaderBackground#c1deff
  • minimap.background#f9f5ed
  • minimap.errorHighlight#d0676c
  • minimap.findMatchHighlight#b2c4b2
  • minimap.selectionHighlight#becdb4
  • minimap.warningHighlight#f2bc3b
  • minimapGutter.addedBackground#81b88b80
  • minimapGutter.deletedBackground#ca4b5174
  • minimapGutter.modifiedBackground#66afe078
  • notificationCenter.border#6c776c95
  • notificationCenterHeader.background#cfd9ce
  • notificationCenterHeader.foreground#588157
  • notifications.background#f9f5ed
  • notifications.border#6c776c95
  • notifications.foreground#6b6b6b
  • notificationsErrorIcon.foreground#d0679d
  • notificationsInfoIcon.foreground#588157
  • notificationsWarningIcon.foreground#e9a700
  • notificationToast.border#6c776c95
  • panel.background#f9f5ed
  • panel.border#80808059
  • panelSection.border#c0c0c059
  • panelTitle.activeBorder#6b6b6b
  • panelTitle.activeForeground#6b6b6b
  • panelTitle.inactiveForeground#6b6b6b8b
  • peekView.border#588157
  • peekViewEditor.background#e2e2e2
  • peekViewEditor.matchHighlightBackground#a4e686de
  • peekViewEditor.matchHighlightBorder#5bd35d
  • peekViewEditorGutter.background#e2e2e2
  • peekViewResult.background#e2e2e2
  • peekViewResult.fileForeground#1e1e1e
  • peekViewResult.lineForeground#646465
  • peekViewResult.matchHighlightBackground#1c86134d
  • peekViewResult.selectionBackground#48c92d33
  • peekViewResult.selectionForeground#6c6c6c
  • peekViewTitle.background#e2e2e2
  • peekViewTitleDescription.foreground#616161e6
  • peekViewTitleLabel.foreground#333333
  • pickerGroup.border#95a98cd1
  • pickerGroup.foreground#8db07d
  • progressBar.background#588157
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#10241030
  • scrollbarSlider.background#58815718
  • scrollbarSlider.hoverBackground#10241030
  • selection.background#5881578b
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#616161
  • sideBar.background#f9f5ed
  • sideBar.dropBackground#58815726
  • sideBar.foreground#6b6b6b
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#61616100
  • sideBarSectionHeader.foreground#6b6b6b
  • sideBarTitle.foreground#6b6b6b
  • statusBar.background#f9f5ed
  • statusBar.debuggingBackground#202820
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#6b6b6b
  • statusBar.noFolderBackground#f9f5ed
  • statusBar.noFolderForeground#6b6b6b
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#181b18
  • statusBarItem.remoteForeground#62665f
  • tab.activeBackground#58815726
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#6b6b6b
  • tab.border#ffffff00
  • tab.hoverBackground#58815726
  • tab.inactiveBackground#f9f5ed
  • tab.inactiveForeground#6b6b6b
  • 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#c0c0c059
  • terminal.foreground#333333
  • terminal.selectionBackground#3c413c4d
  • terminalCursor.background#588157
  • terminalCursor.foreground#ffffff
  • textLink.foreground#6ca96c
  • titleBar.activeBackground#f9f5ed
  • titleBar.activeForeground#6b6b6b
  • titleBar.border#00000000
  • titleBar.inactiveBackground#eeeae3
  • titleBar.inactiveForeground#33333399
  • tree.indentGuidesStroke#e2e1e1
  • 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#31362e
variable.other.generic-type.haskell#949494
storage.type.haskell#437542
support.variable.magic.python#31362e
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#000000
variable.parameter.function.language.special.self.python#31362e
storage.modifier.lifetime.rust#000000
support.function.std.rust#58ad28
entity.name.lifetime.rust#31362e
variable.language.rust#31362e
support.constant.edge#949494
constant.other.character-class.regexp#31362e
keyword.operator.quantifier.regexp#437542
punctuation.definition.string.begin,punctuation.definition.string.end#437542
variable.parameter.function#000000
comment markup.link#c2c2c2
markup.changed.diff#31362e
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#58ad28
markup.inserted.diff#437542
markup.deleted.diff#31362e
meta.function.c,meta.function.cpp#31362e
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#58ad28
support.constant.math#31362e
support.constant.property.math#437542
variable.other.constant#31362e
storage.type.annotation.java, storage.type.object.array.java#31362e
source.java#31362e
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#58ad28
storage.modifier.import.java,storage.type.java,storage.type.generic.java#31362e
keyword.operator.instanceof.java#949494
meta.definition.variable.name.java#31362e
keyword.operator.logical#949494
keyword.operator.bitwise#949494
keyword.operator.channel#949494
support.constant.property-value.scss,support.constant.property-value.css#437542
keyword.operator.css,keyword.operator.scss,keyword.operator.less#949494
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#437542
punctuation.separator.list.comma.css#000000
support.constant.color.w3c-standard-color-name.css#437542
support.type.vendored.property-name.css#949494
support.module.node,support.type.object.module,support.module.node#31362e
entity.name.type.module#31362e
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#31362e
support.constant.json#437542
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#949494
support.type.object.console#31362e
support.variable.property.process#437542
entity.name.function,support.function.console#58ad28
keyword.operator.misc.rust#000000
keyword.operator.sigil.rust#949494
keyword.operator.delete#949494
support.type.object.dom#949494
support.variable.dom,support.variable.property.dom#31362e
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#949494
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#949494
punctuation.separator.delimiter#000000
punctuation.separator.c,punctuation.separator.cpp#949494
support.type.posix-reserved.c,support.type.posix-reserved.cpp#949494
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#949494
variable.parameter.function.language.python#437542
support.type.python#949494
keyword.operator.logical.python#949494
variable.parameter.function.python#437542
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#58ad28
constant.character.format.placeholder.other.python#437542
keyword.operator#000000
keyword.operator.assignment.compound#949494
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#949494
keyword#949494
entity.name.namespace#31362e
variable#31362e
variable.c#000000
variable.language#31362e
token.variable.parameter.java#000000
import.storage.java#31362e
token.package.keyword#949494
token.package#000000
entity.name.function, meta.require, support.function.any-method, variable.function#58ad28
entity.name.type.namespace#31362e
support.class, entity.name.type.class#31362e
entity.name.class.identifier.namespace.type#31362e
entity.name.class, variable.other.class.js, variable.other.class.ts#31362e
variable.other.class.php#31362e
entity.name.type#31362e
keyword.control#949494
control.elements, keyword.operator.less#437542
keyword.other.special-method#58ad28
storage#949494
token.storage#949494
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#949494
token.storage.type.java#31362e
support.function#949494
support.type.property-name#000000
support.constant.property-value#000000
support.constant.font-name#437542
meta.tag#000000
string#437542
entity.other.inherited-class#31362e
constant.other.symbol#949494
constant.numeric#437542
constant#437542
punctuation.definition.constant#437542
entity.name.tag#31362e
entity.other.attribute-name#437542
entity.other.attribute-name.id#58ad28normal
entity.other.attribute-name.class.css#437542normal
meta.selector#949494
markup.heading#31362e
markup.heading punctuation.definition.heading, entity.name.section#58ad28
keyword.other.unit#31362e
markup.bold,todo.bold#437542
punctuation.definition.bold#31362e
markup.italic, punctuation.definition.italic,todo.emphasis#949494
emphasis md#949494
entity.name.section.markdown#31362e
punctuation.definition.heading.markdown#31362e
punctuation.definition.list.begin.markdown#31362e
markup.heading.setext#000000
punctuation.definition.bold.markdown#437542
markup.inline.raw.markdown#437542
markup.inline.raw.string.markdown#437542
punctuation.definition.list.markdown#31362e
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#31362e
beginning.punctuation.definition.list.markdown#31362e
punctuation.definition.metadata.markdown#31362e
markup.underline.link.markdown,markup.underline.link.image.markdown#949494
string.other.link.title.markdown,string.other.link.description.markdown#58ad28
string.regexp#949494
constant.character.escape#949494
punctuation.section.embedded, variable.interpolation#31362e
punctuation.section.embedded.begin,punctuation.section.embedded.end#949494
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#31362e
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#31362e
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#437542
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#949494
support.type.property-name.json#31362e
support.type.property-name.json punctuation#31362e
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#949494
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#949494
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#31362e
keyword.operator.error-control.php#949494
keyword.operator.type.php#949494
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#31362e
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#58ad28
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#437542
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#437542
entity.name.goto-label.php,support.other.php#58ad28
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#949494
keyword.operator.regexp.php#949494
keyword.operator.comparison.php#949494
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#949494
meta.function.decorator.python#58ad28
support.token.decorator.python,meta.function.decorator.identifier.python#949494
function.parameter#000000
function.brace#000000
function.parameter.ruby, function.parameter.cs#000000
constant.language.symbol.ruby#949494
rgb-value#949494
inline-color-decoration rgb-value#437542
less rgb-value#437542
selector.sass#31362e
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#31362e
block.scope.end,block.scope.begin#000000
storage.type.cs#31362e
entity.name.variable.local.cs#31362e
token.info-token#58ad28
token.warn-token#437542
token.error-token#f44747
token.debug-token#949494
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#949494
meta.template.expression#000000
keyword.operator.module#949494
support.type.type.flowtype#58ad28
support.type.primitive#31362e
meta.property.object#31362e
variable.parameter.function.js#31362e
keyword.other.template.begin#437542
keyword.other.template.end#437542
keyword.other.substitution.begin#437542
keyword.other.substitution.end#437542
keyword.operator.assignment#949494
keyword.operator.assignment.go#31362e
keyword.operator.arithmetic.go, keyword.operator.address.go#949494
entity.name.package.go#31362e
support.type.prelude.elm#949494
support.constant.elm#437542
punctuation.quasi.element#949494
constant.character.entity#31362e
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#949494
entity.global.clojure#31362e
meta.symbol.clojure#31362e
constant.keyword.clojure#949494
meta.arguments.coffee, variable.parameter.function.coffee#31362e
source.ini#437542
meta.scope.prerequisites.makefile#31362e
source.makefile#31362e
storage.modifier.import.groovy#31362e
meta.method.groovy#58ad28
meta.definition.variable.name.groovy#31362e
meta.definition.class.inherited.classes.groovy#437542
support.variable.semantic.hlsl#31362e
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#949494
text.variable, text.bracketed#31362e
support.type.swift, support.type.vb.asp#31362e
entity.name.function.xi#31362e
entity.name.class.xi#949494
constant.character.character-class.regexp.xi#31362e
constant.regexp.xi#949494
keyword.control.xi#949494
invalid.xi#000000
beginning.punctuation.definition.quote.markdown.xi#437542
beginning.punctuation.definition.list.markdown.xi#c2c2c2
constant.character.xi#58ad28
accent.xi#58ad28
wikiword.xi#437542
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#c2c2c2
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#31362e
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#31362e
meta.brace.square#000000
comment, punctuation.definition.comment#c2c2c2italic
markup.quote.markdown#c2c2c2
punctuation.definition.block.sequence.item.yaml#000000
constant.language.symbol.elixir#949494
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...