Skip to main content
CodingTheme

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#0f0f0f
  • activityBar.background#0f0f0f
  • activityBar.border#0f0f0f
  • activityBar.foreground#cdcdcd
  • activityBar.inactiveForeground#383838
  • activityBarBadge.background#0f0f0f
  • activityBarBadge.foreground#383838
  • badge.background#0f1b28
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#0f0f0f
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#cdcdcd
  • button.background#063566
  • button.foreground#ffffff
  • button.hoverBackground#0753a3
  • button.secondaryBackground#213347
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#334f6f
  • checkbox.background#213347
  • checkbox.border#00000000
  • checkbox.foreground#cdcdcd
  • debugExceptionWidget.background#111e2c
  • debugExceptionWidget.border#47474700
  • debugToolBar.background#111e2c
  • debugToolBar.border#47474700
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#213347
  • dropdown.border#00000000
  • dropdown.foreground#cdcdcd
  • editor.background#0f0f0f
  • editor.findMatchBackground#39414b
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#2b568240
  • editor.inactiveSelectionBackground#0a1621
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#112436
  • editor.selectionHighlightBackground#72859926
  • editor.selectionHighlightBorder#cdcdcd83
  • editor.wordHighlightBackground#515151b8
  • editor.wordHighlightStrongBackground#003f62b8
  • editor.wordHighlightStrongBorder#ff0000
  • 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#0f0f0f
  • editorGroup.emptyBackground#0f0f0f
  • editorGroupHeader.border#e4e4e400
  • editorGroupHeader.tabsBackground#0f0f0f
  • editorGroupHeader.tabsBorder#0f0f0f
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#0f0f0f
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#111e2c
  • editorHoverWidget.border#45454528
  • editorHoverWidget.foreground#cdcdcd
  • editorIndentGuide.activeBackground#827e7e
  • editorIndentGuide.background#4b4949
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#6d6d6d
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#112436
  • editorMarkerNavigationError.background#ff5d3d
  • editorMarkerNavigationInfo.background#112436
  • editorMarkerNavigationWarning.background#cfb335
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#111e2c
  • editorSuggestWidget.border#2c2c2c
  • editorSuggestWidget.foreground#cdcdcd
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#0f0f0f
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#0f0f0f
  • editorWidget.foreground#cdcdcd
  • editorWidget.resizeBorder#5f5f5f00
  • focusBorder#0f0f0f
  • foreground#a5bfff
  • 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#a5bfff
  • input.background#213347
  • input.border#00000000
  • input.foreground#cdcdcd
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#0f1b28
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#0f1b28
  • list.activeSelectionForeground#cdcdcd
  • list.dropBackground#0f1b28
  • list.focusBackground#0f1b28
  • list.focusForeground#cdcdcd
  • list.highlightForeground#4680be
  • list.hoverBackground#0b141d
  • list.hoverForeground#cdcdcd
  • list.inactiveSelectionBackground#0f1b28
  • list.inactiveSelectionForeground#cdcdcd
  • listFilterWidget.background#0f1b28
  • listFilterWidget.noMatchesOutline#7d241b
  • listFilterWidget.outline#ffcfcf00
  • menu.background#0f0f0f
  • menu.border#383838
  • menu.foreground#cdcdcd
  • menu.selectionBackground#0f1b28
  • menu.selectionBorder#00000000
  • menu.selectionForeground#cdcdcd
  • menu.separatorBackground#cdcdcd
  • menubar.selectionBackground#0f0f0f
  • menubar.selectionBorder#cdcdcd
  • menubar.selectionForeground#cdcdcd
  • merge.commonContentBackground#242424
  • merge.commonHeaderBackground#242424
  • merge.currentContentBackground#121d1b
  • merge.currentHeaderBackground#112436
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#112436
  • minimap.background#0f0f0f
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#39414b
  • minimap.selectionHighlight#112436
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#47474700
  • notificationCenterHeader.background#111e2c
  • notificationCenterHeader.foreground#cdcdcd
  • notifications.background#111e2c
  • notifications.border#30303100
  • notifications.foreground#ffffff
  • notificationsErrorIcon.foreground#cdcdcd
  • notificationsInfoIcon.foreground#cdcdcd
  • notificationsWarningIcon.foreground#cdcdcd
  • notificationToast.border#47474700
  • panel.background#0f0f0f
  • panel.border#383838
  • panelSection.border#383838
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc00
  • peekViewEditor.background#111e2c
  • peekViewEditor.matchHighlightBackground#38200000
  • peekViewEditor.matchHighlightBorder#0f0f0f
  • peekViewEditorGutter.background#111e2c
  • peekViewResult.background#111e2c
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#111e2c
  • peekViewTitleDescription.foreground#cdcdcd
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#111e2c
  • pickerGroup.foreground#cdcdcd
  • progressBar.background#0f0f0f
  • scrollbar.shadow#0f0f0f
  • scrollbarSlider.activeBackground#121f2d
  • scrollbarSlider.background#100f19
  • scrollbarSlider.hoverBackground#0f1b28
  • selection.background#081724
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#a5bfff
  • sideBar.background#0f0f0f
  • sideBar.border#0f0f0f
  • sideBar.dropBackground#0f1b28
  • sideBar.foreground#cdcdcd
  • sideBarSectionHeader.background#0f0f0f
  • sideBarSectionHeader.border#0f0f0f
  • sideBarSectionHeader.foreground#cdcdcd
  • sideBarTitle.foreground#383838
  • statusBar.background#0f0f0f
  • statusBar.border#0f1b28
  • statusBar.debuggingBackground#0f1b28
  • statusBar.debuggingBorder#0f1b28
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#cdcdcd
  • statusBar.noFolderBackground#0f0f0f
  • statusBar.noFolderBorder#0f0f0f
  • statusBar.noFolderForeground#cdcdcd
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#0f1b28
  • statusBarItem.remoteBackground#0f0f0f
  • statusBarItem.remoteForeground#cdcdcd
  • tab.activeBackground#0f1b28
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#2e2e3800
  • tab.hoverBackground#132232
  • tab.hoverBorder#ff000000
  • tab.hoverForeground#cdcdcd
  • tab.inactiveBackground#0f0f0f
  • tab.inactiveForeground#cdcdcd
  • 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#383838
  • terminal.foreground#cccccc
  • terminal.selectionBackground#0f1b288f
  • terminalCursor.background#007ff0
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#0f0f0f
  • titleBar.activeForeground#cdcdcd
  • titleBar.border#0f0f0f
  • titleBar.inactiveBackground#0f0f0f
  • titleBar.inactiveForeground#cdcdcd
  • tree.indentGuidesStroke#383838
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0f0f0f

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