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#000e14
  • activityBar.background#000e14
  • activityBar.border#00000077
  • activityBar.foreground#7df9ff
  • activityBar.inactiveForeground#7df9ff
  • activityBarBadge.background#5fbabf
  • activityBarBadge.foreground#ffffff
  • badge.background#000e14
  • badge.foreground#7df9ff
  • breadcrumb.activeSelectionForeground#bcfcff
  • breadcrumb.background#000e14
  • breadcrumb.focusForeground#bcfcff
  • breadcrumb.foreground#7df9ff
  • button.background#7df9ff90
  • button.foreground#ffffff
  • button.hoverBackground#7df9ff
  • button.secondaryBackground#7df9ff90
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#7df9ff
  • checkbox.background#000e14
  • checkbox.border#00000000
  • checkbox.foreground#7df9ff
  • debugExceptionWidget.background#000e14
  • debugExceptionWidget.border#000e14
  • debugToolBar.background#000e14
  • debugToolBar.border#000e14
  • diffEditor.border#009fff
  • diffEditor.insertedTextBackground#009fff12
  • diffEditor.removedTextBackground#009fff12
  • dropdown.background#000e14
  • dropdown.border#00000000
  • dropdown.foreground#7df9ff
  • editor.background#000e14
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#7df9ff
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#7df9ff20
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#7df9ff20
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#7df9ff20
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#7df9ff90
  • editorCursor.background#00eeff
  • editorCursor.foreground#7df9ff50
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#7df9ff
  • editorGroup.emptyBackground#000e14
  • editorGroupHeader.tabsBackground#000e14
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#000e14
  • editorGutter.commentRangeForeground#7df9ff
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#7df9ff
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#000e14
  • editorHoverWidget.border#7df9ff50
  • editorHoverWidget.foreground#7df9ff
  • editorIndentGuide.activeBackground#7df9ff90
  • editorIndentGuide.background#7df9ff90
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#00ffff
  • editorLineNumber.foreground#7df9ff
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#000e14
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#7df9ff50
  • editorSuggestWidget.background#000e14
  • editorSuggestWidget.border#00000000
  • editorSuggestWidget.foreground#7df9ff80
  • editorSuggestWidget.highlightForeground#7df9ff
  • editorSuggestWidget.selectedBackground#7df9ff10
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#7df9ff20
  • editorWidget.background#000e14
  • editorWidget.foreground#7df9ff
  • editorWidget.resizeBorder#000e14
  • focusBorder#7df9ff
  • foreground#7df9ff
  • 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#7df9ff
  • input.background#000e14
  • input.border#00000000
  • input.foreground#7df9ff
  • input.placeholderForeground#7df9ff
  • inputOption.activeBackground#7df9ff20
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#7df9ff10
  • list.activeSelectionForeground#7df9ff
  • list.dropBackground#7df9ff10
  • list.focusBackground#7df9ff10
  • list.focusForeground#7df9ff
  • list.highlightForeground#7df9ff
  • list.hoverBackground#7df9ff10
  • list.hoverForeground#7df9ff
  • list.inactiveSelectionBackground#7df9ff10
  • list.inactiveSelectionForeground#7df9ff
  • listFilterWidget.background#7df9ff20
  • listFilterWidget.noMatchesOutline#7df9ff
  • listFilterWidget.outline#00000000
  • menu.background#000e14
  • menu.border#00000085
  • menu.foreground#7df9ff
  • menu.selectionBackground#7df9ff10
  • menu.selectionBorder#00000000
  • menu.selectionForeground#7df9ff
  • menu.separatorBackground#7df9ff50
  • menubar.selectionBackground#7df9ff20
  • menubar.selectionBorder#7df9ff10
  • menubar.selectionForeground#7df9ff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#000e14
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#7df9ff20
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#7df9ff50
  • notificationCenterHeader.background#000e14
  • notificationCenterHeader.foreground#7df9ff
  • notifications.background#000e14
  • notifications.border#7df9ff50
  • notifications.foreground#7df9ff
  • notificationsErrorIcon.foreground#ff0000
  • notificationsInfoIcon.foreground#0087ff
  • notificationsWarningIcon.foreground#ffd100
  • notificationToast.border#000e14
  • panel.background#000e14
  • panel.border#7df9ff50
  • panelSection.border#7df9ff50
  • panelTitle.activeBorder#7df9ff
  • panelTitle.activeForeground#7df9ff
  • panelTitle.inactiveForeground#7df9ff90
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#000e14
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#000e14
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#7df9ff50
  • pickerGroup.foreground#7df9ff90
  • progressBar.background#7df9ff
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#7df9ff
  • scrollbarSlider.background#7df9ff42
  • scrollbarSlider.hoverBackground#7df9ffa1
  • selection.background#7df9ff40
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#7df9ff
  • sideBar.background#000e14
  • sideBar.border#00000000
  • sideBar.dropBackground#7df9ff10
  • sideBar.foreground#7df9ff
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#7df9ff40
  • sideBarSectionHeader.foreground#7df9ff
  • sideBarTitle.foreground#7df9ff
  • statusBar.background#000e14
  • statusBar.debuggingBackground#7df9ff80
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#7df9ff
  • statusBar.noFolderBackground#000e14
  • statusBar.noFolderBorder#ff000000
  • statusBar.noFolderForeground#7df9ff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#5fbabf
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#57b3b810
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#7df9ff
  • tab.border#214143
  • tab.hoverBackground#7df9ff20
  • tab.inactiveBackground#000e14
  • tab.inactiveForeground#7df9ff90
  • terminal.ansiBlack#606060
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#c2c2c2
  • 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#7df9ff50
  • terminal.foreground#7df9ff
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#7df9ff50
  • terminalCursor.foreground#7df9ff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#000e14
  • titleBar.activeForeground#7df9ff
  • titleBar.border#00000000
  • titleBar.inactiveBackground#000e14
  • titleBar.inactiveForeground#7df9ff
  • tree.indentGuidesStroke#7df9ff50
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#7df9ff70

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