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.activeBackground#e4e4e400
  • activityBar.background#300e0e
  • activityBar.border#717171
  • activityBar.foreground#9d0001
  • activityBar.inactiveForeground#f5f5f5bd
  • activityBarBadge.background#9d0001
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#540303
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#9c0e0e
  • button.foreground#ffffff
  • button.hoverBackground#bb1111
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#372323
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#0071ea55
  • 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#264f78
  • 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#372323
  • editorGroupHeader.tabsBackground#300e0e
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#300e0e
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#0d2bcf
  • editorLineNumber.foreground#c4c4c4
  • 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#5F5F5F
  • focusBorder#002aa8
  • 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#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#9cd40066
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#002aa8
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#053c60d9
  • list.focusBackground#600505d9
  • list.focusForeground#cccccc
  • list.highlightForeground#474fd3
  • list.hoverBackground#2a2d2e
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#190854
  • list.inactiveSelectionForeground#fffefe
  • listFilterWidget.background#150e66
  • listFilterWidget.noMatchesOutline#4400be
  • listFilterWidget.outline#00000000
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#710909
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#372323
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#264f78
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • 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#3b0e0e
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • 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#3c35ff
  • progressBar.background#9d0001
  • scrollbar.shadow#1f1f1f00
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#002aa8c5
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#3b0e0e
  • sideBar.border#770101
  • sideBar.dropBackground#053c60d9
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#730d0d
  • sideBarSectionHeader.border#9b868600
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#cccccc
  • statusBar.background#0e2b82
  • statusBar.debuggingBackground#e5f5fc
  • statusBar.debuggingForeground#880000
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#763359
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#050607
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#790606
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#09097700
  • tab.inactiveBackground#360d0d
  • 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#ff0000
  • terminalCursor.foreground#ffffff
  • textLink.foreground#ff3737
  • titleBar.activeBackground#300e0e
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • 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#ea1425
variable.other.generic-type.haskell#4d76f2
storage.type.haskell#ff82c9
support.variable.magic.python#ea1425
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#ff9090
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#ecdd5f
entity.name.lifetime.rust#ff9090
variable.language.rust#ea1425
support.constant.edge#4d76f2
constant.other.character-class.regexp#ea1425
keyword.operator.quantifier.regexp#ff82c9
punctuation.definition.string.begin,punctuation.definition.string.end#e4e4e4
variable.parameter.function#d4d4d4
comment markup.link#8a8a8a
markup.changed.diff#ff9090
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#ecdd5f
markup.inserted.diff#e4e4e4
markup.deleted.diff#ea1425
meta.function.c,meta.function.cpp#ea1425
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#ecdd5f
support.constant.math#ff9090
support.constant.property.math#ff82c9
variable.other.constant#ff9090
storage.type.annotation.java, storage.type.object.array.java#ff9090
source.java#ea1425
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#ecdd5f
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ff9090
keyword.operator.instanceof.java#4d76f2
meta.definition.variable.name.java#ea1425
keyword.operator.logical#4d76f2
keyword.operator.bitwise#4d76f2
keyword.operator.channel#4d76f2
support.constant.property-value.scss,support.constant.property-value.css#ff82c9
keyword.operator.css,keyword.operator.scss,keyword.operator.less#4d76f2
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ff82c9
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#ff82c9
support.type.vendored.property-name.css#4d76f2
support.module.node,support.type.object.module,support.module.node#ff9090
entity.name.type.module#ff9090
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ea1425
support.constant.json#ff82c9
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#4d76f2
support.type.object.console#ea1425
support.variable.property.process#ff82c9
entity.name.function,support.function.console#ecdd5f
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#4d76f2
keyword.operator.delete#4d76f2
support.type.object.dom#4d76f2
support.variable.dom,support.variable.property.dom#ea1425
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#4d76f2
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#4d76f2
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#4d76f2
support.type.posix-reserved.c,support.type.posix-reserved.cpp#4d76f2
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#4d76f2
variable.parameter.function.language.python#ff82c9
support.type.python#4d76f2
keyword.operator.logical.python#4d76f2
variable.parameter.function.python#ff82c9
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#ecdd5f
constant.character.format.placeholder.other.python#ff82c9
keyword.operator#d4d4d4
keyword.operator.assignment.compound#4d76f2
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#4d76f2
keyword#4d76f2
entity.name.namespace#ff9090
variable#ea1425
variable.c#d4d4d4
variable.language#ff9090
token.variable.parameter.java#d4d4d4
import.storage.java#ff9090
token.package.keyword#4d76f2
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#ecdd5f
entity.name.type.namespace#ff9090
support.class, entity.name.type.class#ff9090
entity.name.class.identifier.namespace.type#ff9090
entity.name.class, variable.other.class.js, variable.other.class.ts#ff9090
variable.other.class.php#ea1425
entity.name.type#ff9090
keyword.control#4d76f2
control.elements, keyword.operator.less#ff82c9
keyword.other.special-method#ecdd5f
storage#4d76f2
token.storage#4d76f2
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#4d76f2
token.storage.type.java#ff9090
support.function#4d76f2
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#ff82c9
meta.tag#d4d4d4
string#e4e4e4
entity.other.inherited-class#ff9090
constant.other.symbol#4d76f2
constant.numeric#ff82c9
constant#ff82c9
punctuation.definition.constant#ff82c9
entity.name.tag#ea1425
entity.other.attribute-name#ff82c9
entity.other.attribute-name.id#ecdd5fnormal
entity.other.attribute-name.class.css#ff82c9normal
meta.selector#4d76f2
markup.heading#ea1425
markup.heading punctuation.definition.heading, entity.name.section#ecdd5f
keyword.other.unit#ea1425
markup.bold,todo.bold#ff82c9
punctuation.definition.bold#ff9090
markup.italic, punctuation.definition.italic,todo.emphasis#4d76f2
emphasis md#4d76f2
entity.name.section.markdown#ea1425
punctuation.definition.heading.markdown#ea1425
punctuation.definition.list.begin.markdown#ea1425
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#ff82c9
markup.inline.raw.markdown#e4e4e4
markup.inline.raw.string.markdown#e4e4e4
punctuation.definition.list.markdown#ea1425
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ea1425
beginning.punctuation.definition.list.markdown#ea1425
punctuation.definition.metadata.markdown#ea1425
markup.underline.link.markdown,markup.underline.link.image.markdown#4d76f2
string.other.link.title.markdown,string.other.link.description.markdown#ecdd5f
string.regexp#4d76f2
constant.character.escape#4d76f2
punctuation.section.embedded, variable.interpolation#ea1425
punctuation.section.embedded.begin,punctuation.section.embedded.end#4d76f2
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#ea1425
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ea1425
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#e4e4e4
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#4d76f2
support.type.property-name.json#ea1425
support.type.property-name.json punctuation#ea1425
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#4d76f2
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#4d76f2
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#ff9090
keyword.operator.error-control.php#4d76f2
keyword.operator.type.php#4d76f2
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#ff9090
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#ecdd5f
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#ff82c9
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ff82c9
entity.name.goto-label.php,support.other.php#ecdd5f
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#4d76f2
keyword.operator.regexp.php#4d76f2
keyword.operator.comparison.php#4d76f2
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#4d76f2
meta.function.decorator.python#ecdd5f
support.token.decorator.python,meta.function.decorator.identifier.python#4d76f2
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#4d76f2
rgb-value#4d76f2
inline-color-decoration rgb-value#ff82c9
less rgb-value#ff82c9
selector.sass#ea1425
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ff9090
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#ff9090
entity.name.variable.local.cs#ea1425
token.info-token#ecdd5f
token.warn-token#ff82c9
token.error-token#f44747
token.debug-token#4d76f2
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#4d76f2
meta.template.expression#d4d4d4
keyword.operator.module#4d76f2
support.type.type.flowtype#ecdd5f
support.type.primitive#ff9090
meta.property.object#ea1425
variable.parameter.function.js#ea1425
keyword.other.template.begin#e4e4e4
keyword.other.template.end#e4e4e4
keyword.other.substitution.begin#e4e4e4
keyword.other.substitution.end#e4e4e4
keyword.operator.assignment#4d76f2
keyword.operator.assignment.go#ff9090
keyword.operator.arithmetic.go, keyword.operator.address.go#4d76f2
entity.name.package.go#ff9090
support.type.prelude.elm#4d76f2
support.constant.elm#ff82c9
punctuation.quasi.element#4d76f2
constant.character.entity#ea1425
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#4d76f2
entity.global.clojure#ff9090
meta.symbol.clojure#ea1425
constant.keyword.clojure#4d76f2
meta.arguments.coffee, variable.parameter.function.coffee#ea1425
source.ini#e4e4e4
meta.scope.prerequisites.makefile#ea1425
source.makefile#ff9090
storage.modifier.import.groovy#ff9090
meta.method.groovy#ecdd5f
meta.definition.variable.name.groovy#ea1425
meta.definition.class.inherited.classes.groovy#e4e4e4
support.variable.semantic.hlsl#ff9090
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#4d76f2
text.variable, text.bracketed#ea1425
support.type.swift, support.type.vb.asp#ff9090
entity.name.function.xi#ff9090
entity.name.class.xi#4d76f2
constant.character.character-class.regexp.xi#ea1425
constant.regexp.xi#4d76f2
keyword.control.xi#4d76f2
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#e4e4e4
beginning.punctuation.definition.list.markdown.xi#8a8a8a
constant.character.xi#ecdd5f
accent.xi#ecdd5f
wikiword.xi#ff82c9
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#8a8a8a
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ff9090
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ea1425
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#8a8a8aitalic
markup.quote.markdown#8a8a8a
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#4d76f2
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...