Skip to main content
CodingTheme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.background#000815
  • activityBar.foreground#0c97fd
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#007acc
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#030c1b
  • 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#030c1b
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#264f78
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#44444400
  • editorGroup.emptyBackground#030c1b
  • editorGroupHeader.tabsBackground#000815
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#030c1b
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • 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#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#00060f
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#00060f
  • editorSuggestWidget.border#45454500
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • 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#030c1b
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#264f78
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#000815
  • 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#0e70c0
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#00060f
  • scrollbarSlider.hoverBackground#00050d
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#000815
  • sideBar.border#ff000000
  • sideBar.dropBackground#00050d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#007acc
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • 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#000815
  • 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#9cdcfe
variable.other.generic-type.haskell#c792ea
storage.type.haskell#ce9178
support.variable.magic.python#9cdcfe
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#4182bc
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#ecc48d
entity.name.lifetime.rust#4182bc
variable.language.rust#9cdcfe
support.constant.edge#c792ea
constant.other.character-class.regexp#9cdcfe
keyword.operator.quantifier.regexp#ce9178
punctuation.definition.string.begin,punctuation.definition.string.end#ce9178
variable.parameter.function#d4d4d4
comment markup.link#7f848e
markup.changed.diff#4182bc
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#ecc48d
markup.inserted.diff#ce9178
markup.deleted.diff#9cdcfe
meta.function.c,meta.function.cpp#9cdcfe
punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c#d4d4d4
punctuation.separator.key-value#d4d4d4
keyword.operator.expression.import#ecc48d
support.constant.math#4182bc
support.constant.property.math#ce9178
variable.other.constant#4182bc
storage.type.annotation.java, storage.type.object.array.java#4182bc
source.java#9cdcfe
punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java#d4d4d4
meta.method.java#ecc48d
storage.modifier.import.java,storage.type.java,storage.type.generic.java#4182bc
keyword.operator.instanceof.java#c792ea
meta.definition.variable.name.java#9cdcfe
keyword.operator.logical#d4d4d4
keyword.operator.bitwise#d4d4d4
keyword.operator.channel#d4d4d4
support.constant.property-value.scss,support.constant.property-value.css#ce9178
keyword.operator.css,keyword.operator.scss,keyword.operator.less#d4d4d4
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ce9178
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#ce9178
support.type.vendored.property-name.css#d4d4d4
support.module.node,support.type.object.module,support.module.node#4182bc
entity.name.type.module#4182bc
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#9cdcfe
support.constant.json#ce9178
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#c792ea
support.type.object.console#9cdcfe
support.variable.property.process#ce9178
entity.name.function,support.function.console#ecc48d
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#c792ea
keyword.operator.delete#c792ea
support.type.object.dom#d4d4d4
support.variable.dom,support.variable.property.dom#9cdcfe
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#d4d4d4
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#c792ea
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#c792ea
support.type.posix-reserved.c,support.type.posix-reserved.cpp#d4d4d4
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#c792ea
variable.parameter.function.language.python#ce9178
support.type.python#d4d4d4
keyword.operator.logical.python#c792ea
variable.parameter.function.python#ce9178
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#d4d4d4
meta.function-call.generic.python#ecc48d
constant.character.format.placeholder.other.python#ce9178
keyword.operator#d4d4d4
keyword.operator.assignment.compound#c792ea
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#d4d4d4
keyword#c792ea
entity.name.namespace#4182bc
variable#9cdcfe
variable.c#d4d4d4
variable.language#4182bc
token.variable.parameter.java#d4d4d4
import.storage.java#4182bc
token.package.keyword#c792ea
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#ecc48d
entity.name.type.namespace#4182bc
support.class, entity.name.type.class#4182bc
entity.name.class.identifier.namespace.type#4182bc
entity.name.class, variable.other.class.js, variable.other.class.ts#4182bc
variable.other.class.php#9cdcfe
entity.name.type#4182bc
keyword.control#c792ea
control.elements, keyword.operator.less#ce9178
keyword.other.special-method#ecc48d
storage#c792ea
token.storage#c792ea
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#c792ea
token.storage.type.java#4182bc
support.function#d4d4d4
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#ce9178
meta.tag#d4d4d4
string#ce9178
entity.other.inherited-class#4182bc
constant.other.symbol#d4d4d4
constant.numeric#ce9178
constant#ce9178
punctuation.definition.constant#ce9178
entity.name.tag#9cdcfe
entity.other.attribute-name#ce9178
entity.other.attribute-name.id#ecc48dnormal
entity.other.attribute-name.class.css#ce9178normal
meta.selector#c792ea
markup.heading#9cdcfe
markup.heading punctuation.definition.heading, entity.name.section#ecc48d
keyword.other.unit#9cdcfe
markup.bold,todo.bold#ce9178
punctuation.definition.bold#4182bc
markup.italic, punctuation.definition.italic,todo.emphasis#c792ea
emphasis md#c792ea
entity.name.section.markdown#9cdcfe
punctuation.definition.heading.markdown#9cdcfe
punctuation.definition.list.begin.markdown#9cdcfe
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#ce9178
markup.inline.raw.markdown#ce9178
markup.inline.raw.string.markdown#ce9178
punctuation.definition.list.markdown#9cdcfe
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#9cdcfe
beginning.punctuation.definition.list.markdown#9cdcfe
punctuation.definition.metadata.markdown#9cdcfe
markup.underline.link.markdown,markup.underline.link.image.markdown#c792ea
string.other.link.title.markdown,string.other.link.description.markdown#ecc48d
string.regexp#d4d4d4
constant.character.escape#d4d4d4
punctuation.section.embedded, variable.interpolation#9cdcfe
punctuation.section.embedded.begin,punctuation.section.embedded.end#c792ea
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#d4d4d4
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#9cdcfe
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#9cdcfe
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#ce9178
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#d4d4d4
support.type.property-name.json#9cdcfe
support.type.property-name.json punctuation#9cdcfe
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#c792ea
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#c792ea
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#4182bc
keyword.operator.error-control.php#c792ea
keyword.operator.type.php#c792ea
punctuation.section.array.begin.php#d4d4d4
punctuation.section.array.end.php#d4d4d4
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#4182bc
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#ecc48d
punctuation.definition.parameters.begin.bracket.round.php,punctuation.definition.parameters.end.bracket.round.php,punctuation.separator.delimiter.php,punctuation.section.scope.begin.php,punctuation.section.scope.end.php,punctuation.terminator.expression.php,punctuation.definition.arguments.begin.bracket.round.php,punctuation.definition.arguments.end.bracket.round.php,punctuation.definition.storage-type.begin.bracket.round.php,punctuation.definition.storage-type.end.bracket.round.php,punctuation.definition.array.begin.bracket.round.php,punctuation.definition.array.end.bracket.round.php,punctuation.definition.begin.bracket.round.php,punctuation.definition.end.bracket.round.php,punctuation.definition.begin.bracket.curly.php,punctuation.definition.end.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php,punctuation.definition.section.switch-block.start.bracket.curly.php,punctuation.definition.section.switch-block.begin.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php#d4d4d4
support.constant.core.rust#ce9178
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ce9178
entity.name.goto-label.php,support.other.php#ecc48d
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#d4d4d4
keyword.operator.regexp.php#c792ea
keyword.operator.comparison.php#d4d4d4
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#c792ea
meta.function.decorator.python#ecc48d
support.token.decorator.python,meta.function.decorator.identifier.python#d4d4d4
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#d4d4d4
rgb-value#d4d4d4
inline-color-decoration rgb-value#ce9178
less rgb-value#ce9178
selector.sass#9cdcfe
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#4182bc
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#4182bc
entity.name.variable.local.cs#9cdcfe
token.info-token#ecc48d
token.warn-token#ce9178
token.error-token#f44747
token.debug-token#c792ea
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#c792ea
meta.template.expression#d4d4d4
keyword.operator.module#c792ea
support.type.type.flowtype#ecc48d
support.type.primitive#4182bc
meta.property.object#9cdcfe
variable.parameter.function.js#9cdcfe
keyword.other.template.begin#ce9178
keyword.other.template.end#ce9178
keyword.other.substitution.begin#ce9178
keyword.other.substitution.end#ce9178
keyword.operator.assignment#d4d4d4
keyword.operator.assignment.go#4182bc
keyword.operator.arithmetic.go, keyword.operator.address.go#c792ea
entity.name.package.go#4182bc
support.type.prelude.elm#d4d4d4
support.constant.elm#ce9178
punctuation.quasi.element#c792ea
constant.character.entity#9cdcfe
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#d4d4d4
entity.global.clojure#4182bc
meta.symbol.clojure#9cdcfe
constant.keyword.clojure#d4d4d4
meta.arguments.coffee, variable.parameter.function.coffee#9cdcfe
source.ini#ce9178
meta.scope.prerequisites.makefile#9cdcfe
source.makefile#4182bc
storage.modifier.import.groovy#4182bc
meta.method.groovy#ecc48d
meta.definition.variable.name.groovy#9cdcfe
meta.definition.class.inherited.classes.groovy#ce9178
support.variable.semantic.hlsl#4182bc
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#c792ea
text.variable, text.bracketed#9cdcfe
support.type.swift, support.type.vb.asp#4182bc
entity.name.function.xi#4182bc
entity.name.class.xi#d4d4d4
constant.character.character-class.regexp.xi#9cdcfe
constant.regexp.xi#c792ea
keyword.control.xi#d4d4d4
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#ce9178
beginning.punctuation.definition.list.markdown.xi#7f848e
constant.character.xi#ecc48d
accent.xi#ecc48d
wikiword.xi#ce9178
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#4182bc
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#9cdcfe
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#7f848eitalic
markup.quote.markdown#7f848e
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#d4d4d4
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...