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#000000
  • activityBar.foreground#82b1e2
  • activityBar.inactiveForeground#426fc766
  • activityBarBadge.background#82b1e2
  • activityBarBadge.foreground#000000
  • badge.background#70b4db
  • badge.foreground#323232
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#53839f
  • button.foreground#ffffff
  • button.hoverBackground#5da4d3
  • button.secondaryBackground#1d6690
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#0b51a9
  • checkbox.background#050617
  • checkbox.border#144c6d
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#1e4d68
  • debugExceptionWidget.border#496e84
  • debugToolBar.background#1e4d68
  • debugToolBar.border#496e84
  • diffEditor.border#0c4464
  • diffEditor.insertedTextBackground#559db933
  • diffEditor.insertedTextBorder#ff000000
  • diffEditor.removedTextBackground#003b5e33
  • diffEditor.removedTextBorder#ff000000
  • dropdown.background#050617
  • dropdown.border#144c6d
  • dropdown.foreground#cccccc
  • editor.background#000000
  • editor.findMatchBackground#515c6a34
  • editor.findMatchBorder#74879f76
  • editor.findMatchHighlightBackground#47cbff24
  • editor.findMatchHighlightBorder#24354700
  • editor.findRangeHighlightBackground#2435477c
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#24354797
  • editor.foreground#1e92a5
  • editor.hoverHighlightBackground#50a8ff40
  • editor.inactiveSelectionBackground#151f2a
  • editor.lineHighlightBackground#172a3f78
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#243547
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495f777a
  • editor.wordHighlightBackground#2435476c
  • editor.wordHighlightBorder#24354776
  • editor.wordHighlightStrongBackground#004972b8
  • editor.wordHighlightStrongBorder#2435473e
  • editorBracketMatch.background#66b0ff
  • editorBracketMatch.border#7bbbff
  • editorCodeLens.foreground#ff4cdb
  • editorCursor.background#000000
  • editorCursor.foreground#6bd3e4
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#581c0f
  • editorGroup.border#44444400
  • editorGroup.emptyBackground#000000
  • editorGroupHeader.border#007cff00
  • editorGroupHeader.tabsBackground#000000
  • editorGutter.addedBackground#3a79be
  • editorGutter.background#000000
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#ffffff
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#90eaff
  • editorHoverWidget.background#000000
  • editorHoverWidget.border#004166
  • editorHoverWidget.foreground#58c1ff
  • editorIndentGuide.activeBackground#5fadff80
  • editorIndentGuide.background#0f161d
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#4ed6ff
  • editorLineNumber.foreground#0a3c4f
  • editorLink.activeForeground#944ece
  • editorMarkerNavigation.background#111a1f
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#53839f78
  • editorMarkerNavigationWarning.background#cca70042
  • editorOverviewRuler.background#74b8ff00
  • editorOverviewRuler.border#72b6ff00
  • editorRuler.foreground#6cb3ff18
  • editorSuggestWidget.background#040404
  • editorSuggestWidget.border#0b4b71
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#4eb3f7
  • editorSuggestWidget.selectedBackground#184560
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#031724
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#446f88
  • focusBorder#1998e21c
  • foreground#53839f
  • 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#53839f
  • input.background#050617
  • input.border#144c6d
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#112a3b
  • inputOption.activeBorder#124e77e1
  • inputOption.activeForeground#6cc1f2
  • list.activeSelectionBackground#243547
  • list.activeSelectionForeground#7cbcff
  • list.dropBackground#383b3d
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#243547
  • list.hoverForeground#8bc3ff
  • list.inactiveSelectionBackground#37373d00
  • list.inactiveSelectionForeground#7ebdff
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#000000
  • menu.border#0f0f0f
  • menu.foreground#cccccc
  • menu.selectionBackground#53839f
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#0c1317
  • menubar.selectionBackground#0b1115
  • menubar.selectionBorder#ff000000
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#1b0e24
  • merge.commonHeaderBackground#6f5c6e
  • merge.currentContentBackground#071f1a
  • merge.currentHeaderBackground#075854
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#4d768eb1
  • minimap.background#000000
  • minimap.errorHighlight#581c0f
  • minimap.findMatchHighlight#515c6a34
  • minimap.selectionHighlight#243547
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#3a79be
  • minimapGutter.deletedBackground#ffffff
  • minimapGutter.modifiedBackground#90eaff
  • notificationCenter.border#183e54
  • notificationCenterHeader.background#000000
  • notificationCenterHeader.foreground#53839f
  • notifications.background#000000
  • notifications.border#0a1013
  • notifications.foreground#53839f
  • notificationsErrorIcon.foreground#ff4c28
  • notificationsInfoIcon.foreground#005cad
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#263b47
  • panel.background#000000
  • panel.border#070c0f
  • panelSection.border#090e11
  • panelTitle.activeBorder#7ed0ff
  • panelTitle.activeForeground#82d1ff
  • panelTitle.inactiveForeground#0289d999
  • peekView.border#53839f00
  • peekViewEditor.background#0b1013
  • peekViewEditor.matchHighlightBackground#ff8f0000
  • peekViewEditor.matchHighlightBorder#53839f7c
  • peekViewEditorGutter.background#0f191f
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#53839f64
  • peekViewResult.selectionBackground#205473
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#53839f
  • peekViewTitleDescription.foreground#2c424f
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#121213
  • pickerGroup.foreground#0071f2
  • progressBar.background#53839f
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#bfbfbf00
  • scrollbarSlider.background#79797900
  • scrollbarSlider.hoverBackground#30698a
  • selection.background#53839f
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#53839f
  • sideBar.background#000000
  • sideBar.border#49212100
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#1f455c
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#025cbc
  • sideBarTitle.foreground#7ab8fb
  • statusBar.background#000000
  • statusBar.debuggingBackground#868585
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#276cb6
  • statusBar.noFolderBackground#66a2e0
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#82b1e2
  • statusBarItem.remoteForeground#000000
  • tab.activeBackground#000000
  • tab.activeBorder#04466d
  • tab.activeBorderTop#00000000
  • tab.activeForeground#57c5d7
  • tab.border#25252600
  • tab.inactiveBackground#000000
  • tab.inactiveForeground#1c7ed580
  • terminal.ansiBlack#53839f
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#c2c2c2
  • 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#090e11
  • terminal.foreground#ffffff
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#82cefb
  • textLink.foreground#3794ff
  • titleBar.activeBackground#53839f
  • titleBar.activeForeground#2c2c2c
  • titleBar.border#00000000
  • titleBar.inactiveBackground#53839f
  • titleBar.inactiveForeground#343434
  • tree.indentGuidesStroke#585858
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#ff898900

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