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#ee5340
  • activityBar.background#33194d
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#008c95
  • activityBarBadge.foreground#ffffff
  • badge.background#ee5340
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#5c3977
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#ee5340
  • button.foreground#ffffff
  • button.hoverBackground#9f382b
  • button.secondaryBackground#cccccc
  • button.secondaryForeground#33194d
  • button.secondaryHoverBackground#ababab
  • checkbox.background#78638f
  • checkbox.border#00000000
  • checkbox.foreground#ffffff
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#008c953c
  • diffEditor.removedTextBackground#ee534048
  • dropdown.background#78638f
  • dropdown.border#00000000
  • dropdown.foreground#ffffff
  • editor.background#1a112a
  • editor.findMatchBackground#ee53407e
  • editor.findMatchBorder#ee5340
  • editor.findMatchHighlightBackground#ee53405c
  • editor.findMatchHighlightBorder#ee534078
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#bc757500
  • editor.foldBackground#264f784d
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#78638fd5
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#ffffff12
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#5c397778
  • editor.selectionHighlightBackground#008c9570
  • editor.selectionHighlightBorder#008c95
  • editor.wordHighlightBackground#75f3fb66
  • editor.wordHighlightStrongBackground#008c95
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#fb000000
  • editorCursor.foreground#78638f
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ee5340
  • editorGroup.border#444444
  • editorGroup.emptyBackground#1a112a
  • editorGroupHeader.tabsBackground#5c3977
  • editorGroupHeader.tabsBorder#ffffff00
  • editorGutter.addedBackground#91c91b
  • editorGutter.background#1a112a
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#fb2b34
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#008c95
  • editorHoverWidget.background#1a112a
  • editorHoverWidget.border#78638f
  • editorHoverWidget.foreground#f5f5f5
  • editorIndentGuide.activeBackground#008c95
  • editorIndentGuide.background#5c3977
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#008c95
  • editorLineNumber.activeForeground#ffffff
  • editorLineNumber.foreground#008c95
  • editorLink.activeForeground#008c95
  • editorMarkerNavigation.background#1a112a
  • editorMarkerNavigationError.background#ee5340
  • editorMarkerNavigationInfo.background#008c95
  • editorMarkerNavigationWarning.background#ffbf26
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#008c95
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ff9813
  • editorWhitespace.foreground#ffffff29
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#5c3977
  • foreground#cccccc
  • gitDecoration.addedResourceForeground#81db60
  • gitDecoration.conflictingResourceForeground#9d9dff
  • gitDecoration.deletedResourceForeground#ee5340
  • gitDecoration.ignoredResourceForeground#a5a5a5
  • gitDecoration.modifiedResourceForeground#ffae34
  • gitDecoration.stageDeletedResourceForeground#ee5340
  • gitDecoration.stageModifiedResourceForeground#ffae34
  • gitDecoration.submoduleResourceForeground#44a5ff
  • gitDecoration.untrackedResourceForeground#89d3aa
  • icon.foreground#cccccc
  • input.background#78638f
  • input.border#00000000
  • input.foreground#ffffff
  • input.placeholderForeground#ffffff87
  • inputOption.activeBackground#33194d
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#33194d
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#33194d
  • list.focusBackground#33194d
  • list.focusForeground#ffffff
  • list.highlightForeground#ee5340
  • list.hoverBackground#33194d
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#78638f
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#008c95
  • listFilterWidget.noMatchesOutline#ee534000
  • listFilterWidget.outline#00000000
  • menu.background#33194d
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#78638f
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#33194d
  • menubar.selectionBorder#ffffff00
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#383838
  • merge.commonHeaderBackground#5e5e5e
  • merge.currentContentBackground#004b4f
  • merge.currentHeaderBackground#008c95
  • merge.incomingContentBackground#903327
  • merge.incomingHeaderBackground#ee5340
  • minimap.background#1a112a
  • minimap.errorHighlight#ee5340
  • minimap.findMatchHighlight#ee53407e
  • minimap.selectionHighlight#5c397778
  • minimap.warningHighlight#ff9813
  • minimapGutter.addedBackground#91c91b
  • minimapGutter.deletedBackground#fb2b34
  • minimapGutter.modifiedBackground#008c95
  • 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#251d2e
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#ee5340
  • panelTitle.activeForeground#ee5340
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#78638f
  • peekViewEditor.background#003538
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#003538
  • peekViewResult.background#1a112a
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#78638f7c
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#008c95
  • progressBar.background#78638f
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#c7c7c730
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#ffffff52
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#5c3977
  • sideBar.border#ffffff00
  • sideBar.dropBackground#33194d
  • sideBar.foreground#ffffffa7
  • sideBarSectionHeader.background#33194d50
  • sideBarSectionHeader.border#ffffff00
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#ffffff
  • statusBar.background#5c3977
  • statusBar.debuggingBackground#ee5340
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#808080
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#008c95
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#78638f
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#ffffff00
  • tab.hoverBackground#78638f
  • tab.inactiveBackground#33194d
  • 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#e0e0e0
  • terminal.selectionBackground#ffffff26
  • terminalCursor.background#ee53409b
  • terminalCursor.foreground#ffffff
  • textLink.foreground#ee5340
  • titleBar.activeBackground#5c3977
  • titleBar.activeForeground#ffffff
  • titleBar.border#00000000
  • titleBar.inactiveBackground#5c39774a
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#008c95
  • 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#ee5340
variable.other.generic-type.haskell#d9bafb
storage.type.haskell#ababab
support.variable.magic.python#ee5340
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#eec240
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#50e5ee
entity.name.lifetime.rust#eec240
variable.language.rust#ee5340
support.constant.edge#d9bafb
constant.other.character-class.regexp#ee5340
keyword.operator.quantifier.regexp#ababab
punctuation.definition.string.begin,punctuation.definition.string.end#b4b4b4
variable.parameter.function#d4d4d4
comment markup.link#7f848e
markup.changed.diff#eec240
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#50e5ee
markup.inserted.diff#b4b4b4
markup.deleted.diff#ee5340
meta.function.c,meta.function.cpp#ee5340
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#50e5ee
support.constant.math#eec240
support.constant.property.math#ababab
variable.other.constant#eec240
storage.type.annotation.java, storage.type.object.array.java#eec240
source.java#ee5340
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#50e5ee
storage.modifier.import.java,storage.type.java,storage.type.generic.java#eec240
keyword.operator.instanceof.java#d9bafb
meta.definition.variable.name.java#ee5340
keyword.operator.logical#ee5340
keyword.operator.bitwise#ee5340
keyword.operator.channel#ee5340
support.constant.property-value.scss,support.constant.property-value.css#ababab
keyword.operator.css,keyword.operator.scss,keyword.operator.less#ee5340
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ababab
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#ababab
support.type.vendored.property-name.css#ee5340
support.module.node,support.type.object.module,support.module.node#eec240
entity.name.type.module#eec240
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ee5340
support.constant.json#ababab
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#d9bafb
support.type.object.console#ee5340
support.variable.property.process#ababab
entity.name.function,support.function.console#50e5ee
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#d9bafb
keyword.operator.delete#d9bafb
support.type.object.dom#ee5340
support.variable.dom,support.variable.property.dom#ee5340
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#ee5340
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#d9bafb
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#d9bafb
support.type.posix-reserved.c,support.type.posix-reserved.cpp#ee5340
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#d9bafb
variable.parameter.function.language.python#ababab
support.type.python#ee5340
keyword.operator.logical.python#d9bafb
variable.parameter.function.python#ababab
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#50e5ee
constant.character.format.placeholder.other.python#ababab
keyword.operator#d4d4d4
keyword.operator.assignment.compound#d9bafb
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#ee5340
keyword#d9bafb
entity.name.namespace#eec240
variable#ee5340
variable.c#d4d4d4
variable.language#eec240
token.variable.parameter.java#d4d4d4
import.storage.java#eec240
token.package.keyword#d9bafb
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#50e5ee
entity.name.type.namespace#eec240
support.class, entity.name.type.class#eec240
entity.name.class.identifier.namespace.type#eec240
entity.name.class, variable.other.class.js, variable.other.class.ts#eec240
variable.other.class.php#ee5340
entity.name.type#eec240
keyword.control#d9bafb
control.elements, keyword.operator.less#ababab
keyword.other.special-method#50e5ee
storage#d9bafb
token.storage#d9bafb
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#d9bafb
token.storage.type.java#eec240
support.function#ee5340
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#ababab
meta.tag#d4d4d4
string#b4b4b4
entity.other.inherited-class#eec240
constant.other.symbol#ee5340
constant.numeric#ababab
constant#ababab
punctuation.definition.constant#ababab
entity.name.tag#ee5340
entity.other.attribute-name#ababab
entity.other.attribute-name.id#50e5eenormal
entity.other.attribute-name.class.css#abababnormal
meta.selector#d9bafb
markup.heading#ee5340
markup.heading punctuation.definition.heading, entity.name.section#50e5ee
keyword.other.unit#ee5340
markup.bold,todo.bold#ababab
punctuation.definition.bold#eec240
markup.italic, punctuation.definition.italic,todo.emphasis#d9bafb
emphasis md#d9bafb
entity.name.section.markdown#ee5340
punctuation.definition.heading.markdown#ee5340
punctuation.definition.list.begin.markdown#ee5340
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#ababab
markup.inline.raw.markdown#b4b4b4
markup.inline.raw.string.markdown#b4b4b4
punctuation.definition.list.markdown#ee5340
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ee5340
beginning.punctuation.definition.list.markdown#ee5340
punctuation.definition.metadata.markdown#ee5340
markup.underline.link.markdown,markup.underline.link.image.markdown#d9bafb
string.other.link.title.markdown,string.other.link.description.markdown#50e5ee
string.regexp#ee5340
constant.character.escape#ee5340
punctuation.section.embedded, variable.interpolation#ee5340
punctuation.section.embedded.begin,punctuation.section.embedded.end#d9bafb
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#ee5340
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ee5340
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#b4b4b4
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ee5340
support.type.property-name.json#ee5340
support.type.property-name.json punctuation#ee5340
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#d9bafb
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#d9bafb
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#eec240
keyword.operator.error-control.php#d9bafb
keyword.operator.type.php#d9bafb
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#eec240
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#50e5ee
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#ababab
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ababab
entity.name.goto-label.php,support.other.php#50e5ee
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#ee5340
keyword.operator.regexp.php#d9bafb
keyword.operator.comparison.php#ee5340
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#d9bafb
meta.function.decorator.python#50e5ee
support.token.decorator.python,meta.function.decorator.identifier.python#ee5340
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#ee5340
rgb-value#ee5340
inline-color-decoration rgb-value#ababab
less rgb-value#ababab
selector.sass#ee5340
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#eec240
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#eec240
entity.name.variable.local.cs#ee5340
token.info-token#50e5ee
token.warn-token#ababab
token.error-token#f44747
token.debug-token#d9bafb
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#d9bafb
meta.template.expression#d4d4d4
keyword.operator.module#d9bafb
support.type.type.flowtype#50e5ee
support.type.primitive#eec240
meta.property.object#ee5340
variable.parameter.function.js#ee5340
keyword.other.template.begin#b4b4b4
keyword.other.template.end#b4b4b4
keyword.other.substitution.begin#b4b4b4
keyword.other.substitution.end#b4b4b4
keyword.operator.assignment#ee5340
keyword.operator.assignment.go#eec240
keyword.operator.arithmetic.go, keyword.operator.address.go#d9bafb
entity.name.package.go#eec240
support.type.prelude.elm#ee5340
support.constant.elm#ababab
punctuation.quasi.element#d9bafb
constant.character.entity#ee5340
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ee5340
entity.global.clojure#eec240
meta.symbol.clojure#ee5340
constant.keyword.clojure#ee5340
meta.arguments.coffee, variable.parameter.function.coffee#ee5340
source.ini#b4b4b4
meta.scope.prerequisites.makefile#ee5340
source.makefile#eec240
storage.modifier.import.groovy#eec240
meta.method.groovy#50e5ee
meta.definition.variable.name.groovy#ee5340
meta.definition.class.inherited.classes.groovy#b4b4b4
support.variable.semantic.hlsl#eec240
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#d9bafb
text.variable, text.bracketed#ee5340
support.type.swift, support.type.vb.asp#eec240
entity.name.function.xi#eec240
entity.name.class.xi#ee5340
constant.character.character-class.regexp.xi#ee5340
constant.regexp.xi#d9bafb
keyword.control.xi#ee5340
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#b4b4b4
beginning.punctuation.definition.list.markdown.xi#7f848e
constant.character.xi#50e5ee
accent.xi#50e5ee
wikiword.xi#ababab
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#eec240
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ee5340
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#7f848eitalic
markup.quote.markdown#7f848e
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#ee5340
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...