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#7ADAEC00
  • activityBar.background#414141
  • activityBar.border#ff000000
  • activityBar.foreground#7ADAEC
  • activityBar.inactiveForeground#ffffff
  • activityBarBadge.background#7ADAEC
  • activityBarBadge.foreground#ffffff
  • badge.background#7adaec
  • badge.foreground#fcfdff
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#414141
  • breadcrumb.focusForeground#4e4e4e
  • breadcrumb.foreground#616161cc
  • button.background#e0b5fa
  • button.foreground#ffffff
  • button.hoverBackground#7ADAEC
  • button.secondaryBackground#7adaec
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#7adaec
  • checkbox.background#fcfdff
  • checkbox.border#7adaec
  • checkbox.foreground#a39898
  • debugExceptionWidget.background#ffffff
  • debugExceptionWidget.border#7adaec
  • debugToolBar.background#ffffff
  • debugToolBar.border#7adaec
  • diffEditor.border#e0b5fa00
  • diffEditor.insertedTextBackground#4141410c
  • diffEditor.removedTextBackground#0093ff08
  • dropdown.background#fcfdff
  • dropdown.border#7adaec
  • dropdown.foreground#a39898
  • editor.background#414141
  • editor.findMatchBackground#a8ac9400
  • editor.findMatchBorder#7adaec
  • editor.findMatchHighlightBackground#ea5c0000
  • editor.findMatchHighlightBorder#7adaec
  • editor.findRangeHighlightBackground#7adaec54
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#7adaec
  • editor.foreground#7adaec
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#7adaec
  • editor.lineHighlightBackground#ffffff00
  • editor.lineHighlightBorder#414141
  • editor.rangeHighlightBackground#fdff0000
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#7adaec50
  • editor.selectionHighlightBackground#add6ff00
  • editor.selectionHighlightBorder#7adaec30
  • editor.wordHighlightBackground#57575700
  • editor.wordHighlightBorder#7adaec
  • editor.wordHighlightStrongBackground#0e639c00
  • editor.wordHighlightStrongBorder#7adaec
  • editorBracketMatch.background#00640000
  • editorBracketMatch.border#7adaec
  • editorCodeLens.foreground#bababa
  • editorCursor.background#ffffff
  • editorCursor.foreground#bababa
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#e51400
  • editorGroup.border#e7e7e700
  • editorGroup.emptyBackground#f3f6ff
  • editorGroupHeader.tabsBackground#414141
  • editorGutter.addedBackground#a5e6b1
  • editorGutter.background#414141
  • editorGutter.commentRangeForeground#424242
  • editorGutter.deletedBackground#7adaec
  • editorGutter.foldingControlForeground#bababa
  • editorGutter.modifiedBackground#7adaec
  • editorHoverWidget.background#f7f7f7
  • editorHoverWidget.border#7adaec
  • editorHoverWidget.foreground#616161
  • editorIndentGuide.activeBackground#cfe3ff
  • editorIndentGuide.background#dbdbdb9b
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#797979
  • editorLineNumber.foreground#bababa
  • editorLink.activeForeground#acacec
  • editorMarkerNavigation.background#ffffff
  • editorMarkerNavigationError.background#e51400
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#e9a700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#d3d3d3
  • editorSuggestWidget.background#f3f3f3
  • editorSuggestWidget.border#c8c8c8
  • editorSuggestWidget.foreground#000000
  • editorSuggestWidget.highlightForeground#0066bf
  • editorSuggestWidget.selectedBackground#7adaec
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e9a700
  • editorWhitespace.foreground#9b9b9bd1
  • editorWidget.background#f3f3f3
  • editorWidget.foreground#616161
  • editorWidget.resizeBorder#7adaec
  • focusBorder#7adaec
  • foreground#e0b5fa
  • gitDecoration.addedResourceForeground#587c0c
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#ad0707
  • gitDecoration.ignoredResourceForeground#8e8e90
  • gitDecoration.modifiedResourceForeground#895503
  • gitDecoration.stageDeletedResourceForeground#ad0707
  • gitDecoration.stageModifiedResourceForeground#895503
  • gitDecoration.submoduleResourceForeground#1258a7
  • gitDecoration.untrackedResourceForeground#007100
  • icon.foreground#e0b5fa
  • input.background#fcfdff
  • input.border#7adaec
  • input.foreground#a39898
  • input.placeholderForeground#7adaec
  • inputOption.activeBackground#0090f133
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#99a4b4
  • list.activeSelectionBackground#7adaec00
  • list.activeSelectionForeground#7ADAEC
  • list.dropBackground#7adaec
  • list.focusBackground#7adaec
  • list.focusForeground#ffffff
  • list.highlightForeground#7adaec
  • list.hoverBackground#7ADAEC
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#7adaec00
  • list.inactiveSelectionForeground#7ADAEC
  • listFilterWidget.background#7adaec
  • listFilterWidget.noMatchesOutline#7adaec
  • listFilterWidget.outline#00000000
  • menu.background#ffffff
  • menu.border#00000000
  • menu.foreground#616161
  • menu.selectionBackground#e0b5fa
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#f9f5f5
  • 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#414141
  • minimap.errorHighlight#e51400
  • minimap.findMatchHighlight#a8ac9400
  • minimap.selectionHighlight#7adaec
  • minimap.warningHighlight#e9a700
  • minimapGutter.addedBackground#a5e6b1
  • minimapGutter.deletedBackground#7adaec
  • minimapGutter.modifiedBackground#7adaec
  • notificationCenter.border#d5d5d5
  • notificationCenterHeader.background#f3f6ff
  • notificationCenterHeader.foreground#616161
  • notifications.background#fcfdff
  • notifications.border#e7e7e7
  • notifications.foreground#616161
  • notificationsErrorIcon.foreground#e51400
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#e9a700
  • notificationToast.border#d5d5d5
  • panel.background#414141
  • panel.border#7adaec1e
  • panelSection.border#7adaec
  • panelTitle.activeBorder#7adaec
  • panelTitle.activeForeground#424242
  • panelTitle.inactiveForeground#424242bf
  • peekView.border#007acc
  • peekViewEditor.background#f2f8fc
  • peekViewEditor.matchHighlightBackground#f5d80200
  • peekViewEditor.matchHighlightBorder#7adaec
  • peekViewEditorGutter.background#f2f8fc
  • peekViewResult.background#ffffff
  • peekViewResult.fileForeground#1e1e1e
  • peekViewResult.lineForeground#646465
  • peekViewResult.matchHighlightBackground#7adaec
  • peekViewResult.selectionBackground#7adaec
  • peekViewResult.selectionForeground#414141
  • peekViewTitle.background#ffffff
  • peekViewTitleDescription.foreground#616161e6
  • peekViewTitleLabel.foreground#333333
  • pickerGroup.border#cccedb
  • pickerGroup.foreground#7adaec
  • progressBar.background#7adaec
  • scrollbar.shadow#dddddd00
  • scrollbarSlider.activeBackground#7adaec
  • scrollbarSlider.background#7ADAEC
  • scrollbarSlider.hoverBackground#7ADAEC
  • selection.background#7ADAEC
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#e0b5fa
  • sideBar.background#414141
  • sideBar.border#ff000000
  • sideBar.dropBackground#7adaec
  • sideBar.foreground#ffffff
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#61616100
  • sideBarSectionHeader.foreground#616161
  • sideBarTitle.foreground#ffffff
  • statusBar.background#414141
  • statusBar.debuggingBackground#7adaec
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#aaaaaa
  • statusBar.noFolderBackground#7adaec
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#414141
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#7ADAEC00
  • statusBarItem.remoteForeground#aaaaaa
  • tab.activeBackground#7ADAEC00
  • tab.activeBorder#7adaec00
  • tab.activeBorderTop#ffffff00
  • tab.activeForeground#7ADAEC
  • tab.border#f3f3f300
  • tab.inactiveBackground#7adaec00
  • tab.inactiveForeground#ffffff
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#0451a5
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#0451a5
  • terminal.ansiBrightCyan#0598bc
  • terminal.ansiBrightGreen#14ce14
  • terminal.ansiBrightMagenta#bc05bc
  • terminal.ansiBrightRed#cd3131
  • terminal.ansiBrightWhite#a5a5a5
  • terminal.ansiBrightYellow#b5ba00
  • terminal.ansiCyan#0598bc
  • terminal.ansiGreen#00bc00
  • terminal.ansiMagenta#bc05bc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#555555
  • terminal.ansiYellow#949800
  • terminal.border#7adaec
  • terminal.foreground#333333
  • terminal.selectionBackground#00000040
  • terminalCursor.background#ffffff
  • terminalCursor.foreground#7adaec
  • textLink.foreground#006ab1
  • titleBar.activeBackground#414141
  • titleBar.activeForeground#333333
  • titleBar.border#00000000
  • titleBar.inactiveBackground#414141
  • titleBar.inactiveForeground#33333399
  • tree.indentGuidesStroke#7adaec
  • 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#AAAAAA
variable.other.generic-type.haskell#e0b5fa
storage.type.haskell#AAAAAA
support.variable.magic.python#AAAAAA
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#7adaec
variable.parameter.function.language.special.self.python#7adaec
storage.modifier.lifetime.rust#7adaec
support.function.std.rust#6ed0ad
entity.name.lifetime.rust#7adaec
variable.language.rust#AAAAAA
support.constant.edge#e0b5fa
constant.other.character-class.regexp#AAAAAA
keyword.operator.quantifier.regexp#AAAAAA
punctuation.definition.string.begin,punctuation.definition.string.end#7adaec
variable.parameter.function#7adaec
comment markup.link#dddddd
markup.changed.diff#7adaec
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#6ed0ad
markup.inserted.diff#7adaec
markup.deleted.diff#AAAAAA
meta.function.c,meta.function.cpp#AAAAAA
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#7adaec
punctuation.separator.key-value#7adaec
keyword.operator.expression.import#6ed0ad
support.constant.math#7adaec
support.constant.property.math#AAAAAA
variable.other.constant#7adaec
storage.type.annotation.java, storage.type.object.array.java#7adaec
source.java#AAAAAA
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#7adaec
meta.method.java#6ed0ad
storage.modifier.import.java,storage.type.java,storage.type.generic.java#7adaec
keyword.operator.instanceof.java#e0b5fa
meta.definition.variable.name.java#AAAAAA
keyword.operator.logical#7adaec
keyword.operator.bitwise#7adaec
keyword.operator.channel#7adaec
support.constant.property-value.scss,support.constant.property-value.css#AAAAAA
keyword.operator.css,keyword.operator.scss,keyword.operator.less#7adaec
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#AAAAAA
punctuation.separator.list.comma.css#7adaec
support.constant.color.w3c-standard-color-name.css#AAAAAA
support.type.vendored.property-name.css#7adaec
support.module.node,support.type.object.module,support.module.node#7adaec
entity.name.type.module#7adaec
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#AAAAAA
support.constant.json#AAAAAA
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#e0b5fa
support.type.object.console#AAAAAA
support.variable.property.process#AAAAAA
entity.name.function,support.function.console#6ed0ad
keyword.operator.misc.rust#7adaec
keyword.operator.sigil.rust#e0b5fa
keyword.operator.delete#e0b5fa
support.type.object.dom#7adaec
support.variable.dom,support.variable.property.dom#AAAAAA
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#7adaec
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#e0b5fa
punctuation.separator.delimiter#7adaec
punctuation.separator.c,punctuation.separator.cpp#e0b5fa
support.type.posix-reserved.c,support.type.posix-reserved.cpp#7adaec
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#e0b5fa
variable.parameter.function.language.python#AAAAAA
support.type.python#7adaec
keyword.operator.logical.python#e0b5fa
variable.parameter.function.python#AAAAAA
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#7adaec
meta.function-call.generic.python#6ed0ad
constant.character.format.placeholder.other.python#AAAAAA
keyword.operator#7adaec
keyword.operator.assignment.compound#e0b5fa
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#7adaec
keyword#e0b5fa
entity.name.namespace#7adaec
variable#AAAAAA
variable.c#7adaec
variable.language#7adaec
token.variable.parameter.java#7adaec
import.storage.java#7adaec
token.package.keyword#e0b5fa
token.package#7adaec
entity.name.function, meta.require, support.function.any-method, variable.function#6ed0ad
entity.name.type.namespace#7adaec
support.class, entity.name.type.class#7adaec
entity.name.class.identifier.namespace.type#7adaec
entity.name.class, variable.other.class.js, variable.other.class.ts#7adaec
variable.other.class.php#AAAAAA
entity.name.type#7adaec
keyword.control#e0b5fa
control.elements, keyword.operator.less#AAAAAA
keyword.other.special-method#6ed0ad
storage#e0b5fa
token.storage#e0b5fa
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#e0b5fa
token.storage.type.java#7adaec
support.function#7adaec
support.type.property-name#7adaec
support.constant.property-value#7adaec
support.constant.font-name#AAAAAA
meta.tag#7adaec
string#7adaec
entity.other.inherited-class#7adaec
constant.other.symbol#7adaec
constant.numeric#AAAAAA
constant#AAAAAA
punctuation.definition.constant#AAAAAA
entity.name.tag#AAAAAA
entity.other.attribute-name#AAAAAA
entity.other.attribute-name.id#6ed0adbold
entity.other.attribute-name.class.css#AAAAAAbold
meta.selector#e0b5fa
markup.heading#AAAAAA
markup.heading punctuation.definition.heading, entity.name.section#6ed0ad
keyword.other.unit#AAAAAA
markup.bold,todo.bold#AAAAAA
punctuation.definition.bold#7adaec
markup.italic, punctuation.definition.italic,todo.emphasis#e0b5fa
emphasis md#e0b5fa
entity.name.section.markdown#AAAAAA
punctuation.definition.heading.markdown#AAAAAA
punctuation.definition.list.begin.markdown#AAAAAA
markup.heading.setext#7adaec
punctuation.definition.bold.markdown#AAAAAA
markup.inline.raw.markdown#7adaec
markup.inline.raw.string.markdown#7adaec
punctuation.definition.list.markdown#AAAAAA
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#AAAAAA
beginning.punctuation.definition.list.markdown#AAAAAA
punctuation.definition.metadata.markdown#AAAAAA
markup.underline.link.markdown,markup.underline.link.image.markdown#e0b5fa
string.other.link.title.markdown,string.other.link.description.markdown#6ed0ad
string.regexp#7adaec
constant.character.escape#7adaec
punctuation.section.embedded, variable.interpolation#AAAAAA
punctuation.section.embedded.begin,punctuation.section.embedded.end#e0b5fa
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#7adaec
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#AAAAAA
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#AAAAAA
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#7adaec
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#7adaec
support.type.property-name.json#AAAAAA
support.type.property-name.json punctuation#AAAAAA
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#e0b5fa
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#e0b5fa
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#7adaec
keyword.operator.error-control.php#e0b5fa
keyword.operator.type.php#e0b5fa
punctuation.section.array.begin.php#7adaec
punctuation.section.array.end.php#7adaec
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#7adaec
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#6ed0ad
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#7adaec
support.constant.core.rust#AAAAAA
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#AAAAAA
entity.name.goto-label.php,support.other.php#6ed0ad
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#7adaec
keyword.operator.regexp.php#e0b5fa
keyword.operator.comparison.php#7adaec
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#e0b5fa
meta.function.decorator.python#6ed0ad
support.token.decorator.python,meta.function.decorator.identifier.python#7adaec
function.parameter#7adaec
function.brace#7adaec
function.parameter.ruby, function.parameter.cs#7adaec
constant.language.symbol.ruby#7adaec
rgb-value#7adaec
inline-color-decoration rgb-value#aaaaaa
less rgb-value#AAAAAA
selector.sass#AAAAAA
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#7adaec
block.scope.end,block.scope.begin#7adaec
storage.type.cs#7adaec
entity.name.variable.local.cs#AAAAAA
token.info-token#6ed0ad
token.warn-token#AAAAAA
token.error-token#f44747
token.debug-token#e0b5fa
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#e0b5fa
meta.template.expression#7adaec
keyword.operator.module#e0b5fa
support.type.type.flowtype#6ed0ad
support.type.primitive#7adaec
meta.property.object#AAAAAA
variable.parameter.function.js#AAAAAA
keyword.other.template.begin#7adaec
keyword.other.template.end#7adaec
keyword.other.substitution.begin#7adaec
keyword.other.substitution.end#7adaec
keyword.operator.assignment#7adaec
keyword.operator.assignment.go#7adaec
keyword.operator.arithmetic.go, keyword.operator.address.go#e0b5fa
entity.name.package.go#7adaec
support.type.prelude.elm#7adaec
support.constant.elm#AAAAAA
punctuation.quasi.element#e0b5fa
constant.character.entity#AAAAAA
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#7adaec
entity.global.clojure#7adaec
meta.symbol.clojure#AAAAAA
constant.keyword.clojure#7adaec
meta.arguments.coffee, variable.parameter.function.coffee#AAAAAA
source.ini#7adaec
meta.scope.prerequisites.makefile#AAAAAA
source.makefile#7adaec
storage.modifier.import.groovy#7adaec
meta.method.groovy#6ed0ad
meta.definition.variable.name.groovy#AAAAAA
meta.definition.class.inherited.classes.groovy#7adaec
support.variable.semantic.hlsl#7adaec
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#e0b5fa
text.variable, text.bracketed#AAAAAA
support.type.swift, support.type.vb.asp#7adaec
entity.name.function.xi#7adaec
entity.name.class.xi#7adaec
constant.character.character-class.regexp.xi#AAAAAA
constant.regexp.xi#e0b5fa
keyword.control.xi#7adaec
invalid.xi#7adaec
beginning.punctuation.definition.quote.markdown.xi#7adaec
beginning.punctuation.definition.list.markdown.xi#dddddd
constant.character.xi#6ed0ad
accent.xi#6ed0ad
wikiword.xi#AAAAAA
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#dddddd
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#7adaec
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#AAAAAA
meta.brace.square#7adaec
comment, punctuation.definition.comment#dddddditalic
markup.quote.markdown#dddddd
punctuation.definition.block.sequence.item.yaml#7adaec
constant.language.symbol.elixir#7adaec
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