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#0f1525
  • activityBar.background#1c2332
  • activityBar.border#171616a7
  • activityBar.foreground#f0dfbd
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#f0dfbd
  • activityBarBadge.foreground#0f1525
  • badge.background#1c2332
  • badge.foreground#436cc4
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1c2332
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#4e6eb2
  • button.foreground#ffffff
  • button.hoverBackground#1177bb
  • button.secondaryBackground#121317
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#313e5a
  • checkbox.background#1c2332
  • checkbox.border#050608
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#1c2332
  • debugExceptionWidget.border#3b4c71
  • debugToolBar.background#1c2332
  • debugToolBar.border#3b4c71
  • diffEditor.border#0f1525
  • diffEditor.insertedTextBackground#0f152578
  • diffEditor.insertedTextBorder#0f152500
  • diffEditor.removedTextBackground#0f152550
  • diffEditor.removedTextBorder#ff000000
  • dropdown.background#1c2332
  • dropdown.border#050608
  • dropdown.foreground#cccccc
  • editor.background#1c2332
  • editor.findMatchBackground#0f15257e
  • editor.findMatchBorder#303030
  • editor.findMatchHighlightBackground#0f15257c
  • editor.findMatchHighlightBorder#0f152570
  • editor.findRangeHighlightBackground#0f152580
  • editor.findRangeHighlightBorder#0f152500
  • editor.foldBackground#0f152570
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#0f152570
  • editor.inactiveSelectionBackground#121b34
  • editor.lineHighlightBackground#0f15256e
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#0f1525
  • editor.rangeHighlightBorder#433f3f00
  • editor.selectionBackground#0f1525
  • editor.selectionHighlightBackground#0f15257a
  • editor.selectionHighlightBorder#545454
  • editor.wordHighlightBackground#0f15259b
  • editor.wordHighlightBorder#3b3b3b
  • editor.wordHighlightStrongBackground#0f152574
  • editor.wordHighlightStrongBorder#0f152591
  • editorBracketMatch.background#0f1525
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#4c74e0
  • editorError.background#B73A3400
  • editorError.border#94949400
  • editorError.foreground#f48771
  • editorGroup.border#0f1525
  • editorGroup.emptyBackground#1c2332
  • editorGroupHeader.border#0f1525
  • editorGroupHeader.tabsBackground#1c2332
  • editorGroupHeader.tabsBorder#00000000
  • editorGutter.addedBackground#495fd7
  • editorGutter.background#1c2332
  • editorGutter.commentRangeForeground#2961f7
  • editorGutter.deletedBackground#364f92
  • editorGutter.foldingControlForeground#2961f7
  • editorGutter.modifiedBackground#0f1525
  • editorHoverWidget.background#0f1525
  • editorHoverWidget.border#3452a3
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#2d4177
  • editorIndentGuide.background#0f1525
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#1a58ff
  • editorLineNumber.foreground#f0dfbd
  • editorLink.activeForeground#1958ff
  • editorMarkerNavigation.background#0f1525
  • editorMarkerNavigationError.background#6411009b
  • editorMarkerNavigationInfo.background#75beff32
  • editorMarkerNavigationWarning.background#ffffff00
  • editorOverviewRuler.background#0f152581
  • editorOverviewRuler.border#0f1525
  • editorRuler.foreground#0f1525
  • editorSuggestWidget.background#0f1525
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#1b72ab
  • editorSuggestWidget.selectedBackground#213058
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffe56d
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#0f1525
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#4c64a5
  • focusBorder#5878be00
  • foreground#4f73c0
  • 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#4f73c0
  • input.background#1c2332
  • input.border#050608
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#28334b
  • inputOption.activeBorder#0e1119
  • inputOption.activeForeground#83abff
  • list.activeSelectionBackground#0279f2
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#0f1525
  • list.focusBackground#0f1525
  • list.focusForeground#cccccc
  • list.highlightForeground#4e6cbc
  • list.hoverBackground#2491ff
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#4368c9
  • list.inactiveSelectionForeground#f0dfbd
  • listFilterWidget.background#0f1525
  • listFilterWidget.noMatchesOutline#ff180170
  • listFilterWidget.outline#00000000
  • menu.background#1c2332
  • menu.border#1c2332
  • menu.foreground#cccccc
  • menu.selectionBackground#5371b2
  • menu.selectionBorder#00000000
  • menu.selectionForeground#e0e0e0
  • menu.separatorBackground#161c28
  • menubar.selectionBackground#1c2332
  • menubar.selectionBorder#4564a5
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#141c32
  • merge.commonHeaderBackground#0f1525
  • merge.currentContentBackground#0a2a23
  • merge.currentHeaderBackground#109280
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#2a4c77
  • minimap.background#1c2332
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#0f15257e
  • minimap.selectionHighlight#0f1525
  • minimap.warningHighlight#ffe56d
  • minimapGutter.addedBackground#495fd7
  • minimapGutter.deletedBackground#364f92
  • minimapGutter.modifiedBackground#0f1525
  • notificationCenter.border#2d477d
  • notificationCenterHeader.background#151a26
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#1c2332
  • notifications.border#1a202c
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#23407d
  • panel.background#0f1525
  • panel.border#0f1525
  • panelSection.border#13264f7a
  • panelTitle.activeBorder#2754cd
  • panelTitle.activeForeground#fffafa
  • panelTitle.inactiveForeground#60606099
  • peekView.border#0f1525
  • peekViewEditor.background#0f1525
  • peekViewEditor.matchHighlightBackground#0f1525
  • peekViewEditor.matchHighlightBorder#5374cd74
  • peekViewEditorGutter.background#0f1525
  • peekViewResult.background#0f1525
  • peekViewResult.fileForeground#3d58a1
  • peekViewResult.lineForeground#7b92cd
  • peekViewResult.matchHighlightBackground#0092ea4d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#07090f
  • pickerGroup.foreground#3f5c9b
  • progressBar.background#5171b4
  • scrollbar.shadow#1c2332
  • scrollbarSlider.activeBackground#0f152500
  • scrollbarSlider.background#0f152500
  • scrollbarSlider.hoverBackground#1b1d24
  • selection.background#5372b67e
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#4f73c0
  • sideBar.background#1c2332
  • sideBar.border#171616a7
  • sideBar.dropBackground#0f1525
  • sideBar.foreground#f0dfbd
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#4973e6
  • sideBarTitle.foreground#0095c2
  • statusBar.background#1c2332
  • statusBar.border#151515
  • statusBar.debuggingBackground#222b3d
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#0f1525
  • statusBarItem.remoteForeground#f0dfbd
  • tab.activeBackground#0f1525
  • tab.activeBorder#2a51b0
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#25252600
  • tab.hoverBackground#000000
  • tab.hoverBorder#5685ea
  • tab.inactiveBackground#1c2332
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#999898
  • 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#13264f7a
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#0f1525
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#0f1525
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#5874be24
  • 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#6ce0af
variable.other.generic-type.haskell#ff3636
storage.type.haskell#4685c7
support.variable.magic.python#6ce0af
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#e5c07b
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#ffa700
entity.name.lifetime.rust#e5c07b
variable.language.rust#6ce0af
support.constant.edge#ff3636
constant.other.character-class.regexp#6ce0af
keyword.operator.quantifier.regexp#4685c7
punctuation.definition.string.begin,punctuation.definition.string.end#009132
variable.parameter.function#d4d4d4
comment markup.link#28498a
markup.changed.diff#e5c07b
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#ffa700
markup.inserted.diff#009132
markup.deleted.diff#6ce0af
meta.function.c,meta.function.cpp#6ce0af
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#ffa700
support.constant.math#e5c07b
support.constant.property.math#4685c7
variable.other.constant#e5c07b
storage.type.annotation.java, storage.type.object.array.java#e5c07b
source.java#6ce0af
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#ffa700
storage.modifier.import.java,storage.type.java,storage.type.generic.java#e5c07b
keyword.operator.instanceof.java#ff3636
meta.definition.variable.name.java#6ce0af
keyword.operator.logical#0279f2
keyword.operator.bitwise#0279f2
keyword.operator.channel#0279f2
support.constant.property-value.scss,support.constant.property-value.css#4685c7
keyword.operator.css,keyword.operator.scss,keyword.operator.less#0279f2
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#4685c7
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#4685c7
support.type.vendored.property-name.css#0279f2
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#6ce0af
support.constant.json#4685c7
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ff3636
support.type.object.console#6ce0af
support.variable.property.process#4685c7
entity.name.function,support.function.console#ffa700
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#ff3636
keyword.operator.delete#ff3636
support.type.object.dom#0279f2
support.variable.dom,support.variable.property.dom#6ce0af
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#0279f2
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#ff3636
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#ff3636
support.type.posix-reserved.c,support.type.posix-reserved.cpp#0279f2
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ff3636
variable.parameter.function.language.python#4685c7
support.type.python#0279f2
keyword.operator.logical.python#ff3636
variable.parameter.function.python#4685c7
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#ffa700
constant.character.format.placeholder.other.python#4685c7
keyword.operator#d4d4d4
keyword.operator.assignment.compound#ff3636
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#0279f2
keyword#ff3636
entity.name.namespace#e5c07b
variable#6ce0af
variable.c#d4d4d4
variable.language#e5c07b
token.variable.parameter.java#d4d4d4
import.storage.java#e5c07b
token.package.keyword#ff3636
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#ffa700
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#6ce0af
entity.name.type#e5c07b
keyword.control#ff3636
control.elements, keyword.operator.less#4685c7
keyword.other.special-method#ffa700
storage#ff3636
token.storage#ff3636
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#ff3636
token.storage.type.java#e5c07b
support.function#0279f2
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#4685c7
meta.tag#d4d4d4
string#009132
entity.other.inherited-class#e5c07b
constant.other.symbol#0279f2
constant.numeric#4685c7
constant#4685c7
punctuation.definition.constant#4685c7
entity.name.tag#6ce0af
entity.other.attribute-name#4685c7
entity.other.attribute-name.id#ffa700normal
entity.other.attribute-name.class.css#4685c7normal
meta.selector#ff3636
markup.heading#6ce0af
markup.heading punctuation.definition.heading, entity.name.section#ffa700
keyword.other.unit#6ce0af
markup.bold,todo.bold#4685c7
punctuation.definition.bold#e5c07b
markup.italic, punctuation.definition.italic,todo.emphasis#ff3636
emphasis md#ff3636
entity.name.section.markdown#6ce0af
punctuation.definition.heading.markdown#6ce0af
punctuation.definition.list.begin.markdown#6ce0af
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#4685c7
markup.inline.raw.markdown#009132
markup.inline.raw.string.markdown#009132
punctuation.definition.list.markdown#6ce0af
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#6ce0af
beginning.punctuation.definition.list.markdown#6ce0af
punctuation.definition.metadata.markdown#6ce0af
markup.underline.link.markdown,markup.underline.link.image.markdown#ff3636
string.other.link.title.markdown,string.other.link.description.markdown#ffa700
string.regexp#0279f2
constant.character.escape#0279f2
punctuation.section.embedded, variable.interpolation#6ce0af
punctuation.section.embedded.begin,punctuation.section.embedded.end#ff3636
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#6ce0af
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#6ce0af
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#009132
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#0279f2
support.type.property-name.json#6ce0af
support.type.property-name.json punctuation#6ce0af
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ff3636
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ff3636
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#ff3636
keyword.operator.type.php#ff3636
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#e5c07b
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#ffa700
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#4685c7
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#4685c7
entity.name.goto-label.php,support.other.php#ffa700
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#0279f2
keyword.operator.regexp.php#ff3636
keyword.operator.comparison.php#0279f2
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ff3636
meta.function.decorator.python#ffa700
support.token.decorator.python,meta.function.decorator.identifier.python#0279f2
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#0279f2
rgb-value#0279f2
inline-color-decoration rgb-value#4685c7
less rgb-value#4685c7
selector.sass#6ce0af
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#e5c07b
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#e5c07b
entity.name.variable.local.cs#6ce0af
token.info-token#ffa700
token.warn-token#4685c7
token.error-token#f44747
token.debug-token#ff3636
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ff3636
meta.template.expression#d4d4d4
keyword.operator.module#ff3636
support.type.type.flowtype#ffa700
support.type.primitive#e5c07b
meta.property.object#6ce0af
variable.parameter.function.js#6ce0af
keyword.other.template.begin#009132
keyword.other.template.end#009132
keyword.other.substitution.begin#009132
keyword.other.substitution.end#009132
keyword.operator.assignment#0279f2
keyword.operator.assignment.go#e5c07b
keyword.operator.arithmetic.go, keyword.operator.address.go#ff3636
entity.name.package.go#e5c07b
support.type.prelude.elm#0279f2
support.constant.elm#4685c7
punctuation.quasi.element#ff3636
constant.character.entity#6ce0af
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#0279f2
entity.global.clojure#e5c07b
meta.symbol.clojure#6ce0af
constant.keyword.clojure#0279f2
meta.arguments.coffee, variable.parameter.function.coffee#6ce0af
source.ini#009132
meta.scope.prerequisites.makefile#6ce0af
source.makefile#e5c07b
storage.modifier.import.groovy#e5c07b
meta.method.groovy#ffa700
meta.definition.variable.name.groovy#6ce0af
meta.definition.class.inherited.classes.groovy#009132
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#ff3636
text.variable, text.bracketed#6ce0af
support.type.swift, support.type.vb.asp#e5c07b
entity.name.function.xi#e5c07b
entity.name.class.xi#0279f2
constant.character.character-class.regexp.xi#6ce0af
constant.regexp.xi#ff3636
keyword.control.xi#0279f2
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#009132
beginning.punctuation.definition.list.markdown.xi#28498a
constant.character.xi#ffa700
accent.xi#ffa700
wikiword.xi#4685c7
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#28498a
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#6ce0af
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#28498aitalic
markup.quote.markdown#28498a
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#0279f2
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...