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#08081b
  • activityBar.background#090919
  • activityBar.border#000000
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#dfeaf966
  • activityBarBadge.background#1e60de
  • activityBarBadge.foreground#ffffff
  • badge.background#1e60de
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#09111f
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#b3c8d9cc
  • button.background#025b9d
  • button.foreground#fbfbfb
  • button.hoverBackground#0f476d
  • button.secondaryBackground#202f43
  • button.secondaryForeground#d9d9d9
  • button.secondaryHoverBackground#334862
  • checkbox.background#0e1a1f
  • checkbox.border#1e384b72
  • checkbox.foreground#dedede
  • debugExceptionWidget.background#122736
  • debugExceptionWidget.border#274c73
  • debugToolBar.background#122736
  • debugToolBar.border#274c73
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#55b9b033
  • diffEditor.removedTextBackground#ff6a1033
  • dropdown.background#0e1a1f
  • dropdown.border#1e384b72
  • dropdown.foreground#dedede
  • editor.background#0a141d
  • editor.findMatchBackground#164b4d
  • editor.findMatchBorder#268084
  • editor.findMatchHighlightBackground#4288d355
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#25383d32
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#1b3c5c4d
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#2e343db9
  • editor.lineHighlightBackground#1e61641c
  • editor.lineHighlightBorder#2a404b00
  • editor.rangeHighlightBackground#9abcff18
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#16324FB5
  • editor.selectionHighlightBackground#3f87cf26
  • editor.selectionHighlightBorder#24486f
  • editor.wordHighlightBackground#132936b8
  • editor.wordHighlightBorder#ffffff00
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#16538006
  • editorBracketMatch.border#3c807634
  • editorCodeLens.foreground#999999
  • editorCursor.background#fbfbfbfd
  • editorCursor.foreground#1e60de
  • editorError.background#a1292300
  • editorError.border#ffffff00
  • editorError.foreground#925132
  • editorGroup.border#000000
  • editorGroup.emptyBackground#0a141d
  • editorGroupHeader.tabsBackground#070713
  • editorGroupHeader.tabsBorder#10274b
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#0a141d
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0a718e
  • editorHoverWidget.background#12232a
  • editorHoverWidget.border#2a3e58
  • editorHoverWidget.foreground#7c96a3
  • editorIndentGuide.activeBackground#394749
  • editorIndentGuide.background#394749
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#4695cf
  • editorLineNumber.activeForeground#c5d3ff
  • editorLineNumber.foreground#596982
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#0f2823
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#0d9266
  • editorOverviewRuler.background#2125476c
  • editorOverviewRuler.border#3c5dab4d
  • editorRuler.foreground#465a5e
  • editorSuggestWidget.background#0b0b19
  • editorSuggestWidget.border#05232a
  • editorSuggestWidget.foreground#6f878a
  • editorSuggestWidget.highlightForeground#5e8eea
  • editorSuggestWidget.selectedBackground#112f43
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#9d8103
  • editorWhitespace.foreground#9bd9ff22
  • editorWidget.background#090919
  • editorWidget.foreground#90a0ab
  • editorWidget.resizeBorder#26526d
  • focusBorder#0d4fb6
  • foreground#cccccc
  • 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#cccccc
  • input.background#0e1a1f
  • input.border#1e384b72
  • input.foreground#dedede
  • input.placeholderForeground#8e9ea3
  • inputOption.activeBackground#174e7366
  • inputOption.activeBorder#1a80c400
  • inputOption.activeForeground#b4b4b4
  • list.activeSelectionBackground#0d1d2c
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#0d1d2c
  • list.focusBackground#111b32
  • list.focusForeground#a3a3a3
  • list.highlightForeground#0093ff
  • list.hoverBackground#0d1d2c
  • list.hoverForeground#f1f5ff
  • list.inactiveSelectionBackground#111b32
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#1e3756
  • listFilterWidget.noMatchesOutline#2865a5
  • listFilterWidget.outline#00000000
  • menu.background#0a141d
  • menu.border#26354185
  • menu.foreground#babec4
  • menu.selectionBackground#0d1d2c
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#393d47
  • menubar.selectionBackground#0d1a26
  • menubar.selectionBorder#000000
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#0a141d
  • minimap.errorHighlight#925132
  • minimap.findMatchHighlight#164b4d
  • minimap.selectionHighlight#132232b5
  • minimap.warningHighlight#9d8103
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0a718e
  • notificationCenter.border#1b3a68
  • notificationCenterHeader.background#0e1726
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#0c1621
  • notifications.border#1b3a68
  • notifications.foreground#9fc7d3
  • notificationsErrorIcon.foreground#f07d66
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#284c73
  • panel.background#0d1921
  • panel.border#3594cd59
  • panelSection.border#467a8e59
  • panelTitle.activeBorder#2790cf
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#bac5de99
  • peekView.border#024471
  • peekViewEditor.background#011928
  • peekViewEditor.matchHighlightBackground#43301699
  • peekViewEditor.matchHighlightBorder#ab722793
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#090919
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#090919
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#274e8a
  • pickerGroup.foreground#2882ea
  • progressBar.background#0e70c0
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#244d7766
  • scrollbarSlider.background#15223f66
  • scrollbarSlider.hoverBackground#355e8240
  • selection.background#181f26
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#0a141d
  • sideBar.border#0000005e
  • sideBar.dropBackground#0d1d2c
  • sideBar.foreground#9ea2b4
  • sideBarSectionHeader.background#0713247a
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#e9eeff
  • sideBarTitle.foreground#94949b
  • statusBar.background#070d1b
  • statusBar.border#122345b9
  • statusBar.debuggingBackground#0d253b
  • statusBar.debuggingBorder#03668c
  • statusBar.debuggingForeground#b6b6b6
  • statusBar.foreground#f2f2f2
  • statusBar.noFolderBackground#000000
  • statusBar.noFolderBorder#0279c0
  • statusBar.noFolderForeground#d7d7d7
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#f5f5f52a
  • statusBarItem.remoteBackground#1e60de
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#0f1a2c
  • tab.activeBorder#00000000
  • tab.activeBorderTop#5a161600
  • tab.activeForeground#ffffff
  • tab.border#10274b
  • tab.hoverForeground#30a8ff
  • tab.inactiveBackground#07101b
  • tab.inactiveForeground#e3f4ff91
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#6b7d97
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#d17d23
  • terminal.ansiBrightMagenta#9858ff
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#cdcdcd
  • terminal.ansiBrightYellow#ff7b2e
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#d66210
  • terminal.ansiMagenta#9858ff
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#ffffff
  • terminal.ansiYellow#d8bf30
  • terminal.border#467a8e59
  • terminal.foreground#4ec2a7
  • terminal.selectionBackground#203e5846
  • terminalCursor.background#0e3e60
  • terminalCursor.foreground#ffffff
  • textLink.foreground#0093ff
  • titleBar.activeBackground#070713
  • titleBar.activeForeground#b4b4b4
  • titleBar.border#34343400
  • titleBar.inactiveBackground#000000
  • titleBar.inactiveForeground#ffffffcb
  • tree.indentGuidesStroke#5b616f
  • 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#71cb5e
variable.other.generic-type.haskell#43b5c0
storage.type.haskell#d16666
support.variable.magic.python#71cb5e
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#d1b666
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#0093ff
entity.name.lifetime.rust#d1b666
variable.language.rust#71cb5e
support.constant.edge#43b5c0
constant.other.character-class.regexp#71cb5e
keyword.operator.quantifier.regexp#d16666
punctuation.definition.string.begin,punctuation.definition.string.end#cfcfcf
variable.parameter.function#d4d4d4
comment markup.link#576580
markup.changed.diff#d1b666
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#0093ff
markup.inserted.diff#cfcfcf
markup.deleted.diff#71cb5e
meta.function.c,meta.function.cpp#71cb5e
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#0093ff
support.constant.math#d1b666
support.constant.property.math#d16666
variable.other.constant#d1b666
storage.type.annotation.java, storage.type.object.array.java#d1b666
source.java#71cb5e
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#0093ff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#d1b666
keyword.operator.instanceof.java#43b5c0
meta.definition.variable.name.java#71cb5e
keyword.operator.logical#56b6c2
keyword.operator.bitwise#56b6c2
keyword.operator.channel#56b6c2
support.constant.property-value.scss,support.constant.property-value.css#d16666
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#d16666
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#d16666
support.type.vendored.property-name.css#56b6c2
support.module.node,support.type.object.module,support.module.node#d1b666
entity.name.type.module#d1b666
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#71cb5e
support.constant.json#d16666
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#43b5c0
support.type.object.console#71cb5e
support.variable.property.process#d16666
entity.name.function,support.function.console#0093ff
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#43b5c0
keyword.operator.delete#43b5c0
support.type.object.dom#56b6c2
support.variable.dom,support.variable.property.dom#71cb5e
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#43b5c0
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#43b5c0
support.type.posix-reserved.c,support.type.posix-reserved.cpp#56b6c2
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#43b5c0
variable.parameter.function.language.python#d16666
support.type.python#56b6c2
keyword.operator.logical.python#43b5c0
variable.parameter.function.python#d16666
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#0093ff
constant.character.format.placeholder.other.python#d16666
keyword.operator#d4d4d4
keyword.operator.assignment.compound#43b5c0
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#56b6c2
keyword#43b5c0
entity.name.namespace#d1b666
variable#71cb5e
variable.c#d4d4d4
variable.language#d1b666
token.variable.parameter.java#d4d4d4
import.storage.java#d1b666
token.package.keyword#43b5c0
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#0093ff
entity.name.type.namespace#d1b666
support.class, entity.name.type.class#d1b666
entity.name.class.identifier.namespace.type#d1b666
entity.name.class, variable.other.class.js, variable.other.class.ts#d1b666
variable.other.class.php#71cb5e
entity.name.type#d1b666
keyword.control#43b5c0
control.elements, keyword.operator.less#d16666
keyword.other.special-method#0093ff
storage#43b5c0
token.storage#43b5c0
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#43b5c0
token.storage.type.java#d1b666
support.function#56b6c2
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#d16666
meta.tag#d4d4d4
string#cfcfcf
entity.other.inherited-class#d1b666
constant.other.symbol#56b6c2
constant.numeric#d16666
constant#d16666
punctuation.definition.constant#d16666
entity.name.tag#71cb5e
entity.other.attribute-name#d16666
entity.other.attribute-name.id#0093ffnormal
entity.other.attribute-name.class.css#d16666normal
meta.selector#43b5c0
markup.heading#71cb5e
markup.heading punctuation.definition.heading, entity.name.section#0093ff
keyword.other.unit#71cb5e
markup.bold,todo.bold#d16666
punctuation.definition.bold#d1b666
markup.italic, punctuation.definition.italic,todo.emphasis#43b5c0
emphasis md#43b5c0
entity.name.section.markdown#71cb5e
punctuation.definition.heading.markdown#71cb5e
punctuation.definition.list.begin.markdown#71cb5e
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#d16666
markup.inline.raw.markdown#cfcfcf
markup.inline.raw.string.markdown#cfcfcf
punctuation.definition.list.markdown#71cb5e
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#71cb5e
beginning.punctuation.definition.list.markdown#71cb5e
punctuation.definition.metadata.markdown#71cb5e
markup.underline.link.markdown,markup.underline.link.image.markdown#43b5c0
string.other.link.title.markdown,string.other.link.description.markdown#0093ff
string.regexp#56b6c2
constant.character.escape#56b6c2
punctuation.section.embedded, variable.interpolation#71cb5e
punctuation.section.embedded.begin,punctuation.section.embedded.end#43b5c0
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#71cb5e
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#71cb5e
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#cfcfcf
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#56b6c2
support.type.property-name.json#71cb5e
support.type.property-name.json punctuation#71cb5e
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#43b5c0
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#43b5c0
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#d1b666
keyword.operator.error-control.php#43b5c0
keyword.operator.type.php#43b5c0
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#d1b666
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#0093ff
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#d16666
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#d16666
entity.name.goto-label.php,support.other.php#0093ff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#56b6c2
keyword.operator.regexp.php#43b5c0
keyword.operator.comparison.php#56b6c2
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#43b5c0
meta.function.decorator.python#0093ff
support.token.decorator.python,meta.function.decorator.identifier.python#56b6c2
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#56b6c2
rgb-value#56b6c2
inline-color-decoration rgb-value#d16666
less rgb-value#d16666
selector.sass#71cb5e
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#d1b666
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#d1b666
entity.name.variable.local.cs#71cb5e
token.info-token#0093ff
token.warn-token#d16666
token.error-token#f44747
token.debug-token#43b5c0
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#43b5c0
meta.template.expression#d4d4d4
keyword.operator.module#43b5c0
support.type.type.flowtype#0093ff
support.type.primitive#d1b666
meta.property.object#71cb5e
variable.parameter.function.js#71cb5e
keyword.other.template.begin#cfcfcf
keyword.other.template.end#cfcfcf
keyword.other.substitution.begin#cfcfcf
keyword.other.substitution.end#cfcfcf
keyword.operator.assignment#56b6c2
keyword.operator.assignment.go#d1b666
keyword.operator.arithmetic.go, keyword.operator.address.go#43b5c0
entity.name.package.go#d1b666
support.type.prelude.elm#56b6c2
support.constant.elm#d16666
punctuation.quasi.element#43b5c0
constant.character.entity#71cb5e
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#56b6c2
entity.global.clojure#d1b666
meta.symbol.clojure#71cb5e
constant.keyword.clojure#56b6c2
meta.arguments.coffee, variable.parameter.function.coffee#71cb5e
source.ini#cfcfcf
meta.scope.prerequisites.makefile#71cb5e
source.makefile#d1b666
storage.modifier.import.groovy#d1b666
meta.method.groovy#0093ff
meta.definition.variable.name.groovy#71cb5e
meta.definition.class.inherited.classes.groovy#cfcfcf
support.variable.semantic.hlsl#d1b666
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#43b5c0
text.variable, text.bracketed#71cb5e
support.type.swift, support.type.vb.asp#d1b666
entity.name.function.xi#d1b666
entity.name.class.xi#56b6c2
constant.character.character-class.regexp.xi#71cb5e
constant.regexp.xi#43b5c0
keyword.control.xi#56b6c2
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#cfcfcf
beginning.punctuation.definition.list.markdown.xi#576580
constant.character.xi#0093ff
accent.xi#0093ff
wikiword.xi#d16666
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#576580
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#d1b666
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#71cb5e
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#576580italic
markup.quote.markdown#576580
punctuation.definition.block.sequence.item.yaml#d4d4d4
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...