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#fffcea
  • activityBar.background#fffcea
  • activityBar.border#fffcea
  • activityBar.foreground#66666670
  • activityBar.inactiveForeground#0000001e
  • activityBarBadge.background#66666670
  • activityBarBadge.foreground#fffcea
  • badge.background#66666640
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#000000
  • breadcrumb.background#fffcea
  • breadcrumb.focusForeground#00000070
  • breadcrumb.foreground#66666670
  • button.background#66666670
  • button.foreground#fffcea
  • button.hoverBackground#000000
  • button.secondaryBackground#66666670
  • button.secondaryForeground#fffcea
  • button.secondaryHoverBackground#000000
  • checkbox.background#fffcea
  • checkbox.border#fffcea
  • checkbox.foreground#66666670
  • debugExceptionWidget.background#66666670
  • debugExceptionWidget.border#000000
  • debugToolBar.background#66666670
  • debugToolBar.border#000000
  • diffEditor.border#66666610
  • diffEditor.insertedTextBackground#66666610
  • diffEditor.insertedTextBorder#43404000
  • diffEditor.removedTextBackground#333333
  • diffEditor.removedTextBorder#1d2c4900
  • dropdown.background#fffcea
  • dropdown.border#fffcea
  • dropdown.foreground#66666670
  • editor.background#fffcea
  • editor.findMatchBackground#66666610
  • editor.findMatchBorder#66666610
  • editor.findMatchHighlightBackground#66666610
  • editor.findMatchHighlightBorder#66666610
  • editor.findRangeHighlightBackground#66666610
  • editor.findRangeHighlightBorder#4b232300
  • editor.foldBackground#66666610
  • editor.foreground#66666660
  • editor.hoverHighlightBackground#66666610
  • editor.inactiveSelectionBackground#66666610
  • editor.lineHighlightBackground#66666610
  • editor.lineHighlightBorder#66666600
  • editor.rangeHighlightBackground#66666610
  • editor.rangeHighlightBorder#66666610
  • editor.selectionBackground#66666610
  • editor.selectionHighlightBackground#66666610
  • editor.selectionHighlightBorder#66666610
  • editor.wordHighlightBackground#66666610
  • editor.wordHighlightBorder#66666610
  • editor.wordHighlightStrongBackground#66666610
  • editor.wordHighlightStrongBorder#66666610
  • editorBracketMatch.background#66666610
  • editorBracketMatch.border#66666610
  • editorCodeLens.foreground#66666610
  • editorCursor.background#fffcea
  • editorCursor.foreground#66666640
  • editorError.background#66666610
  • editorError.border#66666610
  • editorError.foreground#66666610
  • editorGroup.border#44444440
  • editorGroup.emptyBackground#fffcea
  • editorGroupHeader.border#66666610
  • editorGroupHeader.tabsBackground#fffcea
  • editorGroupHeader.tabsBorder#fffcea
  • editorGutter.addedBackground#02ADC7
  • editorGutter.background#fffcea
  • editorGutter.commentRangeForeground#02ADC7
  • editorGutter.deletedBackground#f50045
  • editorGutter.foldingControlForeground#01b8ff
  • editorGutter.modifiedBackground#91EEAD
  • editorHoverWidget.background#000000
  • editorHoverWidget.border#000000
  • editorHoverWidget.foreground#fffcea
  • editorIndentGuide.activeBackground#66666610
  • editorIndentGuide.background#66666610
  • editorInfo.background#66666610
  • editorInfo.border#4490BF00
  • editorInfo.foreground#91EEAD
  • editorLineNumber.activeForeground#eac284
  • editorLineNumber.foreground#66666640
  • editorLink.activeForeground#66666670
  • editorMarkerNavigation.background#333333
  • editorMarkerNavigationError.background#f2227a
  • editorMarkerNavigationInfo.background#7dbaff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#66666610
  • editorOverviewRuler.border#66666600
  • editorRuler.foreground#66666610
  • editorSuggestWidget.background#00000080
  • editorSuggestWidget.border#00000080
  • editorSuggestWidget.foreground#839fa7
  • editorSuggestWidget.highlightForeground#00cfff
  • editorSuggestWidget.selectedBackground#49535a
  • editorWarning.background#66666610
  • editorWarning.border#66666600
  • editorWarning.foreground#ffbf00
  • editorWhitespace.foreground#66666610
  • editorWidget.background#fffcea
  • editorWidget.foreground#66666670
  • editorWidget.resizeBorder#fffcea
  • focusBorder#fffcea
  • foreground#66666670
  • gitDecoration.addedResourceForeground#91EEAD
  • gitDecoration.conflictingResourceForeground#9f9fec
  • gitDecoration.deletedResourceForeground#ff8b8b
  • gitDecoration.ignoredResourceForeground#8e8e90
  • gitDecoration.modifiedResourceForeground#eac284
  • gitDecoration.stageDeletedResourceForeground#f7bbbb
  • gitDecoration.stageModifiedResourceForeground#d3a65e
  • gitDecoration.submoduleResourceForeground#7dbaff
  • gitDecoration.untrackedResourceForeground#3ecf8b
  • icon.foreground#cccccc
  • input.background#fffcea
  • input.border#fffcea
  • input.foreground#66666670
  • input.placeholderForeground#66666670
  • inputOption.activeBackground#66666670
  • inputOption.activeBorder#fffcea
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#66666640
  • list.activeSelectionForeground#fffcea
  • list.dropBackground#66666640
  • list.focusBackground#66666640
  • list.focusForeground#fffcea
  • list.highlightForeground#00c3ff
  • list.hoverBackground#66666610
  • list.hoverForeground#66666670
  • list.inactiveSelectionBackground#66666610
  • list.inactiveSelectionForeground#66666670
  • listFilterWidget.background#fffcea
  • listFilterWidget.noMatchesOutline#ff3322
  • listFilterWidget.outline#66666670
  • menu.background#66666670
  • menu.border#66666670
  • menu.foreground#fffcea
  • menu.selectionBackground#fffcea
  • menu.selectionBorder#fffcea
  • menu.selectionForeground#66666670
  • menu.separatorBackground#5c6c8220
  • menubar.selectionBackground#fffcea
  • menubar.selectionBorder#66666670
  • menubar.selectionForeground#66666670
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#626161
  • merge.currentContentBackground#24a1a1
  • merge.currentHeaderBackground#e62159
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#7dbaff
  • minimap.background#fffcea
  • minimap.errorHighlight#f01a4c
  • minimap.findMatchHighlight#66666610
  • minimap.selectionHighlight#f5965e
  • minimap.warningHighlight#ffbf00
  • minimapGutter.addedBackground#8547b0
  • minimapGutter.deletedBackground#f50045
  • minimapGutter.modifiedBackground#91EEAD
  • notificationCenter.border#66666670
  • notificationCenterHeader.background#66666670
  • notificationCenterHeader.foreground#cbd5e8
  • notifications.background#66666670
  • notifications.border#66666670
  • notifications.foreground#fffcea
  • notificationsErrorIcon.foreground#e44626
  • notificationsInfoIcon.foreground#b1e7f3
  • notificationsWarningIcon.foreground#ffd61c
  • notificationToast.border#66666670
  • panel.background#fffcea
  • panel.border#66666610
  • panelSection.border#66666640
  • panelTitle.activeBorder#66666640
  • panelTitle.activeForeground#66666670
  • panelTitle.inactiveForeground#6666663e
  • peekView.border#66666640
  • peekViewEditor.background#333333
  • peekViewEditor.matchHighlightBackground#66666610
  • peekViewEditor.matchHighlightBorder#66666610
  • peekViewEditorGutter.background#bbe4ff1c
  • peekViewResult.background#3b3b3b
  • peekViewResult.fileForeground#fffcea
  • peekViewResult.lineForeground#000000
  • peekViewResult.matchHighlightBackground#fffcea
  • peekViewResult.selectionBackground#42648633
  • peekViewResult.selectionForeground#fffcea
  • peekViewTitle.background#66666640
  • peekViewTitleDescription.foreground#fffcea
  • peekViewTitleLabel.foreground#fffcea
  • pickerGroup.border#66666640
  • pickerGroup.foreground#7dbaff
  • progressBar.background#66666670
  • scrollbar.shadow#fffcea00
  • scrollbarSlider.activeBackground#ffd61c
  • scrollbarSlider.background#66666600
  • scrollbarSlider.hoverBackground#ffd61c
  • selection.background#66666640
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#66666640
  • sideBar.background#fffcea
  • sideBar.border#fffcea
  • sideBar.dropBackground#fffcea
  • sideBar.foreground#66666670
  • sideBarSectionHeader.background#fffcea
  • sideBarSectionHeader.border#66666600
  • sideBarSectionHeader.foreground#66666670
  • sideBarTitle.foreground#66666680
  • statusBar.background#fffcea
  • statusBar.border#fffcea
  • statusBar.debuggingBackground#20c2a4
  • statusBar.debuggingBorder#66666670
  • statusBar.debuggingForeground#66666670
  • statusBar.foreground#66666670
  • statusBar.noFolderBackground#000000
  • statusBar.noFolderForeground#66666640
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#66666640
  • statusBarItem.remoteBackground#fffcea
  • statusBarItem.remoteForeground#66666670
  • tab.activeBackground#fffcea
  • tab.activeBorder#66666640
  • tab.activeBorderTop#fffcea
  • tab.activeForeground#66666670
  • tab.border#fffcea
  • tab.hoverBackground#f5965e00
  • tab.hoverBorder#66666640
  • tab.hoverForeground#66666680
  • tab.inactiveBackground#fffcea
  • tab.inactiveForeground#66666640
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#02ADC7
  • terminal.ansiBrightBlack#66666670
  • terminal.ansiBrightBlue#02ADe7
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#91EEAD
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#8e7f7f
  • terminal.ansiYellow#e5e510
  • terminal.border#66666610
  • terminal.foreground#66666670
  • terminal.selectionBackground#66666610
  • terminalCursor.background#66666610
  • terminalCursor.foreground#66666670
  • textLink.foreground#7dbaff
  • titleBar.activeBackground#fffcea
  • titleBar.activeForeground#66666670
  • titleBar.border#66666600
  • titleBar.inactiveBackground#fffcea
  • titleBar.inactiveForeground#66666670
  • tree.indentGuidesStroke#66666640
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#fffcea

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