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#191919
  • activityBar.foreground#70acb0
  • activityBar.inactiveForeground#8a8a8a66
  • activityBarBadge.background#b2e9ec
  • activityBarBadge.foreground#141414
  • badge.background#b2e9ec
  • badge.foreground#867f7fbf
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#191919
  • breadcrumb.focusForeground#4e4e4e
  • breadcrumb.foreground#616161cc
  • button.background#ed5f7f
  • button.foreground#4c68ff
  • button.hoverBackground#c04d67
  • button.secondaryBackground#d7e1e2
  • button.secondaryForeground#9b9b9b
  • button.secondaryHoverBackground#4c5561
  • checkbox.background#4c68ff
  • checkbox.border#00000000
  • checkbox.foreground#616161
  • debugExceptionWidget.background#191919
  • debugExceptionWidget.border#ffe0e7
  • debugToolBar.background#191919
  • debugToolBar.border#ffe0e7
  • diffEditor.border#d7d7d7
  • diffEditor.insertedTextBackground#00bec812
  • diffEditor.removedTextBackground#ffbcbc33
  • dropdown.background#4c68ff
  • dropdown.border#00000000
  • dropdown.foreground#616161
  • editor.background#191919
  • editor.findMatchBackground#00bec816
  • editor.findMatchBorder#00bec814
  • editor.findMatchHighlightBackground#00bec820
  • editor.findMatchHighlightBorder#4c68ff00
  • editor.findRangeHighlightBackground#00bec810
  • editor.findRangeHighlightBorder#4c68ff00
  • editor.foldBackground#00bec812
  • editor.foreground#9bc793
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#eaeaea
  • editor.lineHighlightBackground#00bec812
  • editor.lineHighlightBorder#eeeeee00
  • editor.rangeHighlightBackground#c0c0c033
  • editor.rangeHighlightBorder#4c68ff00
  • editor.selectionBackground#dedede
  • editor.selectionHighlightBackground#add6ff80
  • editor.selectionHighlightBorder#00bec800
  • editor.wordHighlightBackground#00bec80e
  • editor.wordHighlightBorder#00bec80c
  • editor.wordHighlightStrongBackground#00bec81e
  • editor.wordHighlightStrongBorder#00bec804
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#b9b9b9
  • editorCodeLens.foreground#999999
  • editorCursor.background#4c68ff
  • editorCursor.foreground#b2e9ec
  • editorError.background#79717100
  • editorError.border#4c68ff00
  • editorError.foreground#ffbfb8
  • editorGroup.border#e7e7e700
  • editorGroup.emptyBackground#191919
  • editorGroupHeader.tabsBackground#191919
  • editorGroupHeader.tabsBorder#ff000000
  • editorGutter.addedBackground#9981db6c
  • editorGutter.background#191919
  • editorGutter.commentRangeForeground#c91740
  • editorGutter.deletedBackground#c98c176a
  • editorGutter.foldingControlForeground#c91740
  • editorGutter.modifiedBackground#00bec83a
  • editorHoverWidget.background#2e383d
  • editorHoverWidget.border#00bec82c
  • editorHoverWidget.foreground#616161
  • editorIndentGuide.activeBackground#00bec85a
  • editorIndentGuide.background#00bec824
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#b4d6f5
  • editorLineNumber.activeForeground#00bec8
  • editorLineNumber.foreground#bebbbb74
  • editorLink.activeForeground#8e2de0
  • editorMarkerNavigation.background#4c68ff
  • editorMarkerNavigationError.background#ffdad6
  • editorMarkerNavigationInfo.background#b2e9ec
  • editorMarkerNavigationWarning.background#fff0c9
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#d3d3d31e
  • editorSuggestWidget.background#333434
  • editorSuggestWidget.border#c8c8c800
  • editorSuggestWidget.foreground#c0bfbf
  • editorSuggestWidget.highlightForeground#9981db
  • editorSuggestWidget.selectedBackground#0a090a
  • editorWarning.background#f0dfa600
  • editorWarning.border#4c68ff00
  • editorWarning.foreground#ffd262
  • editorWhitespace.foreground#33333333
  • editorWidget.background#191919
  • editorWidget.foreground#303030
  • editorWidget.resizeBorder#c7c7c7
  • focusBorder#c0bdbe4a
  • foreground#616161
  • 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#616161
  • input.background#4c68ff
  • input.border#00000000
  • input.foreground#616161
  • input.placeholderForeground#767676
  • inputOption.activeBackground#0090f133
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#000000
  • list.activeSelectionBackground#191919
  • list.activeSelectionForeground#4fd4db
  • list.dropBackground#b2e9ec64
  • list.focusBackground#d6ebff
  • list.focusForeground#616161
  • list.highlightForeground#0066bf
  • list.hoverBackground#e8e8e8
  • list.hoverForeground#616161
  • list.inactiveSelectionBackground#191919
  • list.inactiveSelectionForeground#36dbe4
  • listFilterWidget.background#efc1ad
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#4c68ff
  • menu.border#00000085
  • menu.foreground#616161
  • menu.selectionBackground#0060c0
  • menu.selectionBorder#00000000
  • menu.selectionForeground#4c68ff
  • 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#191919
  • minimap.errorHighlight#ffbfb8
  • minimap.findMatchHighlight#00bec816
  • minimap.selectionHighlight#dedede
  • minimap.warningHighlight#ffd262
  • minimapGutter.addedBackground#9981db6c
  • minimapGutter.deletedBackground#c98c176a
  • minimapGutter.modifiedBackground#00bec83a
  • notificationCenter.border#d5d5d500
  • notificationCenterHeader.background#303030
  • notificationCenterHeader.foreground#616161
  • notifications.background#e0e0e0
  • notifications.border#e7e7e700
  • notifications.foreground#616161
  • notificationsErrorIcon.foreground#e51400
  • notificationsInfoIcon.foreground#75beffe9
  • notificationsWarningIcon.foreground#e9a700
  • notificationToast.border#ed5f7f00
  • panel.background#191919
  • panel.border#8080800e
  • panelSection.border#80808059
  • panelTitle.activeBorder#c7fafdf7
  • panelTitle.activeForeground#c7fafdf7
  • panelTitle.inactiveForeground#867f7fbf
  • peekView.border#007acc00
  • peekViewEditor.background#333434
  • peekViewEditor.matchHighlightBackground#00bec81c
  • peekViewEditor.matchHighlightBorder#dbc41700
  • peekViewEditorGutter.background#333434
  • peekViewResult.background#333434
  • peekViewResult.fileForeground#8e8e8e
  • peekViewResult.lineForeground#4c68ff
  • peekViewResult.matchHighlightBackground#00515650
  • peekViewResult.selectionBackground#52606f33
  • peekViewResult.selectionForeground#7d7575
  • peekViewTitle.background#ececec
  • peekViewTitleDescription.foreground#9d9696e6
  • peekViewTitleLabel.foreground#26a3a99b
  • pickerGroup.border#cccedb
  • pickerGroup.foreground#73beff
  • progressBar.background#c1eaec
  • scrollbar.shadow#dddddd00
  • scrollbarSlider.activeBackground#64646416
  • scrollbarSlider.background#64646416
  • scrollbarSlider.hoverBackground#e6d0d5
  • selection.background#b0daff
  • settings.focusedRowBackground#4c68ff07
  • settings.headerForeground#616161
  • sideBar.background#191919
  • sideBar.dropBackground#b2e9ec64
  • sideBar.foreground#616161
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#61616100
  • sideBarSectionHeader.foreground#616161
  • sideBarTitle.foreground#6f6f6f
  • statusBar.background#afe5e8
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#4c68ff
  • statusBar.foreground#141414
  • statusBar.noFolderBackground#e82551
  • statusBar.noFolderForeground#4c68ff
  • statusBarItem.activeBackground#4c68ff25
  • statusBarItem.hoverBackground#4c68ff1f
  • statusBarItem.remoteBackground#afe5e8
  • statusBarItem.remoteForeground#141414
  • tab.activeBackground#c7fafdf7
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#686868
  • tab.border#19191900
  • tab.inactiveBackground#191919
  • tab.inactiveForeground#9d9d9d
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#5f9fe6
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3f75b0
  • terminal.ansiBrightCyan#0598bc
  • terminal.ansiBrightGreen#00bc64
  • terminal.ansiBrightMagenta#bc05bc
  • terminal.ansiBrightRed#cd3131
  • terminal.ansiBrightWhite#a5a5a5
  • terminal.ansiBrightYellow#b5ba00
  • terminal.ansiCyan#0598bc
  • terminal.ansiGreen#00bc64
  • terminal.ansiMagenta#bc05bc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#555555
  • terminal.ansiYellow#949800
  • terminal.border#e4e4e459
  • terminal.foreground#909090
  • terminal.selectionBackground#00000040
  • terminalCursor.background#191919
  • terminalCursor.foreground#b2e9ec
  • textLink.foreground#006ab1
  • titleBar.activeBackground#191919
  • titleBar.activeForeground#828282
  • titleBar.border#00000000
  • titleBar.inactiveBackground#191919
  • titleBar.inactiveForeground#33333399
  • tree.indentGuidesStroke#02b9c22c
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000000e

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