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.activeBackground#00000000
  • activityBar.background#fcc22d
  • activityBar.border#00000000
  • activityBar.foreground#000000
  • activityBar.inactiveForeground#ffffff
  • activityBarBadge.background#ffffff
  • activityBarBadge.foreground#000000
  • badge.background#c4c4c4
  • badge.foreground#00000000
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#fcc22d
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#000000
  • button.background#000000
  • button.foreground#ffffff
  • button.hoverBackground#303030
  • button.secondaryBackground#565656
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#777777
  • checkbox.background#fcc22d
  • checkbox.border#00000055
  • checkbox.foreground#000000
  • debugExceptionWidget.background#f3f3f3
  • debugExceptionWidget.border#d5d5d5
  • debugToolBar.background#f3f3f3
  • debugToolBar.border#d5d5d5
  • diffEditor.border#d7d7d7
  • diffEditor.insertedTextBackground#51e2005c
  • diffEditor.insertedTextBorder#00000000
  • diffEditor.removedTextBackground#db000046
  • diffEditor.removedTextBorder#00000000
  • dropdown.background#fcc22d
  • dropdown.border#00000055
  • dropdown.foreground#000000
  • editor.background#fcc22d
  • editor.findMatchBackground#3f66b652
  • editor.findMatchBorder#3063c8
  • editor.findMatchHighlightBackground#fcc22d
  • editor.findMatchHighlightBorder#3063c8
  • editor.findRangeHighlightBackground#eab120
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#00000010
  • editor.foreground#000000
  • editor.hoverHighlightBackground#2d57fc40
  • editor.inactiveSelectionBackground#00000000
  • editor.lineHighlightBackground#00000010
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#fdff0033
  • editor.rangeHighlightBorder#6030c7
  • editor.selectionBackground#00000030
  • editor.selectionHighlightBackground#628bde
  • editor.selectionHighlightBorder#3063c8
  • editor.wordHighlightBackground#fcc22d
  • editor.wordHighlightBorder#000000
  • editor.wordHighlightStrongBackground#fcc22d
  • editor.wordHighlightStrongBorder#3063c8
  • editorBracketMatch.background#000000
  • editorBracketMatch.border#000000
  • editorCodeLens.foreground#000000
  • editorCursor.background#ffffff
  • editorCursor.foreground#000000
  • editorError.background#cc454550
  • editorError.border#00000000
  • editorError.foreground#ffffff00
  • editorGroup.border#000000
  • editorGroup.emptyBackground#fcc22d
  • editorGroupHeader.border#00000000
  • editorGroupHeader.tabsBackground#fcc22d
  • editorGroupHeader.tabsBorder#00000000
  • editorGutter.addedBackground#57c26a
  • editorGutter.background#fcc22d
  • editorGutter.commentRangeForeground#000000
  • editorGutter.deletedBackground#d14a50
  • editorGutter.foldingControlForeground#000000
  • editorGutter.modifiedBackground#3063c8
  • editorHoverWidget.background#fcc22d
  • editorHoverWidget.border#000000
  • editorHoverWidget.foreground#00000091
  • editorIndentGuide.activeBackground#000000
  • editorIndentGuide.background#000000
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#7045cc
  • editorLineNumber.activeForeground#000000
  • editorLineNumber.foreground#000000
  • editorLink.activeForeground#ffffff
  • editorMarkerNavigation.background#ffffff
  • editorMarkerNavigationError.background#e51400
  • editorMarkerNavigationInfo.background#3063c8
  • editorMarkerNavigationWarning.background#fcc22d
  • editorOverviewRuler.background#fcc22d
  • editorOverviewRuler.border#fcc22d
  • editorRuler.foreground#00000020
  • editorSuggestWidget.background#fcc22d
  • editorSuggestWidget.border#000000
  • editorSuggestWidget.foreground#000000
  • editorSuggestWidget.highlightForeground#000000
  • editorSuggestWidget.selectedBackground#e0ae2e
  • editorWarning.background#00000000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#7045cc
  • editorWhitespace.foreground#33333333
  • editorWidget.background#fcc22d
  • editorWidget.foreground#000000
  • editorWidget.resizeBorder#c7c7c7
  • focusBorder#000000
  • foreground#000000
  • gitDecoration.addedResourceForeground#769f1f
  • gitDecoration.conflictingResourceForeground#cd3838
  • gitDecoration.deletedResourceForeground#d1a126
  • gitDecoration.ignoredResourceForeground#c2a866
  • gitDecoration.modifiedResourceForeground#895503
  • gitDecoration.stageDeletedResourceForeground#cf3b3b
  • gitDecoration.stageModifiedResourceForeground#895503
  • gitDecoration.submoduleResourceForeground#1258a7
  • gitDecoration.untrackedResourceForeground#769f1f
  • icon.foreground#000000
  • input.background#fcc22d
  • input.border#00000055
  • input.foreground#000000
  • input.placeholderForeground#00000050
  • inputOption.activeBackground#00000050
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#000000
  • list.activeSelectionBackground#000000
  • list.activeSelectionForeground#f9f9f9
  • list.dropBackground#00000000
  • list.focusBackground#000000
  • list.focusForeground#ffffff
  • list.highlightForeground#ffffff
  • list.hoverBackground#00000000
  • list.hoverForeground#616161
  • list.inactiveSelectionBackground#000000
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#3063c8
  • listFilterWidget.noMatchesOutline#00000000
  • listFilterWidget.outline#00000000
  • menu.background#fcc22d
  • menu.border#00000085
  • menu.foreground#000000
  • menu.selectionBackground#000000
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#e6b025
  • menubar.selectionBackground#ffffff
  • menubar.selectionBorder#00000000
  • menubar.selectionForeground#fcc22d
  • merge.commonContentBackground#E5E5E5
  • merge.commonHeaderBackground#c0c0c0
  • merge.currentContentBackground#afb2b8
  • merge.currentHeaderBackground#7c98d1
  • merge.incomingContentBackground#b69cec
  • merge.incomingHeaderBackground#a38cd5
  • minimap.background#fcc22d
  • minimap.errorHighlight#ffffff00
  • minimap.findMatchHighlight#3f66b652
  • minimap.selectionHighlight#00000030
  • minimap.warningHighlight#7045cc
  • minimapGutter.addedBackground#57c26a
  • minimapGutter.deletedBackground#d14a50
  • minimapGutter.modifiedBackground#3063c8
  • 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#fcc22d
  • panel.border#00000010
  • panelSection.border#00000010
  • panelTitle.activeBorder#000000
  • panelTitle.activeForeground#000000
  • panelTitle.inactiveForeground#000000
  • peekView.border#000000
  • peekViewEditor.background#fcc22d
  • peekViewEditor.matchHighlightBackground#fcc22d
  • peekViewEditor.matchHighlightBorder#00000000
  • peekViewEditorGutter.background#fcc22d
  • peekViewResult.background#e0ad2b
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#ffffff
  • peekViewResult.matchHighlightBackground#a98935
  • peekViewResult.selectionBackground#f0c34e
  • peekViewResult.selectionForeground#000000
  • peekViewTitle.background#000000
  • peekViewTitleDescription.foreground#ffffff
  • peekViewTitleLabel.foreground#d1d1d1
  • pickerGroup.border#00000000
  • pickerGroup.foreground#ffffff
  • progressBar.background#ffffff
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#00000000
  • scrollbarSlider.background#f2b413
  • scrollbarSlider.hoverBackground#00000000
  • selection.background#000000
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#000000
  • sideBar.background#fcc22d
  • sideBar.border#00000010
  • sideBar.dropBackground#00000000
  • sideBar.foreground#000000
  • sideBarSectionHeader.background#fcc22d
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#fffafa
  • sideBarTitle.foreground#000000
  • statusBar.background#fcc22d
  • statusBar.border#00000000
  • statusBar.debuggingBackground#fcc22d
  • statusBar.debuggingBorder#00000000
  • statusBar.debuggingForeground#000000
  • statusBar.foreground#000000
  • statusBar.noFolderBackground#fcc22d
  • statusBar.noFolderBorder#00000000
  • statusBar.noFolderForeground#000000
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#00000000
  • statusBarItem.remoteBackground#fcc22d
  • statusBarItem.remoteForeground#000000
  • tab.activeBackground#eab428
  • tab.activeBorder#000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#000000
  • tab.border#fcc22d10
  • tab.hoverBackground#00000010
  • tab.inactiveBackground#fcc22d
  • tab.inactiveForeground#000000
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#000000
  • terminal.ansiBrightBlack#ffffff
  • terminal.ansiBrightBlue#ffffff
  • terminal.ansiBrightCyan#ffffff
  • terminal.ansiBrightGreen#ffffff
  • terminal.ansiBrightMagenta#ffffff
  • terminal.ansiBrightRed#ffffff
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ffffff
  • terminal.ansiCyan#000000
  • terminal.ansiGreen#000000
  • terminal.ansiMagenta#000000
  • terminal.ansiRed#000000
  • terminal.ansiWhite#ffffff
  • terminal.ansiYellow#000000
  • terminal.border#00000010
  • terminal.foreground#000000
  • terminal.selectionBackground#00000020
  • terminalCursor.background#000000
  • terminalCursor.foreground#ffffff
  • textLink.foreground#ffffff
  • titleBar.activeBackground#fcc22d
  • titleBar.activeForeground#000000
  • titleBar.border#00000000
  • titleBar.inactiveBackground#fcc22d
  • titleBar.inactiveForeground#000000
  • tree.indentGuidesStroke#000000
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000050

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