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#0a0a0a
  • activityBar.background#0a0a0a
  • activityBar.border#000000
  • activityBar.foreground#a788ab
  • activityBar.inactiveForeground#5a5a5a
  • activityBarBadge.background#68479b
  • activityBarBadge.foreground#ffffff
  • badge.background#786399
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#cce5ff
  • breadcrumb.background#0a0a0a
  • breadcrumb.focusForeground#cce5ff
  • breadcrumb.foreground#999999
  • button.background#5d8da7
  • button.foreground#ffffff
  • button.hoverBackground#1177bb
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#eaeaea
  • debugExceptionWidget.background#0a0a0a
  • debugExceptionWidget.border#0d0c0c
  • debugToolBar.background#0a0a0a
  • debugToolBar.border#0d0c0c
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#eaeaea
  • editor.background#0a0a0a
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#b6a7a70c
  • editor.lineHighlightBorder#38383800
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#16181b
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#5a5a5a
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#0a0a0a
  • editorGroupHeader.border#000000
  • editorGroupHeader.tabsBackground#0a0a0a
  • editorGroupHeader.tabsBorder#0a0a0a
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#0a0a0a
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#ff000c
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#8dc2b96c
  • editorIndentGuide.background#5c6252
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#797979
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#0d0d0d
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#111010
  • focusBorder#413f45
  • foreground#c7c7c7
  • 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#c7c7c7
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#eaeaea
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#101011
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#141415
  • list.focusBackground#1d1d1d
  • list.focusForeground#ffffff
  • list.highlightForeground#add5fa
  • list.hoverBackground#181919
  • list.hoverForeground#d3bcf6
  • list.inactiveSelectionBackground#101011
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#111111
  • listFilterWidget.noMatchesOutline#171717
  • listFilterWidget.outline#000000
  • menu.background#000000
  • menu.border#1d1b1b85
  • menu.foreground#cccccc
  • menu.selectionBackground#1c1e1f
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#000000
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#0a0a0a
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#16181b
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#ff000c
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#000000
  • notificationCenterHeader.background#191919
  • notificationCenterHeader.foreground#ffffff
  • notifications.background#252526
  • notifications.border#191919
  • notifications.foreground#ffffff
  • notificationsErrorIcon.foreground#e84c2c
  • notificationsInfoIcon.foreground#0085fb
  • notificationsWarningIcon.foreground#ffd100
  • notificationToast.border#1d1d1d
  • panel.background#0a0a0a
  • panel.border#30303059
  • panelSection.border#30202059
  • panelTitle.activeBorder#ffcccc
  • panelTitle.activeForeground#f79fbe
  • panelTitle.inactiveForeground#d9d9d9
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#111113
  • pickerGroup.foreground#c0a0c3
  • progressBar.background#b186f1
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#383c3f
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#c7c7c7
  • sideBar.background#0b0b0b
  • sideBar.border#000000
  • sideBar.dropBackground#141415
  • sideBar.foreground#c9c9c9
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#000000
  • sideBarSectionHeader.foreground#8a8a8a
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#0a0a0a
  • statusBar.border#000000
  • statusBar.debuggingBackground#000000
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#4c464d
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#000000
  • statusBarItem.remoteBackground#000000
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#000000
  • tab.activeBorder#0a0a0a
  • tab.activeBorderTop#41414100
  • tab.activeForeground#adadad
  • tab.border#000000
  • tab.hoverBackground#000000
  • tab.hoverBorder#d7bee8bd
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#0a0a0a
  • tab.inactiveForeground#666666
  • 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#30202059
  • terminal.foreground#ccd2d9
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#313a41
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#0a0a0a
  • titleBar.activeForeground#000000
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#594773
  • 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#b3a3d3
variable.other.generic-type.haskell#f0569d
storage.type.haskell#cfa8bb
support.variable.magic.python#b3a3d3
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#96b1d3
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#a9deb2
entity.name.lifetime.rust#96b1d3
variable.language.rust#b3a3d3
support.constant.edge#f0569d
constant.other.character-class.regexp#b3a3d3
keyword.operator.quantifier.regexp#cfa8bb
punctuation.definition.string.begin,punctuation.definition.string.end#d7d7d7
variable.parameter.function#d4d4d4
comment markup.link#646464
markup.changed.diff#96b1d3
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#a9deb2
markup.inserted.diff#d7d7d7
markup.deleted.diff#b3a3d3
meta.function.c,meta.function.cpp#b3a3d3
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#a9deb2
support.constant.math#96b1d3
support.constant.property.math#cfa8bb
variable.other.constant#96b1d3
storage.type.annotation.java, storage.type.object.array.java#96b1d3
source.java#b3a3d3
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#a9deb2
storage.modifier.import.java,storage.type.java,storage.type.generic.java#96b1d3
keyword.operator.instanceof.java#f0569d
meta.definition.variable.name.java#b3a3d3
keyword.operator.logical#eee6a3
keyword.operator.bitwise#eee6a3
keyword.operator.channel#eee6a3
support.constant.property-value.scss,support.constant.property-value.css#cfa8bb
keyword.operator.css,keyword.operator.scss,keyword.operator.less#eee6a3
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#cfa8bb
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#cfa8bb
support.type.vendored.property-name.css#eee6a3
support.module.node,support.type.object.module,support.module.node#96b1d3
entity.name.type.module#96b1d3
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#b3a3d3
support.constant.json#cfa8bb
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#f0569d
support.type.object.console#b3a3d3
support.variable.property.process#cfa8bb
entity.name.function,support.function.console#a9deb2
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#f0569d
keyword.operator.delete#f0569d
support.type.object.dom#eee6a3
support.variable.dom,support.variable.property.dom#b3a3d3
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#eee6a3
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#f0569d
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#f0569d
support.type.posix-reserved.c,support.type.posix-reserved.cpp#eee6a3
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#f0569d
variable.parameter.function.language.python#cfa8bb
support.type.python#eee6a3
keyword.operator.logical.python#f0569d
variable.parameter.function.python#cfa8bb
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#a9deb2
constant.character.format.placeholder.other.python#cfa8bb
keyword.operator#d4d4d4
keyword.operator.assignment.compound#f0569d
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#eee6a3
keyword#f0569d
entity.name.namespace#96b1d3
variable#b3a3d3
variable.c#d4d4d4
variable.language#96b1d3
token.variable.parameter.java#d4d4d4
import.storage.java#96b1d3
token.package.keyword#f0569d
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#a9deb2
entity.name.type.namespace#96b1d3
support.class, entity.name.type.class#96b1d3
entity.name.class.identifier.namespace.type#96b1d3
entity.name.class, variable.other.class.js, variable.other.class.ts#96b1d3
variable.other.class.php#b3a3d3
entity.name.type#96b1d3
keyword.control#f0569d
control.elements, keyword.operator.less#cfa8bb
keyword.other.special-method#a9deb2
storage#f0569d
token.storage#f0569d
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#f0569d
token.storage.type.java#96b1d3
support.function#eee6a3
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#cfa8bb
meta.tag#d4d4d4
string#d7d7d7
entity.other.inherited-class#96b1d3
constant.other.symbol#eee6a3
constant.numeric#cfa8bb
constant#cfa8bb
punctuation.definition.constant#cfa8bb
entity.name.tag#b3a3d3
entity.other.attribute-name#cfa8bb
entity.other.attribute-name.id#a9deb2normal
entity.other.attribute-name.class.css#cfa8bbnormal
meta.selector#f0569d
markup.heading#b3a3d3
markup.heading punctuation.definition.heading, entity.name.section#a9deb2
keyword.other.unit#b3a3d3
markup.bold,todo.bold#cfa8bb
punctuation.definition.bold#96b1d3
markup.italic, punctuation.definition.italic,todo.emphasis#f0569d
emphasis md#f0569d
entity.name.section.markdown#b3a3d3
punctuation.definition.heading.markdown#b3a3d3
punctuation.definition.list.begin.markdown#b3a3d3
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#cfa8bb
markup.inline.raw.markdown#d7d7d7
markup.inline.raw.string.markdown#d7d7d7
punctuation.definition.list.markdown#b3a3d3
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#b3a3d3
beginning.punctuation.definition.list.markdown#b3a3d3
punctuation.definition.metadata.markdown#b3a3d3
markup.underline.link.markdown,markup.underline.link.image.markdown#f0569d
string.other.link.title.markdown,string.other.link.description.markdown#a9deb2
string.regexp#eee6a3
constant.character.escape#eee6a3
punctuation.section.embedded, variable.interpolation#b3a3d3
punctuation.section.embedded.begin,punctuation.section.embedded.end#f0569d
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#b3a3d3
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#b3a3d3
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#d7d7d7
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#eee6a3
support.type.property-name.json#b3a3d3
support.type.property-name.json punctuation#b3a3d3
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#f0569d
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#f0569d
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#96b1d3
keyword.operator.error-control.php#f0569d
keyword.operator.type.php#f0569d
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#96b1d3
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#a9deb2
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#cfa8bb
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#cfa8bb
entity.name.goto-label.php,support.other.php#a9deb2
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#eee6a3
keyword.operator.regexp.php#f0569d
keyword.operator.comparison.php#eee6a3
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#f0569d
meta.function.decorator.python#a9deb2
support.token.decorator.python,meta.function.decorator.identifier.python#eee6a3
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#eee6a3
rgb-value#eee6a3
inline-color-decoration rgb-value#cfa8bb
less rgb-value#cfa8bb
selector.sass#b3a3d3
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#96b1d3
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#96b1d3
entity.name.variable.local.cs#b3a3d3
token.info-token#a9deb2
token.warn-token#cfa8bb
token.error-token#f44747
token.debug-token#f0569d
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#f0569d
meta.template.expression#d4d4d4
keyword.operator.module#f0569d
support.type.type.flowtype#a9deb2
support.type.primitive#96b1d3
meta.property.object#b3a3d3
variable.parameter.function.js#b3a3d3
keyword.other.template.begin#d7d7d7
keyword.other.template.end#d7d7d7
keyword.other.substitution.begin#d7d7d7
keyword.other.substitution.end#d7d7d7
keyword.operator.assignment#eee6a3
keyword.operator.assignment.go#96b1d3
keyword.operator.arithmetic.go, keyword.operator.address.go#f0569d
entity.name.package.go#96b1d3
support.type.prelude.elm#eee6a3
support.constant.elm#cfa8bb
punctuation.quasi.element#f0569d
constant.character.entity#b3a3d3
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#eee6a3
entity.global.clojure#96b1d3
meta.symbol.clojure#b3a3d3
constant.keyword.clojure#eee6a3
meta.arguments.coffee, variable.parameter.function.coffee#b3a3d3
source.ini#d7d7d7
meta.scope.prerequisites.makefile#b3a3d3
source.makefile#96b1d3
storage.modifier.import.groovy#96b1d3
meta.method.groovy#a9deb2
meta.definition.variable.name.groovy#b3a3d3
meta.definition.class.inherited.classes.groovy#d7d7d7
support.variable.semantic.hlsl#96b1d3
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#f0569d
text.variable, text.bracketed#b3a3d3
support.type.swift, support.type.vb.asp#96b1d3
entity.name.function.xi#96b1d3
entity.name.class.xi#eee6a3
constant.character.character-class.regexp.xi#b3a3d3
constant.regexp.xi#f0569d
keyword.control.xi#eee6a3
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#d7d7d7
beginning.punctuation.definition.list.markdown.xi#646464
constant.character.xi#a9deb2
accent.xi#a9deb2
wikiword.xi#cfa8bb
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#646464
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#96b1d3
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#b3a3d3
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#646464italic
markup.quote.markdown#646464
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#eee6a3
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...