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#333333
  • activityBar.foreground#fcddf2
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#ff5ca3
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1e1e1e
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#ff5ca3
  • button.foreground#ffffff
  • button.hoverBackground#ba1a81
  • 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#55b9b033
  • diffEditor.removedTextBackground#ff007833
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#1e1e1e
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#9f7490
  • editor.findMatchHighlightBackground#ea00af55
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#ffb9d7
  • editor.hoverHighlightBackground#78266f40
  • editor.inactiveSelectionBackground#3a3d411b
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#6f254b
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#774967
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#720045b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ff66a6
  • editorGroup.border#444444
  • editorGroup.emptyBackground#1e1e1e
  • editorGroupHeader.tabsBackground#252526
  • editorGutter.addedBackground#00b295
  • editorGutter.background#1e1e1e
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#cd0f82
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground1#707070
  • editorIndentGuide.background1#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#0fefff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#ff2dad
  • editorMarkerNavigation.background#302d2f
  • editorMarkerNavigationError.background#f471c7
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#f2c600
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#ff5ca3
  • editorSuggestWidget.selectedBackground#410432
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#fdd10e
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#ff5ca3
  • foreground#fcddf2
  • gitDecoration.addedResourceForeground#56e39f
  • gitDecoration.conflictingResourceForeground#a6b1e1
  • gitDecoration.deletedResourceForeground#ff9b71
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#f6ca83
  • gitDecoration.stageDeletedResourceForeground#ff9b71
  • gitDecoration.stageModifiedResourceForeground#f6ca83
  • gitDecoration.submoduleResourceForeground#0fefff
  • gitDecoration.untrackedResourceForeground#56e39f
  • icon.foreground#fcddf2
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#d4006d66
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#5c2343
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#451131
  • list.focusForeground#cccccc
  • list.highlightForeground#ff5ca3
  • list.hoverBackground#2a2d2e
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#37373d
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#65235e
  • listFilterWidget.noMatchesOutline#fd003b
  • listFilterWidget.outline#00000000
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#451131
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#2828281a
  • merge.commonHeaderBackground#3838381b
  • merge.currentContentBackground#27403b2d
  • merge.currentHeaderBackground#36736627
  • merge.incomingContentBackground#28384b16
  • merge.incomingHeaderBackground#39608f27
  • minimap.background#1e1e1e
  • minimap.errorHighlight#ff66a6
  • minimap.findMatchHighlight#515c6a26
  • minimap.selectionHighlight#6f254b1f
  • minimap.warningHighlight#fdd10e
  • minimapGutter.addedBackground#00b295
  • minimapGutter.deletedBackground#cd0f82
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#fd4b7d
  • notificationsInfoIcon.foreground#0fefff
  • notificationsWarningIcon.foreground#f5c800
  • notificationToast.border#474747
  • panel.background#1e1e1e
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#ff5ca3
  • peekViewEditor.background#2e1820
  • peekViewEditor.matchHighlightBackground#e4006099
  • peekViewEditor.matchHighlightBorder#fd1175
  • peekViewEditorGutter.background#2e1820
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea004d4d
  • peekViewResult.selectionBackground#ff336c33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#ff379e
  • progressBar.background#ff5ca3
  • scrollbar.shadow#1d1a1b
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#ff5ca3
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#fcddf2
  • sideBar.background#252526
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#9533E6
  • statusBar.debuggingBackground#f01a42
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68215a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#ff5ca3
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1e1e1e
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#252526
  • tab.inactiveBackground#2d2d2d
  • 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#ff5ca3
  • terminalCursor.foreground#ffffff
  • textLink.foreground#ff36b8
  • titleBar.activeBackground#cf1a7f
  • 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#ff5ca3
variable.other.generic-type.haskell#9533E6
storage.type.haskell#ffa033
support.variable.magic.python#ff5ca3
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#ffb9d7
variable.parameter.function.language.special.self.python#feee3e
storage.modifier.lifetime.rust#ffb9d7
support.function.std.rust#0fefff
entity.name.lifetime.rust#feee3e
variable.language.rust#ff5ca3
support.constant.edge#9533E6
constant.other.character-class.regexp#ff5ca3
keyword.operator.quantifier.regexp#ffa033
punctuation.definition.string.begin,punctuation.definition.string.end#37e421
variable.parameter.function#ffb9d7
comment markup.link#7d677a
markup.changed.diff#feee3e
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#0fefff
markup.inserted.diff#37e421
markup.deleted.diff#ff5ca3
meta.function.c,meta.function.cpp#ff5ca3
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#ffb9d7
punctuation.separator.key-value#ffb9d7
keyword.operator.expression.import#0fefff
support.constant.math#feee3e
support.constant.property.math#ffa033
variable.other.constant#feee3e
storage.type.annotation.java, storage.type.object.array.java#feee3e
source.java#ff5ca3
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#ffb9d7
meta.method.java#0fefff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#feee3e
keyword.operator.instanceof.java#9533E6
meta.definition.variable.name.java#ff5ca3
keyword.operator.logical#5dfed6
keyword.operator.bitwise#5dfed6
keyword.operator.channel#5dfed6
support.constant.property-value.scss,support.constant.property-value.css#ffa033
keyword.operator.css,keyword.operator.scss,keyword.operator.less#5dfed6
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ffa033
punctuation.separator.list.comma.css#ffb9d7
support.constant.color.w3c-standard-color-name.css#ffa033
support.type.vendored.property-name.css#5dfed6
support.module.node,support.type.object.module,support.module.node#feee3e
entity.name.type.module#feee3e
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ff5ca3
support.constant.json#ffa033
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#9533E6
support.type.object.console#ff5ca3
support.variable.property.process#ffa033
entity.name.function,support.function.console#0fefff
keyword.operator.misc.rust#ffb9d7
keyword.operator.sigil.rust#9e3ded
keyword.operator.delete#9533E6
support.type.object.dom#5dfed6
support.variable.dom,support.variable.property.dom#ff5ca3
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#5dfed6
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#9533E6
punctuation.separator.delimiter#ffb9d7
punctuation.separator.c,punctuation.separator.cpp#9533E6
support.type.posix-reserved.c,support.type.posix-reserved.cpp#5dfed6
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#9533E6
variable.parameter.function.language.python#ffa033
support.type.python#5dfed6
keyword.operator.logical.python#9533E6
variable.parameter.function.python#ffa033
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#ffb9d7
meta.function-call.generic.python#0fefff
constant.character.format.taffy.other.python#ffa033
keyword.operator#ffb9d7
keyword.operator.assignment.compound#9533E6
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#5dfed6
keyword#9533E6
entity.name.namespace#feee3e
variable#ff5ca3
variable.c#ffb9d7
variable.language#feee3e
token.variable.parameter.java#ffb9d7
import.storage.java#feee3e
token.package.keyword#9533E6
token.package#ffb9d7
entity.name.function, meta.require, support.function.any-method, variable.function#0fefff
entity.name.type.namespace#feee3e
support.class, entity.name.type.class#feee3e
entity.name.class.identifier.namespace.type#feee3e
entity.name.class, variable.other.class.js, variable.other.class.ts#feee3e
variable.other.class.php#ff5ca3
entity.name.type#feee3e
keyword.control#9533E6
control.elements, keyword.operator.less#ffa033
keyword.other.special-method#0fefff
storage#9533E6
token.storage#9533E6
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#9533E6
token.storage.type.java#feee3e
support.function#5dfed6
support.type.property-name#ffb9d7
support.constant.property-value#ffb9d7
support.constant.font-name#ffa033
meta.tag#ffb9d7
string#37e421
entity.other.inherited-class#feee3e
constant.other.symbol#5dfed6
constant.numeric#ffa033
constant#ffa033
punctuation.definition.constant#ffa033
entity.name.tag#ff5ca3
entity.other.attribute-name#ffa033
entity.other.attribute-name.id#0fefff
entity.other.attribute-name.class.css#ffa033
meta.selector#9533E6
markup.heading#ff5ca3
markup.heading punctuation.definition.heading, entity.name.section#0fefff
keyword.other.unit#ff5ca3
markup.bold,todo.bold#ffa033
punctuation.definition.bold#feee3e
markup.italic, punctuation.definition.italic,todo.emphasis#9533E6
emphasis md#9533E6
entity.name.section.markdown#ff5ca3
punctuation.definition.heading.markdown#ff5ca3
punctuation.definition.list.begin.markdown#ff5ca3
markup.heading.setext#ffb9d7
punctuation.definition.bold.markdown#ffa033
markup.inline.raw.markdown#37e421
markup.inline.raw.string.markdown#37e421
punctuation.definition.list.markdown#ff5ca3
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ff5ca3
beginning.punctuation.definition.list.markdown#ff5ca3
punctuation.definition.metadata.markdown#ff5ca3
markup.underline.link.markdown,markup.underline.link.image.markdown#9533E6
string.other.link.title.markdown,string.other.link.description.markdown#0fefff
string.regexp#5dfed6
constant.character.escape#5dfed6
punctuation.section.embedded, variable.interpolation#ff5ca3
punctuation.section.embedded.begin,punctuation.section.embedded.end#9533E6
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#ffb9d7
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ff5ca3
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ff5ca3
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#37e421
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#5dfed6
support.type.property-name.json#ff5ca3
support.type.property-name.json punctuation#ff5ca3
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#9533E6
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#9533E6
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#feee3e
keyword.operator.error-control.php#9533E6
keyword.operator.type.php#9533E6
punctuation.section.array.begin.php#ffb9d7
punctuation.section.array.end.php#ffb9d7
invalid.illegal.non-null-typehinted.php#fb2872
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#feee3e
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#0fefff
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#ffb9d7
support.constant.core.rust#ffa033
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ffa033
entity.name.goto-label.php,support.other.php#0fefff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#5dfed6
keyword.operator.regexp.php#9533E6
keyword.operator.comparison.php#5dfed6
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#9533E6
meta.function.decorator.python#0fefff
support.token.decorator.python,meta.function.decorator.identifier.python#5dfed6
function.parameter#ffb9d7
function.brace#ffb9d7
function.parameter.ruby, function.parameter.cs#ffb9d7
constant.language.symbol.ruby#5dfed6
rgb-value#5dfed6
inline-color-decoration rgb-value#ffa033
less rgb-value#ffa033
selector.sass#ff5ca3
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#feee3e
block.scope.end,block.scope.begin#ffb9d7
storage.type.cs#feee3e
entity.name.variable.local.cs#ff5ca3
token.info-token#0fefff
token.warn-token#ffa033
token.error-token#fb2872
token.debug-token#9533E6
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#9533E6
meta.template.expression#ffb9d7
keyword.operator.module#9533E6
support.type.type.flowtype#0fefff
support.type.primitive#feee3e
meta.property.object#ff5ca3
variable.parameter.function.js#ff5ca3
keyword.other.template.begin#37e421
keyword.other.template.end#37e421
keyword.other.substitution.begin#37e421
keyword.other.substitution.end#37e421
keyword.operator.assignment#5dfed6
keyword.operator.assignment.go#feee3e
keyword.operator.arithmetic.go, keyword.operator.address.go#9533E6
entity.name.package.go#feee3e
support.type.prelude.elm#5dfed6
support.constant.elm#ffa033
punctuation.quasi.element#9533E6
constant.character.entity#ff5ca3
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#5dfed6
entity.global.clojure#feee3e
meta.symbol.clojure#ff5ca3
constant.keyword.clojure#5dfed6
meta.arguments.coffee, variable.parameter.function.coffee#ff5ca3
source.ini#37e421
meta.scope.prerequisites.makefile#ff5ca3
source.makefile#feee3e
storage.modifier.import.groovy#feee3e
meta.method.groovy#0fefff
meta.definition.variable.name.groovy#ff5ca3
meta.definition.class.inherited.classes.groovy#37e421
support.variable.semantic.hlsl#feee3e
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#9533E6
text.variable, text.bracketed#ff5ca3
support.type.swift, support.type.vb.asp#feee3e
entity.name.function.xi#feee3e
entity.name.class.xi#5dfed6
constant.character.character-class.regexp.xi#ff5ca3
constant.regexp.xi#9533E6
keyword.control.xi#5dfed6
invalid.xi#ffb9d7
beginning.punctuation.definition.quote.markdown.xi#37e421
beginning.punctuation.definition.list.markdown.xi#7d677a
constant.character.xi#0fefff
accent.xi#0fefff
wikiword.xi#ffa033
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#7d677a
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#feee3e
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ff5ca3
meta.brace.square#ffb9d7
comment, punctuation.definition.comment#7d677aitalic
markup.quote.markdown#7d677a
punctuation.definition.block.sequence.item.yaml#ffb9d7
constant.language.symbol.elixir#5dfed6
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...