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#202124
  • activityBar.background#1b1c1f
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#007acc
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1b1c1f
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#ea4335
  • button.foreground#ffffff
  • button.hoverBackground#be2a1e
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#202124
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#2d2e32
  • debugExceptionWidget.border#4d4f56
  • debugToolBar.background#2d2e32
  • debugToolBar.border#4d4f56
  • diffEditor.border#4d4f56
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#202124
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#1b1c1f
  • editor.findMatchBackground#515c6abd
  • 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#2e2f34
  • editor.lineHighlightBackground#4d4f565c
  • editor.lineHighlightBorder#4d4f5670
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#1a2e4d
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#8f94a3
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#4d4f56
  • editorGroup.emptyBackground#1b1c1f
  • editorGroupHeader.border#4d4f56
  • editorGroupHeader.tabsBackground#202124
  • editorGutter.addedBackground#55b629
  • editorGutter.background#1b1c1f
  • editorGutter.commentRangeForeground#767982
  • editorGutter.deletedBackground#de2323
  • editorGutter.foldingControlForeground#767982
  • editorGutter.modifiedBackground#296eb8
  • editorHoverWidget.background#2d2e32
  • editorHoverWidget.border#4d4f56
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#6f727b
  • editorIndentGuide.background#3c3d43
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#dce1f5
  • editorLineNumber.foreground#63666f
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2e32
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#4d4f56
  • editorSuggestWidget.background#2d2e32
  • editorSuggestWidget.border#4d4f56
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#2d2e32
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#7a7d88
  • focusBorder#595f75
  • foreground#dee2e4
  • 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#dee2e4
  • input.background#202124
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#094771
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#151619
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#37373d
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#2d2e32
  • menu.border#4d4f56
  • menu.foreground#cccccc
  • menu.selectionBackground#094771
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#2d2e32
  • merge.commonHeaderBackground#3d3e43
  • merge.currentContentBackground#27402a
  • merge.currentHeaderBackground#36733d
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#1b1c1f
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6abd
  • minimap.selectionHighlight#1a2e4d
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#55b629
  • minimapGutter.deletedBackground#de2323
  • minimapGutter.modifiedBackground#296eb8
  • notificationCenter.border#4d4f56
  • notificationCenterHeader.background#202024
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#2d2e32
  • notifications.border#4d4f56
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#4d4f56
  • panel.background#1b1c1f
  • panel.border#4d4f56
  • panelSection.border#4d4f56
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#24618a
  • peekViewEditor.background#18191b
  • peekViewEditor.matchHighlightBackground#ff8f0046
  • peekViewEditor.matchHighlightBorder#ee931e74
  • peekViewEditorGutter.background#121315
  • peekViewResult.background#18191b
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#151517
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#4d4f56
  • pickerGroup.foreground#3794ff
  • progressBar.background#0e70c0
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#164e80
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#dee2e4
  • sideBar.background#202124
  • sideBar.border#1b1c1f
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#1b1c1f
  • sideBarSectionHeader.border#36383f
  • sideBarSectionHeader.foreground#c0c7db
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#1b1c1f
  • statusBar.debuggingBackground#c02818
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1b1c1f
  • tab.activeBorder#00000000
  • tab.activeBorderTop#ea4335
  • tab.activeForeground#ffffff
  • tab.border#1b1c1f
  • tab.hoverBackground#090b0d0e
  • tab.inactiveBackground#202124
  • 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#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#4d4f56
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#1b1c1f
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#585858
  • 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#ee4d40
variable.other.generic-type.haskell#b267f5
storage.type.haskell#cb7020
support.variable.magic.python#ee4d40
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#e8c254
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#4285f4
entity.name.lifetime.rust#e8c254
variable.language.rust#ee4d40
support.constant.edge#b267f5
constant.other.character-class.regexp#ee4d40
keyword.operator.quantifier.regexp#cb7020
punctuation.definition.string.begin,punctuation.definition.string.end#34a853
variable.parameter.function#d4d4d4
comment markup.link#5f6368
markup.changed.diff#e8c254
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#4285f4
markup.inserted.diff#34a853
markup.deleted.diff#ee4d40
meta.function.c,meta.function.cpp#ee4d40
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#4285f4
support.constant.math#e8c254
support.constant.property.math#cb7020
variable.other.constant#e8c254
storage.type.annotation.java, storage.type.object.array.java#e8c254
source.java#ee4d40
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#4285f4
storage.modifier.import.java,storage.type.java,storage.type.generic.java#e8c254
keyword.operator.instanceof.java#b267f5
meta.definition.variable.name.java#ee4d40
keyword.operator.logical#35d0ee
keyword.operator.bitwise#35d0ee
keyword.operator.channel#35d0ee
support.constant.property-value.scss,support.constant.property-value.css#cb7020
keyword.operator.css,keyword.operator.scss,keyword.operator.less#35d0ee
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#cb7020
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#cb7020
support.type.vendored.property-name.css#35d0ee
support.module.node,support.type.object.module,support.module.node#e8c254
entity.name.type.module#e8c254
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ee4d40
support.constant.json#cb7020
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#b267f5
support.type.object.console#ee4d40
support.variable.property.process#cb7020
entity.name.function,support.function.console#4285f4
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#b267f5
keyword.operator.delete#b267f5
support.type.object.dom#35d0ee
support.variable.dom,support.variable.property.dom#ee4d40
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#35d0ee
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#b267f5
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#b267f5
support.type.posix-reserved.c,support.type.posix-reserved.cpp#35d0ee
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#b267f5
variable.parameter.function.language.python#cb7020
support.type.python#35d0ee
keyword.operator.logical.python#b267f5
variable.parameter.function.python#cb7020
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#4285f4
constant.character.format.placeholder.other.python#cb7020
keyword.operator#d4d4d4
keyword.operator.assignment.compound#b267f5
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#35d0ee
keyword#b267f5
entity.name.namespace#e8c254
variable#ee4d40
variable.c#d4d4d4
variable.language#e8c254
token.variable.parameter.java#d4d4d4
import.storage.java#e8c254
token.package.keyword#b267f5
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#4285f4
entity.name.type.namespace#e8c254
support.class, entity.name.type.class#e8c254
entity.name.class.identifier.namespace.type#e8c254
entity.name.class, variable.other.class.js, variable.other.class.ts#e8c254
variable.other.class.php#ee4d40
entity.name.type#e8c254
keyword.control#b267f5
control.elements, keyword.operator.less#cb7020
keyword.other.special-method#4285f4
storage#b267f5
token.storage#b267f5
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#b267f5
token.storage.type.java#e8c254
support.function#35d0ee
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#cb7020
meta.tag#d4d4d4
string#34a853
entity.other.inherited-class#e8c254
constant.other.symbol#35d0ee
constant.numeric#cb7020
constant#cb7020
punctuation.definition.constant#cb7020
entity.name.tag#ee4d40
entity.other.attribute-name#5295f4
entity.other.attribute-name.id#4285f4normal
entity.other.attribute-name.class.css#5295f4normal
meta.selector#b267f5
markup.heading#ee4d40
markup.heading punctuation.definition.heading, entity.name.section#4285f4
keyword.other.unit#ee4d40
markup.bold,todo.bold#cb7020
punctuation.definition.bold#e8c254
markup.italic, punctuation.definition.italic,todo.emphasis#b267f5
emphasis md#b267f5
entity.name.section.markdown#ee4d40
punctuation.definition.heading.markdown#ee4d40
punctuation.definition.list.begin.markdown#ee4d40
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#cb7020
markup.inline.raw.markdown#34a853
markup.inline.raw.string.markdown#34a853
punctuation.definition.list.markdown#ee4d40
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ee4d40
beginning.punctuation.definition.list.markdown#ee4d40
punctuation.definition.metadata.markdown#ee4d40
markup.underline.link.markdown,markup.underline.link.image.markdown#b267f5
string.other.link.title.markdown,string.other.link.description.markdown#4285f4
string.regexp#35d0ee
constant.character.escape#35d0ee
punctuation.section.embedded, variable.interpolation#ee4d40
punctuation.section.embedded.begin,punctuation.section.embedded.end#b267f5
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#ee4d40
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ee4d40
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#34a853
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#35d0ee
support.type.property-name.json#ee4d40
support.type.property-name.json punctuation#ee4d40
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#b267f5
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#b267f5
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#e8c254
keyword.operator.error-control.php#b267f5
keyword.operator.type.php#b267f5
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#e8c254
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#4285f4
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#cb7020
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#cb7020
entity.name.goto-label.php,support.other.php#4285f4
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#35d0ee
keyword.operator.regexp.php#b267f5
keyword.operator.comparison.php#35d0ee
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#b267f5
meta.function.decorator.python#4285f4
support.token.decorator.python,meta.function.decorator.identifier.python#35d0ee
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#35d0ee
rgb-value#35d0ee
inline-color-decoration rgb-value#cb7020
less rgb-value#cb7020
selector.sass#ee4d40
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#e8c254
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#e8c254
entity.name.variable.local.cs#ee4d40
token.info-token#4285f4
token.warn-token#cb7020
token.error-token#f44747
token.debug-token#b267f5
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#b267f5
meta.template.expression#d4d4d4
keyword.operator.module#b267f5
support.type.type.flowtype#4285f4
support.type.primitive#e8c254
meta.property.object#ee4d40
variable.parameter.function.js#ee4d40
keyword.other.template.begin#34a853
keyword.other.template.end#34a853
keyword.other.substitution.begin#34a853
keyword.other.substitution.end#34a853
keyword.operator.assignment#35d0ee
keyword.operator.assignment.go#e8c254
keyword.operator.arithmetic.go, keyword.operator.address.go#b267f5
entity.name.package.go#e8c254
support.type.prelude.elm#35d0ee
support.constant.elm#cb7020
punctuation.quasi.element#b267f5
constant.character.entity#ee4d40
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#35d0ee
entity.global.clojure#e8c254
meta.symbol.clojure#ee4d40
constant.keyword.clojure#35d0ee
meta.arguments.coffee, variable.parameter.function.coffee#ee4d40
source.ini#34a853
meta.scope.prerequisites.makefile#ee4d40
source.makefile#e8c254
storage.modifier.import.groovy#e8c254
meta.method.groovy#4285f4
meta.definition.variable.name.groovy#ee4d40
meta.definition.class.inherited.classes.groovy#34a853
support.variable.semantic.hlsl#e8c254
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#b267f5
text.variable, text.bracketed#ee4d40
support.type.swift, support.type.vb.asp#e8c254
entity.name.function.xi#e8c254
entity.name.class.xi#35d0ee
constant.character.character-class.regexp.xi#ee4d40
constant.regexp.xi#b267f5
keyword.control.xi#35d0ee
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#34a853
beginning.punctuation.definition.list.markdown.xi#5f6368
constant.character.xi#4285f4
accent.xi#4285f4
wikiword.xi#cb7020
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#5f6368
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#e8c254
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ee4d40
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#5f6368italic
markup.quote.markdown#5f6368
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#35d0ee
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...