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#78638f
  • activityBar.background#33194d
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#008c95
  • activityBarBadge.foreground#ffffff
  • badge.background#ee5340
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#43315100
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#ee5340
  • button.foreground#ffffff
  • button.hoverBackground#9f382b
  • button.secondaryBackground#cccccc
  • button.secondaryForeground#33194d
  • button.secondaryHoverBackground#ababab
  • checkbox.background#78638f
  • checkbox.border#00000000
  • checkbox.foreground#ffffff
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#008c953c
  • diffEditor.removedTextBackground#ee534048
  • dropdown.background#78638f
  • dropdown.border#00000000
  • dropdown.foreground#ffffff
  • editor.background#34343d
  • editor.findMatchBackground#ee53407e
  • editor.findMatchBorder#ee5340
  • editor.findMatchHighlightBackground#ee53405c
  • editor.findMatchHighlightBorder#ee534078
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#bc757500
  • editor.foldBackground#78638f60
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#78638fd5
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#ffffff12
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#5c397778
  • editor.selectionHighlightBackground#008c9570
  • editor.selectionHighlightBorder#008c95
  • editor.wordHighlightBackground#75f3fb66
  • editor.wordHighlightStrongBackground#008c95
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#fb000000
  • editorCursor.foreground#78638f
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#c0665b
  • editorGroup.border#444444
  • editorGroup.emptyBackground#34343d
  • editorGroupHeader.tabsBackground#5c3977
  • editorGroupHeader.tabsBorder#ffffff00
  • editorGutter.addedBackground#8eab51
  • editorGutter.background#34343d
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#d35056
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#4a9094
  • editorHoverWidget.background#1a112a
  • editorHoverWidget.border#78638f
  • editorHoverWidget.foreground#f5f5f5
  • editorIndentGuide.activeBackground#f9bd61
  • editorIndentGuide.background#78638fd5
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#599396
  • editorLineNumber.activeForeground#ee5340
  • editorLineNumber.foreground#b193d3
  • editorLink.activeForeground#008c95
  • editorMarkerNavigation.background#1a112a
  • editorMarkerNavigationError.background#ee5340
  • editorMarkerNavigationInfo.background#008c95
  • editorMarkerNavigationWarning.background#ffbf26
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#78638f
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#d39d58
  • editorWhitespace.foreground#ffffff29
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#5c3977
  • foreground#cccccc
  • gitDecoration.addedResourceForeground#81db60
  • gitDecoration.conflictingResourceForeground#9d9dff
  • gitDecoration.deletedResourceForeground#ee5340
  • gitDecoration.ignoredResourceForeground#a5a5a5
  • gitDecoration.modifiedResourceForeground#ffae34
  • gitDecoration.stageDeletedResourceForeground#ee5340
  • gitDecoration.stageModifiedResourceForeground#ffae34
  • gitDecoration.submoduleResourceForeground#44a5ff
  • gitDecoration.untrackedResourceForeground#89d3aa
  • icon.foreground#cccccc
  • input.background#78638f
  • input.border#00000000
  • input.foreground#ffffff
  • input.placeholderForeground#ffffff87
  • inputOption.activeBackground#33194d
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#33194d
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#33194d
  • list.focusBackground#33194d
  • list.focusForeground#ffffff
  • list.highlightForeground#ee5340
  • list.hoverBackground#33194d
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#78638f
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#008c95
  • listFilterWidget.noMatchesOutline#ee534000
  • listFilterWidget.outline#00000000
  • menu.background#33194d
  • menu.border#00000085
  • menu.foreground#b49fcb
  • menu.selectionBackground#78638f
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#33194d
  • menubar.selectionBorder#ffffff00
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#383838
  • merge.commonHeaderBackground#5e5e5e
  • merge.currentContentBackground#004b4f
  • merge.currentHeaderBackground#008c95
  • merge.incomingContentBackground#903327
  • merge.incomingHeaderBackground#ee5340
  • minimap.background#34343d
  • minimap.errorHighlight#c0665b
  • minimap.findMatchHighlight#ee53407e
  • minimap.selectionHighlight#5c397778
  • minimap.warningHighlight#d39d58
  • minimapGutter.addedBackground#8eab51
  • minimapGutter.deletedBackground#d35056
  • minimapGutter.modifiedBackground#4a9094
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#251d2e
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#ee5340
  • panelTitle.activeForeground#ee5340
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#78638f
  • peekViewEditor.background#003538
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#003538
  • peekViewResult.background#1a112a
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#78638f7c
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#008c95
  • progressBar.background#78638f
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#c7c7c730
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#ffffff52
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#5c3977
  • sideBar.border#ffffff00
  • sideBar.dropBackground#33194d
  • sideBar.foreground#ffffffa7
  • sideBarSectionHeader.background#33194d50
  • sideBarSectionHeader.border#ffffff00
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#ffffff
  • statusBar.background#33194d
  • statusBar.debuggingBackground#ee5340
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#808080
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#ee5340
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#78638f
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#ffffff00
  • tab.hoverBackground#78638f
  • tab.inactiveBackground#33194d
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#80808059
  • terminal.foreground#e0e0e0
  • terminal.selectionBackground#ffffff26
  • terminalCursor.background#ee53409b
  • terminalCursor.foreground#ffffff
  • textLink.foreground#ee5340
  • titleBar.activeBackground#33194d
  • titleBar.activeForeground#ffffff
  • titleBar.border#00000000
  • titleBar.inactiveBackground#5c39774a
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#008c95
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000005c

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