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#d9d8dd
  • activityBar.background#f6f5f7
  • activityBar.border#d9d8dd
  • activityBar.foreground#181226
  • activityBar.inactiveForeground#7c7690
  • activityBarBadge.background#4c455d
  • activityBarBadge.foreground#f6f5f7
  • badge.background#4c455d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#181226
  • breadcrumb.background#ffffff
  • breadcrumb.focusForeground#181226
  • breadcrumb.foreground#4c455d
  • button.background#4721b0
  • button.foreground#ffffff
  • button.hoverBackground#6139cf
  • button.secondaryBackground#4c455d
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#7a728e
  • checkbox.background#ffffff
  • checkbox.border#00000000
  • checkbox.foreground#4c455d
  • debugExceptionWidget.background#f3f3f3
  • debugExceptionWidget.border#d9d8dd
  • debugToolBar.background#f3f3f3
  • debugToolBar.border#d9d8dd
  • diffEditor.border#d7d7d7
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#ffffff
  • dropdown.border#00000000
  • dropdown.foreground#4c455d
  • editor.background#ffffff
  • editor.findMatchBackground#a8ac94
  • editor.findMatchBorder#979b83
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#b4b4b44d
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#a78fea48
  • editor.foreground#181226
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#4c455d20
  • editor.lineHighlightBackground#18122610
  • editor.lineHighlightBorder#eeeeee00
  • editor.rangeHighlightBackground#fdff0033
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#d4ccea
  • editor.selectionHighlightBackground#c3adfd80
  • editor.selectionHighlightBorder#544875
  • editor.wordHighlightBackground#57575740
  • editor.wordHighlightStrongBackground#0e639c40
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#b9b9b9
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff
  • editorCursor.foreground#181226
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#e4363b
  • editorGroup.border#e7e7e7
  • editorGroup.emptyBackground#ffffff
  • editorGroupHeader.border#d9d8dd
  • editorGroupHeader.tabsBackground#f6f5f7
  • editorGutter.addedBackground#81b88b
  • editorGutter.background#ffffff
  • editorGutter.commentRangeForeground#424242
  • editorGutter.deletedBackground#ca4b51
  • editorGutter.foldingControlForeground#424242
  • editorGutter.modifiedBackground#66afe0
  • editorHoverWidget.background#f3f3f3
  • editorHoverWidget.border#c8c8c8
  • editorHoverWidget.foreground#616161
  • editorIndentGuide.activeBackground1#18122672
  • editorIndentGuide.background1#18122628
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#0086dc
  • editorLineNumber.activeForeground#181226
  • editorLineNumber.foreground#4c455d
  • editorLink.activeForeground#00498a
  • editorMarkerNavigation.background#ffffff
  • editorMarkerNavigationError.background#e51400
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#e9a700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#18122628
  • editorSuggestWidget.background#f3f3f3
  • editorSuggestWidget.border#c8c8c8
  • editorSuggestWidget.foreground#000000
  • editorSuggestWidget.highlightForeground#0066bf
  • editorSuggestWidget.selectedBackground#d6ebff
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#be6800
  • editorWhitespace.foreground#18122633
  • editorWidget.background#f6f5f7
  • editorWidget.foreground#4c455d
  • editorWidget.resizeBorder#f6f5f7
  • focusBorder#4721b0
  • foreground#181226
  • gitDecoration.addedResourceForeground#00582f
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#ad0707
  • gitDecoration.ignoredResourceForeground#8e8e90
  • gitDecoration.modifiedResourceForeground#4721b0
  • gitDecoration.stageDeletedResourceForeground#ad0707
  • gitDecoration.stageModifiedResourceForeground#724cdb
  • gitDecoration.submoduleResourceForeground#1258a7
  • gitDecoration.untrackedResourceForeground#0d9254
  • icon.foreground#181226
  • input.background#ffffff
  • input.border#00000000
  • input.foreground#4c455d
  • input.placeholderForeground#7c7690
  • inputOption.activeBackground#4721b03a
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#181226
  • list.activeSelectionBackground#e1d6ff
  • list.activeSelectionForeground#181226
  • list.dropBackground#e1d6ff
  • list.errorForeground#e4363b
  • list.focusBackground#e1d6ff
  • list.focusForeground#181226
  • list.highlightForeground#4721b0
  • list.hoverBackground#e6e5ea
  • list.hoverForeground#181226
  • list.inactiveSelectionBackground#d9d8ddc5
  • list.inactiveSelectionForeground#616161
  • list.warningForeground#be6800
  • listFilterWidget.background#efc1ad
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#ffffff
  • menu.border#d9d8dd
  • menu.foreground#4c455d
  • menu.selectionBackground#e6e5ea
  • menu.selectionBorder#00000000
  • menu.selectionForeground#181226
  • menu.separatorBackground#d9d8dd
  • menubar.selectionBackground#e6e5ea
  • menubar.selectionForeground#4c455d
  • merge.commonContentBackground#00000020
  • merge.commonHeaderBackground#00000040
  • merge.currentContentBackground#00ffcc20
  • merge.currentHeaderBackground#00ffcc40
  • merge.incomingContentBackground#0077ff20
  • merge.incomingHeaderBackground#0077ff40
  • minimap.background#ffffff
  • minimap.errorHighlight#e4363b
  • minimap.findMatchHighlight#d4ff0020
  • minimap.selectionHighlight#4400ff20
  • minimap.warningHighlight#be6800
  • minimapGutter.addedBackground#81b88b
  • minimapGutter.deletedBackground#ca4b51
  • minimapGutter.modifiedBackground#66afe0
  • notificationCenter.border#d9d8dd
  • notificationCenterHeader.background#f6f5f7
  • notificationCenterHeader.foreground#4c455d
  • notifications.background#ffffff
  • notifications.border#d9d8dd
  • notifications.foreground#7c7690
  • notificationsErrorIcon.foreground#e4363b
  • notificationsInfoIcon.foreground#0086dc
  • notificationsWarningIcon.foreground#be6800
  • notificationToast.border#d9d8dd
  • panel.background#f6f5f7
  • panel.border#d9d8dd
  • panelSection.border#d9d8dd
  • panelTitle.activeBorder#181226
  • panelTitle.activeForeground#181226
  • panelTitle.inactiveForeground#4c455d
  • 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#d9d8dd
  • pickerGroup.foreground#4721b0
  • progressBar.background#4721b0
  • scrollbar.shadow#b6b5ba
  • scrollbarSlider.activeBackground#00000099
  • scrollbarSlider.background#64646466
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#e1d6ff
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#181226
  • sideBar.background#f6f5f7
  • sideBar.border#d9d8dd
  • sideBar.dropBackground#e1d6ff
  • sideBar.foreground#4c455d
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#d9d8dd
  • sideBarSectionHeader.foreground#4c455d
  • sideBarTitle.foreground#181226
  • statusBar.background#f6f5f7
  • statusBar.border#d9d8dd
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#4c455d
  • statusBar.noFolderBackground#f6f5f7
  • statusBar.noFolderForeground#4c455d
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#0000001f
  • statusBarItem.remoteBackground#f6f5f7
  • statusBarItem.remoteForeground#4c455d
  • tab.activeBackground#ffffff
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#181226
  • tab.border#d9d8dd
  • tab.hoverForeground#4c455d
  • tab.inactiveBackground#f6f5f7
  • tab.inactiveForeground#7c7690
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#0136b5
  • terminal.ansiBrightBlack#4c455d
  • terminal.ansiBrightBlue#0136b5
  • terminal.ansiBrightCyan#005267
  • terminal.ansiBrightGreen#005835
  • terminal.ansiBrightMagenta#4721b0
  • terminal.ansiBrightRed#881700
  • terminal.ansiBrightWhite#181226
  • terminal.ansiBrightYellow#5b4600
  • terminal.ansiCyan#005267
  • terminal.ansiGreen#005835
  • terminal.ansiMagenta#4721b0
  • terminal.ansiRed#881700
  • terminal.ansiWhite#181226
  • terminal.ansiYellow#5b4600
  • terminal.border#d9d8dd
  • terminal.foreground#181226
  • terminal.selectionBackground#4721b024
  • terminalCursor.background#ffffff
  • terminalCursor.foreground#181226
  • textLink.foreground#4721b0
  • titleBar.activeBackground#f6f5f7
  • titleBar.activeForeground#4c455d
  • titleBar.border#d9d8dd
  • titleBar.inactiveBackground#f6f5f7
  • titleBar.inactiveForeground#4c455d
  • tree.indentGuidesStroke#d9d8dd
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000038

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