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#1a1b26
  • activityBar.background#16161e
  • activityBar.border#29cdd030
  • activityBar.foreground#7dcfff
  • activityBar.inactiveForeground#0f7585
  • activityBarBadge.background#7dcfff
  • activityBarBadge.foreground#16161e
  • badge.background#7dcfff
  • badge.foreground#16161e
  • breadcrumb.activeSelectionForeground#7dcfff
  • breadcrumb.background#1a1b26
  • breadcrumb.focusForeground#7dcfff
  • breadcrumb.foreground#c0caf5
  • button.background#7dcfff
  • button.foreground#1a1b26
  • button.hoverBackground#00d4aa
  • button.secondaryBackground#3b4261
  • button.secondaryForeground#c0caf5
  • button.secondaryHoverBackground#565f89
  • checkbox.background#16161e
  • checkbox.border#7dcfff7e
  • checkbox.foreground#a9b1d6
  • debugExceptionWidget.background#16161e
  • debugExceptionWidget.border#7dcfff85
  • debugToolBar.background#16161e
  • debugToolBar.border#7dcfff85
  • diffEditor.border#e90e66
  • diffEditor.insertedTextBackground#7dcfff30
  • diffEditor.insertedTextBorder#7dcfff44
  • diffEditor.removedTextBackground#ff4c7029
  • diffEditor.removedTextBorder#fbfdff36
  • dropdown.background#16161e
  • dropdown.border#7dcfff7e
  • dropdown.foreground#a9b1d6
  • editor.background#1a1b26
  • editor.findMatchBackground#7dcfff32
  • editor.findMatchBorder#29cdd07d
  • editor.findMatchHighlightBackground#ff4c7080
  • editor.findMatchHighlightBorder#c0caf500
  • editor.findRangeHighlightBackground#7dcfff1d
  • editor.findRangeHighlightBorder#0f758504
  • editor.foldBackground#7dcfff1c
  • editor.foreground#7dcfff
  • editor.hoverHighlightBackground#7dcfff46
  • editor.inactiveSelectionBackground#7dcfff38
  • editor.lineHighlightBackground#0f758552
  • editor.lineHighlightBorder#7dcfff20
  • editor.rangeHighlightBackground#7dcfff36
  • editor.rangeHighlightBorder#7dcfff25
  • editor.selectionBackground#0f758538
  • editor.selectionHighlightBackground#29cdd01f
  • editor.selectionHighlightBorder#7dcfff71
  • editor.wordHighlightBackground#0f75855e
  • editor.wordHighlightBorder#0f758578
  • editor.wordHighlightStrongBackground#7dcfff3c
  • editor.wordHighlightStrongBorder#7dcfff6c
  • editorBracketMatch.background#7dcfff46
  • editorBracketMatch.border#7dcfff75
  • editorCodeLens.foreground#a9b1d6
  • editorCursor.background#fbfdff
  • editorCursor.foreground#ff4c70
  • editorError.background#ff4c7000
  • editorError.border#ff4c7000
  • editorError.foreground#ff4c70
  • editorGroup.border#7dcfff74
  • editorGroup.emptyBackground#1a1b26
  • editorGroupHeader.border#7dcfff00
  • editorGroupHeader.tabsBackground#16161e
  • editorGutter.addedBackground#00dcff
  • editorGutter.background#1a1b26
  • editorGutter.commentRangeForeground#7dcfff
  • editorGutter.deletedBackground#e90e66
  • editorGutter.foldingControlForeground#7dcfff
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#16161e
  • editorHoverWidget.border#7dcfff40
  • editorHoverWidget.foreground#e2e2e2
  • editorIndentGuide.activeBackground1#7dcfffe5
  • editorIndentGuide.background1#7dcfff7a
  • editorInfo.background#7aa2f700
  • editorInfo.border#7aa2f700
  • editorInfo.foreground#7aa2f7
  • editorLineNumber.activeForeground#7dcfff
  • editorLineNumber.foreground#c0caf5
  • editorLink.activeForeground#f7768e
  • editorMarkerNavigation.background#16161e
  • editorMarkerNavigationError.background#ff4c70
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#7dcfff
  • editorOverviewRuler.background#7dcfff4c
  • editorOverviewRuler.border#7dcfff7e
  • editorRuler.foreground#7dcfff74
  • editorSuggestWidget.background#16161e
  • editorSuggestWidget.border#7dcfff42
  • editorSuggestWidget.foreground#c0caf5
  • editorSuggestWidget.highlightForeground#fbfdff
  • editorSuggestWidget.selectedBackground#7dcfff48
  • editorWarning.background#f9ffb400
  • editorWarning.border#f9ffb400
  • editorWarning.foreground#f9ffb4
  • editorWhitespace.foreground#7dcfff44
  • editorWidget.background#16161e
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#ff4c70d8
  • focusBorder#7dcfff
  • foreground#c0caf5
  • gitDecoration.addedResourceForeground#00d4aa
  • gitDecoration.conflictingResourceForeground#7aa2f7
  • gitDecoration.deletedResourceForeground#e64373
  • gitDecoration.ignoredResourceForeground#a9b1d6
  • gitDecoration.modifiedResourceForeground#F7C7A7
  • gitDecoration.stageDeletedResourceForeground#ff4c70
  • gitDecoration.stageModifiedResourceForeground#FDF6EB
  • gitDecoration.submoduleResourceForeground#7dcfff
  • gitDecoration.untrackedResourceForeground#7dcfff
  • icon.foreground#c0caf5
  • input.background#16161e
  • input.border#7dcfff7e
  • input.foreground#a9b1d6
  • input.placeholderForeground#565f89
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#7dcfff3c
  • inputOption.activeForeground#fbfdff
  • list.activeSelectionBackground#1a1b26
  • list.activeSelectionForeground#fbfdff
  • list.dropBackground#7dcfff18
  • list.focusBackground#1a1b26
  • list.focusForeground#fbfdff
  • list.highlightForeground#7dcfff
  • list.hoverBackground#1a1b26
  • list.hoverForeground#fbfdff
  • list.inactiveSelectionBackground#1a1b26
  • list.inactiveSelectionForeground#7dcfff
  • listFilterWidget.background#ff4c70
  • listFilterWidget.noMatchesOutline#7dcfff
  • listFilterWidget.outline#7dcfff3c
  • menu.background#16161e
  • menu.border#7dcfff2e
  • menu.foreground#7dcfff
  • menu.selectionBackground#7dcfff5c
  • menu.selectionBorder#7dcfff61
  • menu.selectionForeground#fbfdff
  • menu.separatorBackground#7dcfff30
  • menubar.selectionBackground#1a1b26
  • menubar.selectionBorder#7dcfff7c
  • menubar.selectionForeground#7dcfff
  • merge.commonContentBackground#2e3038
  • merge.commonHeaderBackground#ff4c70
  • merge.currentContentBackground#46484d
  • merge.currentHeaderBackground#0f7585
  • merge.incomingContentBackground#21212d
  • merge.incomingHeaderBackground#2c2d35
  • minimap.background#1a1b26
  • minimap.errorHighlight#ff4c70
  • minimap.findMatchHighlight#7dcfff32
  • minimap.selectionHighlight#0f758538
  • minimap.warningHighlight#f9ffb4
  • minimapGutter.addedBackground#00dcff
  • minimapGutter.deletedBackground#e90e66
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#7dcfff59
  • notificationCenterHeader.background#1a1b26
  • notificationCenterHeader.foreground#fbfdff
  • notifications.background#16161e
  • notifications.border#7dcfff61
  • notifications.foreground#fbfdff
  • notificationsErrorIcon.foreground#f2074d
  • notificationsInfoIcon.foreground#7aa2f7
  • notificationsWarningIcon.foreground#F7C7A7
  • notificationToast.border#7dcfff48
  • panel.background#16161e
  • panel.border#7dcfff28
  • panelSection.border#7dcfff34
  • panelTitle.activeBorder#7dcfff7c
  • panelTitle.activeForeground#7dcfff
  • panelTitle.inactiveForeground#c0caf5
  • peekView.border#ff4c70
  • peekViewEditor.background#16161e
  • peekViewEditor.matchHighlightBackground#0f758545
  • peekViewEditor.matchHighlightBorder#7dcfff2d
  • peekViewEditorGutter.background#16161e
  • peekViewResult.background#16161e
  • peekViewResult.fileForeground#fbfdff
  • peekViewResult.lineForeground#c0caf5
  • peekViewResult.matchHighlightBackground#7dcfff27
  • peekViewResult.selectionBackground#7dcfff23
  • peekViewResult.selectionForeground#838383
  • peekViewTitle.background#ff4c70
  • peekViewTitleDescription.foreground#fbfdff
  • peekViewTitleLabel.foreground#fbfdff
  • pickerGroup.border#7dcfff27
  • pickerGroup.foreground#7dcfff
  • progressBar.background#7dcfff
  • scrollbar.shadow#0f75852f
  • scrollbarSlider.activeBackground#7dcfffd9
  • scrollbarSlider.background#7dcfff32
  • scrollbarSlider.hoverBackground#7dcfff8d
  • selection.background#7dcfff18
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#c0caf5
  • sideBar.background#16161e
  • sideBar.border#7dcfff20
  • sideBar.dropBackground#7dcfff18
  • sideBar.foreground#95dadb
  • sideBarSectionHeader.background#95dadb17
  • sideBarSectionHeader.border#7dcfff26
  • sideBarSectionHeader.foreground#7dcfff
  • sideBarTitle.foreground#b9e6e5
  • statusBar.background#0f7585
  • statusBar.border#fbfdff46
  • statusBar.debuggingBackground#ff4c70
  • statusBar.debuggingBorder#fbfdff74
  • statusBar.debuggingForeground#fbfdff
  • statusBar.foreground#fbfdff
  • statusBar.noFolderBackground#6e1386
  • statusBar.noFolderBorder#fbfdff80
  • statusBar.noFolderForeground#fbfdff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#148ea1
  • statusBarItem.remoteBackground#ff4c70
  • statusBarItem.remoteForeground#fbfdff
  • tab.activeBackground#29ccd02c
  • tab.activeBorder#7dcfff00
  • tab.activeBorderTop#7dcfff00
  • tab.activeForeground#7dcfff
  • tab.border#7dcfff35
  • tab.hoverBackground#16161e
  • tab.hoverBorder#7dcfff00
  • tab.hoverForeground#7dcfff
  • tab.inactiveBackground#16161e
  • tab.inactiveForeground#c0caf5
  • terminal.ansiBlack#a9b1d6
  • terminal.ansiBlue#8eaef2
  • terminal.ansiBrightBlack#d8ddf5
  • terminal.ansiBrightBlue#6596ff
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#00ffcc
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#ff0f6f
  • terminal.ansiBrightWhite#fbfdff
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#00d4aa
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#f2074d
  • terminal.ansiWhite#bebebe
  • terminal.ansiYellow#e5e510
  • terminal.border#7dcfff34
  • terminal.foreground#fbfdff
  • terminal.selectionBackground#7dcfff14
  • terminalCursor.background#ff4c70
  • terminalCursor.foreground#fbfdff
  • textLink.foreground#fbfdff
  • titleBar.activeBackground#16161e
  • titleBar.activeForeground#7dcfff
  • titleBar.border#7dcfff00
  • titleBar.inactiveBackground#16161e
  • titleBar.inactiveForeground#7dcfff
  • tree.indentGuidesStroke#b9e6e576
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#7dcfff10

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