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#020200
  • activityBar.background#261d1d
  • activityBar.border#283f1f
  • activityBar.foreground#74a160
  • activityBar.inactiveForeground#b2a97b7c
  • activityBarBadge.background#3ab3ee
  • activityBarBadge.foreground#000000
  • badge.background#3ab3ee
  • badge.foreground#020202
  • breadcrumb.activeSelectionForeground#00ffdb
  • breadcrumb.background#12362081
  • breadcrumb.focusForeground#00ffdb
  • breadcrumb.foreground#bebaba
  • button.background#346016
  • button.foreground#f0efef
  • button.hoverBackground#130704
  • button.secondaryBackground#44484d
  • button.secondaryForeground#e28585
  • button.secondaryHoverBackground#5f6092d9
  • checkbox.background#1d1313
  • checkbox.border#0e4930af
  • checkbox.foreground#ecd0cb
  • debugExceptionWidget.background#000000
  • debugExceptionWidget.border#0f6615
  • debugToolBar.background#000000
  • debugToolBar.border#0f6615
  • diffEditor.border#5e1212
  • diffEditor.insertedTextBackground#6bb95526
  • diffEditor.insertedTextBorder#162609a3
  • diffEditor.removedTextBackground#8e0c0c33
  • diffEditor.removedTextBorder#3406068b
  • dropdown.background#1d1313
  • dropdown.border#0e4930af
  • dropdown.foreground#ecd0cb
  • editor.background#0d0202e7
  • editor.findMatchBackground#0b2c29
  • editor.findMatchBorder#4aa12a
  • editor.findMatchHighlightBackground#39b40d4a
  • editor.findMatchHighlightBorder#040b2e
  • editor.findRangeHighlightBackground#29382066
  • editor.findRangeHighlightBorder#141f0d
  • editor.foldBackground#2678274d
  • editor.foreground#c9a4a4
  • editor.hoverHighlightBackground#47782672
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#16362d
  • editor.lineHighlightBorder#211e1e
  • editor.rangeHighlightBackground#6d1a1a28
  • editor.rangeHighlightBorder#0c340e
  • editor.selectionBackground#374334
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#369429
  • editor.wordHighlightBackground#2f4f23b8
  • editor.wordHighlightBorder#0d0e569b
  • editor.wordHighlightStrongBackground#0072027a
  • editor.wordHighlightStrongBorder#1d3356
  • editorBracketMatch.background#03c20346
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffffc7
  • editorCursor.foreground#4d8a11
  • editorError.background#2e100fd7
  • editorError.border#ffffff00
  • editorError.foreground#fb1818
  • editorGroup.border#210b0b
  • editorGroup.emptyBackground#0d0202e7
  • editorGroupHeader.border#16471e
  • editorGroupHeader.tabsBackground#0f050556
  • editorGroupHeader.tabsBorder#1f3d12
  • editorGutter.addedBackground#13a10f
  • editorGutter.background#261a1a
  • editorGutter.commentRangeForeground#50c9389b
  • editorGutter.deletedBackground#90080f
  • editorGutter.foldingControlForeground#50c9389b
  • editorGutter.modifiedBackground#0d7890eb
  • editorHoverWidget.background#10170cf5
  • editorHoverWidget.border#2f3f1c
  • editorHoverWidget.foreground#d9c2c2
  • editorIndentGuide.activeBackground#ad2929
  • editorIndentGuide.background#3bdaff
  • editorInfo.background#4692c03c
  • editorInfo.border#0a5d9000
  • editorInfo.foreground#2a8ee8
  • editorLineNumber.activeForeground#44d51b
  • editorLineNumber.foreground#abbca7
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#1d1507e7
  • editorMarkerNavigationError.background#823d2f
  • editorMarkerNavigationInfo.background#305779
  • editorMarkerNavigationWarning.background#f77e7ed7
  • editorOverviewRuler.background#0f0303
  • editorOverviewRuler.border#143008df
  • editorRuler.foreground#4d2727
  • editorSuggestWidget.background#0d1308
  • editorSuggestWidget.border#222a3d
  • editorSuggestWidget.foreground#c77777
  • editorSuggestWidget.highlightForeground#2976a9
  • editorSuggestWidget.selectedBackground#33581983
  • editorWarning.background#a990404e
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#020101
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#22561b
  • focusBorder#195a45
  • foreground#74a160
  • gitDecoration.addedResourceForeground#24ba3f
  • gitDecoration.conflictingResourceForeground#7e8ee6
  • gitDecoration.deletedResourceForeground#cb422a
  • gitDecoration.ignoredResourceForeground#b8b4b4
  • gitDecoration.modifiedResourceForeground#c08630
  • gitDecoration.stageDeletedResourceForeground#c74028
  • gitDecoration.stageModifiedResourceForeground#cd9c52
  • gitDecoration.submoduleResourceForeground#26c2f2fb
  • gitDecoration.untrackedResourceForeground#35b461
  • icon.foreground#74a160
  • input.background#1d1313
  • input.border#0e4930af
  • input.foreground#ecd0cb
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#00d4845e
  • inputOption.activeBorder#121c3b
  • inputOption.activeForeground#daddf7
  • list.activeSelectionBackground#094771
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#192118
  • list.focusBackground#15374b
  • list.focusForeground#ffffff
  • list.highlightForeground#9b761e
  • list.hoverBackground#2a2d2e
  • list.hoverForeground#f7d0d0
  • list.inactiveSelectionBackground#233825
  • list.inactiveSelectionForeground#f7d0d0
  • listFilterWidget.background#823717b9
  • listFilterWidget.noMatchesOutline#11240e
  • listFilterWidget.outline#68138e00
  • menu.background#130b0b
  • menu.border#1f3019
  • menu.foreground#9cada0
  • menu.selectionBackground#1d5a2a
  • menu.selectionBorder#0e2a11
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#284d1b
  • menubar.selectionBackground#0a170d
  • menubar.selectionBorder#0e2a11
  • menubar.selectionForeground#a3e495
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384b
  • merge.incomingHeaderBackground#395f8f
  • minimap.background#0d0202e7
  • minimap.errorHighlight#fb1818
  • minimap.findMatchHighlight#0b2c29
  • minimap.selectionHighlight#374334
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#13a10f
  • minimapGutter.deletedBackground#90080f
  • minimapGutter.modifiedBackground#0d7890eb
  • notificationCenter.border#304d0c
  • notificationCenterHeader.background#181819
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#0b0832
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#d32c2c
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#c4a412
  • notificationToast.border#474747
  • panel.background#1a1b12
  • panel.border#283f1f
  • panelSection.border#0b3b1e
  • panelTitle.activeBorder#ad5050
  • panelTitle.activeForeground#75cf4d
  • panelTitle.inactiveForeground#cfc48f7c
  • peekView.border#20620d
  • peekViewEditor.background#021907db
  • peekViewEditor.matchHighlightBackground#8a683d99
  • peekViewEditor.matchHighlightBorder#755021
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#0d170a9f
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#c0bdbd
  • peekViewResult.matchHighlightBackground#82b8b54d
  • peekViewResult.selectionBackground#31b0aa81
  • peekViewResult.selectionForeground#a6b0a1
  • peekViewTitle.background#374f45
  • peekViewTitleDescription.foreground#b3bab9b3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#165617
  • pickerGroup.foreground#48bc1f
  • progressBar.background#775d4a
  • scrollbar.shadow#3b511b
  • scrollbarSlider.activeBackground#0a050566
  • scrollbarSlider.background#73535366
  • scrollbarSlider.hoverBackground#b2808066
  • selection.background#1a644c
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#74a160
  • sideBar.background#0d0202e7
  • sideBar.border#473434
  • sideBar.dropBackground#192118
  • sideBar.foreground#97a787
  • sideBarSectionHeader.background#12362081
  • sideBarSectionHeader.border#86126933
  • sideBarSectionHeader.foreground#bebaba
  • sideBarTitle.foreground#5eb44c
  • statusBar.background#191d11
  • statusBar.border#283f1f
  • statusBar.debuggingBackground#35cf78
  • statusBar.debuggingForeground#262a1f
  • statusBar.foreground#bc9595
  • statusBar.noFolderBackground#2a1130
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#e825251f
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#151007ef
  • tab.activeBorder#104b14
  • tab.activeBorderTop#293f18
  • tab.activeForeground#78c45c
  • tab.border#145412
  • tab.hoverBackground#362828
  • tab.hoverBorder#020101
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#16170f
  • tab.inactiveForeground#ffffff80
  • 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#ffe7e7
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#ecb1b1
  • terminal.ansiYellow#e5e510
  • terminal.border#0b3b1e
  • terminal.foreground#cccccc
  • terminal.selectionBackground#130b0b
  • terminalCursor.background#b7ddff
  • terminalCursor.foreground#000000
  • textLink.foreground#ff9537d9
  • titleBar.activeBackground#261d1d
  • titleBar.activeForeground#d6d9d6
  • titleBar.border#283f1f
  • titleBar.inactiveBackground#2a344799
  • titleBar.inactiveForeground#ffffffcf
  • tree.indentGuidesStroke#585858
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#4925255c

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