Skip to main content
CodingTheme

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#1f1f1f
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff60
  • activityBarBadge.background#c17d10
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#1f1f1f
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#cccccccc
  • button.background#ab6100
  • button.foreground#ffffff
  • button.hoverBackground#8f4700
  • button.secondaryBackground#703800
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#8f4700
  • checkbox.background#303030
  • checkbox.border#00000000
  • checkbox.foreground#ffffff
  • debugExceptionWidget.background#404040
  • debugExceptionWidget.border#00000077
  • debugToolBar.background#404040
  • debugToolBar.border#00000077
  • diffEditor.border#ab6100cc
  • diffEditor.insertedTextBackground#52b87a33
  • diffEditor.removedTextBackground#f57f6c33
  • dropdown.background#303030
  • dropdown.border#00000000
  • dropdown.foreground#ffffff
  • editor.background#1f1f1f
  • editor.findMatchBackground#ae1800
  • editor.findMatchBorder#8d1300
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#ab610066
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#c17d1044
  • editor.foreground#dbdbdb
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#ab610044
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#ab610066
  • editor.selectionHighlightBackground#ab610044
  • editor.selectionHighlightBorder#ab610066
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#c17d1088
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#d99530
  • editorCodeLens.foreground#bbbbbb
  • editorCursor.background#000000
  • editorCursor.foreground#cccccc
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ec5941
  • editorGroup.border#ab6100cc
  • editorGroup.emptyBackground#1f1f1f
  • editorGroupHeader.border#ffffff00
  • editorGroupHeader.tabsBackground#303030
  • editorGroupHeader.tabsBorder#ffffff00
  • editorGutter.addedBackground#2da160
  • editorGutter.background#1f1f1f
  • editorGutter.commentRangeForeground#999999
  • editorGutter.deletedBackground#ec5941
  • editorGutter.foldingControlForeground#999999
  • editorGutter.modifiedBackground#1068bf
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#ab6100cc
  • editorIndentGuide.background#9e540077
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#63a6e9
  • editorLineNumber.activeForeground#ffffff
  • editorLineNumber.foreground#999999
  • editorLink.activeForeground#c17d10
  • editorMarkerNavigation.background#303030
  • editorMarkerNavigationError.background#ae1800
  • editorMarkerNavigationInfo.background#1f75cb
  • editorMarkerNavigationWarning.background#d99530dd
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#ab6100cc
  • editorSuggestWidget.background#303030
  • editorSuggestWidget.border#00000088
  • editorSuggestWidget.foreground#ffffff
  • editorSuggestWidget.highlightForeground#d99530
  • editorSuggestWidget.selectedBackground#8f4700
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e9be74
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#1f1f1f
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#ab6100
  • focusBorder#d99530
  • foreground#ffffff
  • gitDecoration.addedResourceForeground#52b87a
  • gitDecoration.conflictingResourceForeground#ac93e6
  • gitDecoration.deletedResourceForeground#f57f6c
  • gitDecoration.ignoredResourceForeground#999999
  • gitDecoration.modifiedResourceForeground#f5d9a8
  • gitDecoration.stageDeletedResourceForeground#dd2b0e
  • gitDecoration.stageModifiedResourceForeground#f5d9a8
  • gitDecoration.submoduleResourceForeground#63a6e9
  • gitDecoration.untrackedResourceForeground#91d4a8
  • icon.foreground#ffffff
  • input.background#303030
  • input.border#00000000
  • input.foreground#ffffff
  • input.placeholderForeground#ababab
  • inputOption.activeBackground#ab6100
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#66666699
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#40404066
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#525252
  • list.hoverForeground#eeeeee
  • list.inactiveSelectionBackground#66666666
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#666666
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#1f1f1f
  • menu.border#00000085
  • menu.foreground#ffffff
  • menu.selectionBackground#40404099
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#dddddd
  • merge.commonContentBackground#5c2900
  • merge.commonHeaderBackground#ab6100
  • merge.currentContentBackground#0a4020
  • merge.currentHeaderBackground#108548
  • merge.incomingContentBackground#033464
  • merge.incomingHeaderBackground#1f75cb
  • minimap.background#1f1f1f
  • minimap.errorHighlight#ec5941
  • minimap.findMatchHighlight#ae1800
  • minimap.selectionHighlight#ab610066
  • minimap.warningHighlight#e9be74
  • minimapGutter.addedBackground#2da160
  • minimapGutter.deletedBackground#ec5941
  • minimapGutter.modifiedBackground#1068bf
  • notificationCenter.border#00000066
  • notificationCenterHeader.background#303030
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#1f1f1f
  • notifications.border#00000066
  • notifications.foreground#ffffff
  • notificationsErrorIcon.foreground#f57f6c
  • notificationsInfoIcon.foreground#9dc7f1
  • notificationsWarningIcon.foreground#e9be74
  • notificationToast.border#00000055
  • panel.background#1f1f1f
  • panel.border#80808059
  • panelSection.border#FFFFFF33
  • panelTitle.activeBorder#ffffff
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#000000bb
  • peekViewEditor.background#303030
  • peekViewEditor.matchHighlightBackground#e9be7444
  • peekViewEditor.matchHighlightBorder#c17d10
  • peekViewEditorGutter.background#303030
  • peekViewResult.background#303030
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#cccccc
  • peekViewResult.matchHighlightBackground#d9953088
  • peekViewResult.selectionBackground#1f75cb66
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#303030
  • peekViewTitleDescription.foreground#cccccc
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#ffffff33
  • pickerGroup.foreground#d99530
  • progressBar.background#d99530
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#ffffff99
  • scrollbarSlider.background#ffffff33
  • scrollbarSlider.hoverBackground#ffffff66
  • selection.background#ab6100
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffff
  • sideBar.background#303030
  • sideBar.border#ffffff33
  • sideBar.dropBackground#40404066
  • sideBar.foreground#ffffff
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#eeeeee
  • statusBar.background#c17d10
  • statusBar.debuggingBackground#ae1800
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#694cc0
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#9e5400
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1f1f1f
  • tab.activeBorder#00000000
  • tab.activeBorderTop#ffffff00
  • tab.activeForeground#ffffff
  • tab.border#00000000
  • tab.hoverBackground#1f1f1fbb
  • tab.hoverBorder#ff000000
  • tab.inactiveBackground#303030
  • 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#FFFFFF33
  • terminal.foreground#ffffff
  • terminal.selectionBackground#f0f0f044
  • terminalCursor.background#ab6100
  • terminalCursor.foreground#ffffff
  • textLink.foreground#e9be74
  • titleBar.activeBackground#1f1f1f
  • titleBar.activeForeground#ffffff
  • titleBar.border#00000000
  • titleBar.inactiveBackground#303030
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#585858
  • 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#f57f6c
variable.other.generic-type.haskell#ac93e6
storage.type.haskell#f5d9a8
support.variable.magic.python#f57f6c
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#dbdbdb
variable.parameter.function.language.special.self.python#d99530
storage.modifier.lifetime.rust#dbdbdb
support.function.std.rust#63a6e9
entity.name.lifetime.rust#d99530
variable.language.rust#f57f6c
support.constant.edge#ac93e6
constant.other.character-class.regexp#f57f6c
keyword.operator.quantifier.regexp#f5d9a8
punctuation.definition.string.begin,punctuation.definition.string.end#91d4a8
variable.parameter.function#dbdbdb
comment markup.link#868686
markup.changed.diff#d99530
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#63a6e9
markup.inserted.diff#91d4a8
markup.deleted.diff#f57f6c
meta.function.c,meta.function.cpp#f57f6c
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#dbdbdb
punctuation.separator.key-value#dbdbdb
keyword.operator.expression.import#63a6e9
support.constant.math#d99530
support.constant.property.math#f5d9a8
variable.other.constant#d99530
storage.type.annotation.java, storage.type.object.array.java#d99530
source.java#f57f6c
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#dbdbdb
meta.method.java#63a6e9
storage.modifier.import.java,storage.type.java,storage.type.generic.java#d99530
keyword.operator.instanceof.java#ac93e6
meta.definition.variable.name.java#f57f6c
keyword.operator.logical#9dc7f1
keyword.operator.bitwise#9dc7f1
keyword.operator.channel#9dc7f1
support.constant.property-value.scss,support.constant.property-value.css#f5d9a8
keyword.operator.css,keyword.operator.scss,keyword.operator.less#9dc7f1
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#f5d9a8
punctuation.separator.list.comma.css#dbdbdb
support.constant.color.w3c-standard-color-name.css#f5d9a8
support.type.vendored.property-name.css#9dc7f1
support.module.node,support.type.object.module,support.module.node#d99530
entity.name.type.module#d99530
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#f57f6c
support.constant.json#f5d9a8
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ac93e6
support.type.object.console#f57f6c
support.variable.property.process#f5d9a8
entity.name.function,support.function.console#63a6e9
keyword.operator.misc.rust#dbdbdb
keyword.operator.sigil.rust#ac93e6
keyword.operator.delete#ac93e6
support.type.object.dom#9dc7f1
support.variable.dom,support.variable.property.dom#f57f6c
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#9dc7f1
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#ac93e6
punctuation.separator.delimiter#dbdbdb
punctuation.separator.c,punctuation.separator.cpp#ac93e6
support.type.posix-reserved.c,support.type.posix-reserved.cpp#9dc7f1
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ac93e6
variable.parameter.function.language.python#f5d9a8
support.type.python#9dc7f1
keyword.operator.logical.python#ac93e6
variable.parameter.function.python#f5d9a8
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#dbdbdb
meta.function-call.generic.python#63a6e9
constant.character.format.placeholder.other.python#f5d9a8
keyword.operator#dbdbdb
keyword.operator.assignment.compound#ac93e6
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#9dc7f1
keyword#ac93e6
entity.name.namespace#d99530
variable#f57f6c
variable.c#dbdbdb
variable.language#d99530
token.variable.parameter.java#dbdbdb
import.storage.java#d99530
token.package.keyword#ac93e6
token.package#dbdbdb
entity.name.function, meta.require, support.function.any-method, variable.function#63a6e9
entity.name.type.namespace#d99530
support.class, entity.name.type.class#d99530
entity.name.class.identifier.namespace.type#d99530
entity.name.class, variable.other.class.js, variable.other.class.ts#d99530
variable.other.class.php#f57f6c
entity.name.type#d99530
keyword.control#ac93e6
control.elements, keyword.operator.less#f5d9a8
keyword.other.special-method#63a6e9
storage#ac93e6
token.storage#ac93e6
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#ac93e6
token.storage.type.java#d99530
support.function#9dc7f1
support.type.property-name#dbdbdb
support.constant.property-value#dbdbdb
support.constant.font-name#f5d9a8
meta.tag#dbdbdb
string#91d4a8
entity.other.inherited-class#d99530
constant.other.symbol#9dc7f1
constant.numeric#f5d9a8
constant#f5d9a8
punctuation.definition.constant#f5d9a8
entity.name.tag#f57f6c
entity.other.attribute-name#f5d9a8
entity.other.attribute-name.id#63a6e9normal
entity.other.attribute-name.class.css#f5d9a8normal
meta.selector#ac93e6
markup.heading#f57f6c
markup.heading punctuation.definition.heading, entity.name.section#63a6e9
keyword.other.unit#f57f6c
markup.bold,todo.bold#f5d9a8
punctuation.definition.bold#d99530
markup.italic, punctuation.definition.italic,todo.emphasis#ac93e6
emphasis md#ac93e6
entity.name.section.markdown#f57f6c
punctuation.definition.heading.markdown#f57f6c
punctuation.definition.list.begin.markdown#f57f6c
markup.heading.setext#dbdbdb
punctuation.definition.bold.markdown#f5d9a8
markup.inline.raw.markdown#91d4a8
markup.inline.raw.string.markdown#91d4a8
punctuation.definition.list.markdown#f57f6c
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#f57f6c
beginning.punctuation.definition.list.markdown#f57f6c
punctuation.definition.metadata.markdown#f57f6c
markup.underline.link.markdown,markup.underline.link.image.markdown#ac93e6
string.other.link.title.markdown,string.other.link.description.markdown#63a6e9
string.regexp#9dc7f1
constant.character.escape#9dc7f1
punctuation.section.embedded, variable.interpolation#f57f6c
punctuation.section.embedded.begin,punctuation.section.embedded.end#ac93e6
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#dbdbdb
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#f57f6c
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#f57f6c
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#91d4a8
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#9dc7f1
support.type.property-name.json#f57f6c
support.type.property-name.json punctuation#f57f6c
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ac93e6
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ac93e6
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#d99530
keyword.operator.error-control.php#ac93e6
keyword.operator.type.php#ac93e6
punctuation.section.array.begin.php#dbdbdb
punctuation.section.array.end.php#dbdbdb
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#d99530
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#63a6e9
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#dbdbdb
support.constant.core.rust#f5d9a8
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#f5d9a8
entity.name.goto-label.php,support.other.php#63a6e9
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#9dc7f1
keyword.operator.regexp.php#ac93e6
keyword.operator.comparison.php#9dc7f1
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ac93e6
meta.function.decorator.python#63a6e9
support.token.decorator.python,meta.function.decorator.identifier.python#9dc7f1
function.parameter#dbdbdb
function.brace#dbdbdb
function.parameter.ruby, function.parameter.cs#dbdbdb
constant.language.symbol.ruby#9dc7f1
rgb-value#9dc7f1
inline-color-decoration rgb-value#f5d9a8
less rgb-value#f5d9a8
selector.sass#f57f6c
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#d99530
block.scope.end,block.scope.begin#dbdbdb
storage.type.cs#d99530
entity.name.variable.local.cs#f57f6c
token.info-token#63a6e9
token.warn-token#f5d9a8
token.error-token#f44747
token.debug-token#ac93e6
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ac93e6
meta.template.expression#dbdbdb
keyword.operator.module#ac93e6
support.type.type.flowtype#63a6e9
support.type.primitive#d99530
meta.property.object#f57f6c
variable.parameter.function.js#f57f6c
keyword.other.template.begin#91d4a8
keyword.other.template.end#91d4a8
keyword.other.substitution.begin#91d4a8
keyword.other.substitution.end#91d4a8
keyword.operator.assignment#9dc7f1
keyword.operator.assignment.go#d99530
keyword.operator.arithmetic.go, keyword.operator.address.go#ac93e6
entity.name.package.go#d99530
support.type.prelude.elm#9dc7f1
support.constant.elm#f5d9a8
punctuation.quasi.element#ac93e6
constant.character.entity#f57f6c
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#9dc7f1
entity.global.clojure#d99530
meta.symbol.clojure#f57f6c
constant.keyword.clojure#9dc7f1
meta.arguments.coffee, variable.parameter.function.coffee#f57f6c
source.ini#91d4a8
meta.scope.prerequisites.makefile#f57f6c
source.makefile#d99530
storage.modifier.import.groovy#d99530
meta.method.groovy#63a6e9
meta.definition.variable.name.groovy#f57f6c
meta.definition.class.inherited.classes.groovy#91d4a8
support.variable.semantic.hlsl#d99530
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#ac93e6
text.variable, text.bracketed#f57f6c
support.type.swift, support.type.vb.asp#d99530
entity.name.function.xi#d99530
entity.name.class.xi#9dc7f1
constant.character.character-class.regexp.xi#f57f6c
constant.regexp.xi#ac93e6
keyword.control.xi#9dc7f1
invalid.xi#dbdbdb
beginning.punctuation.definition.quote.markdown.xi#91d4a8
beginning.punctuation.definition.list.markdown.xi#868686
constant.character.xi#63a6e9
accent.xi#63a6e9
wikiword.xi#f5d9a8
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#868686
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#d99530
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#f57f6c
meta.brace.square#dbdbdb
comment, punctuation.definition.comment#868686italic
markup.quote.markdown#868686
punctuation.definition.block.sequence.item.yaml#dbdbdb
constant.language.symbol.elixir#9dc7f1
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...