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#54111100
  • activityBar.background#181818
  • activityBar.border#ff5c9500
  • activityBar.foreground#ff5c95
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#ff5c95
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1e1e1e
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#ff5c95
  • button.foreground#ffffff
  • button.hoverBackground#60001f
  • 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#181818
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#ffffff
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d412e
  • 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#ff5c95
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#181818
  • editorGroupHeader.tabsBackground#252526
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#181818
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • 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#75beff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#474747
  • 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#ff5c95
  • foreground#ff5c95
  • 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#ff5c95
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#ff5c952e
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#ff5c950e
  • list.focusForeground#cccccc
  • list.highlightForeground#ff5c95
  • list.hoverBackground#ff5c9526
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#ff5c9514
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#ff5c953e
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#0000001a
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#094771
  • menu.selectionBorder#ff5c9500
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#28282832
  • merge.commonHeaderBackground#38383830
  • merge.currentContentBackground#27403b1d
  • merge.currentHeaderBackground#36736624
  • merge.incomingContentBackground#28384b2e
  • merge.incomingHeaderBackground#39608f32
  • minimap.background#181818
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a23
  • minimap.selectionHighlight#264f781f
  • 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#1e1e1e
  • 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#3794ff
  • progressBar.background#ff5c95
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ff5c95
  • sideBar.background#181818
  • sideBar.border#34343400
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#ffffff
  • sideBarSectionHeader.background#340f0f00
  • sideBarSectionHeader.border#ff5c9520
  • sideBarSectionHeader.foreground#999999
  • sideBarTitle.foreground#c7c7c7
  • statusBar.background#181818
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ff5c95
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#16825d
  • 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#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#181818
  • titleBar.activeForeground#ff5c95
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#828282
  • 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#ff9b00
variable.other.generic-type.haskell#9533E6
storage.type.haskell#ffef00
support.variable.magic.python#ff9b00
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#ffffff
variable.parameter.function.language.special.self.python#ff5c95
storage.modifier.lifetime.rust#ffffff
support.function.std.rust#00ffff
entity.name.lifetime.rust#ff5c95
variable.language.rust#ff9b00
support.constant.edge#9533E6
constant.other.character-class.regexp#ff9b00
keyword.operator.quantifier.regexp#ffef00
punctuation.definition.string.begin,punctuation.definition.string.end#6bff00
variable.parameter.function#ffffff
comment markup.link#7f848e
markup.changed.diff#ff5c95
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#00ffff
markup.inserted.diff#6bff00
markup.deleted.diff#ff9b00
meta.function.c,meta.function.cpp#ff9b00
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#ffffff
punctuation.separator.key-value#ffffff
keyword.operator.expression.import#00ffff
support.constant.math#ff5c95
support.constant.property.math#ffef00
variable.other.constant#ff5c95
storage.type.annotation.java, storage.type.object.array.java#ff5c95
source.java#ff9b00
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#ffffff
meta.method.java#00ffff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ff5c95
keyword.operator.instanceof.java#9533E6
meta.definition.variable.name.java#ff9b00
keyword.operator.logical#00e3ff
keyword.operator.bitwise#00e3ff
keyword.operator.channel#00e3ff
support.constant.property-value.scss,support.constant.property-value.css#ffef00
keyword.operator.css,keyword.operator.scss,keyword.operator.less#00e3ff
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ffef00
punctuation.separator.list.comma.css#ffffff
support.constant.color.w3c-standard-color-name.css#ffef00
support.type.vendored.property-name.css#00e3ff
support.module.node,support.type.object.module,support.module.node#ff5c95
entity.name.type.module#ff5c95
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ff9b00
support.constant.json#ffef00
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#9533E6
support.type.object.console#ff9b00
support.variable.property.process#ffef00
entity.name.function,support.function.console#00ffff
keyword.operator.misc.rust#ffffff
keyword.operator.sigil.rust#9533E6
keyword.operator.delete#9533E6
support.type.object.dom#00e3ff
support.variable.dom,support.variable.property.dom#ff9b00
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#00e3ff
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#ffffff
punctuation.separator.c,punctuation.separator.cpp#9533E6
support.type.posix-reserved.c,support.type.posix-reserved.cpp#00e3ff
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#9533E6
variable.parameter.function.language.python#ffef00
support.type.python#00e3ff
keyword.operator.logical.python#9533E6
variable.parameter.function.python#ffef00
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#ffffff
meta.function-call.generic.python#00ffff
constant.character.format.taffy.other.python#ffef00
keyword.operator#ffffff
keyword.operator.assignment.compound#9533E6
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#00e3ff
keyword#9533E6
entity.name.namespace#ff5c95
variable#ff9b00
variable.c#ffffff
variable.language#ff5c95
token.variable.parameter.java#ffffff
import.storage.java#ff5c95
token.package.keyword#9533E6
token.package#ffffff
entity.name.function, meta.require, support.function.any-method, variable.function#00ffff
entity.name.type.namespace#ff5c95
support.class, entity.name.type.class#ff5c95
entity.name.class.identifier.namespace.type#ff5c95
entity.name.class, variable.other.class.js, variable.other.class.ts#ff5c95
variable.other.class.php#ff9b00
entity.name.type#ff5c95
keyword.control#9533E6
control.elements, keyword.operator.less#ffef00
keyword.other.special-method#00ffff
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#ff5c95
support.function#00e3ff
support.type.property-name#ffffff
support.constant.property-value#ffffff
support.constant.font-name#ffef00
meta.tag#ffffff
string#6bff00
entity.other.inherited-class#ff5c95
constant.other.symbol#00e3ff
constant.numeric#ffef00
constant#ffef00
punctuation.definition.constant#ffef00
entity.name.tag#ff9b00
entity.other.attribute-name#ffef00
entity.other.attribute-name.id#00ffff
entity.other.attribute-name.class.css#ffef00
meta.selector#9533E6
markup.heading#ff9b00
markup.heading punctuation.definition.heading, entity.name.section#00ffff
keyword.other.unit#ff9b00
markup.bold,todo.bold#ffef00
punctuation.definition.bold#ff5c95
markup.italic, punctuation.definition.italic,todo.emphasis#9533E6
emphasis md#9533E6
entity.name.section.markdown#ff9b00
punctuation.definition.heading.markdown#ff9b00
punctuation.definition.list.begin.markdown#ff9b00
markup.heading.setext#ffffff
punctuation.definition.bold.markdown#ffef00
markup.inline.raw.markdown#6bff00
markup.inline.raw.string.markdown#6bff00
punctuation.definition.list.markdown#ff9b00
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ff9b00
beginning.punctuation.definition.list.markdown#ff9b00
punctuation.definition.metadata.markdown#ff9b00
markup.underline.link.markdown,markup.underline.link.image.markdown#9533E6
string.other.link.title.markdown,string.other.link.description.markdown#00ffff
string.regexp#00e3ff
constant.character.escape#00e3ff
punctuation.section.embedded, variable.interpolation#ff9b00
punctuation.section.embedded.begin,punctuation.section.embedded.end#9533E6
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#ffffff
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ff9b00
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ff9b00
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#6bff00
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#00e3ff
support.type.property-name.json#ff9b00
support.type.property-name.json punctuation#ff9b00
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#ff5c95
keyword.operator.error-control.php#9533E6
keyword.operator.type.php#9533E6
punctuation.section.array.begin.php#ffffff
punctuation.section.array.end.php#ffffff
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#ff5c95
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#00ffff
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#ffffff
support.constant.core.rust#ffef00
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ffef00
entity.name.goto-label.php,support.other.php#00ffff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#00e3ff
keyword.operator.regexp.php#9533E6
keyword.operator.comparison.php#00e3ff
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#9533E6
meta.function.decorator.python#00ffff
support.token.decorator.python,meta.function.decorator.identifier.python#00e3ff
function.parameter#ffffff
function.brace#ffffff
function.parameter.ruby, function.parameter.cs#ffffff
constant.language.symbol.ruby#00e3ff
rgb-value#00e3ff
inline-color-decoration rgb-value#ffef00
less rgb-value#ffef00
selector.sass#ff9b00
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ff5c95
block.scope.end,block.scope.begin#ffffff
storage.type.cs#ff5c95
entity.name.variable.local.cs#ff9b00
token.info-token#00ffff
token.warn-token#ffef00
token.error-token#f44747
token.debug-token#9533E6
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#9533E6
meta.template.expression#ffffff
keyword.operator.module#9533E6
support.type.type.flowtype#00ffff
support.type.primitive#ff5c95
meta.property.object#ff9b00
variable.parameter.function.js#ff9b00
keyword.other.template.begin#6bff00
keyword.other.template.end#6bff00
keyword.other.substitution.begin#6bff00
keyword.other.substitution.end#6bff00
keyword.operator.assignment#00e3ff
keyword.operator.assignment.go#ff5c95
keyword.operator.arithmetic.go, keyword.operator.address.go#9533E6
entity.name.package.go#ff5c95
support.type.prelude.elm#00e3ff
support.constant.elm#ffef00
punctuation.quasi.element#9533E6
constant.character.entity#ff9b00
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#00e3ff
entity.global.clojure#ff5c95
meta.symbol.clojure#ff9b00
constant.keyword.clojure#00e3ff
meta.arguments.coffee, variable.parameter.function.coffee#ff9b00
source.ini#6bff00
meta.scope.prerequisites.makefile#ff9b00
source.makefile#ff5c95
storage.modifier.import.groovy#ff5c95
meta.method.groovy#00ffff
meta.definition.variable.name.groovy#ff9b00
meta.definition.class.inherited.classes.groovy#6bff00
support.variable.semantic.hlsl#ff5c95
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#ff9b00
support.type.swift, support.type.vb.asp#ff5c95
entity.name.function.xi#ff5c95
entity.name.class.xi#00e3ff
constant.character.character-class.regexp.xi#ff9b00
constant.regexp.xi#9533E6
keyword.control.xi#00e3ff
invalid.xi#ffffff
beginning.punctuation.definition.quote.markdown.xi#6bff00
beginning.punctuation.definition.list.markdown.xi#7f848e
constant.character.xi#00ffff
accent.xi#00ffff
wikiword.xi#ffef00
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#7f848e
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ff5c95
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ff9b00
meta.brace.square#ffffff
comment, punctuation.definition.comment#7f848eitalic
markup.quote.markdown#7f848e
punctuation.definition.block.sequence.item.yaml#ffffff
constant.language.symbol.elixir#00e3ff
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...