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#262626
  • activityBar.background#171717
  • activityBar.border#00000000
  • activityBar.foreground#868686
  • activityBar.inactiveForeground#a3a3a366
  • activityBarBadge.background#a35809
  • activityBarBadge.foreground#ffffff
  • badge.background#6d381e
  • badge.foreground#d3d3d3
  • breadcrumb.activeSelectionForeground#bababa
  • breadcrumb.background#1b1b1b
  • breadcrumb.focusForeground#bababa
  • breadcrumb.foreground#9d9d9dcc
  • button.background#5c392b
  • button.foreground#cdbcb4
  • button.hoverBackground#66453b
  • button.secondaryBackground#2c2c2c
  • button.secondaryForeground#a9a9a9
  • button.secondaryHoverBackground#363636
  • checkbox.background#1f1f1f
  • checkbox.border#00000000
  • checkbox.foreground#949494
  • debugExceptionWidget.background#1d1d1d
  • debugExceptionWidget.border#2c2c2c
  • debugToolBar.background#1d1d1d
  • debugToolBar.border#2c2c2c
  • diffEditor.border#00000000
  • diffEditor.insertedTextBackground#103f0633
  • diffEditor.insertedTextBorder#00000000
  • diffEditor.removedTextBackground#710d0d33
  • diffEditor.removedTextBorder#00000000
  • dropdown.background#1f1f1f
  • dropdown.border#00000000
  • dropdown.foreground#949494
  • editor.background#151515
  • editor.findMatchBackground#5c381e
  • editor.findMatchBorder#34343400
  • editor.findMatchHighlightBackground#79523955
  • editor.findMatchHighlightBorder#4b4b4b00
  • editor.findRangeHighlightBackground#24242466
  • editor.findRangeHighlightBorder#00000000
  • editor.foldBackground#3426204d
  • editor.foreground#5a5a5a
  • editor.hoverHighlightBackground#8e311c40
  • editor.inactiveSelectionBackground#212121
  • editor.lineHighlightBackground#00000000
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#00000000
  • editor.selectionBackground#282322
  • editor.selectionHighlightBackground#68686826
  • editor.selectionHighlightBorder#32323200
  • editor.wordHighlightBackground#491d2eb8
  • editor.wordHighlightBorder#00000000
  • editor.wordHighlightStrongBackground#514515b8
  • editor.wordHighlightStrongBorder#00000000
  • editorBracketHighlight.foreground1#b4964f
  • editorBracketHighlight.foreground2#a5761e
  • editorBracketHighlight.foreground3#be4d47
  • editorBracketHighlight.foreground4#a12758
  • editorBracketMatch.background#00000000
  • editorBracketMatch.border#6f564a
  • editorCodeLens.foreground#4f4f4f
  • editorCursor.background#00000000
  • editorCursor.foreground#a9a9a97f
  • editorError.background#00000000
  • editorError.border#00000000
  • editorError.foreground#902525
  • editorGroup.border#00000000
  • editorGroup.emptyBackground#151515
  • editorGroupHeader.border#00000000
  • editorGroupHeader.tabsBackground#151515
  • editorGroupHeader.tabsBorder#00000000
  • editorGutter.addedBackground#145611
  • editorGutter.background#151515
  • editorGutter.commentRangeForeground#605e5e
  • editorGutter.deletedBackground#6f1616
  • editorGutter.foldingControlForeground#605e5e
  • editorGutter.modifiedBackground#213e6d
  • editorHoverWidget.background#1d1d1d
  • editorHoverWidget.border#363636
  • editorHoverWidget.foreground#717171
  • editorIndentGuide.activeBackground#2c2c2c
  • editorIndentGuide.background#2c2c2c
  • editorInfo.background#00000000
  • editorInfo.border#00000000
  • editorInfo.foreground#664388
  • editorLineNumber.activeForeground#969696
  • editorLineNumber.foreground#4d4d4d
  • editorLink.activeForeground#4882ab
  • editorMarkerNavigation.background#1f1f1f
  • editorMarkerNavigationError.background#6d2424
  • editorMarkerNavigationInfo.background#275075
  • editorMarkerNavigationWarning.background#625725
  • editorOverviewRuler.background#1b1b1b
  • editorOverviewRuler.border#6060604d
  • editorRuler.foreground#2e2e2e
  • editorSuggestWidget.background#151515
  • editorSuggestWidget.border#363636
  • editorSuggestWidget.foreground#6d6d6d
  • editorSuggestWidget.highlightForeground#a97b51
  • editorSuggestWidget.selectedBackground#242424
  • editorUnnecessaryCode.border#383838
  • editorUnnecessaryCode.opacity#ff0000a1
  • editorWarning.background#00000000
  • editorWarning.border#00000000
  • editorWarning.foreground#7f8223
  • editorWhitespace.foreground#b6b6b629
  • editorWidget.background#1b1b1b
  • editorWidget.foreground#8a8a8a
  • editorWidget.resizeBorder#515151
  • focusBorder#5c5c5c
  • foreground#969696
  • gitDecoration.addedResourceForeground#639945
  • gitDecoration.conflictingResourceForeground#6e548c
  • gitDecoration.deletedResourceForeground#a74736
  • gitDecoration.ignoredResourceForeground#777777
  • gitDecoration.modifiedResourceForeground#9b873a
  • gitDecoration.stageDeletedResourceForeground#a33751
  • gitDecoration.stageModifiedResourceForeground#8a6759
  • gitDecoration.submoduleResourceForeground#517392
  • gitDecoration.untrackedResourceForeground#4c9983
  • icon.foreground#848484
  • input.background#1f1f1f
  • input.border#00000000
  • input.foreground#949494
  • input.placeholderForeground#5a5252
  • inputOption.activeBackground#3c3f4166
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#909090
  • list.activeSelectionBackground#242424
  • list.activeSelectionForeground#bababa
  • list.dropBackground#1d1d1d
  • list.focusBackground#323232
  • list.focusForeground#dbdbdb
  • list.highlightForeground#a35c40
  • list.hoverBackground#1f1f1f
  • list.hoverForeground#adadad
  • list.inactiveSelectionBackground#212121
  • list.inactiveSelectionForeground#cbcbcb
  • listFilterWidget.background#262626
  • listFilterWidget.noMatchesOutline#56302c
  • listFilterWidget.outline#00000000
  • menu.background#1d1d1d
  • menu.border#2c2c2c
  • menu.foreground#999999
  • menu.selectionBackground#262626
  • menu.selectionBorder#00000000
  • menu.selectionForeground#bababa
  • menu.separatorBackground#2c2c2c
  • menubar.selectionBackground#9292921a
  • menubar.selectionBorder#000000
  • menubar.selectionForeground#b8b8b8
  • merge.commonContentBackground#1f1f1f
  • merge.commonHeaderBackground#2a2a2a
  • merge.currentContentBackground#192820
  • merge.currentHeaderBackground#0e3f33
  • merge.incomingContentBackground#1f243d
  • merge.incomingHeaderBackground#213751
  • minimap.background#151515
  • minimap.errorHighlight#902525
  • minimap.findMatchHighlight#5c381e
  • minimap.selectionHighlight#282322
  • minimap.warningHighlight#7f8223
  • minimapGutter.addedBackground#145611
  • minimapGutter.deletedBackground#6f1616
  • minimapGutter.modifiedBackground#213e6d
  • notificationCenter.border#2e2b2b
  • notificationCenterHeader.background#242424
  • notificationCenterHeader.foreground#a5a5a5
  • notifications.background#1b1b1b
  • notifications.border#2f2f32
  • notifications.foreground#8e8e8e
  • notificationsErrorIcon.foreground#942f2f
  • notificationsInfoIcon.foreground#44629b
  • notificationsWarningIcon.foreground#7d7034
  • notificationToast.border#282828
  • panel.background#151515
  • panel.border#3b3b3b59
  • panelSection.border#47474759
  • panelTitle.activeBorder#8c3c1d
  • panelTitle.activeForeground#c2c2c2
  • panelTitle.inactiveForeground#c2c2c299
  • peekView.border#412713
  • peekViewEditor.background#1b1612
  • peekViewEditor.matchHighlightBackground#49331699
  • peekViewEditor.matchHighlightBorder#433420
  • peekViewEditorGutter.background#1b1612
  • peekViewResult.background#191919
  • peekViewResult.fileForeground#8a8080
  • peekViewResult.lineForeground#adadad
  • peekViewResult.matchHighlightBackground#4525114d
  • peekViewResult.selectionBackground#47474733
  • peekViewResult.selectionForeground#b4b4b4
  • peekViewTitle.background#1d1d1d
  • peekViewTitleDescription.foreground#888888b3
  • peekViewTitleLabel.foreground#ababab
  • pickerGroup.border#00000000
  • pickerGroup.foreground#626262
  • progressBar.background#6b4514
  • scrollbar.shadow#0f0f0f
  • scrollbarSlider.activeBackground#4f4f4f66
  • scrollbarSlider.background#2a2a2a66
  • scrollbarSlider.hoverBackground#2a2a2ab3
  • selection.background#585858
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#848484
  • sideBar.background#191919
  • sideBar.border#32323200
  • sideBar.dropBackground#1d1d1d
  • sideBar.foreground#8c8c8c
  • sideBarSectionHeader.background#212121
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#ababab
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#342521
  • statusBar.border#00000000
  • statusBar.debuggingBackground#341f1a
  • statusBar.debuggingBorder#00000000
  • statusBar.debuggingForeground#c9c9c9
  • statusBar.foreground#ababab
  • statusBar.noFolderBackground#322129
  • statusBar.noFolderBorder#00000000
  • statusBar.noFolderForeground#bababa
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#3d2c24
  • statusBarItem.remoteBackground#3b312f
  • statusBarItem.remoteForeground#bcbcbc
  • tab.activeBackground#1b1b1b
  • tab.activeBorder#793b1d
  • tab.activeBorderTop#00000000
  • tab.activeForeground#a3a3a3
  • tab.border#282828
  • tab.hoverBackground#1b1b1b
  • tab.hoverBorder#863d26
  • tab.hoverForeground#a3a3a3
  • tab.inactiveBackground#171717
  • tab.inactiveForeground#9d9d9d80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2366a1
  • terminal.ansiBrightBlack#3b3b3b
  • terminal.ansiBrightBlue#6195cf
  • terminal.ansiBrightCyan#42ba9e
  • terminal.ansiBrightGreen#52b854
  • terminal.ansiBrightMagenta#b964d1
  • terminal.ansiBrightRed#c24a4a
  • terminal.ansiBrightWhite#f2f2f2
  • terminal.ansiBrightYellow#b0b03b
  • terminal.ansiCyan#0ea590
  • terminal.ansiGreen#56a13b
  • terminal.ansiMagenta#a73696
  • terminal.ansiRed#a7232f
  • terminal.ansiWhite#c0c0c0
  • terminal.ansiYellow#947a2b
  • terminal.border#47474759
  • terminal.foreground#888888
  • terminal.selectionBackground#32323240
  • terminalCursor.background#5c5c5c7f
  • terminalCursor.foreground#848484
  • textLink.foreground#3f8dc7
  • titleBar.activeBackground#1f1f1f
  • titleBar.activeForeground#8a8888
  • titleBar.border#00000000
  • titleBar.inactiveBackground#1f1f1f
  • titleBar.inactiveForeground#8a8888
  • tree.indentGuidesStroke#383838
  • walkThrough.embeddedEditorBackground#00000050
  • welcomePage.progress.foreground#974719
  • widget.shadow#0808085c

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