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#becdf00e
  • activityBar.background#191c25
  • activityBar.border#becdf03c
  • activityBar.foreground#becdf0
  • activityBar.inactiveForeground#becdf08f
  • activityBarBadge.background#FF4900
  • activityBarBadge.foreground#becdf0
  • badge.background#FF4900
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#becdf0
  • breadcrumb.background#191c25
  • breadcrumb.focusForeground#becdf0
  • breadcrumb.foreground#becdf0
  • button.background#FF4900
  • button.foreground#191c25
  • button.hoverBackground#eab174
  • button.secondaryBackground#becdf0
  • button.secondaryForeground#191c25
  • button.secondaryHoverBackground#FF4900
  • checkbox.background#becdf0ad
  • checkbox.border#becdf0
  • checkbox.foreground#071538
  • debugExceptionWidget.background#191c25
  • debugExceptionWidget.border#becdf056
  • debugToolBar.background#191c25
  • debugToolBar.border#becdf056
  • diffEditor.border#eab174
  • diffEditor.insertedTextBackground#1C202A
  • diffEditor.removedTextBackground#d64c1f
  • dropdown.background#becdf0ad
  • dropdown.border#becdf0
  • dropdown.foreground#071538
  • editor.background#1C202A
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#07153844
  • editor.foreground#becdf0
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#07153858
  • editor.lineHighlightBackground#eab17436
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#eab17450
  • editor.selectionHighlightBackground#eab17487
  • editor.selectionHighlightBorder#ffffff00
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#becdf076
  • editorBracketMatch.border#88888800
  • editorCodeLens.foreground#becdf0
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#becdf0
  • editorGroup.emptyBackground#1C202A
  • editorGroupHeader.border#becdf000
  • editorGroupHeader.tabsBackground#191c25
  • editorGutter.addedBackground#8faffb
  • editorGutter.background#191c25
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#FF4900
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#FF4900
  • editorHoverWidget.background#191c25
  • editorHoverWidget.border#becdf05a
  • editorHoverWidget.foreground#becdf0
  • editorIndentGuide.activeBackground#fbc8b5
  • editorIndentGuide.background#becdf076
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#fbc8b5
  • editorLineNumber.foreground#becdf0
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#eab174
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#191c25
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#becdf076
  • editorSuggestWidget.background#191c25
  • editorSuggestWidget.border#becdf05c
  • editorSuggestWidget.foreground#becdf0
  • editorSuggestWidget.highlightForeground#FF4900
  • editorSuggestWidget.selectedBackground#eab1749d
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#1C202A
  • editorWidget.foreground#becdf0
  • editorWidget.resizeBorder#FF4900
  • focusBorder#eab17436
  • foreground#becdf0
  • gitDecoration.addedResourceForeground#eab174
  • gitDecoration.conflictingResourceForeground#6b89d1
  • gitDecoration.deletedResourceForeground#FF4900
  • gitDecoration.ignoredResourceForeground#a7bbeb
  • gitDecoration.modifiedResourceForeground#96b6ff
  • gitDecoration.stageDeletedResourceForeground#FF4900
  • gitDecoration.stageModifiedResourceForeground#eab174
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#c0f304
  • icon.foreground#becdf0
  • input.background#becdf0ad
  • input.border#becdf0
  • input.foreground#071538
  • input.placeholderForeground#071538
  • inputOption.activeBackground#07153881
  • inputOption.activeBorder#becdf03e
  • inputOption.activeForeground#becdf0
  • list.activeSelectionBackground#FF4900
  • list.activeSelectionForeground#fdfdfd
  • list.dropBackground#becdf02e
  • list.focusBackground#191c25
  • list.focusForeground#becdf01e
  • list.highlightForeground#FF4900
  • list.hoverBackground#becdf05d
  • list.hoverForeground#071538
  • list.inactiveSelectionBackground#0715385e
  • list.inactiveSelectionForeground#becdf0
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#191c25
  • menu.border#00000085
  • menu.foreground#becdf0
  • menu.selectionBackground#FF4900
  • menu.selectionBorder#00000000
  • menu.selectionForeground#fdfdfd
  • menu.separatorBackground#eab174
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionBorder#ffffff
  • menubar.selectionForeground#becdf0
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#c0f304
  • merge.currentContentBackground#eab174d1
  • merge.currentHeaderBackground#eab174
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#191c25
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#eab17450
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#eab174
  • minimapGutter.deletedBackground#FF4900
  • minimapGutter.modifiedBackground#BECDF0
  • notificationCenter.border#becdf04e
  • notificationCenterHeader.background#191c25
  • notificationCenterHeader.foreground#191c25
  • notifications.background#191c25
  • notifications.border#becdf040
  • notifications.foreground#becdf0
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#becdf052
  • panel.background#1C202A
  • 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#FF49005a
  • pickerGroup.foreground#FF4900
  • progressBar.background#FF4900
  • scrollbar.shadow#becdf02a
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#becdf058
  • scrollbarSlider.hoverBackground#becdf0a5
  • selection.background#eab174
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#becdf0
  • sideBar.background#1C202A
  • sideBar.border#becdf01e
  • sideBar.dropBackground#becdf02e
  • sideBar.foreground#becdf0
  • sideBarSectionHeader.background#191c25
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#becdf0
  • sideBarTitle.foreground#becdf0
  • statusBar.background#191c25
  • statusBar.border#becdf038
  • statusBar.debuggingBackground#1C202A
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#191c25
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#FF4900
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#191c25
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#becdf0
  • tab.border#191c25
  • tab.inactiveBackground#191c25
  • tab.inactiveForeground#becdf089
  • 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#FF4900
  • terminalCursor.foreground#ffffff
  • textLink.foreground#FF4900
  • titleBar.activeBackground#191c25
  • titleBar.activeForeground#becdf0
  • titleBar.border#00000000
  • titleBar.inactiveBackground#191c25
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#becdf06e
  • 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#eb5829
variable.other.generic-type.haskell#eab174
storage.type.haskell#ec2510
support.variable.magic.python#eb5829
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#becdf0
variable.parameter.function.language.special.self.python#326AE8
storage.modifier.lifetime.rust#becdf0
support.function.std.rust#6c90e4
entity.name.lifetime.rust#326AE8
variable.language.rust#eb5829
support.constant.edge#eab174
constant.other.character-class.regexp#eb5829
keyword.operator.quantifier.regexp#ec2510
punctuation.definition.string.begin,punctuation.definition.string.end#b1bdcf
variable.parameter.function#becdf0
comment markup.link#3b495a
markup.changed.diff#326AE8
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#6c90e4
markup.inserted.diff#b1bdcf
markup.deleted.diff#eb5829
meta.function.c,meta.function.cpp#eb5829
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#becdf0
punctuation.separator.key-value#becdf0
keyword.operator.expression.import#6c90e4
support.constant.math#326AE8
support.constant.property.math#ec2510
variable.other.constant#326AE8
storage.type.annotation.java, storage.type.object.array.java#326AE8
source.java#eb5829
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#becdf0
meta.method.java#6c90e4
storage.modifier.import.java,storage.type.java,storage.type.generic.java#326AE8
keyword.operator.instanceof.java#eab174
meta.definition.variable.name.java#eb5829
keyword.operator.logical#04daf5
keyword.operator.bitwise#04daf5
keyword.operator.channel#04daf5
support.constant.property-value.scss,support.constant.property-value.css#ec2510
keyword.operator.css,keyword.operator.scss,keyword.operator.less#04daf5
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ec2510
punctuation.separator.list.comma.css#becdf0
support.constant.color.w3c-standard-color-name.css#ec2510
support.type.vendored.property-name.css#04daf5
support.module.node,support.type.object.module,support.module.node#214bb7
entity.name.type.module#326AE8
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#eb5829
support.constant.json#ec2510
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#eab174
support.type.object.console#eb5829
support.variable.property.process#ec2510
entity.name.function,support.function.console#6c90e4
keyword.operator.misc.rust#becdf0
keyword.operator.sigil.rust#eab174
keyword.operator.delete#eab174
support.type.object.dom#04daf5
support.variable.dom,support.variable.property.dom#eb5829
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#04daf5
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#eab174
punctuation.separator.delimiter#becdf0
punctuation.separator.c,punctuation.separator.cpp#eab174
support.type.posix-reserved.c,support.type.posix-reserved.cpp#04daf5
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#eab174
variable.parameter.function.language.python#ec2510
support.type.python#04daf5
keyword.operator.logical.python#eab174
variable.parameter.function.python#ec2510
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#becdf0
meta.function-call.generic.python#6c90e4
constant.character.format.placeholder.other.python#ec2510
keyword.operator#becdf0
keyword.operator.assignment.compound#eab174
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#04daf5
keyword#eab174
entity.name.namespace#326AE8
variable#eb5829
variable.c#becdf0
variable.language#326AE8
token.variable.parameter.java#becdf0
import.storage.java#326AE8
token.package.keyword#eab174
token.package#becdf0
entity.name.function, meta.require, support.function.any-method, variable.function#6c90e4
entity.name.type.namespace#326AE8
support.class, entity.name.type.class#326AE8
entity.name.class.identifier.namespace.type#326AE8
entity.name.class, variable.other.class.js, variable.other.class.ts#326AE8
variable.other.class.php#eb5829
entity.name.type#326AE8
keyword.control#eab174
control.elements, keyword.operator.less#ec2510
keyword.other.special-method#6c90e4
storage#eab174
token.storage#eab174
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#eab174
token.storage.type.java#326AE8
support.function#04daf5
support.type.property-name#becdf0
support.constant.property-value#becdf0
support.constant.font-name#ec2510
meta.tag#becdf0
string#b1bdcf
entity.other.inherited-class#326AE8
constant.other.symbol#04daf5
constant.numeric#ec2510
constant#ec2510
punctuation.definition.constant#ec2510
entity.name.tag#eb5829
entity.other.attribute-name#ec2510
entity.other.attribute-name.id#6c90e4bold
entity.other.attribute-name.class.css#ec2510bold
meta.selector#eab174
markup.heading#eb5829
markup.heading punctuation.definition.heading, entity.name.section#6c90e4
keyword.other.unit#eb5829
markup.bold,todo.bold#ec2510
punctuation.definition.bold#326AE8
markup.italic, punctuation.definition.italic,todo.emphasis#eab174
emphasis md#eab174
entity.name.section.markdown#eb5829
punctuation.definition.heading.markdown#eb5829
punctuation.definition.list.begin.markdown#eb5829
markup.heading.setext#becdf0
punctuation.definition.bold.markdown#ec2510
markup.inline.raw.markdown#b1bdcf
markup.inline.raw.string.markdown#b1bdcf
punctuation.definition.list.markdown#eb5829
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#eb5829
beginning.punctuation.definition.list.markdown#eb5829
punctuation.definition.metadata.markdown#eb5829
markup.underline.link.markdown,markup.underline.link.image.markdown#eab174
string.other.link.title.markdown,string.other.link.description.markdown#6c90e4
string.regexp#04daf5
constant.character.escape#04daf5
punctuation.section.embedded, variable.interpolation#eb5829
punctuation.section.embedded.begin,punctuation.section.embedded.end#eab174
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#becdf0
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#eb5829
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#eb5829
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#b1bdcf
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#04daf5
support.type.property-name.json#eb5829
support.type.property-name.json punctuation#eb5829
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#eab174
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#eab174
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#326AE8
keyword.operator.error-control.php#eab174
keyword.operator.type.php#eab174
punctuation.section.array.begin.php#becdf0
punctuation.section.array.end.php#becdf0
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#326AE8
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#6c90e4
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#becdf0
support.constant.core.rust#ec2510
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ec2510
entity.name.goto-label.php,support.other.php#6c90e4
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#04daf5
keyword.operator.regexp.php#eab174
keyword.operator.comparison.php#04daf5
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#eab174
meta.function.decorator.python#6c90e4
support.token.decorator.python,meta.function.decorator.identifier.python#04daf5
function.parameter#becdf0
function.brace#becdf0
function.parameter.ruby, function.parameter.cs#becdf0
constant.language.symbol.ruby#04daf5
rgb-value#04daf5
inline-color-decoration rgb-value#ec2510
less rgb-value#ec2510
selector.sass#eb5829
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#326AE8
block.scope.end,block.scope.begin#becdf0
storage.type.cs#326AE8
entity.name.variable.local.cs#eb5829
token.info-token#6c90e4
token.warn-token#ec2510
token.error-token#f44747
token.debug-token#eab174
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#eab174
meta.template.expression#becdf0
keyword.operator.module#eab174
support.type.type.flowtype#6c90e4
support.type.primitive#326AE8
meta.property.object#eb5829
variable.parameter.function.js#eb5829
keyword.other.template.begin#b1bdcf
keyword.other.template.end#b1bdcf
keyword.other.substitution.begin#b1bdcf
keyword.other.substitution.end#b1bdcf
keyword.operator.assignment#04daf5
keyword.operator.assignment.go#326AE8
keyword.operator.arithmetic.go, keyword.operator.address.go#eab174
entity.name.package.go#326AE8
support.type.prelude.elm#04daf5
support.constant.elm#ec2510
punctuation.quasi.element#eab174
constant.character.entity#eb5829
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#04daf5
entity.global.clojure#326AE8
meta.symbol.clojure#eb5829
constant.keyword.clojure#04daf5
meta.arguments.coffee, variable.parameter.function.coffee#eb5829
source.ini#b1bdcf
meta.scope.prerequisites.makefile#eb5829
source.makefile#326AE8
storage.modifier.import.groovy#326AE8
meta.method.groovy#6c90e4
meta.definition.variable.name.groovy#eb5829
meta.definition.class.inherited.classes.groovy#b1bdcf
support.variable.semantic.hlsl#326AE8
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#eab174
text.variable, text.bracketed#eb5829
support.type.swift, support.type.vb.asp#326AE8
entity.name.function.xi#326AE8
entity.name.class.xi#04daf5
constant.character.character-class.regexp.xi#eb5829
constant.regexp.xi#eab174
keyword.control.xi#04daf5
invalid.xi#becdf0
beginning.punctuation.definition.quote.markdown.xi#b1bdcf
beginning.punctuation.definition.list.markdown.xi#3b495a
constant.character.xi#6c90e4
accent.xi#6c90e4
wikiword.xi#ec2510
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#3b495a
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#326AE8
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#eb5829
meta.brace.square#becdf0
comment, punctuation.definition.comment#3b495aitalic
markup.quote.markdown#3b495a
punctuation.definition.block.sequence.item.yaml#becdf0
constant.language.symbol.elixir#04daf5
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...