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#1b1b1b
  • activityBar.foreground#ffb810
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#ffb810
  • activityBarBadge.foreground#1d1d1d
  • badge.background#ffb810
  • badge.foreground#1d1d1d
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1e1e1e
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#ffb810
  • button.foreground#000000
  • button.hoverBackground#074671
  • button.secondaryBackground#ffffff
  • button.secondaryForeground#000000
  • button.secondaryHoverBackground#ffb810
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#dedcdc
  • debugExceptionWidget.background#3333331d
  • debugExceptionWidget.border#474747
  • debugToolBar.background#3333331d
  • debugToolBar.border#474747
  • diffEditor.border#44444400
  • diffEditor.insertedTextBackground#664a0822
  • diffEditor.removedTextBackground#00000033
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#dedcdc
  • editor.background#1b1b1b
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ffb81040
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#ffce3b16
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#1b1b1b
  • editorGroupHeader.tabsBackground#00000000
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#1b1b1b
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#ffb810
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#ffb810
  • editorLineNumber.foreground#133b79
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#ffb810
  • focusBorder#ffb810
  • foreground#cccccc
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#cccccc
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#dedcdc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#8c8c8c
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#ffb810
  • list.activeSelectionForeground#1d1d1d
  • list.dropBackground#383b3d
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#ffb810
  • list.hoverBackground#2a2d2e
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#37373d
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#2c017993
  • listFilterWidget.noMatchesOutline#ffb810
  • listFilterWidget.outline#00000000
  • menu.background#000000
  • menu.border#00000000
  • menu.foreground#cccccc
  • menu.selectionBackground#ffb810
  • menu.selectionBorder#00000000
  • menu.selectionForeground#1d1d1d
  • menu.separatorBackground#bbbbbb00
  • menubar.selectionBackground#ffb810
  • menubar.selectionBorder#191919
  • menubar.selectionForeground#1d1d1d
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#1b1b1b
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#ffce3b16
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#000000
  • notificationCenterHeader.background#000000
  • notificationCenterHeader.foreground#fff4f4
  • notifications.background#1d1d1d
  • notifications.border#000000
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#00000000
  • panel.background#1e1e1e
  • panel.border#80808059
  • panelSection.border#ffb81040
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc
  • peekViewEditor.background#000000
  • peekViewEditor.matchHighlightBackground#8defff58
  • peekViewEditor.matchHighlightBorder#00000000
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#000000
  • peekViewResult.matchHighlightBackground#ffb810
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#ffb810
  • progressBar.background#ffb810
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#ffb810
  • scrollbarSlider.background#00000000
  • scrollbarSlider.hoverBackground#ffb810
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#1d1d1d
  • sideBar.border#ff000000
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#1d1d1d
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffb81089
  • statusBarItem.remoteBackground#1d1d1d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1e1e1e00
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffb810
  • tab.border#25252600
  • tab.hoverBackground#ffb810
  • tab.hoverBorder#ff000000
  • tab.hoverForeground#000000
  • tab.inactiveBackground#2d2d2d00
  • 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#ffb81040
  • terminal.foreground#ffb810
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#0073f7
  • titleBar.activeBackground#1d1d1d
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#1d1d1d
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#ffb81040
  • 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#8764d3
variable.other.generic-type.haskell#2651ea
storage.type.haskell#ffb810
support.variable.magic.python#8764d3
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#d2d3d3
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#ffdb4d
entity.name.lifetime.rust#d2d3d3
variable.language.rust#8764d3
support.constant.edge#2651ea
constant.other.character-class.regexp#8764d3
keyword.operator.quantifier.regexp#ffb810
punctuation.definition.string.begin,punctuation.definition.string.end#4876ff
variable.parameter.function#d4d4d4
comment markup.link#13446f
markup.changed.diff#d2d3d3
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#ffdb4d
markup.inserted.diff#4876ff
markup.deleted.diff#8764d3
meta.function.c,meta.function.cpp#8764d3
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#ffdb4d
support.constant.math#d2d3d3
support.constant.property.math#ffb810
variable.other.constant#d2d3d3
storage.type.annotation.java, storage.type.object.array.java#d2d3d3
source.java#8764d3
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#ffdb4d
storage.modifier.import.java,storage.type.java,storage.type.generic.java#d2d3d3
keyword.operator.instanceof.java#2651ea
meta.definition.variable.name.java#8764d3
keyword.operator.logical#84692a
keyword.operator.bitwise#84692a
keyword.operator.channel#84692a
support.constant.property-value.scss,support.constant.property-value.css#ffb810
keyword.operator.css,keyword.operator.scss,keyword.operator.less#84692a
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ffb810
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#ffb810
support.type.vendored.property-name.css#84692a
support.module.node,support.type.object.module,support.module.node#d2d3d3
entity.name.type.module#d2d3d3
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#8764d3
support.constant.json#ffb810
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#2651ea
support.type.object.console#8764d3
support.variable.property.process#ffb810
entity.name.function,support.function.console#ffdb4d
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#2651ea
keyword.operator.delete#2651ea
support.type.object.dom#84692a
support.variable.dom,support.variable.property.dom#8764d3
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#84692a
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#2651ea
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#2651ea
support.type.posix-reserved.c,support.type.posix-reserved.cpp#84692a
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#2651ea
variable.parameter.function.language.python#ffb810
support.type.python#84692a
keyword.operator.logical.python#2651ea
variable.parameter.function.python#ffb810
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#ffdb4d
constant.character.format.placeholder.other.python#ffb810
keyword.operator#d4d4d4
keyword.operator.assignment.compound#2651ea
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#84692a
keyword#2651ea
entity.name.namespace#d2d3d3
variable#8764d3
variable.c#d4d4d4
variable.language#d2d3d3
token.variable.parameter.java#d4d4d4
import.storage.java#d2d3d3
token.package.keyword#2651ea
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#ffdb4d
entity.name.type.namespace#d2d3d3
support.class, entity.name.type.class#d2d3d3
entity.name.class.identifier.namespace.type#d2d3d3
entity.name.class, variable.other.class.js, variable.other.class.ts#d2d3d3
variable.other.class.php#8764d3
entity.name.type#d2d3d3
keyword.control#2651ea
control.elements, keyword.operator.less#ffb810
keyword.other.special-method#ffdb4d
storage#2651ea
token.storage#2651ea
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#2651ea
token.storage.type.java#d2d3d3
support.function#84692a
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#ffb810
meta.tag#d4d4d4
string#4876ff
entity.other.inherited-class#d2d3d3
constant.other.symbol#84692a
constant.numeric#ffb810
constant#ffb810
punctuation.definition.constant#ffb810
entity.name.tag#8764d3
entity.other.attribute-name#ffb810
entity.other.attribute-name.id#ffdb4dnormal
entity.other.attribute-name.class.css#ffb810normal
meta.selector#2651ea
markup.heading#8764d3
markup.heading punctuation.definition.heading, entity.name.section#ffdb4d
keyword.other.unit#8764d3
markup.bold,todo.bold#ffb810
punctuation.definition.bold#d2d3d3
markup.italic, punctuation.definition.italic,todo.emphasis#2651ea
emphasis md#2651ea
entity.name.section.markdown#8764d3
punctuation.definition.heading.markdown#8764d3
punctuation.definition.list.begin.markdown#8764d3
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#ffb810
markup.inline.raw.markdown#4876ff
markup.inline.raw.string.markdown#4876ff
punctuation.definition.list.markdown#8764d3
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#8764d3
beginning.punctuation.definition.list.markdown#8764d3
punctuation.definition.metadata.markdown#8764d3
markup.underline.link.markdown,markup.underline.link.image.markdown#2651ea
string.other.link.title.markdown,string.other.link.description.markdown#ffdb4d
string.regexp#84692a
constant.character.escape#84692a
punctuation.section.embedded, variable.interpolation#8764d3
punctuation.section.embedded.begin,punctuation.section.embedded.end#2651ea
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#8764d3
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#8764d3
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#4876ff
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#84692a
support.type.property-name.json#8764d3
support.type.property-name.json punctuation#8764d3
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#2651ea
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#2651ea
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#d2d3d3
keyword.operator.error-control.php#2651ea
keyword.operator.type.php#2651ea
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#d2d3d3
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#ffdb4d
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#ffb810
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ffb810
entity.name.goto-label.php,support.other.php#ffdb4d
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#84692a
keyword.operator.regexp.php#2651ea
keyword.operator.comparison.php#84692a
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#2651ea
meta.function.decorator.python#ffdb4d
support.token.decorator.python,meta.function.decorator.identifier.python#84692a
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#84692a
rgb-value#84692a
inline-color-decoration rgb-value#ffb810
less rgb-value#ffb810
selector.sass#8764d3
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#d2d3d3
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#d2d3d3
entity.name.variable.local.cs#8764d3
token.info-token#ffdb4d
token.warn-token#ffb810
token.error-token#f44747
token.debug-token#2651ea
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#2651ea
meta.template.expression#d4d4d4
keyword.operator.module#2651ea
support.type.type.flowtype#ffdb4d
support.type.primitive#d2d3d3
meta.property.object#8764d3
variable.parameter.function.js#8764d3
keyword.other.template.begin#4876ff
keyword.other.template.end#4876ff
keyword.other.substitution.begin#4876ff
keyword.other.substitution.end#4876ff
keyword.operator.assignment#84692a
keyword.operator.assignment.go#d2d3d3
keyword.operator.arithmetic.go, keyword.operator.address.go#2651ea
entity.name.package.go#d2d3d3
support.type.prelude.elm#84692a
support.constant.elm#ffb810
punctuation.quasi.element#2651ea
constant.character.entity#8764d3
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#84692a
entity.global.clojure#d2d3d3
meta.symbol.clojure#8764d3
constant.keyword.clojure#84692a
meta.arguments.coffee, variable.parameter.function.coffee#8764d3
source.ini#4876ff
meta.scope.prerequisites.makefile#8764d3
source.makefile#d2d3d3
storage.modifier.import.groovy#d2d3d3
meta.method.groovy#ffdb4d
meta.definition.variable.name.groovy#8764d3
meta.definition.class.inherited.classes.groovy#4876ff
support.variable.semantic.hlsl#d2d3d3
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#2651ea
text.variable, text.bracketed#8764d3
support.type.swift, support.type.vb.asp#d2d3d3
entity.name.function.xi#d2d3d3
entity.name.class.xi#84692a
constant.character.character-class.regexp.xi#8764d3
constant.regexp.xi#2651ea
keyword.control.xi#84692a
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#4876ff
beginning.punctuation.definition.list.markdown.xi#13446f
constant.character.xi#ffdb4d
accent.xi#ffdb4d
wikiword.xi#ffb810
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#13446f
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#d2d3d3
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#8764d3
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#13446fitalic
markup.quote.markdown#13446f
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#84692a
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...