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#1e53e5
  • activityBar.background#131722
  • activityBar.border#2a2e39
  • activityBar.foreground#bcbfc7
  • activityBar.inactiveForeground#bcbfc7
  • activityBarBadge.background#1e53e5
  • activityBarBadge.foreground#D1D4DC
  • badge.background#1e53e5
  • badge.foreground#D1D4DC
  • breadcrumb.activeSelectionForeground#1e53e5
  • breadcrumb.background#13172200
  • breadcrumb.focusForeground#1e53e5
  • breadcrumb.foreground#d1d4d280
  • breadcrumbPicker.background#383b423f
  • button.background#252831
  • button.foreground#D1D4DC
  • button.hoverBackground#1b202c
  • checkbox.background#1e222d
  • checkbox.border#2a2e39
  • checkbox.foreground#d1d4dc
  • checkbox.selectBackground#2962ff
  • commandCenter.activeBackground#1e222d
  • commandCenter.activeBorder#0b0d13
  • commandCenter.activeForeground#d1d4d2
  • commandCenter.border#0b0d13
  • commandCenter.foreground#d1d4d2
  • commandCenter.inactiveBorder#0b0d13
  • commandCenter.inactiveForeground#d1d4d2
  • debugExceptionWidget.background#131722
  • debugExceptionWidget.border#2a2e39
  • debugToolBar.background#131722
  • diffEditor.insertedTextBackground#44ff4417
  • diffEditor.insertedTextBorder#3b471b00
  • diffEditor.removedTextBackground#ef535033
  • diffEditor.removedTextBorder#ef535000
  • dropdown.background#131722
  • dropdown.border#2a2e39
  • dropdown.foreground#1e53e5
  • dropdown.listBackground#1e222d
  • editor.background#131722
  • editor.findMatchBackground#515c6a
  • editor.findMatchHighlightBackground#444548a4
  • editor.findRangeHighlightBackground#444548a4
  • editor.foreground#ffffffd5
  • editor.hoverHighlightBackground#182537
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#132042
  • editor.rangeHighlightBackground#1c202b
  • editor.selectionBackground#142e61
  • editor.selectionHighlightBackground#444548d3
  • editor.wordHighlightBackground#444548a4
  • editor.wordHighlightStrongBackground#444548
  • editor.wordHighlightStrongBorder#142e61
  • editorBracketHighlight.unexpectedBracket.foreground#ff0000
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#5e82ceb4
  • editorCursor.foreground#aeafad
  • editorError.background#0a22ff00
  • editorError.border#72747700
  • editorError.foreground#ed4b00
  • editorGhostText.background#00000000
  • editorGhostText.border#027f8300
  • editorGhostText.foreground#00b6bd85
  • editorGroup.border#2a2e39
  • editorGroup.dropBackground#1e53e552
  • editorGroup.emptyBackground#131722
  • editorGroup.focusedEmptyBorder#1e53e5
  • editorGroupHeader.border#2a2e39
  • editorGroupHeader.noTabsBackground#131722
  • editorGroupHeader.tabsBackground#131722
  • editorGroupHeader.tabsBorder#72747700
  • editorGutter.addedBackground#29ff5f41
  • editorGutter.background#13172200
  • editorGutter.deletedBackground#ff292928
  • editorGutter.modifiedBackground#1e53e548
  • editorHoverWidget.background#1e222d
  • editorHoverWidget.border#0d1017
  • editorHoverWidget.foreground#dedededf
  • editorHoverWidget.highlightForeground#42bda8
  • editorHoverWidget.statusBarBackground#01fdba00
  • editorIndentGuide.activeBackground1#0044ff4f
  • editorIndentGuide.background1#3b415273
  • editorInfo.foreground#D1D4DC
  • editorInlayHint.background#272c36
  • editorInlayHint.foreground#d1d4d2
  • editorLightBulb.foreground#1e53e5
  • editorLightBulbAi.foreground#5de700
  • editorLightBulbAutoFix.foreground#1e53e5
  • editorLineNumber.activeForeground#1e53e5
  • editorLineNumber.foreground#d1d4dc8c
  • editorLink.activeForeground#D1D4DC
  • editorMarkerNavigation.background#1e2227
  • editorMarkerNavigationError.background#ef5350
  • editorMarkerNavigationWarning.background#ffca28
  • editorOverviewRuler.bracketMatchForeground#d1d4d2
  • editorOverviewRuler.commonContentForeground#00574d
  • editorOverviewRuler.currentContentForeground#00574d
  • editorOverviewRuler.findMatchForeground#d1d4d279
  • editorOverviewRuler.incomingContentForeground#00574d
  • editorOverviewRuler.wordHighlightTextForeground#32c5ff
  • editorRuler.foreground#d1d4d226
  • editorStickyScroll.background#303851
  • editorSuggestWidget.background#333949c7
  • editorSuggestWidget.border#2a2e39
  • editorSuggestWidget.focusHighlightForeground#077bffe4
  • editorSuggestWidget.foreground#dedededf
  • editorSuggestWidget.highlightForeground#077bffe4
  • editorSuggestWidget.selectedBackground#1e53e577
  • editorSuggestWidget.selectedForeground#bcccff
  • editorSuggestWidget.selectedIconForeground#ffffff
  • editorSuggestWidgetStatus.foreground#1e53e5
  • editorWarning.border#ffe92700
  • editorWarning.foreground#077bffe4
  • editorWhitespace.foreground#33333300
  • editorWidget.background#1e222d
  • editorWidget.border#0d1017
  • editorWidget.foreground#c1c4cd
  • errorForeground#f33645
  • extensionButton.prominentBackground#252831
  • extensionButton.prominentForeground#D1D4DC
  • extensionButton.prominentHoverBackground#D1D4DC
  • focusBorder#a3a5a75b
  • foreground#d1d4d2
  • gitDecoration.conflictingResourceForeground#978b1e
  • gitDecoration.deletedResourceForeground#d6ac5d
  • gitDecoration.ignoredResourceForeground#a5a5a5
  • gitDecoration.modifiedResourceForeground#4b7bff
  • gitDecoration.untrackedResourceForeground#b4b4b4
  • input.background#1e222d
  • input.border#50535e
  • input.foreground#d1d4d2
  • input.placeholderForeground#757575
  • inputOption.activeBorder#2962ff
  • inputValidation.errorBackground#ab0300f2
  • inputValidation.errorBorder#ef5350
  • inputValidation.infoBackground#00589ef2
  • inputValidation.infoBorder#64b5f6
  • inputValidation.warningBackground#675700f2
  • inputValidation.warningBorder#ffca28
  • list.activeSelectionBackground#2a2e39
  • list.activeSelectionForeground#d1d4d2
  • list.focusBackground#0d3780
  • list.focusForeground#f0f0f0
  • list.highlightForeground#c5c5c5
  • list.hoverBackground#2a2e39
  • list.hoverForeground#d1d4d2
  • list.inactiveSelectionBackground#32384200
  • list.inactiveSelectionForeground#d1d4d2
  • list.warningForeground#e17518
  • listFilterWidget.shadow#0d1017
  • menu.background#1e222d
  • menu.border#10131d
  • menu.foreground#d1d4d2
  • menu.separatorBackground#343a45
  • merge.border#3a3a3a
  • merge.commonContentBackground#00c0aa1f
  • merge.commonHeaderBackground#00ad9949
  • merge.currentContentBackground#ffd5182a
  • merge.currentHeaderBackground#ffd5183b
  • merge.incomingContentBackground#2962ff27
  • merge.incomingHeaderBackground#2962ff42
  • minimap.background#131722
  • minimap.findMatchHighlight#ab7a31
  • minimap.selectionHighlight#3c5671
  • minimapSlider.activeBackground#747d9180
  • minimapSlider.background#4e566660
  • minimapSlider.hoverBackground#5a637580
  • notificationCenter.border#2a2e39
  • notificationLink.foreground#1e53e5
  • notifications.background#01111d
  • notifications.border#2a2e39
  • notifications.foreground#1e53e5
  • notificationToast.border#2a2e39
  • panel.background#131722
  • panel.border#2a2e39
  • panelInput.border#2962ff
  • panelSectionHeader.background#2a2e39
  • panelTitle.activeBorder#2a2e39
  • panelTitle.activeForeground#1e53e5
  • panelTitle.inactiveForeground#d1d4d280
  • peekView.border#2a2e39
  • peekViewEditor.background#30343b
  • peekViewEditor.matchHighlightBackground#222a2e
  • peekViewResult.background#131722
  • peekViewResult.fileForeground#6b6d70c9
  • peekViewResult.lineForeground#727477b9
  • peekViewResult.matchHighlightBackground#adff2fcc
  • peekViewResult.selectionBackground#2c346e
  • peekViewResult.selectionForeground#5b9cf6
  • peekViewTitle.background#131722
  • peekViewTitleDescription.foreground#5b9cf6
  • peekViewTitleLabel.foreground#535e7200
  • pickerGroup.border#2a2e39
  • pickerGroup.foreground#79b5e0
  • quickInputTitle.background#1149e5
  • scrollbar.shadow#0b0d13
  • scrollbarSlider.activeBackground#747d9180
  • scrollbarSlider.background#4e566660
  • scrollbarSlider.hoverBackground#5a637580
  • searchEditor.findMatchBackground#002fff3d
  • selection.background#4373c2
  • settings.numberInputBorder#2962ff
  • settings.textInputBorder#2962ff
  • sideBar.background#131722
  • sideBar.border#2a2e39
  • sideBar.dropBackground#131722
  • sideBar.foreground#d1d4d2
  • sideBarSectionHeader.background#131722
  • sideBarSectionHeader.border#2a2e39
  • sideBarSectionHeader.foreground#d1d4d2
  • sideBarTitle.foreground#d1d4d2
  • statusBar.background#131722
  • statusBar.border#2a2e39
  • statusBar.debuggingBackground#1e53e5
  • statusBar.debuggingBorder#2a2e39
  • statusBar.debuggingForeground#d1d4d2
  • statusBar.foreground#d1d4d2
  • statusBar.noFolderBackground#000000
  • statusBar.noFolderBorder#2a2e39
  • statusBar.noFolderForeground#d1d4d2
  • statusBarItem.hoverBackground#2c313a
  • statusBarItem.remoteBackground#1e53e5
  • statusBarItem.remoteForeground#f8fafd
  • symbolIcon.snippetForeground#1e2227
  • tab.activeBackground#1e53e500
  • tab.activeBorder#727477
  • tab.activeForeground#d1d4d2
  • tab.border#2a2e39
  • tab.hoverBackground#323842
  • tab.inactiveBackground#13172200
  • tab.inactiveForeground#d1d4d260
  • tab.unfocusedActiveBorder#2a2e39
  • tab.unfocusedActiveForeground#d1d4d260
  • tab.unfocusedHoverBackground#2e62ca98
  • terminal.ansiBlack#131722
  • terminal.ansiBlue#82aaff
  • terminal.ansiBrightBlack#575656
  • terminal.ansiBrightBlue#82aaff
  • terminal.ansiBrightCyan#7fdbca
  • terminal.ansiBrightGreen#22da6e
  • terminal.ansiBrightMagenta#c792ea
  • terminal.ansiBrightRed#ef5350
  • terminal.ansiBrightWhite#e17518
  • terminal.ansiBrightYellow#ffeb95
  • terminal.ansiCyan#21c7a8
  • terminal.ansiGreen#22da6e
  • terminal.ansiMagenta#c792ea
  • terminal.ansiRed#ef5350
  • terminal.ansiWhite#e17518
  • terminal.ansiYellow#c5e478
  • terminal.foreground#79b5e0
  • terminal.selectionBackground#1b90dd4d
  • terminalCursor.background#234d70
  • terminalCursor.foreground#1e53e5
  • textCodeBlock.background#6e6e6e
  • titleBar.activeBackground#131722
  • titleBar.activeForeground#d1d4d2
  • titleBar.border#2a2e39
  • titleBar.inactiveBackground#131722
  • titleBar.inactiveForeground#d1d4d2af
  • walkThrough.embeddedEditorBackground#131722
  • widget.border#0d1017
  • widget.shadow#0d1017

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.merge#42bda8
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#42bda8
storage.type.haskell#e17518
support.variable.magic.python#42bda8
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#e17518bold
variable.parameter.function.language.special.cls.python#5b9cf6italic
storage.modifier.lifetime.rust#e4e4e4
support.function.std.rust#5b9cf6
entity.name.lifetime.rust#e17518
variable.language.rust#42bda8
support.constant.edge#42bda8
constant.other.character-class.regexp#42bda8
keyword.operator.quantifier.regexp#42bda8
punctuation.definition.string.begin,punctuation.definition.string.end#388e3c
variable.parameter.function#e4e4e4
comment markup.link
markup.changed.diff#42bda8
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#42bda8
markup.inserted.diff#F0E68C
markup.deleted.diff#42bda8
meta.function.c,meta.function.cpp#5b9cf6
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#42bda8
support.constant.math#42bda8
support.constant.property.math#42bda8
variable.other.constant#42bda8
storage.type.annotation.java, storage.type.object.array.java#42bda8
source.java#42bda8
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#f77c80
meta.method.java#42bda8
storage.modifier.import.java,storage.type.java,storage.type.generic.java#e17518
keyword.operator.instanceof.java
meta.definition.variable.name.java#42bda8
keyword.operator.logical#42bda8
keyword.operator.bitwise#f77c80
keyword.operator.channel#42bda8
support.constant.property-value.scss,support.constant.property-value.css#42bda8
keyword.operator.css,keyword.operator.scss,keyword.operator.less#42bda8
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#42bda8
punctuation.separator.list.comma.css#f77c80
support.constant.color.w3c-standard-color-name.css#42bda8
support.type.vendored.property-name.css#42bda8
support.module.node,support.type.object.module,support.module.node#42bda8
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#42bda8
support.variable.property.process#42bda8
entity.name.function,support.function.console#5b9cf6
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#42bda8
punctuation.separator.delimiter#42bda8
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#42bda8
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#42bda8
meta.function-call.generic.python#5b9cf6
constant.character.format.placeholder.other.python#42bda8
keyword.operator#5b9cf6
keyword.operator.assignment.compound
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#42bda8
keyword#e4e4e4
entity.name.namespace#5b9cf6
variable#42bda8
variable.c#42bda8
variable.language#5b9cf6
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#5b9cf6
entity.name.type.namespace#5b9cf6
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#42bda8
entity.name.type#5b9cf6
keyword.control
control.elements, keyword.operator.less#42bda8
keyword.other.special-method#5b9cf6
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#5b9cf6
support.function#5b9cf6
support.type.property-name#42bda8
support.constant.property-value#42bda8
support.constant.font-name#42bda8
meta.tag#5b9cf6
string#F0E68C
constant.other.symbol#5b9cf6
constant#42bda8
punctuation.definition.constant#5b9cf6
entity.name.tag#42bda8
entity.other.attribute-name#42bda8
entity.other.attribute-name.id#42bda8italic
entity.other.attribute-name.class.css#42bda8italic
meta.selector
markup.heading#42bda8
markup.heading punctuation.definition.heading, entity.name.section#42bda8
keyword.other.unit#42bda8
markup.bold,todo.bold#e4e4e4
punctuation.definition.bold#e17518
markup.italic, punctuation.definition.italic,todo.emphasis
emphasis md
entity.name.section.markdown#42bda8
punctuation.definition.heading.markdown#42bda8
punctuation.definition.list.begin.markdown#42bda8
markup.heading.setext#42bda8
punctuation.definition.bold.markdown#e17518
markup.inline.raw.markdown#F0E68C
markup.inline.raw.string.markdown#F0E68C
punctuation.definition.raw.markdown#e17518
punctuation.definition.list.markdown#e17518
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#5b9cf6
beginning.punctuation.definition.list.markdown#5b9cf6
punctuation.definition.metadata.markdown#42bda8
markup.underline.link.markdown,markup.underline.link.image.markdown
string.other.link.title.markdown,string.other.link.description.markdown#42bda8
markup.raw.monospace.asciidoc#F0E68C
punctuation.definition.asciidoc#e17518
markup.list.asciidoc#e17518
markup.link.asciidoc,markup.other.url.asciidoc
string.unquoted.asciidoc,markup.other.url.asciidoc#42bda8
string.regexp#5b9cf6
constant.character.escape#e17518
punctuation.section.embedded, variable.interpolation#42bda8
punctuation.section.embedded.begin,punctuation.section.embedded.end
invalid.illegal#e17518
invalid.illegal.bad-ampersand.html#e4e4e4
invalid.broken#e17518
invalid.deprecated#5b9cf6
invalid.unimplemented#e17518
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#e17518
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#5b9cf6
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#e17518
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#5b9cf6
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#e17518
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#e17518
entity.name.goto-label.php,support.other.php#5b9cf6
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#e17518
keyword.operator.regexp.php
keyword.operator.comparison.php#e17518
keyword.operator.heredoc.php,keyword.operator.nowdoc.php
meta.function.decorator.python#5b9cf6
support.token.decorator.python,meta.function.decorator.identifier.python#5b9cf6
function.brace#e4e4e4
function.parameter.ruby, function.parameter.cs#e4e4e4
constant.language.symbol.ruby#5b9cf6
rgb-value#e17518
inline-color-decoration rgb-value#e17518
less rgb-value#e17518
selector.sass#e4e4e4
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#3187ff
block.scope.end,block.scope.begin#e4e4e4
storage.type.cs#e17518
entity.name.variable.local.cs#5b9cf6
token.info-token#e4e4e4
token.warn-token#e17518
token.error-token#5b9cf6
token.debug-token
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded
meta.template.expression#f77c80
keyword.operator.module
support.type.type.flowtype#f77c80
support.type.primitive#f77c80
meta.property.object#ffbb00
variable.parameter.function.js#42bda8
keyword.other.template.begin#F0E68C
keyword.other.template.end#F0E68C
keyword.other.substitution.begin#F0E68C
keyword.other.substitution.end#F0E68C
keyword.operator.assignment#42bda8
keyword.operator.assignment.go#42bda8
keyword.operator.arithmetic.go, keyword.operator.address.go
entity.name.package.go#e17518
support.type.prelude.elm#e17518
support.constant.elm#e17518
punctuation.quasi.element
constant.character.entity#42bda8
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#e17518
entity.global.clojure#e17518
meta.symbol.clojure#42bda8
constant.keyword.clojure#e17518
meta.arguments.coffee, variable.parameter.function.coffee#5b9cf6
source.ini#F0E68C
meta.scope.prerequisites.makefile#42bda8
source.makefile#e17518
storage.modifier.import.groovy#e17518
meta.method.groovy#42bda8
meta.definition.variable.name.groovy#42bda8
meta.definition.class.inherited.groovy#F0E68C
support.variable.semantic.hlsl#e17518
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#42bda8
support.type.swift, support.type.vb.asp#e17518
entity.name.function.xi#e17518
entity.name.class.xi#e17518
constant.character.character-class.regexp.xi#42bda8
constant.regexp.xi
keyword.control.xi#e17518
invalid.xi#e4e4e4
beginning.punctuation.definition.quote.markdown.xi#F0E68C
beginning.punctuation.definition.list.markdown.xi#5b9cf6
constant.character.xi#42bda8
accent.xi#42bda8
wikiword.xi#e17518
constant.other.color.rgb-value.xi#e17518
punctuation.definition.tag.xi#5b9cf6
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#e17518
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#42bda8
meta.brace.square#42bda8
markup.quote.markdown
punctuation.definition.block.sequence.item.yaml#f77c80
constant.language.symbol.elixir, constant.language.symbol.double-quoted.elixir#e17518
entity.name.variable.parameter.cs#42bda8
entity.name.variable.field.cs#42bda8
markup.deleted#42bda8
markup.inserted#F0E68C
markup.underlineunderline
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#42bda8
support.other.namespace.php#42bda8
variable.other.object#3187ff
variable.other.constant.property#42bda8
entity.other.inherited-class#e17518
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#96d0ff
comment.line.double-slash,comment.block.documentationitalic
keyword.control.import.python,keyword.control.flow.python#42bda8italic bold
markup.italic.markdownitalic
constant.other.placeholder, constant.character#42bda8
constant, entity.name.constant, variable.other.constant, variable.other.enummember, variable.language, entity#e4e4e4
entity.name, meta.export.default, meta.definition.variable
variable.parameter.function, meta.jsx.children, meta.block, meta.tag.attributes, entity.name.constant, meta.object.member, meta.embedded.expression#42bda8
entity.name.function#3187ff
entity.name.tag, support.class.component#42bda8
keyword#e4e4e4
storage, storage.type#42bda8bold
storage.modifier.package, storage.modifier.import, storage.type.java#dc0202
string punctuation.section.embedded source#96d0ff
support#42bda8
meta.property-name#6cb6ff
keyword.operator.type#42bda8bold
variable#3187ff
variable.other#e4e4e4
invalid.broken#f77c80italic
invalid.deprecated#f77c80italic
invalid.illegal#f77c80italic
invalid.unimplemented#f77c80italic
carriage-return#fefefeitalic underline
message.error#f77c80
string variable#6cb6ff
source.regexp, string.regexp#96d0ff
operator.gtlt.pine#d8d9dbbold
constant.other.pine#5b9cf6
alias.pine#ba68c8italic
constant.character.escaped#e17518
support.function#5b9cf6
entity.name.function#5b9cf6
entity.name.function.support#3179f5
annotation.function.pine#3179f5
userDefined.type.pine#d1d4dc
entity.name#d1d4dc
error.log.pine#FF0000
warning.log.pine#E3FF40
info.log.pine#E0E0E0
entity.name
support.other#f77c80
support.variable
string.interpolated#f77c80
string.quoted.other#f77c80
string.quoted.triple#388e3c
support.type#42bda8
keyword.operator.pine#42bda8
operator.pine#42bda8
entity.name.type#42bda8
type.keyword.storage#42bda8bold
punctuation.section.embedded#42bda8italic
entity.name
constant.variable.pine#FFFFFFbold
constant.numeric#e17518
variable.pine#f77c80
constant.language#f77c80italic
string.quoted.triple#388e3c
support.constant#f77c80
type.pine, punctuation.pine#42bda8
string.quoted.double#388e3c
string.quoted.single#388e3c
variable.language#e4e4e4
string.other#f77c80
string.regexp#f77c80
string#388e3c
comment#787b86
comment.annotation.pine#787b86italic
punctuation.separator.brackets#42bda8
keyword.operator.ternary#42bda8
punctuation.separator#42bda8
type#42bda8bold
type.keyword#42bda8
keyword.control#42bda8
comment.line.double-slash#787b86italic
meta.selector#e4e4e4
punctuation.separator.parameters#e4e4e4italic
keyword.operator.logical#42bda8
color.black.pine#696969
color.silver.pine#B2B5BE
color.gray.pine#a8a8a8
color.white.pine#d1d4d2
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#1e53e5
color.teal.pine#00897B
color.orange.pine#FF9800
color.aqua.pine#00BCD4
transp.pine#d1d4d200

Shiki preview

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

Loading...

Pine Script v5 - Coding Theme