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#fb6e0714
  • activityBar.background#3e434c
  • activityBar.border#fb6e0700
  • activityBar.foreground#fb6e07
  • activityBar.inactiveForeground#ffffff60
  • activityBarBadge.background#fb6e07
  • activityBarBadge.foreground#ffffff
  • badge.background#fb6e07
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#515658
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#fb6e07
  • button.foreground#ffffff
  • button.hoverBackground#be5406
  • button.secondaryBackground#54595e
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#6a7179
  • checkbox.background#3c3f41
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#515658
  • debugExceptionWidget.border#474747
  • debugToolBar.background#515658
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#3c3f41
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#2b2b2b
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • 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#fb6e072e
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#5c2700
  • 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#2b2b2b
  • editorGroupHeader.border#fb6e0700
  • editorGroupHeader.tabsBackground#3c3e3f
  • editorGroupHeader.tabsBorder#fb6e0700
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#262626
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#3f3f3f
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#3c3f41
  • 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#fb6e07
  • editorSuggestWidget.selectedBackground#4b2103
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#3d4041
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#fb6e07
  • 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#3c3f41
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#be5305
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#fb6e0797
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#363636
  • list.focusBackground#fb6e073e
  • list.focusForeground#cccccc
  • list.highlightForeground#fb6e07
  • list.hoverBackground#68686848
  • list.hoverForeground#fb6e07
  • list.inactiveSelectionBackground#fb6e0742
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#fb6e073a
  • listFilterWidget.noMatchesOutline#fb6e07a9
  • listFilterWidget.outline#fb6e073e
  • menu.background#252526
  • menu.border#00000032
  • menu.foreground#cccccc
  • menu.selectionBackground#fb6e077a
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#fb6e07
  • menubar.selectionBackground#fb6e071e
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#2b2b2b
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#fb6e072e
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#3c3f41
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#474b4d
  • panel.border#fb6e07
  • panelSection.border#80808059
  • panelTitle.activeBorder#fb6e07
  • panelTitle.activeForeground#fb6e07
  • panelTitle.inactiveForeground#999999
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#fb6e07
  • progressBar.background#fb6e07
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#94949458
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#fb6e074a
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#3c3f41
  • sideBar.border#cccccc08
  • sideBar.dropBackground#363636
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#2c2c2c
  • sideBarSectionHeader.border#fb6e0700
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#fb6e07
  • statusBar.background#fb6e07e1
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#FFFFFF25
  • statusBarItem.remoteBackground#3e434c
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#515658
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#383838
  • tab.hoverBackground#fb6e074e
  • tab.hoverBorder#fb6e0700
  • tab.inactiveBackground#363838
  • 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#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#fb6e0789
  • terminalCursor.foreground#ffffff
  • textLink.foreground#fb6e07
  • titleBar.activeBackground#3e434c
  • titleBar.activeForeground#cccccc
  • titleBar.border#fb6e0754
  • titleBar.inactiveBackground#3c3c3c99
  • 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#ff7c86
variable.other.generic-type.haskell#ff6e42
storage.type.haskell#d19a66
support.variable.magic.python#ff7c86
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#ffc844
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#afdaff
entity.name.lifetime.rust#ffc844
variable.language.rust#ff7c86
support.constant.edge#ff6e42
constant.other.character-class.regexp#ff7c86
keyword.operator.quantifier.regexp#d19a66
punctuation.definition.string.begin,punctuation.definition.string.end#c2fb99
variable.parameter.function#d4d4d4
comment markup.link#8e847f
markup.changed.diff#ffc844
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#afdaff
markup.inserted.diff#c2fb99
markup.deleted.diff#ff7c86
meta.function.c,meta.function.cpp#ff7c86
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#afdaff
support.constant.math#ffc844
support.constant.property.math#d19a66
variable.other.constant#ffc844
storage.type.annotation.java, storage.type.object.array.java#ffc844
source.java#ff7c86
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#afdaff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ffc844
keyword.operator.instanceof.java#ff6e42
meta.definition.variable.name.java#ff7c86
keyword.operator.logical#ff9473
keyword.operator.bitwise#ff9473
keyword.operator.channel#ff9473
support.constant.property-value.scss,support.constant.property-value.css#d19a66
keyword.operator.css,keyword.operator.scss,keyword.operator.less#ff9473
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#d19a66
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#d19a66
support.type.vendored.property-name.css#ff9473
support.module.node,support.type.object.module,support.module.node#ffc844
entity.name.type.module#ffc844
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ff7c86
support.constant.json#d19a66
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ff6e42
support.type.object.console#ff7c86
support.variable.property.process#d19a66
entity.name.function,support.function.console#afdaff
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#ff6e42
keyword.operator.delete#ff6e42
support.type.object.dom#ff9473
support.variable.dom,support.variable.property.dom#ff7c86
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#ff9473
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#ff6e42
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#ff6e42
support.type.posix-reserved.c,support.type.posix-reserved.cpp#ff9473
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ff6e42
variable.parameter.function.language.python#d19a66
support.type.python#ff9473
keyword.operator.logical.python#ff6e42
variable.parameter.function.python#d19a66
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#afdaff
constant.character.format.placeholder.other.python#d19a66
keyword.operator#d4d4d4
keyword.operator.assignment.compound#ff6e42
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#ff9473
keyword#ff6e42
entity.name.namespace#ffc844
variable#ff7c86
variable.c#d4d4d4
variable.language#ffc844
token.variable.parameter.java#d4d4d4
import.storage.java#ffc844
token.package.keyword#ff6e42
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#afdaff
entity.name.type.namespace#ffc844
support.class, entity.name.type.class#ffc844
entity.name.class.identifier.namespace.type#ffc844
entity.name.class, variable.other.class.js, variable.other.class.ts#ffc844
variable.other.class.php#ff7c86
entity.name.type#ffc844
keyword.control#ff6e42
control.elements, keyword.operator.less#d19a66
keyword.other.special-method#afdaff
storage#ff6e42
token.storage#ff6e42
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#ff6e42
token.storage.type.java#ffc844
support.function#ff9473
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#d19a66
meta.tag#d4d4d4
string#c2fb99
entity.other.inherited-class#ffc844
constant.other.symbol#ff9473
constant.numeric#d19a66
constant#d19a66
punctuation.definition.constant#d19a66
entity.name.tag#ff7c86
entity.other.attribute-name#d19a66
entity.other.attribute-name.id#afdaffnormal
entity.other.attribute-name.class.css#d19a66normal
meta.selector#ff6e42
markup.heading#ff7c86
markup.heading punctuation.definition.heading, entity.name.section#afdaff
keyword.other.unit#ff7c86
markup.bold,todo.bold#d19a66
punctuation.definition.bold#ffc844
markup.italic, punctuation.definition.italic,todo.emphasis#ff6e42
emphasis md#ff6e42
entity.name.section.markdown#ff7c86
punctuation.definition.heading.markdown#ff7c86
punctuation.definition.list.begin.markdown#ff7c86
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#d19a66
markup.inline.raw.markdown#c2fb99
markup.inline.raw.string.markdown#c2fb99
punctuation.definition.list.markdown#ff7c86
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ff7c86
beginning.punctuation.definition.list.markdown#ff7c86
punctuation.definition.metadata.markdown#ff7c86
markup.underline.link.markdown,markup.underline.link.image.markdown#ff6e42
string.other.link.title.markdown,string.other.link.description.markdown#afdaff
string.regexp#ff9473
constant.character.escape#ff9473
punctuation.section.embedded, variable.interpolation#ff7c86
punctuation.section.embedded.begin,punctuation.section.embedded.end#ff6e42
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#ff7c86
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ff7c86
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#c2fb99
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ff9473
support.type.property-name.json#ff7c86
support.type.property-name.json punctuation#ff7c86
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ff6e42
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ff6e42
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#ffc844
keyword.operator.error-control.php#ff6e42
keyword.operator.type.php#ff6e42
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#ffc844
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#afdaff
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#d19a66
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#d19a66
entity.name.goto-label.php,support.other.php#afdaff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#ff9473
keyword.operator.regexp.php#ff6e42
keyword.operator.comparison.php#ff9473
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ff6e42
meta.function.decorator.python#afdaff
support.token.decorator.python,meta.function.decorator.identifier.python#ff9473
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#ff9473
rgb-value#ff9473
inline-color-decoration rgb-value#d19a66
less rgb-value#d19a66
selector.sass#ff7c86
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ffc844
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#ffc844
entity.name.variable.local.cs#ff7c86
token.info-token#afdaff
token.warn-token#d19a66
token.error-token#f44747
token.debug-token#ff6e42
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ff6e42
meta.template.expression#d4d4d4
keyword.operator.module#ff6e42
support.type.type.flowtype#afdaff
support.type.primitive#ffc844
meta.property.object#ff7c86
variable.parameter.function.js#ff7c86
keyword.other.template.begin#c2fb99
keyword.other.template.end#c2fb99
keyword.other.substitution.begin#c2fb99
keyword.other.substitution.end#c2fb99
keyword.operator.assignment#ff9473
keyword.operator.assignment.go#ffc844
keyword.operator.arithmetic.go, keyword.operator.address.go#ff6e42
entity.name.package.go#ffc844
support.type.prelude.elm#ff9473
support.constant.elm#d19a66
punctuation.quasi.element#ff6e42
constant.character.entity#ff7c86
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ff9473
entity.global.clojure#ffc844
meta.symbol.clojure#ff7c86
constant.keyword.clojure#ff9473
meta.arguments.coffee, variable.parameter.function.coffee#ff7c86
source.ini#c2fb99
meta.scope.prerequisites.makefile#ff7c86
source.makefile#ffc844
storage.modifier.import.groovy#ffc844
meta.method.groovy#afdaff
meta.definition.variable.name.groovy#ff7c86
meta.definition.class.inherited.classes.groovy#c2fb99
support.variable.semantic.hlsl#ffc844
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#ff6e42
text.variable, text.bracketed#ff7c86
support.type.swift, support.type.vb.asp#ffc844
entity.name.function.xi#ffc844
entity.name.class.xi#ff9473
constant.character.character-class.regexp.xi#ff7c86
constant.regexp.xi#ff6e42
keyword.control.xi#ff9473
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#c2fb99
beginning.punctuation.definition.list.markdown.xi#8e847f
constant.character.xi#afdaff
accent.xi#afdaff
wikiword.xi#d19a66
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#8e847f
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ffc844
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ff7c86
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#8e847fitalic
markup.quote.markdown#8e847f
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#ff9473
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...