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#cb86ea2a
  • activityBar.background#13131a
  • activityBar.border#ffffff00
  • activityBar.foreground#ffffffd7
  • activityBar.inactiveForeground#d7c9ec8f
  • activityBarBadge.background#a900a7d9
  • activityBarBadge.foreground#ffffff
  • badge.background#b24e4e
  • badge.foreground#ffdede
  • breadcrumb.activeSelectionForeground#fff9ec
  • breadcrumb.background#0a080f80
  • breadcrumb.focusForeground#fff9ec
  • breadcrumb.foreground#ffffffcc
  • button.background#7863db78
  • button.foreground#fbfbfb
  • button.hoverBackground#9d82ff7c
  • button.secondaryBackground#332541
  • button.secondaryForeground#e3e5e6
  • button.secondaryHoverBackground#8476bc6c
  • checkbox.background#201c28
  • checkbox.border#00000000
  • checkbox.foreground#d9ddde
  • debugExceptionWidget.background#030306
  • debugExceptionWidget.border#00000000
  • debugToolBar.background#030306
  • debugToolBar.border#00000000
  • diffEditor.border#7c7292a9
  • diffEditor.insertedTextBackground#15d97d14
  • diffEditor.removedTextBackground#f7314d1a
  • dropdown.background#201c28
  • dropdown.border#00000000
  • dropdown.foreground#d9ddde
  • editor.background#15151c
  • editor.findMatchBackground#480068
  • editor.findMatchBorder#b39ccb
  • editor.findMatchHighlightBackground#cc7fee55
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#52668028
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#3c454d4d
  • editor.foreground#b7d1d7
  • editor.hoverHighlightBackground#7aa4cd40
  • editor.inactiveSelectionBackground#17212e72
  • editor.lineHighlightBackground#976ce21c
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#7a62f04a
  • editor.selectionHighlightBackground#92afcd24
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#a4bbc22a
  • editor.wordHighlightStrongBackground#1953737c
  • editor.wordHighlightStrongBorder#ff000000
  • editorBracketMatch.background#477b4700
  • editorBracketMatch.border#8888888f
  • editorCodeLens.foreground#8a6e9b
  • editorCursor.background#001819
  • editorCursor.foreground#c0c4c4c1
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ff0000
  • editorGroup.border#00000000
  • editorGroup.emptyBackground#14141d
  • editorGroupHeader.border#00000000
  • editorGroupHeader.tabsBackground#0a080fc1
  • editorGutter.addedBackground#008e4285
  • editorGutter.background#15151c
  • editorGutter.commentRangeForeground#e8e8e88d
  • editorGutter.deletedBackground#ff152087
  • editorGutter.foldingControlForeground#e8e8e88d
  • editorGutter.modifiedBackground#0084b860
  • editorHoverWidget.background#040306b9
  • editorHoverWidget.border#396ac76c
  • editorHoverWidget.foreground#e1ebec
  • editorIndentGuide.activeBackground#bda7ec54
  • editorIndentGuide.background#d0c2ff12
  • editorInfo.background#0da0fb0c
  • editorInfo.border#ffffff00
  • editorInfo.foreground#75beff22
  • editorLineNumber.activeForeground#efbfff
  • editorLineNumber.foreground#ffffff44
  • editorLink.activeForeground#6eaeff
  • editorMarkerNavigation.background#040406b1
  • editorMarkerNavigationError.background#ff2b00
  • editorMarkerNavigationInfo.background#746ab093
  • editorMarkerNavigationWarning.background#ffd100b3
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#ffffff02
  • editorSuggestWidget.background#040306
  • editorSuggestWidget.border#00000000
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#9074ba
  • editorSuggestWidget.selectedBackground#5b518244
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ebff0054
  • editorWhitespace.foreground#ffffff00
  • editorWidget.background#060408
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#6b2aab5e
  • focusBorder#00000000
  • foreground#c3dde6
  • gitDecoration.addedResourceForeground#00ff2e
  • gitDecoration.conflictingResourceForeground#0194ff
  • gitDecoration.deletedResourceForeground#ff0000
  • gitDecoration.ignoredResourceForeground#6b6b6b
  • gitDecoration.modifiedResourceForeground#ffd700
  • gitDecoration.stageDeletedResourceForeground#ff2a2a
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#b7c5cb
  • icon.foreground#c3dde6
  • input.background#201c28
  • input.border#00000000
  • input.foreground#d9ddde
  • input.placeholderForeground#d4befb6e
  • inputOption.activeBackground#d79dff12
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#dadfe0
  • list.activeSelectionBackground#0f0d15
  • list.activeSelectionForeground#f4fcff
  • list.dropBackground#68638a18
  • list.focusBackground#6fc3df38
  • list.focusForeground#ffffff
  • list.highlightForeground#6e99ff
  • list.hoverBackground#27233689
  • list.hoverForeground#f8f3ff
  • list.inactiveSelectionBackground#0403061a
  • list.inactiveSelectionForeground#c2f4ff
  • listFilterWidget.background#291a41
  • listFilterWidget.noMatchesOutline#a9004f
  • listFilterWidget.outline#00000000
  • menu.background#06080d
  • menu.border#00000000
  • menu.foreground#d3c9de
  • menu.selectionBackground#513d7b44
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#2f2f3858
  • menubar.selectionBackground#4a3f7d38
  • menubar.selectionBorder#6fc3df4c
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#128086bf
  • merge.currentHeaderBackground#19a0a7bf
  • merge.incomingContentBackground#5a1f82bf
  • merge.incomingHeaderBackground#6e3e9fbf
  • minimap.background#14141d
  • minimap.errorHighlight#ff0000
  • minimap.findMatchHighlight#480068
  • minimap.selectionHighlight#7a62f04a
  • minimap.warningHighlight#ebff0054
  • minimapGutter.addedBackground#008e4b85
  • minimapGutter.deletedBackground#ff152087
  • minimapGutter.modifiedBackground#0084b860
  • notificationCenter.border#00000000
  • notificationCenterHeader.background#0c0c0f
  • notificationCenterHeader.foreground#a9a9a9
  • notifications.background#040406
  • notifications.border#00000000
  • notifications.foreground#fffaf4
  • notificationsErrorIcon.foreground#ff2e04
  • notificationsInfoIcon.foreground#8fa2cf
  • notificationsWarningIcon.foreground#ffd205
  • notificationToast.border#000000
  • panel.background#111319
  • panel.border#959dd748
  • panelSection.border#ffffff00
  • panelTitle.activeBorder#ac73ff
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#131219c1
  • peekViewEditor.background#0c0b11bb
  • peekViewEditor.matchHighlightBackground#65acea48
  • peekViewEditor.matchHighlightBorder#ffffff00
  • peekViewEditorGutter.background#0c0b11bb
  • peekViewResult.background#040206
  • peekViewResult.fileForeground#d7dbde
  • peekViewResult.lineForeground#aa98ba
  • peekViewResult.matchHighlightBackground#24caf036
  • peekViewResult.selectionBackground#22384f33
  • peekViewResult.selectionForeground#b65772
  • peekViewTitle.background#120f1b
  • peekViewTitleDescription.foreground#a48bb8b3
  • peekViewTitleLabel.foreground#9591b6
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#3794ff
  • progressBar.background#604699
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#443456ab
  • scrollbarSlider.background#3e2f4f38
  • scrollbarSlider.hoverBackground#3e2f4f85
  • selection.background#6fc3df74
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#c3dde6
  • sideBar.background#181821
  • sideBar.border#ffffff00
  • sideBar.dropBackground#68638a18
  • sideBar.foreground#dfe4e6af
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#b6cfe6
  • sideBarTitle.foreground#ffffff
  • statusBar.background#0b0a11
  • statusBar.debuggingBackground#76008e
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#b6b6b6
  • statusBar.noFolderBackground#573160c3
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#456cc71f
  • statusBarItem.remoteBackground#00000064
  • statusBarItem.remoteForeground#ff93d5
  • tab.activeBackground#c393fd18
  • tab.activeBorder#caa5ff
  • tab.activeBorderTop#00000000
  • tab.activeForeground#eae9ff
  • tab.border#00000000
  • tab.hoverForeground#ebe9ff91
  • tab.inactiveBackground#0a080fc1
  • tab.inactiveForeground#ded2f980
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#3e68cb
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#4da1ff
  • terminal.ansiBrightCyan#76f2ff
  • terminal.ansiBrightGreen#aaff63
  • terminal.ansiBrightMagenta#d4a8ff
  • terminal.ansiBrightRed#ff766f
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#ffff81
  • terminal.ansiCyan#00bcb3
  • terminal.ansiGreen#00c403
  • terminal.ansiMagenta#d400ff
  • terminal.ansiRed#d50000
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#d9ae00
  • terminal.border#ffffff00
  • terminal.foreground#ffffff
  • terminal.selectionBackground#6547a558
  • terminalCursor.background#795dba64
  • terminalCursor.foreground#ffffff
  • textLink.foreground#5bb2ff
  • titleBar.activeBackground#07060a
  • titleBar.activeForeground#cacae2
  • titleBar.border#ffffff00
  • titleBar.inactiveBackground#05060a
  • titleBar.inactiveForeground#a490b4
  • tree.indentGuidesStroke#74767932
  • 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#dfdaf3e4
variable.other.generic-type.haskell#ff3258
storage.type.haskell#1fabff
support.variable.magic.python#dfdaf3e4
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#b7d1d7
variable.parameter.function.language.special.self.python#62f2ff
storage.modifier.lifetime.rust#b7d1d7
support.function.std.rust#f476ff
entity.name.lifetime.rust#ffd000
variable.language.rust#dfdaf3e4
support.constant.edge#ff3258
constant.other.character-class.regexp#dfdaf3e4
keyword.operator.quantifier.regexp#1fabff
punctuation.definition.string.begin,punctuation.definition.string.end#7cff3a
variable.parameter.function#b4bcca
comment markup.link#776d86
markup.changed.diff#ffd000
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#f476ff
markup.inserted.diff#ffdc50
markup.deleted.diff#dfdaf3e4
meta.function.c,meta.function.cpp#dfdaf3e4
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#b7d1d7
punctuation.separator.key-value#b7d1d7
keyword.operator.expression.import#f476ff
support.constant.math#ffd000
support.constant.property.math#1fabff
variable.other.constant#ffd000
storage.type.annotation.java, storage.type.object.array.java#ffd000
source.java#dfdaf3e4
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#b7d1d7
meta.method.java#f476ff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ffd000
keyword.operator.instanceof.java#ff3258
meta.definition.variable.name.java#dfdaf3e4
keyword.operator.logical#ffdbf1
keyword.operator.bitwise#ffdbf1
keyword.operator.channel#ffdbf1
support.constant.property-value.css#a742ff
keyword.operator.css,keyword.operator.scss,keyword.operator.less#ffdbf1
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#1fabff
punctuation.separator.list.comma.css#b7d1d7
support.constant.color.w3c-standard-color-name.css#1fabff
support.type.vendored.property-name.css#ffdbf1
support.module.node,support.type.object.module,support.module.node#ffd000
entity.name.type.module#ffd000
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#dfdaf3e4
support.constant.json#1fabff
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ff3258
support.type.object.console#dfdaf3e4
support.variable.property.process#1fabff
entity.name.function,support.function.console#f476ff
keyword.operator.misc.rust#b7d1d7
keyword.operator.sigil.rust#ff3258
keyword.operator.delete#ff3258
support.type.object.dom#ffdbf1
support.variable.dom,support.variable.property.dom#dfdaf3e4
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#ffdbf1
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#ff3258
punctuation.separator.delimiter#b7d1d7
punctuation.separator.c,punctuation.separator.cpp#ff3258
support.type.posix-reserved.c,support.type.posix-reserved.cpp#ffdbf1
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ff3258
variable.parameter.function.language.python#70dbe0
support.type.python#ffc5e9
keyword.operator.logical.python#de0e34
variable.parameter.function.python#1fabff
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#b7d1d7
meta.function-call.generic.python#f458ff
constant.character.format.placeholder.other.python#1fabff
keyword.operator#b7d1d7
keyword.operator.assignment.compound#ff3258
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#ffdbf1
keyword#ff3258
entity.name.namespace#ffd000
variable#ffffff
variable.c#b7d1d7
variable.language#ffd000
token.variable.parameter.java#b7d1d7
import.storage.java#ffd000
token.package.keyword#ff3258
token.package#b7d1d7
entity.name.function, meta.require, support.function.any-method, variable.function#f158ff
string.quoted.double.html#fffa5e
entity.name.type.namespace#ecd785
entity.name.tag#f45647
entity.name.tag.css#66ff00
support.class, entity.name.type.class#ffdc50
entity.name.class.identifier.namespace.type#ffdc50
entity.name.class, variable.other.class.js, variable.other.class.ts#ffdc50
variable.other.class.php#dfdaf3e4
entity.name.type#ffdc50
keyword.control#ff3258
control.elements, keyword.operator.less#1fabff
keyword.other.special-method#f476ff
storage#ff3258
token.storage#ff3258
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#ff3258
token.storage.type.java#ffd000
support.function#ffdbf1
support.type.property-name#b7d1d7
support.constant.property-value#b7d1d7
support.constant.font-name#1fabff
meta.tag#b7d1d7
string#22ff00
entity.other.inherited-class#ffdc50
constant.other.symbol#ffdbf1
constant.numeric#1fabff
constant#1fabff
punctuation.definition.constant#1fabff
entity.other.attribute-name#ff6eff
entity.other.attribute-name.id#f476ff
entity.other.attribute-name.class.css#e76949
support.type.property-name.css#aaffe0italic
meta.selector#ff3258
markup.heading#dfdaf3e4
markup.heading punctuation.definition.heading, entity.name.section#f476ff
keyword.other.unit#dfdaf3e4
keyword.other.unit.px.css#7dc7ff
constant.numeric.css#e5ff00
markup.bold,todo.bold#1fabff
punctuation.definition.bold#ffd000
support.type.property-name.json#7eb0ff
markup.italic, punctuation.definition.italic,todo.emphasis#ff3258
emphasis md#ff3258
entity.name.section.markdown#dfdaf3e4
punctuation.definition.heading.markdown#dfdaf3e4
punctuation.definition.list.begin.markdown#dfdaf3e4
markup.heading.setext#b7d1d7
punctuation.definition.bold.markdown#1fabff
markup.inline.raw.markdown#ffdc50
markup.inline.raw.string.markdown#c2ff51
punctuation.definition.list.markdown#dfdaf3e4
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#dfdaf3e4
beginning.punctuation.definition.list.markdown#dfdaf3e4
punctuation.definition.metadata.markdown#dfdaf3e4
markup.underline.link.markdown,markup.underline.link.image.markdown#ff3258
string.other.link.title.markdown,string.other.link.description.markdown#f476ff
string.regexp#ffdbf1
constant.character.escape#ffdbf1
punctuation.section.embedded, variable.interpolation#dfdaf3e4
punctuation.section.embedded.begin,punctuation.section.embedded.end#ff3258
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#b7d1d7
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#dfdaf3e4
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#dfdaf3e4
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#84e33b
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ffdbf1
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ff3258
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ff3258
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#f8dd72
keyword.operator.error-control.php#ff3258
keyword.operator.type.php#ff3258
punctuation.section.array.begin.php#b7d1d7
punctuation.section.array.end.php#b7d1d7
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#ffd000
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#f476ff
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#b7d1d7
support.constant.core.rust#1fabff
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#1fabff
entity.name.goto-label.php,support.other.php#f476ff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#ffdbf1
keyword.operator.regexp.php#ff3258
keyword.operator.comparison.php#ffdbf1
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ff3258
meta.function.decorator.python#f476ff
support.token.decorator.python,meta.function.decorator.identifier.python#ffdbf1
function.parameter#b7d1d7
function.brace#b7d1d7
function.parameter.ruby, function.parameter.cs#b7d1d7
constant.language.symbol.ruby#ffdbf1
rgb-value#ffdbf1
inline-color-decoration rgb-value#1fabff
less rgb-value#1fabff
selector.sass#dfdaf3e4
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ffd000
block.scope.end,block.scope.begin#b7d1d7
storage.type.cs#ffd000
entity.name.variable.local.cs#dfdaf3e4
token.info-token#f476ff
token.warn-token#1fabff
token.error-token#f44747
token.debug-token#ff3258
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ff3258
meta.template.expression#b7d1d7
keyword.operator.module#ff3258
support.type.type.flowtype#f476ff
support.type.primitive#ffd000
meta.property.object#dfdaf3e4
variable.parameter.function.js#dfdaf3e4
keyword.other.template.begin#ffdc50
keyword.other.template.end#ffdc50
keyword.other.substitution.begin#ffdc50
keyword.other.substitution.end#ffdc50
keyword.operator.assignment#ffdbf1
keyword.operator.assignment.go#ffd000
keyword.operator.arithmetic.go, keyword.operator.address.go#ff3258
entity.name.package.go#ffd000
support.type.prelude.elm#ffdbf1
support.constant.elm#1fabff
punctuation.quasi.element#ff3258
constant.character.entity#dfdaf3e4
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ed88ff
entity.global.clojure#ffd000
meta.symbol.clojure#dfdaf3e4
constant.keyword.clojure#ffdbf1
meta.arguments.coffee, variable.parameter.function.coffee#dfdaf3e4
source.ini#ffdc50
meta.scope.prerequisites.makefile#dfdaf3e4
source.makefile#ffd000
storage.modifier.import.groovy#ffd000
meta.method.groovy#f476ff
meta.definition.variable.name.groovy#dfdaf3e4
meta.definition.class.inherited.classes.groovy#ffdc50
support.variable.semantic.hlsl#ffd000
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#ff3258
text.variable, text.bracketed#dfdaf3e4
support.type.swift, support.type.vb.asp#ffd000
entity.name.function.xi#ffd000
entity.name.class.xi#ffdbf1
constant.character.character-class.regexp.xi#dfdaf3e4
constant.regexp.xi#ff3258
keyword.control.xi#ffdbf1
invalid.xi#b7d1d7
beginning.punctuation.definition.quote.markdown.xi#c2ff51
beginning.punctuation.definition.list.markdown.xi#776d86
constant.character.xi#f476ff
accent.xi#f476ff
wikiword.xi#1fabff
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#776d86
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ffd000
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#dfdaf3e4
meta.brace.square#b7d1d7
comment, punctuation.definition.comment#776d86
markup.quote.markdown#776d86
punctuation.definition.block.sequence.item.yaml#b7d1d7
constant.language.symbol.elixir#ffdbf1
markup.italic.markdownitalic

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...