Skip to main content
Coding Theme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.activeBackground#ffffff00
  • activityBar.background#FFF7D6
  • activityBar.foreground#24242474
  • activityBar.inactiveForeground#94db74
  • activityBarBadge.background#ffffff
  • activityBarBadge.foreground#ffe300
  • badge.background#e7ffd6
  • badge.foreground#a5a3a3
  • breadcrumb.activeSelectionForeground#b6e631
  • breadcrumb.background#FFFFDD
  • breadcrumb.focusForeground#b6e631
  • breadcrumb.foreground#adadadcc
  • button.background#fffd9c
  • button.foreground#c0c0c0
  • button.hoverBackground#e2ffd5
  • button.secondaryBackground#ffffff
  • button.secondaryForeground#b0b0b0
  • button.secondaryHoverBackground#ffe38d
  • checkbox.background#ffffff
  • checkbox.border#00000000
  • checkbox.foreground#616161
  • debugExceptionWidget.background#f8ffea
  • debugExceptionWidget.border#e8f0af
  • debugToolBar.background#f8ffea
  • debugToolBar.border#e8f0af
  • diffEditor.border#d7d7d700
  • diffEditor.insertedTextBackground#e2ffd5
  • diffEditor.removedTextBackground#ffcb7914
  • diffEditor.removedTextBorder#ff000000
  • dropdown.background#ffffff
  • dropdown.border#00000000
  • dropdown.foreground#616161
  • editor.background#FFF9D8
  • editor.findMatchBackground#a2ff787e
  • editor.findMatchBorder#979b8300
  • editor.findMatchHighlightBackground#a8ff8170
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#b4b4b44d
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#e2ffd5
  • editor.foreground#e0dfdf
  • editor.hoverHighlightBackground#e2ffd5
  • editor.inactiveSelectionBackground#f2ffec
  • editor.lineHighlightBackground#e2ffd5
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#fdff0033
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#e2ffd5
  • editor.selectionHighlightBackground#e2ffd5
  • editor.selectionHighlightBorder#495f7700
  • editor.wordHighlightBackground#e2ffd5
  • editor.wordHighlightBorder#ffbaba00
  • editor.wordHighlightStrongBackground#aeff896a
  • editor.wordHighlightStrongBorder#aaf78768
  • editorBracketMatch.background#e2ffd5
  • editorBracketMatch.border#fff9ec
  • editorCodeLens.foreground#999999
  • editorCursor.background#aaaaaa
  • editorCursor.foreground#a5f084
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ffc5c0
  • editorGroup.border#e2ffd5
  • editorGroup.emptyBackground#fffff9
  • editorGroupHeader.border#caffd500
  • editorGroupHeader.tabsBackground#fff9a787
  • editorGroupHeader.tabsBorder#f7ef8700
  • editorGutter.addedBackground#fff0a0
  • editorGutter.background#FFF9D8
  • editorGutter.commentRangeForeground#76ff39
  • editorGutter.deletedBackground#9cf773
  • editorGutter.foldingControlForeground#76ff39
  • editorGutter.modifiedBackground#abf292
  • editorHoverWidget.background#fdfdfd
  • editorHoverWidget.border#e8f550
  • editorHoverWidget.foreground#76c752
  • editorIndentGuide.activeBackground#b4ccaa
  • editorIndentGuide.background#cbcbcb74
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75fff9
  • editorLineNumber.activeForeground#9bee76
  • editorLineNumber.foreground#d1d1d1
  • editorLink.activeForeground#8aebfb
  • editorMarkerNavigation.background#e2ffd5
  • editorMarkerNavigationError.background#ffdedb
  • editorMarkerNavigationInfo.background#cfe8ff
  • editorMarkerNavigationWarning.background#fffbbc
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#d9aeae00
  • editorRuler.foreground#e2ffd5
  • editorSuggestWidget.background#fdf4c6
  • editorSuggestWidget.border#e2ffd5
  • editorSuggestWidget.foreground#9c9d9b
  • editorSuggestWidget.highlightForeground#89de62
  • editorSuggestWidget.selectedBackground#ffffff
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffd876
  • editorWhitespace.foreground#e0dfdf
  • editorWidget.background#f7fbeb
  • editorWidget.foreground#ababab
  • editorWidget.resizeBorder#bbff9d
  • focusBorder#e2ffd5
  • foreground#aaaaaa
  • gitDecoration.addedResourceForeground#587c0c
  • gitDecoration.conflictingResourceForeground#9999fd
  • gitDecoration.deletedResourceForeground#fb8888
  • gitDecoration.ignoredResourceForeground#8e8e90
  • gitDecoration.modifiedResourceForeground#f9c573
  • gitDecoration.stageDeletedResourceForeground#ffc9c9
  • gitDecoration.stageModifiedResourceForeground#adcd11
  • gitDecoration.submoduleResourceForeground#78b7ff
  • gitDecoration.untrackedResourceForeground#9fc49f
  • icon.foreground#aaaaaa
  • input.background#ffffff
  • input.border#00000000
  • input.foreground#616161
  • input.placeholderForeground#ababab
  • inputOption.activeBackground#eeffb2f9
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#c9c9c9
  • list.activeSelectionBackground#fff9a787
  • list.activeSelectionForeground#9d9d9d
  • list.dropBackground#fff9a787
  • list.focusBackground#fff9a787
  • list.focusForeground#616161
  • list.highlightForeground#7db04b87
  • list.hoverBackground#fff9a787
  • list.hoverForeground#616161
  • list.inactiveSelectionBackground#fff9a787
  • list.inactiveSelectionForeground#95cb36
  • listFilterWidget.background#fff9a787
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#ffffff
  • menu.border#00000085
  • menu.foreground#616161
  • menu.selectionBackground#0060c0
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#888888
  • menubar.selectionBackground#0000001a
  • menubar.selectionForeground#333333
  • merge.commonContentBackground#fff4da
  • merge.commonHeaderBackground#ffe26e
  • merge.currentContentBackground#dff4db
  • merge.currentHeaderBackground#7df0aa
  • merge.incomingContentBackground#dbf7ff
  • merge.incomingHeaderBackground#d2e6fd
  • minimap.background#fffff9
  • minimap.errorHighlight#ffc5c0
  • minimap.findMatchHighlight#a2ff787e
  • minimap.selectionHighlight#e2ffd5
  • minimap.warningHighlight#ffd876
  • minimapGutter.addedBackground#fff0a0
  • minimapGutter.deletedBackground#9cf773
  • minimapGutter.modifiedBackground#abf292
  • notificationCenter.border#e2ffd5
  • notificationCenterHeader.background#e2ffd5
  • notificationCenterHeader.foreground#bababa
  • notifications.background#fbffe7
  • notifications.border#dedbdb7e
  • notifications.foreground#616161
  • notificationsErrorIcon.foreground#ff9e95
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#deb95b
  • notificationToast.border#e2ffd5
  • panel.background#fefefe
  • panel.border#e6ffba8f
  • panelSection.border#80808059
  • panelTitle.activeBorder#e0e0e0
  • panelTitle.activeForeground#a6e894
  • panelTitle.inactiveForeground#ccdb7fbf
  • peekView.border#e2ffd5
  • peekViewEditor.background#e2ffd5
  • peekViewEditor.matchHighlightBackground#f9f6e4de
  • peekViewEditor.matchHighlightBorder#dbc4171c
  • peekViewEditorGutter.background#fffec18f
  • peekViewResult.background#f2ffec
  • peekViewResult.fileForeground#1e1e1e
  • peekViewResult.lineForeground#646465
  • peekViewResult.matchHighlightBackground#00eac94d
  • peekViewResult.selectionBackground#ffef0033
  • peekViewResult.selectionForeground#6c6c6c
  • peekViewTitle.background#f9f9f9
  • peekViewTitleDescription.foreground#616161e6
  • peekViewTitleLabel.foreground#333333
  • pickerGroup.border#f2fbdf
  • pickerGroup.foreground#c0c0c0
  • progressBar.background#8ed76e
  • scrollbar.shadow#dddddd00
  • scrollbarSlider.activeBackground#caffd581
  • scrollbarSlider.background#caffd581
  • scrollbarSlider.hoverBackground#cafff581
  • selection.background#e2ffd5
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#aaaaaa
  • sideBar.background#FEF0D0
  • sideBar.border#c7a4a400
  • sideBar.dropBackground#fff9a787
  • sideBar.foreground#a9a8a8
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#61616100
  • sideBarSectionHeader.foreground#71b459
  • sideBarTitle.foreground#6f6f6f
  • statusBar.background#FEF0D0
  • statusBar.debuggingBackground#24927e
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#9f9f9f
  • statusBar.noFolderBackground#f0f0f0
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#fff9a7
  • statusBarItem.remoteForeground#b4b2b2
  • tab.activeBackground#ffffff
  • tab.activeBorder#e2ffd500
  • tab.activeBorderTop#00000000
  • tab.activeForeground#242424
  • tab.border#ffffff00
  • tab.inactiveBackground#fff9a787
  • tab.inactiveForeground#abaaaab3
  • terminal.ansiBlack#4f4f4f
  • terminal.ansiBlue#53c0f5
  • terminal.ansiBrightBlack#a1a1a1
  • terminal.ansiBrightBlue#87bffd
  • terminal.ansiBrightCyan#8be8ff
  • terminal.ansiBrightGreen#8df9bc
  • terminal.ansiBrightMagenta#ffb2ff
  • terminal.ansiBrightRed#fb9393
  • terminal.ansiBrightWhite#000000
  • terminal.ansiBrightYellow#fbd06b
  • terminal.ansiCyan#4adbff
  • terminal.ansiGreen#2ff5ab
  • terminal.ansiMagenta#fd95fd
  • terminal.ansiRed#ff8181
  • terminal.ansiWhite#000000
  • terminal.ansiYellow#e2c421
  • terminal.border#80808059
  • terminal.foreground#aaaaaa
  • terminal.selectionBackground#f8ffc940
  • terminalCursor.background#a3a3a3
  • terminalCursor.foreground#dcf2ac
  • textLink.foreground#006ab1
  • titleBar.activeBackground#e2ffd5
  • titleBar.activeForeground#9b9b9b
  • titleBar.border#00000000
  • titleBar.inactiveBackground#dddddd99
  • titleBar.inactiveForeground#33333399
  • tree.indentGuidesStroke#e0db9f87
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000029

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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