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.background#64146f
  • activityBar.border#491f1f00
  • activityBar.foreground#f9fdff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#431562
  • activityBarBadge.foreground#ffffff
  • badge.background#68007d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#350e5e
  • breadcrumb.focusForeground#9b5c5c
  • breadcrumb.foreground#cccccccc
  • button.background#0e639c
  • button.foreground#ffffff
  • button.hoverBackground#3e11bb
  • button.secondaryBackground#1a0941
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#69289f
  • checkbox.background#120033
  • checkbox.border#b6b6b600
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#420d60
  • debugToolBar.border#9b1ea5
  • diffEditor.border#44444400
  • diffEditor.insertedTextBackground#5565b91e
  • diffEditor.insertedTextBorder#62252500
  • diffEditor.removedTextBackground#06040833
  • diffEditor.removedTextBorder#ff000000
  • dropdown.background#1e1e1e
  • dropdown.border#b6b6b600
  • dropdown.foreground#cccccc
  • editor.background#2c0f49
  • editor.findMatchBackground#515c6a00
  • editor.findMatchBorder#284e7d
  • editor.findMatchHighlightBackground#ea5c0000
  • editor.findMatchHighlightBorder#2c3186df
  • editor.findRangeHighlightBackground#16202e66
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#040a114d
  • editor.foreground#2a8296
  • editor.hoverHighlightBackground#274c7102
  • editor.inactiveSelectionBackground#8a137734
  • editor.lineHighlightBackground#4122606c
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#4b28280b
  • editor.rangeHighlightBorder#6b202000
  • editor.selectionBackground#7905677a
  • editor.selectionHighlightBackground#add6ff00
  • editor.selectionHighlightBorder#353b71
  • editor.wordHighlightBackground#57575700
  • editor.wordHighlightBorder#1b3551
  • editor.wordHighlightStrongBackground#00497200
  • editor.wordHighlightStrongBorder#162e54
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#88888832
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#a68cb4
  • editorGroup.border#44444400
  • editorGroup.emptyBackground#1e1e1e
  • editorGroupHeader.tabsBackground#41146f
  • editorGroupHeader.tabsBorder#43242400
  • editorGutter.addedBackground#7c0c70
  • editorGutter.background#350e5e
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#f5fff3
  • editorGutter.foldingControlForeground#f9f9f9
  • editorGutter.modifiedBackground#0c4b9d
  • editorHoverWidget.background#26093f
  • editorHoverWidget.border#4d257d
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#a13f915a
  • editorIndentGuide.background#202f5a
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#cdcdcd
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#4853ff
  • editorMarkerNavigation.background#1e1e1e
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#054b7d
  • editorMarkerNavigationWarning.background#f22adc
  • editorOverviewRuler.background#241b1b00
  • editorOverviewRuler.border#7f7f7f00
  • editorRuler.foreground#1f123b
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#fb0081
  • editorSuggestWidget.selectedBackground#370c6b
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#371758
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#6c1379
  • focusBorder#a50084
  • foreground#f22adc
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#cccccc
  • input.background#180826
  • input.border#b6b6b600
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#060e133c
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#091c2a28
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#301d51
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#380e62
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#0f0603
  • listFilterWidget.noMatchesOutline#7100be
  • listFilterWidget.outline#00000000
  • menu.background#8951db1a
  • menu.border#3e2b9b
  • menu.foreground#cccccc
  • menu.selectionBackground#8951db1a
  • menu.selectionBorder#3e2b9b
  • menu.selectionForeground#cccccc
  • menu.separatorBackground#bbbbbb26
  • menubar.selectionBackground#054b7d
  • menubar.selectionBorder#ff000000
  • menubar.selectionForeground#999494
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#fbb000
  • merge.currentContentBackground#1b1d1d
  • merge.currentHeaderBackground#1951f7
  • merge.incomingContentBackground#212224
  • merge.incomingHeaderBackground#f9fdff
  • minimap.background#1e1e1e
  • minimap.errorHighlight#711301
  • minimap.findMatchHighlight#515c6a00
  • minimap.selectionHighlight#054b7d40
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#2c0f49
  • minimapGutter.deletedBackground#2c0f29
  • minimapGutter.modifiedBackground#2c0f69
  • notificationCenter.border#1e1e1e
  • notificationCenterHeader.background#2e0154
  • notificationCenterHeader.foreground#fbfbfb
  • notifications.background#1f0c2a
  • notifications.border#fdfdfd24
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#8249d5
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#370f3f
  • panel.background#23043d
  • panel.border#492c8859
  • panelSection.border#f22adc00
  • panelTitle.activeBorder#62157d
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#3e0a62
  • peekViewEditor.background#170033
  • peekViewEditor.matchHighlightBackground#8000ff99
  • peekViewEditor.matchHighlightBorder#421eee7c
  • peekViewEditorGutter.background#120033
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#8b00ea4d
  • peekViewResult.selectionBackground#4333ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#4c1354
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#6f1e8c6c
  • pickerGroup.foreground#3769ff
  • progressBar.background#0e70c0
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797900
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#054b7d
  • settings.focusedRowBackground#6e1171d1
  • settings.headerForeground#cccccc
  • sideBar.background#41146f
  • sideBar.border#ff000000
  • sideBar.dropBackground#091c2a28
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#1a0834f3
  • statusBar.border#ff000000
  • statusBar.debuggingBackground#10031b
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#370743
  • statusBar.noFolderBorder#ff000000
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#6e1171d1
  • statusBarItem.hoverBackground#6e1171d1
  • statusBarItem.remoteBackground#1a0834f3
  • statusBarItem.remoteForeground#f9fdff
  • tab.activeBackground#5c0882
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#e3e3e400
  • tab.hoverBackground#311549
  • tab.hoverBorder#1951f700
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#41146f
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#451f6459
  • terminal.foreground#cccccc
  • terminal.selectionBackground#40105640
  • terminalCursor.background#7400ff
  • terminalCursor.foreground#ffffff
  • textLink.foreground#007fd466
  • titleBar.activeBackground#3d23a9c1
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3d23a9c1
  • titleBar.inactiveForeground#cccccc
  • tree.indentGuidesStroke#585858
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0d0d0d5c

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