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.background#22262E
  • activityBar.border#22262E
  • activityBar.dropBackground#535E72
  • activityBar.foreground#d7dae0
  • activityBar.inactiveForeground#535E72
  • activityBarBadge.background#44596b
  • activityBarBadge.foreground#ffffff
  • badge.background#535E72
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#FFFFFF
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#535E72
  • breadcrumbPicker.background#001122
  • button.background#00574Dcc
  • button.foreground#ffffffcc
  • button.hoverBackground#00574D
  • debugExceptionWidget.background#22262E
  • debugExceptionWidget.border#535E72
  • debugToolBar.background#22262E
  • diffEditor.insertedTextBackground#99b76d23
  • diffEditor.insertedTextBorder#c5e47833
  • diffEditor.removedTextBackground#ef535033
  • diffEditor.removedTextBorder#ef53504d
  • dropdown.background#22262E
  • dropdown.border#535E72
  • dropdown.foreground#ffffffcc
  • editor.background#22262E
  • editor.findMatchBackground#535E7279
  • editor.findMatchHighlightBackground#1085bb5d
  • editor.foreground#d6deeb
  • editor.hoverHighlightBackground#222A2E
  • editor.inactiveSelectionBackground#222A2E
  • editor.lineHighlightBackground#282D37
  • editor.rangeHighlightBackground#222A2E
  • editor.selectionBackground#67769660
  • editor.selectionHighlightBackground#ffffff10
  • editor.selectionHighlightBorder#dddddd
  • editor.wordHighlightBackground#d2e0ff2f
  • editor.wordHighlightBorder#7f848e
  • editor.wordHighlightStrongBackground#abb2bf26
  • editor.wordHighlightStrongBorder#7f848e
  • editorActiveLineNumber.foreground#737984
  • editorBracketMatch.background#535E724d
  • editorCodeLens.foreground#5e82ceb4
  • editorCursor.foreground#ff0000
  • editorError.foreground#EF5350
  • editorGroup.border#22262E
  • editorGroup.dropBackground#00574D73
  • editorGroup.emptyBackground#22262E
  • editorGroupHeader.noTabsBackground#22262E
  • editorGroupHeader.tabsBackground#22262E
  • editorGroupHeader.tabsBorder#262A39
  • editorGutter.addedBackground#9CCC65
  • editorGutter.background#22262E
  • editorGutter.deletedBackground#EF5350
  • editorGutter.modifiedBackground#e2b93d
  • editorHoverWidget.background#22262Eb7
  • editorHoverWidget.border#535E72
  • editorIndentGuide.activeBackground#c8c8c859
  • editorIndentGuide.background#3b4048
  • editorInlayHint.background#2c313c
  • editorInlayHint.foreground#abb2bf
  • editorLineNumber.activeForeground#C5E4FD
  • editorLineNumber.foreground#495162
  • editorMarkerNavigation.background#1e2227
  • editorMarkerNavigationError.background#EF5350
  • editorMarkerNavigationWarning.background#FFCA28
  • editorOverviewRuler.commonContentForeground#00574D
  • editorOverviewRuler.currentContentForeground#00574D
  • editorOverviewRuler.incomingContentForeground#00574D
  • editorRuler.foreground#abb2bf26
  • editorSuggestWidget.background#1e2227
  • editorSuggestWidget.border#181a1f
  • editorSuggestWidget.foreground#ffa0a0
  • editorSuggestWidget.highlightForeground#ffffffcc
  • editorSuggestWidget.selectedBackground#2c313a
  • editorWarning.foreground#b39554
  • editorWidget.background#1e2227
  • editorWidget.border#535E72
  • errorForeground#EF5350
  • extensionButton.prominentBackground#00574D
  • extensionButton.prominentForeground#ffffffcc
  • extensionButton.prominentHoverBackground#00574D
  • focusBorder#3e4452
  • foreground#d6deeb
  • gitDecoration.conflictingResourceForeground#ffeb95cc
  • gitDecoration.deletedResourceForeground#EF535090
  • gitDecoration.ignoredResourceForeground#395a75
  • gitDecoration.modifiedResourceForeground#a2bffc
  • gitDecoration.untrackedResourceForeground#c5e478ff
  • input.background#1d1f23
  • input.border#535E72
  • input.foreground#ffffffcc
  • input.placeholderForeground#535E72
  • inputOption.activeBorder#ffffffcc
  • inputValidation.errorBackground#AB0300F2
  • inputValidation.errorBorder#EF5350
  • inputValidation.infoBackground#00589EF2
  • inputValidation.infoBorder#64B5F6
  • inputValidation.warningBackground#675700F2
  • inputValidation.warningBorder#FFCA28
  • list.activeSelectionBackground#2c313a
  • list.activeSelectionForeground#d7dae0
  • list.focusBackground#323842
  • list.focusForeground#f0f0f0
  • list.highlightForeground#c5c5c5
  • list.hoverBackground#2c313a
  • list.hoverForeground#fff
  • list.inactiveSelectionBackground#323842
  • list.inactiveSelectionForeground#d7dae0
  • list.warningForeground#d19a66
  • menu.foreground#abb2bf
  • menu.separatorBackground#343a45
  • merge.currentHeaderBackground#535E72
  • merge.incomingHeaderBackground#222A2E
  • meta.objectliteral.js#82AAFF
  • notificationCenter.border#262a39
  • notificationLink.foreground#80CBC4
  • notifications.background#01111d
  • notifications.border#262a39
  • notifications.foreground#ffffffcc
  • notificationToast.border#262a39
  • panel.background#22262E
  • panel.border#535E72
  • panelTitle.activeBorder#535E72
  • panelTitle.activeForeground#ffffffcc
  • panelTitle.inactiveForeground#d6deeb80
  • peekView.border#535E72
  • peekViewEditor.background#22262E
  • peekViewEditor.matchHighlightBackground#222A2E
  • peekViewResult.background#22262E
  • peekViewResult.fileForeground#535E72
  • peekViewResult.lineForeground#535E72
  • peekViewResult.matchHighlightBackground#ffffffcc
  • peekViewResult.selectionBackground#2E3250
  • peekViewResult.selectionForeground#535E72
  • peekViewTitle.background#22262E
  • peekViewTitleDescription.foreground#697098
  • peekViewTitleLabel.foreground#535E72
  • pickerGroup.border#22262E
  • pickerGroup.foreground#79B5E0
  • progress.background#00574D
  • scrollbar.shadow#23252c
  • scrollbarSlider.activeBackground#747d9180
  • scrollbarSlider.background#4e566660
  • scrollbarSlider.hoverBackground#5a637580
  • selection.background#4373c2
  • sideBar.background#22262E
  • sideBar.border#22262E
  • sideBar.foreground#89a4bb
  • sideBarSectionHeader.background#22262E
  • sideBarSectionHeader.foreground#535E72
  • sideBarTitle.foreground#535E72
  • source.elm#535E72
  • statusBar.background#1e2227
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingBorder#66017a
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#9da5b4
  • statusBar.noFolderBackground#1e2227
  • statusBarItem.hoverBackground#2c313a
  • statusBarItem.remoteBackground#4d78cc
  • statusBarItem.remoteForeground#f8fafd
  • string.quoted.single.js#ffffff
  • symbolIcon.snippetForeground#1e2227
  • tab.activeBackground#23272e
  • tab.activeForeground#dcdcdc
  • tab.border#181a1f
  • tab.hoverBackground#323842
  • tab.inactiveBackground#1e2227
  • tab.unfocusedHoverBackground#323842
  • terminal.ansiBlack#22262E
  • terminal.ansiBlue#82AAFF
  • terminal.ansiBrightBlack#575656
  • terminal.ansiBrightBlue#82AAFF
  • terminal.ansiBrightCyan#7fdbca
  • terminal.ansiBrightGreen#22da6e
  • terminal.ansiBrightMagenta#C792EA
  • terminal.ansiBrightRed#EF5350
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ffeb95
  • terminal.ansiCyan#21c7a8
  • terminal.ansiGreen#22da6e
  • terminal.ansiMagenta#C792EA
  • terminal.ansiRed#EF5350
  • terminal.ansiWhite#ffffff
  • terminal.ansiYellow#c5e478
  • terminal.foreground#79B5E0
  • terminal.selectionBackground#1b90dd4d
  • terminalCursor.background#234d70
  • terminalCursor.foreground
  • textCodeBlock.background#4f4f4f
  • titleBar.activeBackground#22262E
  • titleBar.activeForeground#eeefff
  • titleBar.inactiveBackground#22262E
  • walkThrough.embeddedEditorBackground#22262E
  • welcomePage.buttonBackground#22262E
  • welcomePage.buttonHoverBackground#22262E

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

Pine Editor Themes - Coding Theme