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#1c0f30
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#007acc
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#0b0526
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#0e639c
  • button.foreground#ffffff
  • button.hoverBackground#1177bb
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#00060f
  • debugExceptionWidget.border#47474700
  • debugToolBar.background#00060f
  • debugToolBar.border#47474700
  • diffEditor.border#303132
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#050041
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#fffea3
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#d7c1c122
  • editor.lineHighlightBorder#212121
  • 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#44444400
  • editorGroup.emptyBackground#050041
  • editorGroupHeader.tabsBackground#0d0136
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#030c1b
  • editorGutter.commentRangeForeground#a179fb
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#a179fb
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#00060f
  • editorHoverWidget.border#45454500
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c6adff
  • editorLineNumber.foreground#d4c1ff62
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#0b0736
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#020006
  • editorSuggestWidget.border#45454500
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#009dfb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#00060f
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5f5f5f00
  • focusBorder#007fd4
  • 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#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#094771
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#00050d
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#09477160
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#094771
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#00060f
  • menu.border#00000000
  • menu.foreground#cccccc
  • menu.selectionBackground#094771
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb24
  • 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#050041
  • 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#141219dd
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#14012c
  • 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#3f3f4600
  • pickerGroup.foreground#3794ff
  • progressBar.background#4e0ec0
  • scrollbar.shadow#130424
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#020113
  • scrollbarSlider.hoverBackground#002560
  • selection.background#6410a9
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#0e022e
  • sideBar.border#ff000000
  • sideBar.dropBackground#00050d
  • sideBar.foreground#d5d5d5
  • sideBarSectionHeader.background#24222256
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#3d0ea7
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffe2b6
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#000308
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#00112a
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#00000000
  • tab.inactiveBackground#000815
  • 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#2c1c3d
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#58585800
  • 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#66caff
variable.other.generic-type.haskell#ff816d
storage.type.haskell#ff6cc5
support.variable.magic.python#66caff
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#fffea3
variable.parameter.function.language.special.self.python#4fffa9
storage.modifier.lifetime.rust#fffea3
support.function.std.rust#ef4ffd
entity.name.lifetime.rust#4fffa9
variable.language.rust#66caff
support.constant.edge#ff816d
constant.other.character-class.regexp#66caff
keyword.operator.quantifier.regexp#ff6cc5
punctuation.definition.string.begin,punctuation.definition.string.end#ffda4e
variable.parameter.function#fffea3
comment markup.link#5e76b0
markup.changed.diff#4fffa9
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#ef4ffd
markup.inserted.diff#ffda4e
markup.deleted.diff#66caff
meta.function.c,meta.function.cpp#66caff
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#fffea3
punctuation.separator.key-value#fffea3
keyword.operator.expression.import#ef4ffd
support.constant.math#4fffa9
support.constant.property.math#ff6cc5
variable.other.constant#4fffa9
storage.type.annotation.java, storage.type.object.array.java#4fffa9
source.java#66caff
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#fffea3
meta.method.java#ef4ffd
storage.modifier.import.java,storage.type.java,storage.type.generic.java#4fffa9
keyword.operator.instanceof.java#ff816d
meta.definition.variable.name.java#66caff
keyword.operator.logical#ffffff
keyword.operator.bitwise#ffffff
keyword.operator.channel#ffffff
support.constant.property-value.scss,support.constant.property-value.css#ff6cc5
keyword.operator.css,keyword.operator.scss,keyword.operator.less#ffffff
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ff6cc5
punctuation.separator.list.comma.css#fffea3
support.constant.color.w3c-standard-color-name.css#ff6cc5
support.type.vendored.property-name.css#ffffff
support.module.node,support.type.object.module,support.module.node#4fffa9
entity.name.type.module#4fffa9
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#66caff
support.constant.json#ff6cc5
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ff816d
support.type.object.console#66caff
support.variable.property.process#ff6cc5
entity.name.function,support.function.console#ef4ffd
keyword.operator.misc.rust#fffea3
keyword.operator.sigil.rust#ff816d
keyword.operator.delete#ff816d
support.type.object.dom#ffffff
support.variable.dom,support.variable.property.dom#66caff
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#ffffff
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#ff816d
punctuation.separator.delimiter#fffea3
punctuation.separator.c,punctuation.separator.cpp#ff816d
support.type.posix-reserved.c,support.type.posix-reserved.cpp#ffffff
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ff816d
variable.parameter.function.language.python#ff6cc5
support.type.python#ffffff
keyword.operator.logical.python#ff816d
variable.parameter.function.python#ff6cc5
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#fffea3
meta.function-call.generic.python#ef4ffd
constant.character.format.placeholder.other.python#ff6cc5
keyword.operator#fffea3
keyword.operator.assignment.compound#ff816d
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#ffffff
keyword#ff816d
entity.name.namespace#4fffa9
variable#66caff
variable.c#fffea3
variable.language#4fffa9
token.variable.parameter.java#fffea3
import.storage.java#4fffa9
token.package.keyword#ff816d
token.package#fffea3
entity.name.function, meta.require, support.function.any-method, variable.function#ef4ffd
entity.name.type.namespace#4fffa9
support.class, entity.name.type.class#4fffa9
entity.name.class.identifier.namespace.type#4fffa9
entity.name.class, variable.other.class.js, variable.other.class.ts#4fffa9
variable.other.class.php#66caff
entity.name.type#4fffa9
keyword.control#ff816d
control.elements, keyword.operator.less#ff6cc5
keyword.other.special-method#ef4ffd
storage#ff816d
token.storage#ff816d
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#ff816d
token.storage.type.java#4fffa9
support.function#ffffff
support.type.property-name#fffea3
support.constant.property-value#fffea3
support.constant.font-name#ff6cc5
meta.tag#fffea3
string#ffda4e
entity.other.inherited-class#4fffa9
constant.other.symbol#ffffff
constant.numeric#ff6cc5
constant#ff6cc5
punctuation.definition.constant#ff6cc5
entity.name.tag#66caff
entity.other.attribute-name#ff6cc5
entity.other.attribute-name.id#ef4ffditalic
entity.other.attribute-name.class.css#ff6cc5italic
meta.selector#ff816d
markup.heading#66caff
markup.heading punctuation.definition.heading, entity.name.section#ef4ffd
keyword.other.unit#66caff
markup.bold,todo.bold#ff6cc5
punctuation.definition.bold#4fffa9
markup.italic, punctuation.definition.italic,todo.emphasis#ff816d
emphasis md#ff816d
entity.name.section.markdown#66caff
punctuation.definition.heading.markdown#66caff
punctuation.definition.list.begin.markdown#66caff
markup.heading.setext#fffea3
punctuation.definition.bold.markdown#ff6cc5
markup.inline.raw.markdown#ffda4e
markup.inline.raw.string.markdown#ffda4e
punctuation.definition.list.markdown#66caff
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#66caff
beginning.punctuation.definition.list.markdown#66caff
punctuation.definition.metadata.markdown#66caff
markup.underline.link.markdown,markup.underline.link.image.markdown#ff816d
string.other.link.title.markdown,string.other.link.description.markdown#ef4ffd
string.regexp#ffffff
constant.character.escape#ffffff
punctuation.section.embedded, variable.interpolation#66caff
punctuation.section.embedded.begin,punctuation.section.embedded.end#ff816d
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#fffea3
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#66caff
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#66caff
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#ffda4e
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ffffff
support.type.property-name.json#66caff
support.type.property-name.json punctuation#66caff
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ff816d
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ff816d
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#4fffa9
keyword.operator.error-control.php#ff816d
keyword.operator.type.php#ff816d
punctuation.section.array.begin.php#fffea3
punctuation.section.array.end.php#fffea3
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#4fffa9
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#ef4ffd
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#fffea3
support.constant.core.rust#ff6cc5
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ff6cc5
entity.name.goto-label.php,support.other.php#ef4ffd
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#ffffff
keyword.operator.regexp.php#ff816d
keyword.operator.comparison.php#ffffff
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ff816d
meta.function.decorator.python#ef4ffd
support.token.decorator.python,meta.function.decorator.identifier.python#ffffff
function.parameter#fffea3
function.brace#fffea3
function.parameter.ruby, function.parameter.cs#fffea3
constant.language.symbol.ruby#ffffff
rgb-value#ffffff
inline-color-decoration rgb-value#ff6cc5
less rgb-value#ff6cc5
selector.sass#66caff
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#4fffa9
block.scope.end,block.scope.begin#fffea3
storage.type.cs#4fffa9
entity.name.variable.local.cs#66caff
token.info-token#ef4ffd
token.warn-token#ff6cc5
token.error-token#f44747
token.debug-token#ff816d
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ff816d
meta.template.expression#fffea3
keyword.operator.module#ff816d
support.type.type.flowtype#ef4ffd
support.type.primitive#4fffa9
meta.property.object#66caff
variable.parameter.function.js#66caff
keyword.other.template.begin#ffda4e
keyword.other.template.end#ffda4e
keyword.other.substitution.begin#ffda4e
keyword.other.substitution.end#ffda4e
keyword.operator.assignment#ffffff
keyword.operator.assignment.go#4fffa9
keyword.operator.arithmetic.go, keyword.operator.address.go#ff816d
entity.name.package.go#4fffa9
support.type.prelude.elm#ffffff
support.constant.elm#ff6cc5
punctuation.quasi.element#ff816d
constant.character.entity#66caff
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ffffff
entity.global.clojure#4fffa9
meta.symbol.clojure#66caff
constant.keyword.clojure#ffffff
meta.arguments.coffee, variable.parameter.function.coffee#66caff
source.ini#ffda4e
meta.scope.prerequisites.makefile#66caff
source.makefile#4fffa9
storage.modifier.import.groovy#4fffa9
meta.method.groovy#ef4ffd
meta.definition.variable.name.groovy#66caff
meta.definition.class.inherited.classes.groovy#ffda4e
support.variable.semantic.hlsl#4fffa9
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#ff816d
text.variable, text.bracketed#66caff
support.type.swift, support.type.vb.asp#4fffa9
entity.name.function.xi#4fffa9
entity.name.class.xi#ffffff
constant.character.character-class.regexp.xi#66caff
constant.regexp.xi#ff816d
keyword.control.xi#ffffff
invalid.xi#fffea3
beginning.punctuation.definition.quote.markdown.xi#ffda4e
beginning.punctuation.definition.list.markdown.xi#5e76b0
constant.character.xi#ef4ffd
accent.xi#ef4ffd
wikiword.xi#ff6cc5
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#5e76b0
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#4fffa9
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#66caff
meta.brace.square#fffea3
comment, punctuation.definition.comment#5e76b0italic
markup.quote.markdown#5e76b0
punctuation.definition.block.sequence.item.yaml#fffea3
constant.language.symbol.elixir#ffffff
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...