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#f1f1f1
  • activityBar.foreground#191919
  • activityBar.inactiveForeground#999999
  • activityBarBadge.background#e4e4e4
  • activityBarBadge.foreground#191919
  • badge.background#ffffff
  • badge.foreground#434343
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#f8f8f8
  • breadcrumb.focusForeground#4e4e4e
  • breadcrumb.foreground#8e8e8ecc
  • button.background#ffffff
  • button.foreground#ababab
  • button.hoverBackground#000000
  • button.secondaryBackground#ffffff
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#000000
  • checkbox.background#ffffff
  • checkbox.border#00000000
  • checkbox.foreground#777777
  • debugExceptionWidget.background#f3f3f3
  • debugExceptionWidget.border#ececec
  • debugToolBar.background#f3f3f3
  • debugToolBar.border#ececec
  • diffEditor.border#d7d7d7
  • diffEditor.insertedTextBackground#dce0d533
  • diffEditor.insertedTextBorder#2a282800
  • diffEditor.removedTextBackground#caf0ff33
  • diffEditor.removedTextBorder#e49c9c00
  • dropdown.background#ffffff
  • dropdown.border#00000000
  • dropdown.foreground#777777
  • editor.background#f8f8f8
  • editor.findMatchBackground#f2efef00
  • editor.findMatchBorder#d7d7d7
  • editor.findMatchHighlightBackground#e8e8e800
  • editor.findMatchHighlightBorder#97ddf2
  • editor.findRangeHighlightBackground#f5f5f54d
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#e4e4e44d
  • editor.foreground#a9a9a9
  • editor.hoverHighlightBackground#6262620c
  • editor.inactiveSelectionBackground#f5f5f5
  • editor.lineHighlightBackground#f0f0f0
  • editor.lineHighlightBorder#ffffff00
  • editor.rangeHighlightBackground#bebebe06
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#f0f0f0
  • editor.selectionHighlightBackground#e2e2e200
  • editor.selectionHighlightBorder#495f77
  • editor.wordHighlightBackground#e6e4e400
  • editor.wordHighlightBorder#fffdfd
  • editor.wordHighlightStrongBackground#b6b6b61c
  • editor.wordHighlightStrongBorder#d7d7d7
  • editorBracketMatch.background#c4c4c460
  • editorBracketMatch.border#b9b9b900
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff
  • editorCursor.foreground#868686
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ffb1aa
  • editorGroup.border#e7e7e700
  • editorGroup.emptyBackground#ffffff
  • editorGroupHeader.tabsBackground#ffffff
  • editorGroupHeader.tabsBorder#ffffff
  • editorGutter.addedBackground#d1ffda
  • editorGutter.background#f8f8f8
  • editorGutter.commentRangeForeground#c4c4c4
  • editorGutter.deletedBackground#848484
  • editorGutter.foldingControlForeground#c4c4c4
  • editorGutter.modifiedBackground#daf0ff
  • editorHoverWidget.background#f3f3f3
  • editorHoverWidget.border#e8e6e6
  • editorHoverWidget.foreground#616161
  • editorIndentGuide.activeBackground#e4e4e4
  • editorIndentGuide.background#f9f9f9
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#96c0e5
  • editorLineNumber.activeForeground#868686
  • editorLineNumber.foreground#d5d5d5
  • editorLink.activeForeground#848484
  • editorMarkerNavigation.background#ffffff
  • editorMarkerNavigationError.background#ffc8c2
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#ffefc6
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f00
  • editorRuler.foreground#f0f0f0
  • editorSuggestWidget.background#f3f3f3
  • editorSuggestWidget.border#c8c8c8
  • editorSuggestWidget.foreground#000000
  • editorSuggestWidget.highlightForeground#969696
  • editorSuggestWidget.selectedBackground#e6e6e6
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffe5a2
  • editorWhitespace.foreground#33333333
  • editorWidget.background#ececec
  • editorWidget.foreground#8c8c8c
  • editorWidget.resizeBorder#e2e2e2
  • focusBorder#dedede
  • foreground#a5a5a5
  • gitDecoration.addedResourceForeground#74d758
  • gitDecoration.conflictingResourceForeground#9f9fec
  • gitDecoration.deletedResourceForeground#ff8b8b
  • gitDecoration.ignoredResourceForeground#8e8e90
  • gitDecoration.modifiedResourceForeground#eac284
  • gitDecoration.stageDeletedResourceForeground#f7bbbb
  • gitDecoration.stageModifiedResourceForeground#d3a65e
  • gitDecoration.submoduleResourceForeground#7dbaff
  • gitDecoration.untrackedResourceForeground#3ecf8b
  • icon.foreground#a5a5a5
  • input.background#ffffff
  • input.border#00000000
  • input.foreground#777777
  • input.placeholderForeground#797979
  • inputOption.activeBackground#bdc9d133
  • inputOption.activeBorder#8c8c8c00
  • inputOption.activeForeground#969696
  • list.activeSelectionBackground#ffffff00
  • list.activeSelectionForeground#65d6f9
  • list.dropBackground#ffffff
  • list.focusBackground#f0f0f0
  • list.focusForeground#a5a5a5
  • list.highlightForeground#999696
  • list.hoverBackground#e8e8e800
  • list.hoverForeground#65d6f9
  • list.inactiveSelectionBackground#ffffff00
  • list.inactiveSelectionForeground#65d6f9
  • listFilterWidget.background#ffffff
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#ffffff
  • menu.border#00000085
  • menu.foreground#616161
  • menu.selectionBackground#f9f9f9
  • menu.selectionBorder#00000000
  • menu.selectionForeground#9d9d9d
  • menu.separatorBackground#eaeaea
  • 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#ffffff
  • minimap.errorHighlight#ffb1aa
  • minimap.findMatchHighlight#f2efef
  • minimap.selectionHighlight#f9f9f9
  • minimap.warningHighlight#ffe5a2
  • minimapGutter.addedBackground#d1ffda
  • minimapGutter.deletedBackground#848484
  • minimapGutter.modifiedBackground#daf0ff
  • notificationCenter.border#fdfafa
  • notificationCenterHeader.background#e7e7e7
  • notificationCenterHeader.foreground#616161
  • notifications.background#f3f3f3
  • notifications.border#e2e2e2
  • notifications.foreground#616161
  • notificationsErrorIcon.foreground#f79187
  • notificationsInfoIcon.foreground#b6dbfd
  • notificationsWarningIcon.foreground#f5d37e
  • notificationToast.border#fffefe
  • panel.background#f5f5f5
  • panel.border#fffafa59
  • panelSection.border#d1d1d159
  • panelTitle.activeBorder#585858
  • panelTitle.activeForeground#8e8e8e
  • panelTitle.inactiveForeground#a39e9ebf
  • peekView.border#f2f2f2
  • peekViewEditor.background#fbfbfb
  • peekViewEditor.matchHighlightBackground#f0f0f0de
  • peekViewEditor.matchHighlightBorder#58585800
  • peekViewEditorGutter.background#fbfbfb
  • peekViewResult.background#f5f5f5
  • peekViewResult.fileForeground#a1a1a1
  • peekViewResult.lineForeground#929299
  • peekViewResult.matchHighlightBackground#cfcfcf4d
  • peekViewResult.selectionBackground#d3d3d333
  • peekViewResult.selectionForeground#797777
  • peekViewTitle.background#f7f7f7
  • peekViewTitleDescription.foreground#616161e6
  • peekViewTitleLabel.foreground#333333
  • pickerGroup.border#ffffff
  • pickerGroup.foreground#bababa
  • progressBar.background#eaeaea
  • scrollbar.shadow#dddddd00
  • scrollbarSlider.activeBackground#ffffff
  • scrollbarSlider.background#ffffff00
  • scrollbarSlider.hoverBackground#ffffffb3
  • selection.background#f9f9f9
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#a5a5a5
  • sideBar.background#f9f9f9
  • sideBar.border#ccc
  • sideBar.dropBackground#ffffff
  • sideBar.foreground#c2c2c2
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#ffffff00
  • sideBarSectionHeader.foreground#a1a1a1
  • sideBarTitle.foreground#8c8c8c
  • statusBar.background#f1f1f1
  • statusBar.debuggingBackground#9f9f9f
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#969696
  • statusBar.noFolderBackground#454545
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#f1f1f1
  • statusBarItem.remoteForeground#b0b0b0
  • tab.activeBackground#eeeeee
  • tab.activeBorder#11111100
  • tab.activeBorderTop#ffffff00
  • tab.activeForeground#969696
  • tab.border#11111100
  • tab.hoverBackground#f7f7f7
  • tab.hoverBorder#ffffff
  • tab.hoverForeground#565656
  • tab.inactiveBackground#ffffff
  • tab.inactiveForeground#a9a8a8b3
  • 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#a5a5a5
  • terminal.ansiBrightYellow#fbd06b
  • terminal.ansiCyan#4adbff
  • terminal.ansiGreen#2ff5ab
  • terminal.ansiMagenta#fd95fd
  • terminal.ansiRed#ff8181
  • terminal.ansiWhite#555555
  • terminal.ansiYellow#e2c421
  • terminal.border#d1d1d159
  • terminal.foreground#9b9b9b
  • terminal.selectionBackground#d9d4d440
  • terminalCursor.background#fdfeff
  • terminalCursor.foreground#303030
  • textLink.foreground#000000
  • titleBar.activeBackground#f0f0f0
  • titleBar.activeForeground#b0b0b0
  • titleBar.border#00000000
  • titleBar.inactiveBackground#f0f0f0
  • titleBar.inactiveForeground#b0b0b0
  • tree.indentGuidesStroke#f2efeff7
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#19191900

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