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#29ccd0
  • activityBar.inactiveForeground#0f7585
  • activityBarBadge.background#29ccd0
  • activityBarBadge.foreground#16161e
  • badge.background#29ccd0
  • badge.foreground#16161e
  • breadcrumb.activeSelectionForeground#29ccd0
  • breadcrumb.background#1a1b26
  • breadcrumb.focusForeground#29ccd0
  • breadcrumb.foreground#c0caf5
  • button.background#0f7585
  • button.foreground#fbfdff
  • button.hoverBackground#40909b
  • button.secondaryBackground#3b4261
  • button.secondaryForeground#c0caf5
  • button.secondaryHoverBackground#565f89
  • checkbox.background#16161e
  • checkbox.border#29ccd07e
  • checkbox.foreground#a9b1d6
  • debugExceptionWidget.background#16161e
  • debugExceptionWidget.border#29ccd085
  • debugToolBar.background#16161e
  • debugToolBar.border#29ccd085
  • diffEditor.border#e90e66
  • diffEditor.insertedTextBackground#29ccd030
  • diffEditor.insertedTextBorder#29ccd044
  • diffEditor.removedTextBackground#ff4c7029
  • diffEditor.removedTextBorder#fbfdff36
  • dropdown.background#16161e
  • dropdown.border#29ccd07e
  • dropdown.foreground#a9b1d6
  • editor.background#1a1b26
  • editor.findMatchBackground#29ccd032
  • editor.findMatchBorder#29cdd07d
  • editor.findMatchHighlightBackground#ff4c7080
  • editor.findMatchHighlightBorder#c0caf500
  • editor.findRangeHighlightBackground#29ccd01d
  • editor.findRangeHighlightBorder#0f758504
  • editor.foldBackground#29ccd01c
  • editor.foreground#7dcfff
  • editor.hoverHighlightBackground#29ccd046
  • editor.inactiveSelectionBackground#29ccd038
  • editor.lineHighlightBackground#0f758552
  • editor.lineHighlightBorder#29ccd020
  • editor.rangeHighlightBackground#29ccd036
  • editor.rangeHighlightBorder#29ccd025
  • editor.selectionBackground#0f758538
  • editor.selectionHighlightBackground#29cdd01f
  • editor.selectionHighlightBorder#29ccd071
  • editor.wordHighlightBackground#0f75855e
  • editor.wordHighlightBorder#0f758578
  • editor.wordHighlightStrongBackground#29ccd03c
  • editor.wordHighlightStrongBorder#29ccd06c
  • editorBracketMatch.background#29ccd046
  • editorBracketMatch.border#29ccd075
  • editorCodeLens.foreground#a9b1d6
  • editorCursor.background#fbfdff
  • editorCursor.foreground#ff4c70
  • editorError.background#ff4c7000
  • editorError.border#ff4c7000
  • editorError.foreground#ff4c70
  • editorGroup.border#29ccd074
  • editorGroup.emptyBackground#1a1b26
  • editorGroupHeader.border#29ccd000
  • editorGroupHeader.tabsBackground#16161e
  • editorGutter.addedBackground#00dcff
  • editorGutter.background#1a1b26
  • editorGutter.commentRangeForeground#29ccd0
  • editorGutter.deletedBackground#e90e66
  • editorGutter.foldingControlForeground#29ccd0
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#16161e
  • editorHoverWidget.border#29ccd040
  • editorHoverWidget.foreground#e2e2e2
  • editorIndentGuide.activeBackground1#29ccd0e5
  • editorIndentGuide.background1#29ccd07a
  • editorInfo.background#7aa2f700
  • editorInfo.border#7aa2f700
  • editorInfo.foreground#7aa2f7
  • editorLineNumber.activeForeground#29ccd0
  • editorLineNumber.foreground#c0caf5
  • editorLink.activeForeground#f7768e
  • editorMarkerNavigation.background#16161e
  • editorMarkerNavigationError.background#ff4c70
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#29ccd0
  • editorOverviewRuler.background#29ccd04c
  • editorOverviewRuler.border#29ccd07e
  • editorRuler.foreground#29ccd074
  • editorSuggestWidget.background#16161e
  • editorSuggestWidget.border#29ccd042
  • editorSuggestWidget.foreground#c0caf5
  • editorSuggestWidget.highlightForeground#fbfdff
  • editorSuggestWidget.selectedBackground#29ccd048
  • editorWarning.background#f9ffb400
  • editorWarning.border#f9ffb400
  • editorWarning.foreground#f9ffb4
  • editorWhitespace.foreground#29ccd044
  • editorWidget.background#16161e
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#ff4c70d8
  • focusBorder#29ccd0
  • 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#29ccd0
  • icon.foreground#c0caf5
  • input.background#16161e
  • input.border#29ccd07e
  • input.foreground#a9b1d6
  • input.placeholderForeground#565f89
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#29ccd03c
  • inputOption.activeForeground#fbfdff
  • list.activeSelectionBackground#1a1b26
  • list.activeSelectionForeground#fbfdff
  • list.dropBackground#29ccd018
  • list.focusBackground#1a1b26
  • list.focusForeground#fbfdff
  • list.highlightForeground#29ccd0
  • list.hoverBackground#1a1b26
  • list.hoverForeground#fbfdff
  • list.inactiveSelectionBackground#1a1b26
  • list.inactiveSelectionForeground#29ccd0
  • listFilterWidget.background#ff4c70
  • listFilterWidget.noMatchesOutline#29ccd0
  • listFilterWidget.outline#29ccd03c
  • menu.background#16161e
  • menu.border#29ccd02e
  • menu.foreground#29ccd0
  • menu.selectionBackground#29ccd05c
  • menu.selectionBorder#29ccd061
  • menu.selectionForeground#fbfdff
  • menu.separatorBackground#29ccd030
  • menubar.selectionBackground#1a1b26
  • menubar.selectionBorder#29ccd07c
  • menubar.selectionForeground#29ccd0
  • 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#29ccd032
  • minimap.selectionHighlight#0f758538
  • minimap.warningHighlight#f9ffb4
  • minimapGutter.addedBackground#00dcff
  • minimapGutter.deletedBackground#e90e66
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#29ccd059
  • notificationCenterHeader.background#1a1b26
  • notificationCenterHeader.foreground#fbfdff
  • notifications.background#16161e
  • notifications.border#29ccd061
  • notifications.foreground#fbfdff
  • notificationsErrorIcon.foreground#f2074d
  • notificationsInfoIcon.foreground#7aa2f7
  • notificationsWarningIcon.foreground#F7C7A7
  • notificationToast.border#29ccd048
  • panel.background#16161e
  • panel.border#29ccd028
  • panelSection.border#29ccd034
  • panelTitle.activeBorder#29ccd07c
  • panelTitle.activeForeground#29ccd0
  • panelTitle.inactiveForeground#c0caf5
  • peekView.border#ff4c70
  • peekViewEditor.background#16161e
  • peekViewEditor.matchHighlightBackground#0f758545
  • peekViewEditor.matchHighlightBorder#29ccd02d
  • peekViewEditorGutter.background#16161e
  • peekViewResult.background#16161e
  • peekViewResult.fileForeground#fbfdff
  • peekViewResult.lineForeground#c0caf5
  • peekViewResult.matchHighlightBackground#29ccd027
  • peekViewResult.selectionBackground#29ccd023
  • peekViewResult.selectionForeground#838383
  • peekViewTitle.background#ff4c70
  • peekViewTitleDescription.foreground#fbfdff
  • peekViewTitleLabel.foreground#fbfdff
  • pickerGroup.border#29ccd027
  • pickerGroup.foreground#29ccd0
  • progressBar.background#29ccd0
  • scrollbar.shadow#0f75852f
  • scrollbarSlider.activeBackground#29ccd0d9
  • scrollbarSlider.background#29ccd032
  • scrollbarSlider.hoverBackground#29ccd08d
  • selection.background#29ccd018
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#c0caf5
  • sideBar.background#16161e
  • sideBar.border#29ccd020
  • sideBar.dropBackground#29ccd018
  • sideBar.foreground#95dadb
  • sideBarSectionHeader.background#95dadb17
  • sideBarSectionHeader.border#29ccd026
  • sideBarSectionHeader.foreground#29ccd0
  • 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#29ccd000
  • tab.activeBorderTop#29ccd000
  • tab.activeForeground#29ccd0
  • tab.border#29ccd035
  • tab.hoverBackground#16161e
  • tab.hoverBorder#29ccd000
  • tab.hoverForeground#29ccd0
  • 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#29ccd034
  • terminal.foreground#fbfdff
  • terminal.selectionBackground#29ccd014
  • terminalCursor.background#ff4c70
  • terminalCursor.foreground#fbfdff
  • textLink.foreground#fbfdff
  • titleBar.activeBackground#16161e
  • titleBar.activeForeground#29ccd0
  • titleBar.border#29ccd000
  • titleBar.inactiveBackground#16161e
  • titleBar.inactiveForeground#29ccd0
  • tree.indentGuidesStroke#b9e6e576
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#29ccd010

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#95dadb
variable.other.generic-type.haskell#29ccd0
storage.type.haskell#ff88b8
support.variable.magic.python#95dadb
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#c0caf5
variable.parameter.function.language.special.self.python#de4e88
storage.modifier.lifetime.rust#c0caf5
support.function.std.rust#7aa2f7
entity.name.lifetime.rust#de4e88
variable.language.rust#95dadb
support.constant.edge#29ccd0
constant.other.character-class.regexp#95dadb
keyword.operator.quantifier.regexp#ff88b8
punctuation.definition.string.begin,punctuation.definition.string.end#a9b1d6
variable.parameter.function#c0caf5
comment markup.link#565f89
markup.changed.diff#de4e88
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#95dadb
meta.function.c,meta.function.cpp#95dadb
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#de4e88
support.constant.property.math#ff88b8
variable.other.constant#de4e88
storage.type.annotation.java, storage.type.object.array.java#de4e88
source.java#95dadb
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#de4e88
keyword.operator.instanceof.java#29ccd0
meta.definition.variable.name.java#95dadb
keyword.operator.logical#fbfdff
keyword.operator.bitwise#fbfdff
keyword.operator.channel#fbfdff
support.constant.property-value.scss,support.constant.property-value.css#ff88b8
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#ff88b8
punctuation.separator.list.comma.css#c0caf5
support.constant.color.w3c-standard-color-name.css#ff88b8
support.type.vendored.property-name.css#fbfdff
support.module.node,support.type.object.module,support.module.node#de4e88
entity.name.type.module#de4e88
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#95dadb
support.constant.json#ff88b8
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#29ccd0
support.type.object.console#95dadb
support.variable.property.process#ff88b8
entity.name.function,support.function.console#7aa2f7
keyword.operator.misc.rust#c0caf5
keyword.operator.sigil.rust#29ccd0
keyword.operator.delete#29ccd0
support.type.object.dom#fbfdff
support.variable.dom,support.variable.property.dom#95dadb
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#29ccd0
punctuation.separator.delimiter#c0caf5
punctuation.separator.c,punctuation.separator.cpp#29ccd0
support.type.posix-reserved.c,support.type.posix-reserved.cpp#fbfdff
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#29ccd0
variable.parameter.function.language.python#ff88b8
support.type.python#fbfdff
keyword.operator.logical.python#29ccd0
variable.parameter.function.python#ff88b8
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#ff88b8
keyword.operator#c0caf5
keyword.operator.assignment.compound#29ccd0
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#fbfdff
keyword#29ccd0
entity.name.namespace#de4e88
variable#95dadb
variable.c#c0caf5
variable.language#de4e88
token.variable.parameter.java#c0caf5
import.storage.java#de4e88
token.package.keyword#29ccd0
token.package#c0caf5
entity.name.function, meta.require, support.function.any-method, variable.function#7aa2f7
entity.name.type.namespace#de4e88
support.class, entity.name.type.class#de4e88
entity.name.class.identifier.namespace.type#de4e88
entity.name.class, variable.other.class.js, variable.other.class.ts#de4e88
variable.other.class.php#95dadb
entity.name.type#de4e88
keyword.control#29ccd0
control.elements, keyword.operator.less#ff88b8
keyword.other.special-method#7aa2f7
storage#29ccd0
token.storage#29ccd0
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#29ccd0
token.storage.type.java#de4e88
support.function#fbfdff
support.type.property-name#c0caf5
support.constant.property-value#c0caf5
support.constant.font-name#ff88b8
meta.tag#c0caf5
string#a9b1d6
entity.other.inherited-class#de4e88
constant.other.symbol#fbfdff
constant.numeric#ff88b8
constant#ff88b8
punctuation.definition.constant#ff88b8
entity.name.tag#95dadb
entity.other.attribute-name#ff88b8
entity.other.attribute-name.id#7aa2f7normal
entity.other.attribute-name.class.css#ff88b8normal
meta.selector#29ccd0
markup.heading#95dadb
markup.heading punctuation.definition.heading, entity.name.section#7aa2f7
keyword.other.unit#95dadb
markup.bold,todo.bold#ff88b8
punctuation.definition.bold#de4e88
markup.italic, punctuation.definition.italic,todo.emphasis#29ccd0
emphasis md#29ccd0
entity.name.section.markdown#95dadb
punctuation.definition.heading.markdown#95dadb
punctuation.definition.list.begin.markdown#95dadb
markup.heading.setext#c0caf5
punctuation.definition.bold.markdown#ff88b8
markup.inline.raw.markdown#a9b1d6
markup.inline.raw.string.markdown#a9b1d6
punctuation.definition.list.markdown#95dadb
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#95dadb
beginning.punctuation.definition.list.markdown#95dadb
punctuation.definition.metadata.markdown#95dadb
markup.underline.link.markdown,markup.underline.link.image.markdown#29ccd0
string.other.link.title.markdown,string.other.link.description.markdown#7aa2f7
string.regexp#fbfdff
constant.character.escape#fbfdff
punctuation.section.embedded, variable.interpolation#95dadb
punctuation.section.embedded.begin,punctuation.section.embedded.end#29ccd0
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#95dadb
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#95dadb
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#95dadb
support.type.property-name.json punctuation#95dadb
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#29ccd0
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#29ccd0
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#de4e88
keyword.operator.error-control.php#29ccd0
keyword.operator.type.php#29ccd0
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#de4e88
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#ff88b8
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ff88b8
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#29ccd0
keyword.operator.comparison.php#fbfdff
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#29ccd0
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#ff88b8
less rgb-value#ff88b8
selector.sass#95dadb
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#de4e88
block.scope.end,block.scope.begin#c0caf5
storage.type.cs#de4e88
entity.name.variable.local.cs#95dadb
token.info-token#7aa2f7
token.warn-token#ff88b8
token.error-token#f44747
token.debug-token#29ccd0
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#29ccd0
meta.template.expression#c0caf5
keyword.operator.module#29ccd0
support.type.type.flowtype#7aa2f7
support.type.primitive#de4e88
meta.property.object#95dadb
variable.parameter.function.js#95dadb
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#de4e88
keyword.operator.arithmetic.go, keyword.operator.address.go#29ccd0
entity.name.package.go#de4e88
support.type.prelude.elm#fbfdff
support.constant.elm#ff88b8
punctuation.quasi.element#29ccd0
constant.character.entity#95dadb
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#fbfdff
entity.global.clojure#de4e88
meta.symbol.clojure#95dadb
constant.keyword.clojure#fbfdff
meta.arguments.coffee, variable.parameter.function.coffee#95dadb
source.ini#a9b1d6
meta.scope.prerequisites.makefile#95dadb
source.makefile#de4e88
storage.modifier.import.groovy#de4e88
meta.method.groovy#7aa2f7
meta.definition.variable.name.groovy#95dadb
meta.definition.class.inherited.classes.groovy#a9b1d6
support.variable.semantic.hlsl#de4e88
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#29ccd0
text.variable, text.bracketed#95dadb
support.type.swift, support.type.vb.asp#de4e88
entity.name.function.xi#de4e88
entity.name.class.xi#fbfdff
constant.character.character-class.regexp.xi#95dadb
constant.regexp.xi#29ccd0
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#ff88b8
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#de4e88
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#95dadb
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...