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.foreground#d7dae0
  • activityBar.inactiveForeground#535e72
  • activityBarBadge.background#44596b
  • activityBarBadge.foreground#adff2f
  • badge.background#535e72
  • badge.foreground#adff2f
  • breadcrumb.activeSelectionForeground#adff2f
  • breadcrumb.focusForeground#adff2f
  • breadcrumb.foreground#535e72
  • breadcrumbPicker.background#001122
  • button.background#00574dcc
  • button.foreground#adff2fcc
  • 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#adff2fcc
  • editor.background#22262e
  • editor.findMatchBackground#535e7279
  • editor.findMatchHighlightBackground#f0efef1a
  • editor.foreground#ffffffcb
  • editor.hoverHighlightBackground#ffffff3b
  • editor.inactiveSelectionBackground#222a2e
  • editor.lineHighlightBackground#282d37
  • editor.rangeHighlightBackground#222a2e
  • editor.selectionBackground#67769660
  • editor.selectionHighlightBackground#adff2f10
  • editor.selectionHighlightBorder#ffffff00
  • editor.wordHighlightBackground#d2e0ff2f
  • editor.wordHighlightBorder#ffffff3b
  • editor.wordHighlightStrongBackground#ffffff3b
  • editor.wordHighlightStrongBorder#ffffff3b
  • editorBracketHighlight.foreground1#fff
  • editorBracketHighlight.foreground2#fff
  • editorBracketHighlight.foreground3#fff
  • editorBracketHighlight.unexpectedBracket.foreground#ff0000
  • editorBracketMatch.background#02d2bd00
  • editorBracketMatch.border#ffffff00
  • editorBracketPairGuide.activeBackground1#ffffff6b
  • editorBracketPairGuide.activeBackground2#ffffff6a
  • editorBracketPairGuide.activeBackground3#ffffff61
  • editorCodeLens.foreground#5e82ceb4
  • editorCursor.foreground#84e22e
  • editorError.foreground#ef5350
  • editorGhostText.background#00000000
  • editorGhostText.border#027f8300
  • editorGhostText.foreground#fbff0060
  • editorGroup.border#22262e
  • editorGroup.dropBackground#00fff2
  • 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#ff000000
  • editorInlayHint.background#2c313c
  • editorInlayHint.foreground#ffffff
  • editorLineNumber.activeForeground#73ff00
  • editorLineNumber.foreground#495162
  • editorMarkerNavigation.background#1e2227
  • editorMarkerNavigationError.background#ef5350
  • editorMarkerNavigationWarning.background#ffca28
  • editorOverviewRuler.bracketMatchForeground#ffffff
  • editorOverviewRuler.commonContentForeground#00574d
  • editorOverviewRuler.currentContentForeground#00574d
  • editorOverviewRuler.findMatchForeground#ffffff79
  • editorOverviewRuler.incomingContentForeground#00574d
  • editorRuler.foreground#ffffff26
  • editorSuggestWidget.background#1d1d1d
  • editorSuggestWidget.border#181a1f
  • editorSuggestWidget.foreground#ffa0a0
  • editorSuggestWidget.highlightForeground#adff2fcc
  • editorSuggestWidget.selectedBackground#2c313a
  • editorWarning.foreground#b39554
  • editorWidget.background#1e2227
  • editorWidget.border#00fff2
  • errorForeground#ef5350
  • extensionButton.prominentBackground#00574d
  • extensionButton.prominentForeground#adff2fcc
  • extensionButton.prominentHoverBackground#00574d
  • focusBorder#3e4452
  • foreground#ffffff
  • gitDecoration.conflictingResourceForeground#ffeb95cc
  • gitDecoration.deletedResourceForeground#ef535090
  • gitDecoration.ignoredResourceForeground#395a75
  • gitDecoration.modifiedResourceForeground#a2bffc
  • gitDecoration.untrackedResourceForeground#c5e478
  • input.background#1d1f23
  • input.border#535e72
  • input.foreground#ffffff
  • input.placeholderForeground#535e72
  • inputOption.activeBorder#adff2fcc
  • 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#ffffff
  • list.inactiveSelectionBackground#323842
  • list.inactiveSelectionForeground#d7dae0
  • list.warningForeground#adff2f
  • menu.foreground#ffffff
  • menu.separatorBackground#343a45
  • merge.currentHeaderBackground#535e72
  • merge.incomingHeaderBackground#222a2e
  • minimap.background#00000000
  • minimap.findMatchHighlight#ffffff
  • minimap.selectionHighlight#ffffff
  • notificationCenter.border#262a39
  • notificationLink.foreground#80cbc4
  • notifications.background#01111d
  • notifications.border#262a39
  • notifications.foreground#adff2fcc
  • notificationToast.border#262a39
  • panel.background#22262e
  • panel.border#535e72
  • panelTitle.activeBorder#535e72
  • panelTitle.activeForeground#adff2fcc
  • panelTitle.inactiveForeground#ffffff80
  • peekView.border#535e72
  • peekViewEditor.background#22262e
  • peekViewEditor.matchHighlightBackground#222a2e
  • peekViewResult.background#22262e
  • peekViewResult.fileForeground#535e72
  • peekViewResult.lineForeground#535e72
  • peekViewResult.matchHighlightBackground#adff2fcc
  • peekViewResult.selectionBackground#2e3250
  • peekViewResult.selectionForeground#00fff2
  • peekViewTitle.background#22262e
  • peekViewTitleDescription.foreground#00fff2
  • peekViewTitleLabel.foreground#535e72
  • pickerGroup.border#22262e
  • pickerGroup.foreground#79b5e0
  • scrollbar.shadow#23252c
  • scrollbarSlider.activeBackground#747d9180
  • scrollbarSlider.background#4e566660
  • scrollbarSlider.hoverBackground#5a637580
  • selection.background#4373c2
  • sideBar.background#22262e
  • sideBar.border#ffffff3b
  • sideBar.foreground#ffffff
  • sideBarSectionHeader.background#22262e
  • sideBarSectionHeader.border#ffffff3b
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#ffffff
  • statusBar.background#1e2227
  • statusBar.border#ffffff3b
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingBorder#ffffff3b
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#000000
  • statusBar.noFolderBorder#ffffff3b
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.hoverBackground#2c313a
  • statusBarItem.remoteBackground#4d78cc
  • statusBarItem.remoteForeground#f8fafd
  • 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#adff2f
  • terminal.ansiBrightYellow#ffeb95
  • terminal.ansiCyan#21c7a8
  • terminal.ansiGreen#22da6e
  • terminal.ansiMagenta#c792ea
  • terminal.ansiRed#ef5350
  • terminal.ansiWhite#adff2f
  • terminal.ansiYellow#c5e478
  • terminal.foreground#79b5e0
  • terminal.selectionBackground#1b90dd4d
  • terminalCursor.background#234d70
  • terminalCursor.foreground#55ff00
  • textCodeBlock.background#4f4f4f
  • titleBar.activeBackground#22262e
  • titleBar.activeForeground#eeefff
  • titleBar.inactiveBackground#22262e
  • walkThrough.embeddedEditorBackground#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#ff82ad
variable.other.generic-type.haskell
storage.type.haskell#c79dff
support.variable.magic.python#ff82ad
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#FFA500
variable.parameter.function.language.special.self.python#c79dffbold
variable.parameter.function.language.special.cls.python#79beffitalic
storage.modifier.lifetime.rust#FFFFFF
support.function.std.rust#79beff
entity.name.lifetime.rust#c79dff
variable.language.rust#ff82ad
support.constant.edge#ff82ad
constant.other.character-class.regexp#ff82ad
keyword.operator.quantifier.regexp#ff82ad
punctuation.definition.string.begin,punctuation.definition.string.end#F0E68C
variable.parameter.function#FFFFFF
comment markup.link
markup.changed.diff#ff82ad
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#ff82ad
markup.inserted.diff#F0E68C
markup.deleted.diff#ff82ad
meta.function.c,meta.function.cpp#79beff
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#FFFFFF
punctuation.separator.key-value#FFFFFF
keyword.operator.expression.import#ff82ad
support.constant.math#ff82ad
support.constant.property.math#ff82ad
variable.other.constant#ff82ad
storage.type.annotation.java, storage.type.object.array.java#ff82ad
source.java#ff82ad
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#FFFFFF
meta.method.java#ff82ad
storage.modifier.import.java,storage.type.java,storage.type.generic.java#c79dff
keyword.operator.instanceof.java
meta.definition.variable.name.java#ff82ad
keyword.operator.logical#1edbb5
keyword.operator.bitwise#ff82ad
keyword.operator.channel#ff82ad
support.constant.property-value.scss,support.constant.property-value.css#ff82ad
keyword.operator.css,keyword.operator.scss,keyword.operator.less#ff82ad
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ff82ad
punctuation.separator.list.comma.css#FFFFFF
support.constant.color.w3c-standard-color-name.css#ff82ad
support.type.vendored.property-name.css#ff82ad
support.module.node,support.type.object.module,support.module.node#ff82ad
entity.name.type.module#FFA500
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#FFA500
support.constant.json#c79dff
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof
support.type.object.console#ff82ad
support.variable.property.process#ff82ad
entity.name.function,support.function.console#79beff
keyword.operator.misc.rust#FFFFFF
keyword.operator.sigil.rust
keyword.operator.delete
support.type.object.dom#43BDB3
support.variable.dom,support.variable.property.dom#43BDB3
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#43BDB3
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
punctuation.separator.delimiter#FFFFFF
punctuation.separator.c,punctuation.separator.cpp
support.type.posix-reserved.c,support.type.posix-reserved.cpp#c79dff
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp
variable.parameter.function.language.python#FFA500
support.type.python#c79dff
keyword.operator.logical.python#ff82ad
variable.parameter.function.python#ff82ad
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#79beff
meta.function-call.generic.python#79beff
constant.character.format.placeholder.other.python#ff82ad
keyword.operator#79beff
keyword.operator.assignment.compound
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#43BDB3
keyword#FFA500
entity.name.namespace#79beff
variable#ff82ad
variable.c#ff82ad
variable.language#79beff
token.variable.parameter.java#43BDB3
import.storage.java#43BDB3
token.package.keyword
token.package#FFFFFF
entity.name.function, meta.require, support.function.any-method, variable.function#79beff
entity.name.type.namespace#79beff
support.class, entity.name.type.class
entity.name.class.identifier.namespace.type
entity.name.class, variable.other.class.js, variable.other.class.ts
variable.other.class.php#ff82ad
entity.name.type#79beff
keyword.control
control.elements, keyword.operator.less#79beff
keyword.other.special-method#79beff
storage
token.storage
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
token.storage.type.java#79beff
support.function#79beff
support.type.property-name#ff82ad
support.constant.property-value#ff82ad
support.constant.font-name#ff82ad
meta.tag#79beff
string#F0E68C
constant.other.symbol#79beff
constant.numeric#c79dff
constant#ff82ad
punctuation.definition.constant#79beff
entity.name.tag#ff82ad
entity.other.attribute-name#ff82ad
entity.other.attribute-name.id#ff82aditalic
entity.other.attribute-name.class.css#ff82aditalic
meta.selector
markup.heading#ff82ad
markup.heading punctuation.definition.heading, entity.name.section#ff82ad
keyword.other.unit#79beff
markup.bold,todo.bold#c79dff
punctuation.definition.bold#c79dff
markup.italic, punctuation.definition.italic,todo.emphasis
emphasis md
entity.name.section.markdown#ff82ad
punctuation.definition.heading.markdown#ff82ad
punctuation.definition.list.begin.markdown#ff82ad
markup.heading.setext#ff82ad
punctuation.definition.bold.markdown#c79dff
markup.inline.raw.markdown#F0E68C
markup.inline.raw.string.markdown#F0E68C
punctuation.definition.raw.markdown#c79dff
punctuation.definition.list.markdown#c79dff
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#79beff
beginning.punctuation.definition.list.markdown#79beff
punctuation.definition.metadata.markdown#ff82ad
markup.underline.link.markdown,markup.underline.link.image.markdown
string.other.link.title.markdown,string.other.link.description.markdown#ff82ad
markup.raw.monospace.asciidoc#F0E68C
punctuation.definition.asciidoc#c79dff
markup.list.asciidoc#c79dff
markup.link.asciidoc,markup.other.url.asciidoc
string.unquoted.asciidoc,markup.other.url.asciidoc#ff82ad
string.regexp#79beff
constant.character.escape#c79dff
punctuation.section.embedded, variable.interpolation#79beff
punctuation.section.embedded.begin,punctuation.section.embedded.end
invalid.illegal#c79dff
invalid.illegal.bad-ampersand.html#FFFFFF
invalid.broken#c79dff
invalid.deprecated#79beff
invalid.unimplemented#c79dff
source.json meta.structure.dictionary.json > string.quoted.json#ff82ad
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ff82ad
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#F0E68C
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#c79dff
support.type.property-name.json#ff82ad
support.type.property-name.json punctuation#ff82ad
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade
support.other.namespace.use.php,support.other.namespace.use-as.php,entity.other.alias.php,meta.interface.php#c79dff
keyword.operator.error-control.php
keyword.operator.type.php
punctuation.section.array.begin.php#FFFFFF
punctuation.section.array.end.php#FFFFFF
invalid.illegal.non-null-typehinted.php#79beff
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#c79dff
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#79beff
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#FFFFFF
support.constant.core.rust#c79dff
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#c79dff
entity.name.goto-label.php,support.other.php#79beff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#c79dff
keyword.operator.regexp.php
keyword.operator.comparison.php#c79dff
keyword.operator.heredoc.php,keyword.operator.nowdoc.php
meta.function.decorator.python#79beff
support.token.decorator.python,meta.function.decorator.identifier.python#79beff
function.parameter#FFFFFF
function.brace
function.parameter.ruby, function.parameter.cs#FFFFFF
constant.language.symbol.ruby#79beff
rgb-value#c79dff
inline-color-decoration rgb-value#c79dff
less rgb-value#c79dff
selector.sass#ff82ad
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#c79dff
block.scope.end,block.scope.begin#FFFFFF
storage.type.cs#c79dff
entity.name.variable.local.cs#79beff
token.info-token#ff82ad
token.warn-token#c79dff
token.error-token#79beff
token.debug-token
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded
meta.template.expression#ff82ad
keyword.operator.module
support.type.type.flowtype#ff82ad
support.type.primitive#ff82ad
meta.property.object#ff82ad
variable.parameter.function.js#79beff
keyword.other.template.begin#F0E68C
keyword.other.template.end#F0E68C
keyword.other.substitution.begin#F0E68C
keyword.other.substitution.end#F0E68C
keyword.operator.assignment#ff82ad
keyword.operator.assignment.go#ff82ad
keyword.operator.arithmetic.go, keyword.operator.address.go
entity.name.package.go#c79dff
support.type.prelude.elm#c79dff
support.constant.elm#c79dff
punctuation.quasi.element
constant.character.entity#ff82ad
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#c79dff
entity.global.clojure#c79dff
meta.symbol.clojure#ff82ad
constant.keyword.clojure#c79dff
meta.arguments.coffee, variable.parameter.function.coffee#79beff
source.ini#F0E68C
meta.scope.prerequisites.makefile#ff82ad
source.makefile#c79dff
storage.modifier.import.groovy#c79dff
meta.method.groovy#ff82ad
meta.definition.variable.name.groovy#ff82ad
meta.definition.class.inherited.classes.groovy#F0E68C
support.variable.semantic.hlsl#c79dff
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
text.variable, text.bracketed#ff82ad
support.type.swift, support.type.vb.asp#c79dff
entity.name.function.xi#c79dff
entity.name.class.xi#c79dff
constant.character.character-class.regexp.xi#ff82ad
constant.regexp.xi
keyword.control.xi#c79dff
invalid.xi#FFFFFF
beginning.punctuation.definition.quote.markdown.xi#F0E68C
beginning.punctuation.definition.list.markdown.xi#79beff
constant.character.xi#ff82ad
accent.xi#ff82ad
wikiword.xi#c79dff
constant.other.color.rgb-value.xi#c79dff
punctuation.definition.tag.xi#79beff
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#c79dff
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ff82ad
meta.brace.square#FFFFFF
comment, punctuation.definition.comment#b7b7b76ditalic bold
markup.quote.markdown
punctuation.definition.block.sequence.item.yaml#FFFFFF
constant.language.symbol.elixir, constant.language.symbol.double-quoted.elixir#c79dff
entity.name.variable.parameter.cs#ff82ad
entity.name.variable.field.cs#ff82ad
markup.deleted#ff82ad
markup.inserted#F0E68C
markup.underlineunderline
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#ff82ad
support.other.namespace.php#ff82ad
variable.other.object#c79dff
variable.other.constant.property#ff82ad
entity.other.inherited-class#c79dff
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.python#ff82aditalic bold
markup.italic.markdownitalic
error.log.pine#FF0000
warning.log.pine#E3FF40
info.log.pine#E0E0E0
type.keyword.pine#e4e4e4e3bold
constant.other.pine#e4e4e4e3bold
keyword.operator.logical.pine#e4e4e4e3bold
constant.language.pine#ba95ffitalic
constant.character.escaped.pine#ba95ff
variable.other.pine#ba95ff
entity.name.class.pine#e4e4e4e3bold
contstant.flow.pine#ba95ffitalic
meta.function.pine#58aefe
variable.parameter.function.pine#58aefe
string.quoted.double.pine#9fe6e9f1
string.quoted.single.pine#9fe6e9f1
meta.parameter.type.variable.pine#79beffbold
entity.name.type.pine#79beff
meta.type.storage.pine#79beff
keyword.control.pine#1edbb5bold
source.test.pine#6262624c
constant.numeric.pine#cbddffbold
variable.language.pine#e4e4e4e3bold
constant.other.pine#79beffbold
entity.pine#79beffitalic bold
comment.line.double-slash.pine#959595italic
support.type.property-name.pine#c080ffda
support.type.property-constant.pine#d7b0ff
constant.language.hex-color.pine#ffffffitalic bold
punctuation.section.embedded.begin.pine#79beffbold
keyword.operator.pine#92caffbold
keyword.operator.ternary.pine#92caffbold
keyword.operator.arithmetic.pine#92caff
punctuation.separator.parameters.pine#e4e4e4bold
punctuation.seperator.brackets.pine#e4e4e4bold
variable.parameter.function.language.special.pine#fdb603
support.type#ba95ffbold
keyword.operator#1edbb5bold
operator.pine#1edbb5bold
entity.name.type#ba95ff
type.keyword.storage#ba95ff
punctuation.section.embedded#1edbb5italic
operator.gtlt.pine#e0e0e0bold
keyword.operator.pine#1edbb5bold
type#ba95ff
keyword.control#1edbb5
comment.line.double-slash#636363italic
constant.variable.pine#ffffffbold

Shiki preview

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

Loading...