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#181b28
  • activityBar.background#181b28
  • activityBar.border#181b28
  • activityBar.foreground#5f7e97
  • activityBar.inactiveForeground#d7d7d766
  • activityBarBadge.background#00b7ff
  • activityBarBadge.foreground#ffffff
  • badge.background#5f7e97
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#181b28
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#a599e9
  • button.background#7e57c2cc
  • button.foreground#ffffff
  • button.hoverBackground#19203d
  • button.secondaryBackground#007cff
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#262c45
  • checkbox.background#0b253a
  • checkbox.border#5f7e97
  • checkbox.foreground#ffffffcc
  • debugExceptionWidget.background#181b28
  • debugExceptionWidget.border#e8e8e82e
  • debugToolBar.background#181b28
  • debugToolBar.border#e8e8e82e
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#0b253a
  • dropdown.border#5f7e97
  • dropdown.foreground#ffffffcc
  • editor.background#181b28
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#212538
  • editor.foreground#d3d3d3
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#7e57c25a
  • editor.lineHighlightBackground#ffffff0a
  • editor.lineHighlightBorder#00000033
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#272b3d
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#7d7d7d
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff
  • editorCursor.foreground#5f7dff
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ff512e
  • editorGroup.border#444444
  • editorGroup.emptyBackground#181b28
  • editorGroupHeader.border#5c5c5c
  • editorGroupHeader.tabsBackground#181b28
  • editorGroupHeader.tabsBorder#323232
  • editorGutter.addedBackground#0c7c32
  • editorGutter.background#181b28
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#ab3238
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#181b28
  • editorHoverWidget.border#2a314d
  • editorHoverWidget.foreground#d9d9d9
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#ffffff
  • editorLineNumber.foreground#717171
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#00000000
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#242a43
  • editorSuggestWidget.border#242a43
  • editorSuggestWidget.foreground#eaeaea
  • editorSuggestWidget.highlightForeground#007cff
  • editorSuggestWidget.selectedBackground#242a43
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffd100
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#021320
  • editorWidget.foreground#c0c0c0
  • editorWidget.resizeBorder#ffffff
  • focusBorder#ffffff1c
  • foreground#ffffff
  • gitDecoration.addedResourceForeground#59b86b
  • gitDecoration.conflictingResourceForeground#ffeb95cc
  • gitDecoration.deletedResourceForeground#ef535090
  • gitDecoration.ignoredResourceForeground#395a75
  • gitDecoration.modifiedResourceForeground#a2bffc
  • gitDecoration.stageDeletedResourceForeground#e2725e
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#c5e478
  • icon.foreground#ffffff
  • input.background#0b253a
  • input.border#5f7e97
  • input.foreground#ffffffcc
  • input.placeholderForeground#5f7e97
  • inputOption.activeBackground#262c45
  • inputOption.activeBorder#ffffffcc
  • inputOption.activeForeground#eeeeee
  • list.activeSelectionBackground#0b2942
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#181b28
  • list.focusBackground#0b2942
  • list.focusForeground#cccccc
  • list.highlightForeground#ffffff
  • list.hoverBackground#181b28
  • list.hoverForeground#e8e8e8
  • list.inactiveSelectionBackground#1b2034
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#0b2942
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#ffffff00
  • menu.background#232530
  • menu.border#ffffff34
  • menu.foreground#c7c7c7
  • menu.selectionBackground#181b28
  • menu.selectionBorder#181b28
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#a5a5a5
  • menubar.selectionBackground#313856
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#181b28
  • minimap.errorHighlight#ff512e
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#272b3d
  • minimap.warningHighlight#ffd100
  • minimapGutter.addedBackground#0c7c32
  • minimapGutter.deletedBackground#ab3238
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#181b28
  • notificationCenterHeader.background#181b28
  • notificationCenterHeader.foreground#ffffff
  • notifications.background#01111d
  • notifications.border#ffffff0e
  • notifications.foreground#e6e6e6
  • notificationsErrorIcon.foreground#ff0000
  • notificationsInfoIcon.foreground#62b5ff
  • notificationsWarningIcon.foreground#ffd100
  • notificationToast.border#ffffff14
  • panel.background#181b28
  • panel.border#ffffff59
  • panelSection.border#ffffff59
  • panelTitle.activeBorder#ffffff
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#ffffff99
  • peekView.border#007acc
  • peekViewEditor.background#181b28
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#181b28
  • peekViewResult.background#181b28
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#181b28
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#ffffff
  • pickerGroup.foreground#3794ff
  • progressBar.background#0e70c0
  • scrollbar.shadow#000000b9
  • scrollbarSlider.activeBackground#084d8180
  • scrollbarSlider.background#084d8180
  • scrollbarSlider.hoverBackground#084d8180
  • selection.background#008dff
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffff
  • sideBar.background#181b28
  • sideBar.border#181b28
  • sideBar.dropBackground#181b28
  • sideBar.foreground#89a4bb
  • sideBarSectionHeader.background#181b28
  • sideBarSectionHeader.border#181b28
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#00c3ff
  • statusBar.background#181b28
  • statusBar.border#ff000000
  • statusBar.debuggingBackground#d55a00
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#692a79
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#0b2942
  • tab.activeBorder#262a39
  • tab.activeBorderTop#ffffff00
  • tab.activeForeground#d2dee7
  • tab.border#ffffff00
  • tab.hoverBackground#01111d00
  • tab.hoverBorder#ffffff00
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#01111d
  • tab.inactiveForeground#5f7e97
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#ffffff59
  • terminal.foreground#ffffff
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#00ff9f
  • titleBar.activeBackground#181b28
  • titleBar.activeForeground#eeefff
  • titleBar.border#ffffff00
  • titleBar.inactiveBackground#010e1a
  • titleBar.inactiveForeground#ababab99
  • tree.indentGuidesStroke#585858
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#181b28

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

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...