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#eeedfe
  • activityBar.background#ffffff
  • activityBar.border#ff000000
  • activityBar.foreground#726dff
  • activityBar.inactiveForeground#4b4b4b66
  • activityBarBadge.background#f4e8fb
  • activityBarBadge.foreground#4a29fb
  • badge.background#eeedfe
  • badge.foreground#4a29fb
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#f5f4f8
  • breadcrumb.focusForeground#4e4e4e
  • breadcrumb.foreground#616161cc
  • button.background#eeedfe
  • button.foreground#4a29fb
  • button.hoverBackground#e8f3ff
  • button.secondaryBackground#e7e7ec
  • button.secondaryForeground#797979
  • button.secondaryHoverBackground#ffffff
  • checkbox.background#ffffff
  • checkbox.border#00000000
  • checkbox.foreground#4a29fb
  • debugExceptionWidget.background#f4e8fb
  • debugExceptionWidget.border#ececec
  • debugToolBar.background#f4e8fb
  • debugToolBar.border#ececec
  • diffEditor.border#d7d7d700
  • diffEditor.insertedTextBackground#eeedfe
  • diffEditor.insertedTextBorder#ffffff00
  • diffEditor.removedTextBackground#e8f3ff
  • diffEditor.removedTextBorder#ff000000
  • dropdown.background#ffffff
  • dropdown.border#00000000
  • dropdown.foreground#4a29fb
  • editor.background#f5f4f8
  • editor.findMatchBackground#e8f3ff
  • editor.findMatchBorder#e4e4e4
  • editor.findMatchHighlightBackground#f4e8fb
  • editor.findMatchHighlightBorder#e4e4e4
  • editor.findRangeHighlightBackground#f0f0f0
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#d2e9ff4d
  • editor.foreground#d28eff
  • editor.hoverHighlightBackground#e8f3ff
  • editor.inactiveSelectionBackground#e8f3ff
  • editor.lineHighlightBackground#eeedfe
  • editor.lineHighlightBorder#eeeeee00
  • editor.rangeHighlightBackground#edfdf5
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#eeedfe
  • editor.selectionHighlightBackground#edfdf5
  • editor.selectionHighlightBorder#e0e0e0
  • editor.wordHighlightBackground#eeedfe
  • editor.wordHighlightBorder#eaeaea
  • editor.wordHighlightStrongBackground#e5effb
  • editor.wordHighlightStrongBorder#dcedff
  • editorBracketMatch.background#f4e8fb
  • editorBracketMatch.border#e8f3ff
  • editorCodeLens.foreground#999999
  • editorCursor.background#4a29fb
  • editorCursor.foreground#4a29fb
  • editorError.background#f99a9600
  • editorError.border#ffffff00
  • editorError.foreground#fb897f
  • editorGroup.border#e7e7e700
  • editorGroup.emptyBackground#f5f4f8
  • editorGroupHeader.border#ffffff00
  • editorGroupHeader.tabsBackground#f0f0f0
  • editorGroupHeader.tabsBorder#ffffff00
  • editorGutter.addedBackground#f4e8fb
  • editorGutter.background#f5f4f8
  • editorGutter.commentRangeForeground#4a29fb
  • editorGutter.deletedBackground#ca4b51
  • editorGutter.foldingControlForeground#4a29fb
  • editorGutter.modifiedBackground#aff9d4
  • editorHoverWidget.background#eeedfe
  • editorHoverWidget.border#e6e6e6
  • editorHoverWidget.foreground#797979
  • editorIndentGuide.activeBackground#e1c2f7
  • editorIndentGuide.background#d8e8fb
  • editorInfo.background#4490BF00
  • editorInfo.border#9edaff00
  • editorInfo.foreground#abd7ff
  • editorLineNumber.activeForeground#4a29fb
  • editorLineNumber.foreground#abaaaa
  • editorLink.activeForeground#4a29fb
  • editorMarkerNavigation.background#ffffff
  • editorMarkerNavigationError.background#ba6dee
  • editorMarkerNavigationInfo.background#c2e2ff
  • editorMarkerNavigationWarning.background#e9a700
  • editorOverviewRuler.background#00000000
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#e8e8e8
  • editorSuggestWidget.background#f0f0f0
  • editorSuggestWidget.border#f2f2f2
  • editorSuggestWidget.foreground#88888879
  • editorSuggestWidget.highlightForeground#4a29fb
  • editorSuggestWidget.selectedBackground#eeedfe
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#fde096
  • editorWhitespace.foreground#33333333
  • editorWidget.background#f0f0f0
  • editorWidget.foreground#797979
  • editorWidget.resizeBorder#4a29fb
  • focusBorder#eeedfe
  • foreground#797979
  • gitDecoration.addedResourceForeground#0c7c42
  • gitDecoration.conflictingResourceForeground#9393ff
  • gitDecoration.deletedResourceForeground#ff7171
  • gitDecoration.ignoredResourceForeground#8e8e90
  • gitDecoration.modifiedResourceForeground#e4b262
  • gitDecoration.stageDeletedResourceForeground#ad0707
  • gitDecoration.stageModifiedResourceForeground#895503
  • gitDecoration.submoduleResourceForeground#69b0ff
  • gitDecoration.untrackedResourceForeground#09b409
  • icon.foreground#797979
  • input.background#ffffff
  • input.border#00000000
  • input.foreground#4a29fb
  • input.placeholderForeground#ba6dee
  • inputOption.activeBackground#eeedfe
  • inputOption.activeBorder#ffffffbf
  • inputOption.activeForeground#4a29fb
  • list.activeSelectionBackground#eeedfe
  • list.activeSelectionForeground#4a29fb
  • list.dropBackground#eeedfe
  • list.focusBackground#d2caff
  • list.focusForeground#ffffff
  • list.highlightForeground#4a29fb
  • list.hoverBackground#eeedfe
  • list.hoverForeground#4a29fb
  • list.inactiveSelectionBackground#eeedfe
  • list.inactiveSelectionForeground#4a29fb
  • listFilterWidget.background#eeedfe
  • listFilterWidget.noMatchesOutline#ffafe7
  • listFilterWidget.outline#00000000
  • menu.background#ffffff
  • menu.border#00000085
  • menu.foreground#616161
  • menu.selectionBackground#0060c0
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#888888
  • menubar.selectionBackground#0000001a
  • menubar.selectionForeground#333333
  • merge.commonContentBackground#E5E5E5
  • merge.commonHeaderBackground#BFBFBF
  • merge.currentContentBackground#DBF4EF
  • merge.currentHeaderBackground#A4E3D6
  • merge.incomingContentBackground#DBECFF
  • merge.incomingHeaderBackground#A6CFFF
  • minimap.background#f5f4f8
  • minimap.errorHighlight#fb897f
  • minimap.findMatchHighlight#e8f3ff
  • minimap.selectionHighlight#eeedfe
  • minimap.warningHighlight#fde096
  • minimapGutter.addedBackground#f4e8fb
  • minimapGutter.deletedBackground#ca4b51
  • minimapGutter.modifiedBackground#aff9d4
  • notificationCenter.border#eae9e9
  • notificationCenterHeader.background#f4e8fb
  • notificationCenterHeader.foreground#4a29fb
  • notifications.background#f0f0f0
  • notifications.border#e2e2e2
  • notifications.foreground#616161
  • notificationsErrorIcon.foreground#ff8074
  • notificationsInfoIcon.foreground#b3dbff
  • notificationsWarningIcon.foreground#f7d683
  • notificationToast.border#e6e6e6
  • panel.background#f5f4f8
  • panel.border#b6b6b659
  • panelSection.border#bebebe59
  • panelTitle.activeBorder#e2b5ff
  • panelTitle.activeForeground#c2befb
  • panelTitle.inactiveForeground#a5a5a5
  • peekView.border#e0e0e0
  • peekViewEditor.background#e8f3ff
  • peekViewEditor.matchHighlightBackground#edfdf5
  • peekViewEditor.matchHighlightBorder#f5f5f500
  • peekViewEditorGutter.background#f2f8fc
  • peekViewResult.background#f0f0f0
  • peekViewResult.fileForeground#a1a1a1
  • peekViewResult.lineForeground#646465
  • peekViewResult.matchHighlightBackground#eeedfe
  • peekViewResult.selectionBackground#eeedfe
  • peekViewResult.selectionForeground#4a29fb
  • peekViewTitle.background#f0f0f0
  • peekViewTitleDescription.foreground#797979
  • peekViewTitleLabel.foreground#333333
  • pickerGroup.border#cbd2ff
  • pickerGroup.foreground#7b7b7b
  • progressBar.background#4a29fb
  • scrollbar.shadow#dddddd00
  • scrollbarSlider.activeBackground#eeedfe
  • scrollbarSlider.background#eeedfe
  • scrollbarSlider.hoverBackground#e8f3ff
  • selection.background#eeedfe
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#797979
  • sideBar.background#f5f4f8
  • sideBar.border#e4e4e4
  • sideBar.dropBackground#eeedfe
  • sideBar.foreground#a3a3a3
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#61616100
  • sideBarSectionHeader.foreground#8a8a8a
  • sideBarTitle.foreground#4a29fb
  • statusBar.background#f5f4f8
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#9b9b9b
  • statusBar.noFolderBackground#ffffff
  • statusBar.noFolderForeground#151515
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#f5f4f8
  • statusBarItem.remoteForeground#797979
  • tab.activeBackground#eeedfe
  • tab.activeBorder#4a29fb
  • tab.activeBorderTop#00000000
  • tab.activeForeground#4a29fb
  • tab.border#cfcfcf00
  • tab.inactiveBackground#f0f0f0
  • tab.inactiveForeground#333333b3
  • terminal.ansiBlack#4f4f4f
  • terminal.ansiBlue#53c0f5
  • terminal.ansiBrightBlack#a1a1a1
  • terminal.ansiBrightBlue#87bffd
  • terminal.ansiBrightCyan#06aed7
  • terminal.ansiBrightGreen#8df9bc
  • terminal.ansiBrightMagenta#ffb2ff
  • terminal.ansiBrightRed#fb9393
  • terminal.ansiBrightWhite#a5a5a5
  • terminal.ansiBrightYellow#fbd06b
  • terminal.ansiCyan#4adbff
  • terminal.ansiGreen#2ff5ab
  • terminal.ansiMagenta#fd95fd
  • terminal.ansiRed#ff8181
  • terminal.ansiWhite#555555
  • terminal.ansiYellow#e2c421
  • terminal.border#bebebe59
  • terminal.foreground#797979
  • terminal.selectionBackground#00000040
  • terminalCursor.background#4a29fb
  • terminalCursor.foreground#cecbff
  • textLink.foreground#006ab1
  • titleBar.activeBackground#dddddd
  • titleBar.activeForeground#797979
  • titleBar.border#00000000
  • titleBar.inactiveBackground#dadce2
  • titleBar.inactiveForeground#797979
  • tree.indentGuidesStroke#d2caff
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000029

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

Vaporizer Dark & Light Themes - Coding Theme