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#2962FF
  • activityBar.background#2b2e37
  • activityBar.border#7274775b
  • activityBar.foreground#D1D4DC
  • activityBar.inactiveForeground#aaaaaa7c
  • activityBarBadge.background#2962FF
  • activityBarBadge.foreground#D1D4DC
  • badge.background#2962FF
  • badge.foreground#D1D4DC
  • breadcrumb.activeSelectionForeground#0044ff
  • breadcrumb.background#2b2e3700
  • breadcrumb.focusForeground#2962FF
  • breadcrumb.foreground#ffffff80
  • breadcrumbPicker.background#383b423f
  • button.background#252831
  • button.foreground#D1D4DC
  • button.hoverBackground#1b202c
  • debugExceptionWidget.background#22262e
  • debugExceptionWidget.border#7274775b
  • debugToolBar.background#22262e
  • diffEditor.insertedTextBackground#44ff4417
  • diffEditor.insertedTextBorder#3b471b00
  • diffEditor.removedTextBackground#ef535033
  • diffEditor.removedTextBorder#ef535000
  • dropdown.background#22262e
  • dropdown.border#7274775b
  • dropdown.foreground#2962FF
  • editor.background#22262e
  • editor.findMatchBackground#535e7279
  • editor.findMatchHighlightBackground#f0efef1a
  • editor.foreground#ffffffcb
  • editor.hoverHighlightBackground#272c479d
  • editor.inactiveSelectionBackground#222a2e
  • editor.lineHighlightBackground#282d37
  • editor.rangeHighlightBackground#222a2e
  • editor.selectionBackground#67769660
  • editor.selectionHighlightBackground#acff2f17
  • editor.selectionHighlightBorder#ffffff00
  • editor.wordHighlightBackground#5d90ff44
  • editor.wordHighlightBorder#77727600
  • editor.wordHighlightStrongBackground#1449499d
  • editor.wordHighlightStrongBorder#0f132b00
  • editorBracketHighlight.foreground1#1edbb5
  • editorBracketHighlight.foreground2#ffffff
  • editorBracketHighlight.foreground3#fdb603
  • editorBracketHighlight.unexpectedBracket.foreground#ff0000
  • editorBracketMatch.background#02d2bd00
  • editorBracketMatch.border#ffffff00
  • editorBracketPairGuide.activeBackground1#ffc54793
  • editorBracketPairGuide.activeBackground2#ffc54793
  • editorBracketPairGuide.activeBackground3#ffc54793
  • editorBracketPairGuide.background1#ffc54793
  • editorCodeLens.foreground#5e82ceb4
  • editorCursor.foreground#2962FF
  • editorError.background#0a22ff00
  • editorError.border#72747700
  • editorError.foreground#ed4b00
  • editorGhostText.background#00000000
  • editorGhostText.border#027f8300
  • editorGhostText.foreground#00b6bd85
  • editorGroup.border#7274775b
  • editorGroup.dropBackground#2962ff52
  • editorGroup.emptyBackground#22262e
  • editorGroup.focusedEmptyBorder#2962FF
  • editorGroupHeader.border#7274775b
  • editorGroupHeader.noTabsBackground#2b2e37
  • editorGroupHeader.tabsBackground#2b2e37
  • editorGroupHeader.tabsBorder#72747700
  • editorGutter.addedBackground#29ff5f41
  • editorGutter.background#2b2e3700
  • editorGutter.deletedBackground#ff292928
  • editorGutter.modifiedBackground#2962ff48
  • editorHoverWidget.background#2a2c30
  • editorHoverWidget.border#7274775b
  • editorHoverWidget.foreground#dedededf
  • editorHoverWidget.highlightForeground#fdb603
  • editorHoverWidget.statusBarBackground#01fdba00
  • editorIndentGuide.activeBackground1#0044ff4f
  • editorIndentGuide.background1#3b415273
  • editorInfo.foreground#D1D4DC
  • editorInlayHint.background#272c36
  • editorInlayHint.foreground#ffffff
  • editorLightBulb.foreground#2962FF
  • editorLightBulbAi.foreground#5de700
  • editorLightBulbAutoFix.foreground#2962FF
  • editorLineNumber.activeForeground#2962ff
  • editorLineNumber.foreground#d1d4dc8c
  • editorLink.activeForeground#D1D4DC
  • editorMarkerNavigation.background#1e2227
  • editorMarkerNavigationError.background#ef5350
  • editorMarkerNavigationWarning.background#ffca28
  • editorOverviewRuler.bracketMatchForeground#ffffff
  • editorOverviewRuler.commonContentForeground#00574d
  • editorOverviewRuler.currentContentForeground#00574d
  • editorOverviewRuler.findMatchForeground#ffffff79
  • editorOverviewRuler.incomingContentForeground#00574d
  • editorOverviewRuler.wordHighlightTextForeground#32c5ff
  • editorRuler.foreground#ffffff26
  • editorStickyScroll.background#303851
  • editorSuggestWidget.background#333949c7
  • editorSuggestWidget.border#7274775b
  • editorSuggestWidget.focusHighlightForeground#ffffff
  • editorSuggestWidget.foreground#dedededf
  • editorSuggestWidget.highlightForeground#D1D4DC
  • editorSuggestWidget.selectedBackground#2962ff77
  • editorSuggestWidget.selectedForeground#bcccff
  • editorSuggestWidget.selectedIconForeground#fdb603
  • editorSuggestWidgetStatus.foreground#2962FF
  • editorWarning.border#ffe92700
  • editorWarning.foreground#077bffe4
  • editorWhitespace.foreground#33333300
  • editorWidget.background#2f3034
  • editorWidget.border#7274775b
  • editorWidget.foreground#D1D4DC
  • errorForeground#ff4400
  • extensionButton.prominentBackground#252831
  • extensionButton.prominentForeground#D1D4DC
  • extensionButton.prominentHoverBackground#D1D4DC
  • focusBorder#a3a5a75b
  • foreground#ffffff
  • gitDecoration.conflictingResourceForeground#978b1e
  • gitDecoration.deletedResourceForeground#d6ac5d
  • gitDecoration.ignoredResourceForeground#a5a5a5
  • gitDecoration.modifiedResourceForeground#4b7bff
  • gitDecoration.untrackedResourceForeground#b4b4b4
  • input.background#1d1f23
  • input.border#7274775b
  • input.foreground#ffffff
  • input.placeholderForeground#535e7200
  • inputOption.activeBorder#adff2fcc
  • inputValidation.errorBackground#ab0300f2
  • inputValidation.errorBorder#ef5350
  • inputValidation.infoBackground#00589ef2
  • inputValidation.infoBorder#64b5f6
  • inputValidation.warningBackground#675700f2
  • inputValidation.warningBorder#ffca28
  • list.activeSelectionBackground#09327c
  • list.activeSelectionForeground#d7dae0
  • list.focusBackground#0d3780
  • list.focusForeground#f0f0f0
  • list.highlightForeground#c5c5c5
  • list.hoverBackground#3661b6
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#323842
  • list.inactiveSelectionForeground#d7dae0
  • list.warningForeground#fdb603
  • listFilterWidget.shadow#2962FF
  • menu.foreground#ffffff
  • menu.separatorBackground#343a45
  • merge.currentHeaderBackground#535e7200
  • merge.incomingHeaderBackground#222a2e
  • minimap.background#00000000
  • minimap.findMatchHighlight#ffffff
  • minimap.selectionHighlight#ff9e03
  • notificationCenter.border#7274775b
  • notificationLink.foreground#2962FF
  • notifications.background#01111d
  • notifications.border#7274775b
  • notifications.foreground#2962FF
  • notificationToast.border#7274775b
  • panel.background#2b2e37
  • panel.border#7274775b
  • panelSectionHeader.background#7274775b
  • panelTitle.activeBorder#7274775b
  • panelTitle.activeForeground#2962FF
  • panelTitle.inactiveForeground#ffffff80
  • peekView.border#7274775b
  • peekViewEditor.background#30343b
  • peekViewEditor.matchHighlightBackground#222a2e
  • peekViewResult.background#22262e
  • peekViewResult.fileForeground#6b6d70c9
  • peekViewResult.lineForeground#727477b9
  • peekViewResult.matchHighlightBackground#adff2fcc
  • peekViewResult.selectionBackground#2c346e
  • peekViewResult.selectionForeground#58aefe
  • peekViewTitle.background#22262e
  • peekViewTitleDescription.foreground#58aefe
  • peekViewTitleLabel.foreground#535e7200
  • pickerGroup.border#7274775b
  • pickerGroup.foreground#79b5e0
  • quickInputTitle.background#1149e5
  • scrollbar.shadow#7274775b
  • scrollbarSlider.activeBackground#747d9180
  • scrollbarSlider.background#4e566660
  • scrollbarSlider.hoverBackground#5a637580
  • selection.background#4373c2
  • sideBar.background#2b2e37
  • sideBar.border#7274775b
  • sideBar.dropBackground#2b2e37
  • sideBar.foreground#ffffff
  • sideBarSectionHeader.background#2b2e37
  • sideBarSectionHeader.border#7274775b
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#ffffff
  • statusBar.background#2b2e37
  • statusBar.border#7274775b
  • statusBar.debuggingBackground#0055ff
  • statusBar.debuggingBorder#7274775b
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#000000
  • statusBar.noFolderBorder#7274775b
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.hoverBackground#2c313a
  • statusBarItem.remoteBackground#4d78cc
  • statusBarItem.remoteForeground#f8fafd
  • symbolIcon.snippetForeground#1e2227
  • tab.activeBackground#1e53e500
  • tab.activeBorder#727477
  • tab.activeForeground#ffffff
  • tab.border#7274775b
  • tab.hoverBackground#323842
  • tab.inactiveBackground#2b2e3700
  • tab.inactiveForeground#ffffff60
  • tab.unfocusedActiveBorder#7274775b
  • tab.unfocusedActiveForeground#ffffff60
  • tab.unfocusedHoverBackground#2e62ca98
  • 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#fdb603
  • terminal.ansiBrightYellow#ffeb95
  • terminal.ansiCyan#21c7a8
  • terminal.ansiGreen#22da6e
  • terminal.ansiMagenta#c792ea
  • terminal.ansiRed#ef5350
  • terminal.ansiWhite#fdb603
  • terminal.ansiYellow#c5e478
  • terminal.foreground#79b5e0
  • terminal.selectionBackground#1b90dd4d
  • terminalCursor.background#234d70
  • terminalCursor.foreground#2962FF
  • textCodeBlock.background#6e6e6e
  • titleBar.activeBackground#2B2E37
  • titleBar.activeForeground#ffffff
  • titleBar.border#7274775b
  • titleBar.inactiveBackground#383a3f
  • titleBar.inactiveForeground#ffffffaf
  • walkThrough.embeddedEditorBackground#22262e
  • widget.shadow#343842

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.merge#1edbb5
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#FFA500bold
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
storage.type.haskell#fdb603
support.variable.magic.python#1edbb5
punctuation.separator.period,punctuation.separator.element,punctuation.parenthesis.begin,punctuation.parenthesis.end#FFA500
punctuation.separator.comma,punctuation.separator.key-value,punctuation.separator.statement,punctuation.separator.statement-terminator,punctuation.separator.continuation,punctuation.separator.namespace,punctuation.separator.type-parameters,punctuation.separator.type-parameters-list,punctuation.separator.type-arguments,punctuation.separator.type-arguments-list,punctuation.separator.type-annotation,punctuation.separator.type-annotation-punctuation#FFA500
variable.parameter.function.language.special.self.python#fdb603bold
variable.parameter.function.language.special.cls.python#58aefeitalic
storage.modifier.lifetime.rust#e4e4e4
support.function.std.rust#58aefe
entity.name.lifetime.rust#fdb603
variable.language.rust#1edbb5
support.constant.edge#1edbb5
constant.other.character-class.regexp#1edbb5
keyword.operator.quantifier.regexp#1edbb5
punctuation.definition.string.begin,punctuation.definition.string.end#F0E68C
variable.parameter.function#e4e4e4
comment markup.link
markup.changed.diff#1edbb5
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#1edbb5
markup.inserted.diff#F0E68C
markup.deleted.diff#1edbb5
meta.function.c,meta.function.cpp#58aefe
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#e4e4e4
punctuation.separator.key-value#e4e4e4
keyword.operator.expression.import#1edbb5
support.constant.math#1edbb5
support.constant.property.math#1edbb5
variable.other.constant#1edbb5
storage.type.annotation.java, storage.type.object.array.java#1edbb5
source.java#1edbb5
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#ff7259
meta.method.java#1edbb5
storage.modifier.import.java,storage.type.java,storage.type.generic.java#fdb603
keyword.operator.instanceof.java
meta.definition.variable.name.java#1edbb5
keyword.operator.logical#1edbb5
keyword.operator.bitwise#ff7259
keyword.operator.channel#1edbb5
support.constant.property-value.scss,support.constant.property-value.css#1edbb5
keyword.operator.css,keyword.operator.scss,keyword.operator.less#1edbb5
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#1edbb5
punctuation.separator.list.comma.css#ff7259
support.constant.color.w3c-standard-color-name.css#1edbb5
support.type.vendored.property-name.css#1edbb5
support.module.node,support.type.object.module,support.module.node#1edbb5
entity.name.type.module#e4e4e4
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#e4e4e4
support.constant.json#43BDB3
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof
support.type.object.console#1edbb5
support.variable.property.process#1edbb5
entity.name.function,support.function.console#58aefe
keyword.operator.misc.rust#e4e4e4
keyword.operator.sigil.rust
keyword.operator.delete
support.type.object.dom#e4e4e4
support.variable.dom,support.variable.property.dom#e4e4e4
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational,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#1edbb5
punctuation.separator.delimiter#1edbb5
punctuation.separator.c,punctuation.separator.cpp
support.type.posix-reserved.c,support.type.posix-reserved.cpp#e4e4e4
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp
variable.parameter.function.language.python#e4e4e4
support.type.python#e4e4e4
variable.parameter.function.python#1edbb5
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#1edbb5
meta.function-call.generic.python#58aefe
constant.character.format.placeholder.other.python#1edbb5
keyword.operator.assignment.compound
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#1edbb5
keyword#e4e4e4
entity.name.namespace#58aefe
variable#1edbb5
variable.c#1edbb5
variable.language#58aefe
token.variable.parameter.java#e4e4e4
import.storage.java#43BDB3
token.package.keyword
token.package#e4e4e4
entity.name.function, meta.require, support.function.any-method, variable.function#58aefe
entity.name.type.namespace#58aefe
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#1edbb5
entity.name.type#58aefe
keyword.control
control.elements, keyword.operator.less#1edbb5
keyword.other.special-method#58aefe
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#58aefe
support.function#58aefe
support.type.property-name#1edbb5
support.constant.property-value#1edbb5
support.constant.font-name#1edbb5
meta.tag#58aefe
string#F0E68C
constant.other.symbol#58aefe
constant.numeric#fdb603
constant#1edbb5
punctuation.definition.constant#58aefe
entity.name.tag#1edbb5
entity.other.attribute-name#1edbb5
entity.other.attribute-name.id#1edbb5italic
entity.other.attribute-name.class.css#1edbb5italic
meta.selector
markup.heading#1edbb5
markup.heading punctuation.definition.heading, entity.name.section#1edbb5
keyword.other.unit#1edbb5
markup.bold,todo.bold#e4e4e4
punctuation.definition.bold#fdb603
markup.italic, punctuation.definition.italic,todo.emphasis
emphasis md
entity.name.section.markdown#1edbb5
punctuation.definition.heading.markdown#1edbb5
punctuation.definition.list.begin.markdown#1edbb5
markup.heading.setext#1edbb5
punctuation.definition.bold.markdown#fdb603
markup.inline.raw.markdown#F0E68C
markup.inline.raw.string.markdown#F0E68C
punctuation.definition.raw.markdown#fdb603
punctuation.definition.list.markdown#fdb603
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#58aefe
beginning.punctuation.definition.list.markdown#58aefe
punctuation.definition.metadata.markdown#1edbb5
markup.underline.link.markdown,markup.underline.link.image.markdown
string.other.link.title.markdown,string.other.link.description.markdown#1edbb5
markup.raw.monospace.asciidoc#F0E68C
punctuation.definition.asciidoc#fdb603
markup.list.asciidoc#fdb603
markup.link.asciidoc,markup.other.url.asciidoc
string.unquoted.asciidoc,markup.other.url.asciidoc#1edbb5
string.regexp#58aefe
constant.character.escape#fdb603
punctuation.section.embedded, variable.interpolation#1edbb5
punctuation.section.embedded.begin,punctuation.section.embedded.end
invalid.illegal#fdb603
invalid.illegal.bad-ampersand.html#e4e4e4
invalid.broken#fdb603
invalid.deprecated#58aefe
invalid.unimplemented#fdb603
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#fdb603
keyword.operator.error-control.php
keyword.operator.type.php
punctuation.section.array.begin.php#e4e4e4
punctuation.section.array.end.php#e4e4e4
invalid.illegal.non-null-typehinted.php#58aefe
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#fdb603
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#58aefe
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#e4e4e4
support.constant.core.rust#fdb603
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#fdb603
entity.name.goto-label.php,support.other.php#58aefe
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#fdb603
keyword.operator.regexp.php
keyword.operator.comparison.php#fdb603
keyword.operator.heredoc.php,keyword.operator.nowdoc.php
meta.function.decorator.python#58aefe
support.token.decorator.python,meta.function.decorator.identifier.python#58aefe
function.brace#e4e4e4
function.parameter.ruby, function.parameter.cs#e4e4e4
constant.language.symbol.ruby#58aefe
rgb-value#fdb603
inline-color-decoration rgb-value#fdb603
less rgb-value#fdb603
selector.sass#e4e4e4
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#fdb603
block.scope.end,block.scope.begin#e4e4e4
storage.type.cs#fdb603
entity.name.variable.local.cs#58aefe
token.info-token#e4e4e4
token.warn-token#fdb603
token.error-token#58aefe
token.debug-token
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded
meta.template.expression#ff7259
keyword.operator.module
support.type.type.flowtype#ff7259
support.type.primitive#ff7259
meta.property.object#ffbb00
variable.parameter.function.js#1edbb5
keyword.other.template.begin#F0E68C
keyword.other.template.end#F0E68C
keyword.other.substitution.begin#F0E68C
keyword.other.substitution.end#F0E68C
keyword.operator.assignment#1edbb5
keyword.operator.assignment.go#1edbb5
keyword.operator.arithmetic.go, keyword.operator.address.go
entity.name.package.go#fdb603
support.type.prelude.elm#fdb603
support.constant.elm#fdb603
punctuation.quasi.element
constant.character.entity#1edbb5
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#fdb603
entity.global.clojure#fdb603
meta.symbol.clojure#1edbb5
constant.keyword.clojure#fdb603
meta.arguments.coffee, variable.parameter.function.coffee#58aefe
source.ini#F0E68C
meta.scope.prerequisites.makefile#1edbb5
source.makefile#fdb603
storage.modifier.import.groovy#fdb603
meta.method.groovy#1edbb5
meta.definition.variable.name.groovy#1edbb5
meta.definition.class.inherited.groovy#F0E68C
support.variable.semantic.hlsl#fdb603
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#1edbb5
support.type.swift, support.type.vb.asp#fdb603
entity.name.function.xi#fdb603
entity.name.class.xi#fdb603
constant.character.character-class.regexp.xi#1edbb5
constant.regexp.xi
keyword.control.xi#fdb603
invalid.xi#e4e4e4
beginning.punctuation.definition.quote.markdown.xi#F0E68C
beginning.punctuation.definition.list.markdown.xi#58aefe
constant.character.xi#1edbb5
accent.xi#1edbb5
wikiword.xi#fdb603
constant.other.color.rgb-value.xi#fdb603
punctuation.definition.tag.xi#58aefe
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#fdb603
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#1edbb5
meta.brace.square#1edbb5
markup.quote.markdown
punctuation.definition.block.sequence.item.yaml#ff7259
constant.language.symbol.elixir, constant.language.symbol.double-quoted.elixir#fdb603
entity.name.variable.parameter.cs#1edbb5
entity.name.variable.field.cs#1edbb5
markup.deleted#1edbb5
markup.inserted#F0E68C
markup.underlineunderline
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#1edbb5
support.other.namespace.php#1edbb5
variable.other.object#fdb603
variable.other.constant.property#1edbb5
entity.other.inherited-class#fdb603
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#c3a9ff
comment.line.double-slash,comment.block.documentationitalic
keyword.control.import.python,keyword.control.flow.python#1edbb5italic bold
markup.italic.markdownitalic
constant.other.placeholder, constant.character#1edbb5
constant, entity.name.constant, variable.other.constant, variable.other.enummember, variable.language, entity#e4e4e4
entity.name, meta.export.default, meta.definition.variable#ffb700
variable.parameter.function, meta.jsx.children, meta.block, meta.tag.attributes, entity.name.constant, meta.object.member, meta.embedded.expression#1edbb5
entity.name.function#d7b0ff
entity.name.tag, support.class.component#1edbb5
keyword#e4e4e4
storage, storage.type#1edbb5
storage.modifier.package, storage.modifier.import, storage.type.java#dc0202
string, string punctuation.section.embedded source#96d0ff
support#1edbb5
meta.property-name#6cb6ff
variable#ffb300
variable.other#ffb300
invalid.broken#ff7259italic
invalid.deprecated#ff7259italic
invalid.illegal#ff7259italic
invalid.unimplemented#ff7259italic
carriage-return#fefefeitalic underline
message.error#ff7259
string variable#6cb6ff
source.regexp, string.regexp#96d0ff
entity.name#fdb603
constant.numeric#fdb603
variable.pine#ff7259
constant.language#ff7259italic
string.quoted.triple#ede99df1
entity.name#ffb300
entity.name.function#87c5ff
entity.name.function.support#0099ff
support.function#87ffef
support.constant#ff8e59
string.quoted.double#ede99df1
string.quoted.single#ede99df1
variable.language#e4e4e4
brackets.pine#1edbb5bold
string.other#ff7259
string.regexp#ff7259
string#ede99df1
comment#959595
comment.annotation.pine#a8a8a8italic
punctuation.separator.brackets#1edbb5
keyword.operator.ternary#1edbb5bold
punctuation.separator#1edbb5
type#1edbb5
type.storage#ffb300
keyword.control#1edbb5
operator.pine#1edbb5
comment.line.double-slash#636363italic
constant.variable.pine#FFFFFFbold
meta.selector#e4e4e4
punctuation.separator.parameters, punctuation#1edbb5italic
constant.other.pine#ffb300
alias.pine#fdb603italic
constant.character.escaped#fdb603
annotation.function.pinebold
error.log.pine#FF0000
warning.log.pine#E3FF40
info.log.pine#E0E0E0
entity.name#fdb603
support.other#ff7259
support.variable#fdb603bold
string.interpolated#ff7259
string.quoted.other#ff7259
string.quoted.triple#ede99df1
support.type#1edbb5bold
keyword.operator#1edbb5bold
type.keyword.storage#1edbb5
punctuation.section.embedded#1edbb5italic
keyword.operator.logical#1edbb5bold
color.black.pine#696969
color.silver.pine#B2B5BE
color.gray.pine#a8a8a8
color.white.pine#FFFFFF
color.maroon.pine#880E4F
color.red.pine#FF5252
color.purple.pine#9C27B0
color.fuchsia.pine#E040FB
color.green.pine#4CAF50
color.lime.pine#00E676
color.olive.pine#808000
color.yellow.pine#FFEB3B
color.navy.pine#3a2e9a
color.blue.pine#2962ff
color.teal.pine#00897B
color.orange.pine#FF9800
color.aqua.pine#00BCD4
transp.pine#ffffff00

Shiki preview

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

Loading...