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.activeBackground#161317
  • activityBar.background#161317
  • activityBar.border#2c262d
  • activityBar.foreground#aa644d
  • activityBar.inactiveForeground#7a6a71
  • activityBarBadge.background#7a6a71
  • activityBarBadge.foreground#131313
  • badge.background#4d4d4d
  • badge.foreground#d7cdba
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#181818
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#d7cdbacc
  • button.background#2c262d
  • button.foreground#d7cdba
  • button.hoverBackground#2c262d
  • button.secondaryBackground#2c262d
  • button.secondaryForeground#aa644d
  • button.secondaryHoverBackground#2c262d
  • checkbox.background#2c262d
  • checkbox.border#00000000
  • checkbox.foreground#d7cdba
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#47474700
  • diffEditor.border#2c262d
  • diffEditor.insertedTextBackground#6b862e33
  • diffEditor.removedTextBackground#ba575733
  • dropdown.background#2c262d
  • dropdown.border#00000000
  • dropdown.foreground#d7cdba
  • editor.background#161317
  • editor.findMatchBackground#aa644d50
  • editor.findMatchBorder#275c9f00
  • editor.findMatchHighlightBackground#ebdeb255
  • editor.findMatchHighlightBorder#d7cdba00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#d7cdba00
  • editor.foldBackground#264f784d
  • editor.foreground#d7cdba
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#d7cdba00
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#d7cdba0b
  • editor.rangeHighlightBorder#d7cdba00
  • editor.selectionBackground#2c262d
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#7a6a71
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#7a6a71
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#d7cdba
  • editorError.background#B73A3400
  • editorError.border#d7cdba00
  • editorError.foreground#f48771
  • editorGroup.border#2c262d
  • editorGroup.emptyBackground#181818
  • editorGroupHeader.tabsBackground#161317
  • editorGutter.addedBackground#aa644d
  • editorGutter.background#161317
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#869183
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#ebdeb2
  • editorHoverWidget.background#2c262d
  • editorHoverWidget.border#7a6a7100
  • editorHoverWidget.foreground#d7cdba
  • editorIndentGuide.activeBackground#7a6a71
  • editorIndentGuide.background#2c262d
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#e0d8c9
  • editorLineNumber.foreground#7a6a71
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#a76456
  • editorMarkerNavigationInfo.background#567794
  • editorMarkerNavigationWarning.background#998d58
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#2c262d
  • editorSuggestWidget.background#2c262d
  • editorSuggestWidget.border#45454500
  • editorSuggestWidget.focusHighlightForeground#869183
  • editorSuggestWidget.foreground#e0d8c9
  • editorSuggestWidget.highlightForeground#869183
  • editorSuggestWidget.selectedBackground#7a6a71
  • editorWarning.background#A9904000
  • editorWarning.border#d7cdba00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#161317
  • editorWidget.foreground#d7cdba
  • editorWidget.resizeBorder#5F5F5F00
  • focusBorder#aa644d
  • foreground#d7cdba
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#7a6a71
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#869183
  • input.background#2c262d
  • input.border#aa644d
  • input.foreground#d7cdba
  • input.placeholderForeground#7a6a71
  • inputOption.activeBackground#ebdeb266
  • inputOption.activeBorder#86918300
  • inputOption.activeForeground#d7cdba
  • list.activeSelectionBackground#2c262d
  • list.activeSelectionForeground#d7cdba
  • list.dropBackground#2c262d
  • list.focusBackground#7a6a71
  • list.focusForeground#aa644d
  • list.highlightForeground#aa644d
  • list.hoverBackground#2c262d
  • list.hoverForeground#aa644d
  • list.inactiveSelectionBackground#161317
  • list.inactiveSelectionForeground#869183
  • listFilterWidget.background#869183
  • listFilterWidget.noMatchesOutline#e68e85
  • listFilterWidget.outline#00000000
  • menu.background#161317
  • menu.border#7a6a71
  • menu.foreground#d7cdba
  • menu.selectionBackground#aa644d
  • menu.selectionBorder#aa644d00
  • menu.selectionForeground#d7cdba
  • menu.separatorBackground#e0d8c9
  • menubar.selectionBackground#d7cdba00
  • menubar.selectionForeground#869183
  • merge.commonContentBackground#2c262d
  • merge.commonHeaderBackground#2c262d
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#161317
  • minimap.errorHighlight#869183
  • minimap.findMatchHighlight#aa644d50
  • minimap.selectionHighlight#7a6a71
  • minimap.warningHighlight#ebdeb2
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#47474700
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#d7cdba
  • notifications.background#2c262d
  • notifications.border#30303100
  • notifications.foreground#d7cdba
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#47474700
  • panel.background#161317
  • panel.border#2c262d
  • panelSection.border#80808059
  • panelTitle.activeBorder#7a6a71
  • panelTitle.activeForeground#d7cdba
  • panelTitle.inactiveForeground#d7cdba99
  • peekView.border#869183
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#2c262d
  • peekViewResult.fileForeground#d7cdba
  • peekViewResult.lineForeground#e0d8c9
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#d7cdba
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#d7cdbab3
  • peekViewTitleLabel.foreground#d7cdba
  • pickerGroup.border#7a6a71
  • pickerGroup.foreground#aa644d
  • progressBar.background#aa644d
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#7a6a7166
  • scrollbarSlider.background#2c262d66
  • scrollbarSlider.hoverBackground#7a6a71b3
  • selection.background#7a6a71
  • settings.focusedRowBackground#d7cdba07
  • settings.headerForeground#869183
  • sideBar.background#161317
  • sideBar.border#2c262d
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#d7cdba
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#d7cdba00
  • sideBarSectionHeader.foreground#d7cdba
  • sideBarTitle.foreground#e0d8c9
  • statusBar.background#161317
  • statusBar.border#2c262d
  • statusBar.debuggingBackground#161317
  • statusBar.debuggingForeground#d7cdba
  • statusBar.foreground#7a6a71
  • statusBar.noFolderBackground#161317
  • statusBar.noFolderForeground#d7cdba
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#161317
  • statusBarItem.remoteBackground#aa644d
  • statusBarItem.remoteForeground#161317
  • tab.activeBackground#161317
  • tab.activeBorder#2c262d00
  • tab.activeBorderTop#2c262d00
  • tab.activeForeground#ebdeb2
  • tab.border#2c262d
  • tab.inactiveBackground#161317
  • tab.inactiveForeground#7a6a71
  • terminal.ansiBlack#2c262d
  • terminal.ansiBlue#869183
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#869183
  • terminal.ansiBrightCyan#aa644d
  • terminal.ansiBrightGreen#aa644d
  • terminal.ansiBrightMagenta#869183
  • terminal.ansiBrightRed#aa644d
  • terminal.ansiBrightWhite#e0d8c9
  • terminal.ansiBrightYellow#ebdeb2
  • terminal.ansiCyan#aa644d
  • terminal.ansiGreen#aa644d
  • terminal.ansiMagenta#869183
  • terminal.ansiRed#aa644d
  • terminal.ansiWhite#e0d8c9
  • terminal.ansiYellow#ebdeb2
  • terminal.border#7a6a71
  • terminal.foreground#d7cdba
  • terminal.selectionBackground#d7cdba10
  • terminalCursor.background#869183
  • terminalCursor.foreground#161317
  • textLink.foreground#aa644d
  • titleBar.activeBackground#161317
  • titleBar.activeForeground#d7cdba
  • titleBar.border#00000000
  • titleBar.inactiveBackground#161317
  • titleBar.inactiveForeground#d7cdba99
  • tree.indentGuidesStroke#585858
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000077

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#ebdeb2
variable.other.generic-type.haskell#aa644d
storage.type.haskell#ebdeb2
support.variable.magic.python#ebdeb2
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#869183
variable.parameter.function.language.special.self.python#869183
storage.modifier.lifetime.rust#869183
support.function.std.rust#aa644d
entity.name.lifetime.rust#869183
variable.language.rust#ebdeb2
support.constant.edge#aa644d
constant.other.character-class.regexp#ebdeb2
keyword.operator.quantifier.regexp#ebdeb2
punctuation.definition.string.begin,punctuation.definition.string.end#869183
variable.parameter.function#869183
comment markup.link#7a6a71
markup.changed.diff#869183
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#aa644d
markup.inserted.diff#869183
markup.deleted.diff#ebdeb2
meta.function.c,meta.function.cpp#ebdeb2
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#869183
punctuation.separator.key-value#869183
keyword.operator.expression.import#aa644d
support.constant.math#869183
support.constant.property.math#ebdeb2
variable.other.constant#869183
storage.type.annotation.java, storage.type.object.array.java#869183
source.java#ebdeb2
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#869183
meta.method.java#aa644d
storage.modifier.import.java,storage.type.java,storage.type.generic.java#869183
keyword.operator.instanceof.java#aa644d
meta.definition.variable.name.java#ebdeb2
keyword.operator.logical#869183
keyword.operator.bitwise#869183
keyword.operator.channel#869183
support.constant.property-value.scss,support.constant.property-value.css#ebdeb2
keyword.operator.css,keyword.operator.scss,keyword.operator.less#869183
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ebdeb2
punctuation.separator.list.comma.css#869183
support.constant.color.w3c-standard-color-name.css#ebdeb2
support.type.vendored.property-name.css#869183
support.module.node,support.type.object.module,support.module.node#869183
entity.name.type.module#869183
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ebdeb2
support.constant.json#ebdeb2
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#aa644d
support.type.object.console#ebdeb2
support.variable.property.process#ebdeb2
entity.name.function,support.function.console#869183
keyword.operator.misc.rust#869183
keyword.operator.sigil.rust#aa644d
keyword.operator.delete#aa644d
support.type.object.dom#869183
support.variable.dom,support.variable.property.dom#ebdeb2
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#869183
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#aa644d
punctuation.separator.delimiter#869183
punctuation.separator.c,punctuation.separator.cpp#aa644d
support.type.posix-reserved.c,support.type.posix-reserved.cpp#869183
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#aa644d
variable.parameter.function.language.python#ebdeb2
support.type.python#869183
keyword.operator.logical.python#aa644d
variable.parameter.function.python#ebdeb2
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#869183
meta.function-call.generic.python#aa644d
constant.character.format.placeholder.other.python#ebdeb2
keyword.operator#aa644d
keyword.operator.assignment.compound#aa644d
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#869183
keyword#aa644d
entity.name.namespace#aa644d
variable#ebdeb2
variable.c#869183
variable.language#869183
token.variable.parameter.java#869183
import.storage.java#869183
token.package.keyword#aa644d
token.package#869183
entity.name.function, meta.require, support.function.any-method, variable.function#869183
entity.name.type.namespace#869183
support.class, entity.name.type.class#869183
entity.name.class.identifier.namespace.type#869183
entity.name.class, variable.other.class.js, variable.other.class.ts#869183
variable.other.class.php#ebdeb2
entity.name.type#869183
keyword.control#869183
control.elements, keyword.operator.less#ebdeb2
keyword.other.special-method#aa644d
storage#aa644d
token.storage#aa644d
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#aa644d
token.storage.type.java#869183
support.function#869183
support.type.property-name#869183
support.constant.property-value#869183
support.constant.font-name#ebdeb2
meta.tag#aa644d
string#869183
entity.other.inherited-class#869183
constant.other.symbol#869183
constant.numeric#ebdeb2
constant#ebdeb2
punctuation.definition.constant#ebdeb2
entity.name.tag#aa644d
entity.other.attribute-name#ebdeb2
entity.other.attribute-name.id#aa644d
entity.other.attribute-name.class.css#ebdeb2
meta.selector#aa644d
markup.heading#ebdeb2
markup.heading punctuation.definition.heading, entity.name.section#aa644d
keyword.other.unit#ebdeb2
markup.bold,todo.bold#ebdeb2
punctuation.definition.bold#869183
markup.italic, punctuation.definition.italic,todo.emphasis#aa644d
emphasis md#aa644d
entity.name.section.markdown#ebdeb2
punctuation.definition.heading.markdown#ebdeb2
punctuation.definition.list.begin.markdown#ebdeb2
markup.heading.setext#869183
punctuation.definition.bold.markdown#ebdeb2
markup.inline.raw.markdown#869183
markup.inline.raw.string.markdown#869183
punctuation.definition.list.markdown#ebdeb2
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ebdeb2
beginning.punctuation.definition.list.markdown#ebdeb2
punctuation.definition.metadata.markdown#ebdeb2
markup.underline.link.markdown,markup.underline.link.image.markdown#aa644d
string.other.link.title.markdown,string.other.link.description.markdown#aa644d
string.regexp#869183
constant.character.escape#869183
punctuation.section.embedded, variable.interpolation#ebdeb2
punctuation.section.embedded.begin,punctuation.section.embedded.end#aa644d
invalid.illegal#d7cdba
invalid.illegal.bad-ampersand.html#869183
invalid.broken#d7cdba
invalid.deprecated#d7cdba
invalid.unimplemented#d7cdba
source.json meta.structure.dictionary.json > string.quoted.json#ebdeb2
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ebdeb2
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#869183
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#869183
support.type.property-name.json#ebdeb2
support.type.property-name.json punctuation#ebdeb2
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#aa644d
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#aa644d
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#869183
keyword.operator.error-control.php#aa644d
keyword.operator.type.php#aa644d
punctuation.section.array.begin.php#869183
punctuation.section.array.end.php#869183
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#869183
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#aa644d
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#869183
support.constant.core.rust#ebdeb2
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ebdeb2
entity.name.goto-label.php,support.other.php#aa644d
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#869183
keyword.operator.regexp.php#aa644d
keyword.operator.comparison.php#869183
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#aa644d
meta.function.decorator.python#aa644d
support.token.decorator.python,meta.function.decorator.identifier.python#869183
function.parameter#869183
function.brace#869183
function.parameter.ruby, function.parameter.cs#869183
constant.language.symbol.ruby#869183
rgb-value#869183
inline-color-decoration rgb-value#ebdeb2
less rgb-value#ebdeb2
selector.sass#ebdeb2
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#869183
block.scope.end,block.scope.begin#869183
storage.type.cs#869183
entity.name.variable.local.cs#ebdeb2
token.info-token#aa644d
token.warn-token#ebdeb2
token.error-token#f44747
token.debug-token#aa644d
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#aa644d
meta.template.expression#869183
keyword.operator.module#aa644d
support.type.type.flowtype#aa644d
support.type.primitive#869183
meta.property.object#ebdeb2
variable.parameter.function.js#ebdeb2
keyword.other.template.begin#869183
keyword.other.template.end#869183
keyword.other.substitution.begin#869183
keyword.other.substitution.end#869183
keyword.operator.assignment#869183
keyword.operator.assignment.go#869183
keyword.operator.arithmetic.go, keyword.operator.address.go#aa644d
entity.name.package.go#869183
support.type.prelude.elm#869183
support.constant.elm#ebdeb2
punctuation.quasi.element#aa644d
constant.character.entity#ebdeb2
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#869183
entity.global.clojure#869183
meta.symbol.clojure#ebdeb2
constant.keyword.clojure#869183
meta.arguments.coffee, variable.parameter.function.coffee#ebdeb2
source.ini#869183
meta.scope.prerequisites.makefile#ebdeb2
source.makefile#869183
storage.modifier.import.groovy#869183
meta.method.groovy#aa644d
meta.definition.variable.name.groovy#ebdeb2
meta.definition.class.inherited.classes.groovy#869183
support.variable.semantic.hlsl#869183
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#aa644d
text.variable, text.bracketed#ebdeb2
support.type.swift, support.type.vb.asp#869183
entity.name.function.xi#869183
entity.name.class.xi#869183
constant.character.character-class.regexp.xi#ebdeb2
constant.regexp.xi#aa644d
keyword.control.xi#869183
invalid.xi#869183
beginning.punctuation.definition.quote.markdown.xi#869183
beginning.punctuation.definition.list.markdown.xi#7a6a71
constant.character.xi#aa644d
accent.xi#aa644d
wikiword.xi#ebdeb2
constant.other.color.rgb-value.xi#d7cdba
punctuation.definition.tag.xi#7a6a71
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#869183
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ebdeb2
meta.brace.square#869183
comment, punctuation.definition.comment#7a6a71italic
markup.quote.markdown#7a6a71
punctuation.definition.block.sequence.item.yaml#869183
constant.language.symbol.elixir#ebdeb2
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...