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#2F3438
  • activityBar.border#ff000000
  • activityBar.foreground#E44255
  • activityBar.inactiveForeground#FEFEFE
  • activityBarBadge.background#244757
  • activityBarBadge.foreground#07A5F3
  • badge.background#1a51bc
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#f92b78
  • breadcrumb.background#26292d
  • breadcrumb.focusForeground#f92b78
  • breadcrumb.foreground#5e8eff
  • button.background#1867e2
  • button.foreground#ffffff
  • button.hoverBackground#1177bb
  • button.secondaryBackground#262626
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#44444400
  • diffEditor.insertedTextBackground#3b5f9633
  • diffEditor.removedTextBackground#01172e52
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#26292D
  • editor.findMatchBackground#515c6a00
  • editor.findMatchBorder#2f445e
  • editor.findMatchHighlightBackground#50a39700
  • editor.findMatchHighlightBorder#ffffff2a
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#a9a9a900
  • editor.foldBackground#264f784d
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#4193e600
  • editor.inactiveSelectionBackground#2b2d30
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#0f2a4791
  • editor.rangeHighlightBackground#ffffff00
  • editor.rangeHighlightBorder#d9d9d900
  • editor.selectionBackground#1b354f
  • editor.selectionHighlightBackground#add6ff00
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#57575700
  • editor.wordHighlightBorder#00b7ff2e
  • editor.wordHighlightStrongBackground#9cdbff00
  • editor.wordHighlightStrongBorder#67858c
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#44444400
  • editorGroup.emptyBackground#26292d
  • editorGroupHeader.tabsBackground#242424c1
  • editorGroupHeader.tabsBorder#01A4F620
  • editorGutter.addedBackground#d30229
  • editorGutter.background#26292D
  • editorGutter.commentRangeForeground#2066d3
  • editorGutter.deletedBackground#ffffff
  • editorGutter.foldingControlForeground#2066d3
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#1f1f21
  • editorHoverWidget.border#435f8c8d
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#19607b
  • editorIndentGuide.background#5d7bc02e
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#0a85c0
  • editorLineNumber.foreground#494949
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#0d2e4b
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#ff6c00
  • editorSuggestWidget.selectedBackground#0e56ff
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#007fd4
  • foreground#3674ab
  • 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#3674ab
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#09477100
  • list.activeSelectionForeground#2465fffb
  • list.dropBackground#409ad512
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#2a2d2e00
  • list.hoverForeground#e89008
  • list.inactiveSelectionBackground#2f374d00
  • list.inactiveSelectionForeground#ecf4f5
  • listFilterWidget.background#396bb8
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#034d80
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#26292d
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a00
  • minimap.selectionHighlight#1b354f
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#d30229
  • minimapGutter.deletedBackground#ffffff
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#093d62
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#2c2c2c
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#26292d
  • panel.border#1480f259
  • panelSection.border#207ca959
  • panelTitle.activeBorder#254e79
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc
  • peekViewEditor.background#040f17
  • peekViewEditor.matchHighlightBackground#211a1199
  • peekViewEditor.matchHighlightBorder#eed3b018
  • peekViewEditorGutter.background#07324d
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#237ede4d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#26292d
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#3794ff
  • progressBar.background#FA415A
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#1b4b88c3
  • scrollbarSlider.background#79797900
  • scrollbarSlider.hoverBackground#124990b3
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#3674ab
  • sideBar.background#26292D
  • sideBar.border#1a84e200
  • sideBar.dropBackground#409ad512
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#416db2
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#26292D
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#26292D
  • statusBarItem.remoteForeground#00A4F7
  • tab.activeBackground#2F3438
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#01A4F6
  • tab.border#25252602
  • tab.hoverBackground#0b3c9900
  • tab.hoverBorder#ff000002
  • tab.inactiveBackground#24242400
  • 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#207ca959
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#1b1b1b
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#02020299
  • titleBar.inactiveForeground#7b7b7b99
  • tree.indentGuidesStroke#3d2a2a
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000005c

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