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.background#24272d
  • activityBar.foreground#8a3651
  • activityBar.inactiveForeground#ba9f7c
  • activityBarBadge.background#a37e51
  • activityBarBadge.foreground#ffffff
  • badge.background#1d1d1d89
  • badge.foreground#a37e51
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#24272d
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#1d1d1d
  • button.foreground#ffffff
  • button.hoverBackground#543105
  • button.secondaryBackground#1d1d1d
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#8a3651
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#00000000
  • diffEditor.insertedTextBackground#1d1d1d89
  • diffEditor.removedTextBackground#8a365140
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#24272d
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#a37e51
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#1d1d1d89
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#1d1d1d
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#61afef89
  • editorBracketMatch.border#61afef
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#00000000
  • editorGroup.emptyBackground#24272d
  • editorGroupHeader.border#24272d
  • editorGroupHeader.tabsBackground#24272d
  • editorGroupHeader.tabsBorder#17171700
  • editorGutter.addedBackground#a37e51
  • editorGutter.background#24272d
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#8a3651
  • editorGutter.foldingControlForeground#a37e51
  • editorGutter.modifiedBackground#61afef
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#8a3651
  • editorIndentGuide.background#8a365140
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#00000000
  • editorRuler.foreground#1d1d1d89
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#a37e51
  • editorSuggestWidget.selectedBackground#8a3651
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#8a3651
  • foreground#cccccc
  • 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#cccccc
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#1d1d1d89
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#1d1d1d89
  • list.focusBackground#24272d
  • list.focusForeground#8a3651
  • list.highlightForeground#4f4f4f
  • list.hoverBackground#1d1d1d
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#4e6eb000
  • list.inactiveSelectionForeground#8a3651
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#8a3651
  • listFilterWidget.outline#00000000
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#094771
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#24272d
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#1d1d1d
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#47474706
  • notificationCenterHeader.background#1d1d1d
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#24272d
  • notifications.border#00000000
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#00000000
  • panel.background#24272d
  • panel.border#00000000
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc00
  • peekViewEditor.background#1d1d1d
  • peekViewEditor.matchHighlightBackground#492a0299
  • peekViewEditor.matchHighlightBorder#ee931e00
  • peekViewEditorGutter.background#1d1d1d
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#8a3651
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#a37e51
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#3794ff
  • progressBar.background#a37e51
  • scrollbar.shadow#26262600
  • scrollbarSlider.activeBackground#1d1d1d
  • scrollbarSlider.background#1d1d1d89
  • scrollbarSlider.hoverBackground#1d1d1d
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#24272d
  • sideBar.border#1f273800
  • sideBar.dropBackground#1d1d1d89
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#24272d
  • statusBar.debuggingBackground#362003
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#8a365189
  • statusBarItem.remoteBackground#24272d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#2a2a2a00
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#a37e51
  • tab.border#25252600
  • tab.hoverForeground#414141
  • tab.inactiveBackground#24272d
  • tab.inactiveForeground#ffffff52
  • 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#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0084f9
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#24272d
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#8a3651
  • 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#a37e51
variable.other.generic-type.haskell#8a3651
storage.type.haskell#d19a66
support.variable.magic.python#a37e51
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#ba9f7c
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#61afef
entity.name.lifetime.rust#ba9f7c
variable.language.rust#a37e51
support.constant.edge#8a3651
constant.other.character-class.regexp#a37e51
keyword.operator.quantifier.regexp#d19a66
punctuation.definition.string.begin,punctuation.definition.string.end#cedf4c
variable.parameter.function#d4d4d4
comment markup.link#88888890
markup.changed.diff#ba9f7c
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#61afef
markup.inserted.diff#cedf4c
markup.deleted.diff#a37e51
meta.function.c,meta.function.cpp#a37e51
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#61afef
support.constant.math#ba9f7c
support.constant.property.math#d19a66
variable.other.constant#ba9f7c
storage.type.annotation.java, storage.type.object.array.java#ba9f7c
source.java#a37e51
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#61afef
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ba9f7c
keyword.operator.instanceof.java#8a3651
meta.definition.variable.name.java#a37e51
keyword.operator.logical#56b6c2
keyword.operator.bitwise#56b6c2
keyword.operator.channel#56b6c2
support.constant.property-value.scss,support.constant.property-value.css#d19a66
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#d19a66
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#d19a66
support.type.vendored.property-name.css#56b6c2
support.module.node,support.type.object.module,support.module.node#ba9f7c
entity.name.type.module#ba9f7c
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#a37e51
support.constant.json#d19a66
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#8a3651
support.type.object.console#a37e51
support.variable.property.process#d19a66
entity.name.function,support.function.console#61afef
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#8a3651
keyword.operator.delete#8a3651
support.type.object.dom#56b6c2
support.variable.dom,support.variable.property.dom#a37e51
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#8a3651
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#8a3651
support.type.posix-reserved.c,support.type.posix-reserved.cpp#56b6c2
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#8a3651
variable.parameter.function.language.python#d19a66
support.type.python#56b6c2
keyword.operator.logical.python#8a3651
variable.parameter.function.python#d19a66
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#61afef
constant.character.format.placeholder.other.python#d19a66
keyword.operator#d4d4d4
keyword.operator.assignment.compound#8a3651
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#56b6c2
keyword#8a3651
entity.name.namespace#ba9f7c
variable#a37e51
variable.c#d4d4d4
variable.language#ba9f7c
token.variable.parameter.java#d4d4d4
import.storage.java#ba9f7c
token.package.keyword#8a3651
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#61afef
entity.name.type.namespace#ba9f7c
support.class, entity.name.type.class#ba9f7c
entity.name.class.identifier.namespace.type#ba9f7c
entity.name.class, variable.other.class.js, variable.other.class.ts#ba9f7c
variable.other.class.php#a37e51
entity.name.type#ba9f7c
keyword.control#8a3651
control.elements, keyword.operator.less#d19a66
keyword.other.special-method#61afef
storage#8a3651
token.storage#8a3651
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#8a3651
token.storage.type.java#ba9f7c
support.function#56b6c2
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#d19a66
meta.tag#d4d4d4
string#cedf4c
entity.other.inherited-class#ba9f7c
constant.other.symbol#56b6c2
constant.numeric#d19a66
constant#d19a66
punctuation.definition.constant#d19a66
entity.name.tag#a37e51
entity.other.attribute-name#d19a66
entity.other.attribute-name.id#61afefnormal
entity.other.attribute-name.class.css#d19a66normal
meta.selector#8a3651
markup.heading#a37e51
markup.heading punctuation.definition.heading, entity.name.section#61afef
keyword.other.unit#a37e51
markup.bold,todo.bold#d19a66
punctuation.definition.bold#ba9f7c
markup.italic, punctuation.definition.italic,todo.emphasis#8a3651
emphasis md#8a3651
entity.name.section.markdown#a37e51
punctuation.definition.heading.markdown#a37e51
punctuation.definition.list.begin.markdown#a37e51
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#d19a66
markup.inline.raw.markdown#cedf4c
markup.inline.raw.string.markdown#cedf4c
punctuation.definition.list.markdown#a37e51
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#a37e51
beginning.punctuation.definition.list.markdown#a37e51
punctuation.definition.metadata.markdown#a37e51
markup.underline.link.markdown,markup.underline.link.image.markdown#8a3651
string.other.link.title.markdown,string.other.link.description.markdown#61afef
string.regexp#56b6c2
constant.character.escape#56b6c2
punctuation.section.embedded, variable.interpolation#a37e51
punctuation.section.embedded.begin,punctuation.section.embedded.end#8a3651
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#a37e51
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#a37e51
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#cedf4c
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#56b6c2
support.type.property-name.json#a37e51
support.type.property-name.json punctuation#a37e51
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#8a3651
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#8a3651
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#ba9f7c
keyword.operator.error-control.php#8a3651
keyword.operator.type.php#8a3651
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#ba9f7c
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#61afef
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#d19a66
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#d19a66
entity.name.goto-label.php,support.other.php#61afef
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#56b6c2
keyword.operator.regexp.php#8a3651
keyword.operator.comparison.php#56b6c2
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#8a3651
meta.function.decorator.python#61afef
support.token.decorator.python,meta.function.decorator.identifier.python#56b6c2
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#56b6c2
rgb-value#56b6c2
inline-color-decoration rgb-value#d19a66
less rgb-value#d19a66
selector.sass#a37e51
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ba9f7c
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#ba9f7c
entity.name.variable.local.cs#a37e51
token.info-token#61afef
token.warn-token#d19a66
token.error-token#f44747
token.debug-token#8a3651
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#8a3651
meta.template.expression#d4d4d4
keyword.operator.module#8a3651
support.type.type.flowtype#61afef
support.type.primitive#ba9f7c
meta.property.object#a37e51
variable.parameter.function.js#a37e51
keyword.other.template.begin#cedf4c
keyword.other.template.end#cedf4c
keyword.other.substitution.begin#cedf4c
keyword.other.substitution.end#cedf4c
keyword.operator.assignment#56b6c2
keyword.operator.assignment.go#ba9f7c
keyword.operator.arithmetic.go, keyword.operator.address.go#8a3651
entity.name.package.go#ba9f7c
support.type.prelude.elm#56b6c2
support.constant.elm#d19a66
punctuation.quasi.element#8a3651
constant.character.entity#a37e51
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#56b6c2
entity.global.clojure#ba9f7c
meta.symbol.clojure#a37e51
constant.keyword.clojure#56b6c2
meta.arguments.coffee, variable.parameter.function.coffee#a37e51
source.ini#cedf4c
meta.scope.prerequisites.makefile#a37e51
source.makefile#ba9f7c
storage.modifier.import.groovy#ba9f7c
meta.method.groovy#61afef
meta.definition.variable.name.groovy#a37e51
meta.definition.class.inherited.classes.groovy#cedf4c
support.variable.semantic.hlsl#ba9f7c
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#8a3651
text.variable, text.bracketed#a37e51
support.type.swift, support.type.vb.asp#ba9f7c
entity.name.function.xi#ba9f7c
entity.name.class.xi#56b6c2
constant.character.character-class.regexp.xi#a37e51
constant.regexp.xi#8a3651
keyword.control.xi#56b6c2
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#cedf4c
beginning.punctuation.definition.list.markdown.xi#88888890
constant.character.xi#61afef
accent.xi#61afef
wikiword.xi#d19a66
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#88888890
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ba9f7c
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#a37e51
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#88888890italic
markup.quote.markdown#88888890
punctuation.definition.block.sequence.item.yaml#d4d4d4
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...