Pine Script v6

Name: Pine Script v6
Author: TradesDontLie

Publisher: TradesDontLieThemes in package: 20

Pine Script v6 Language Server with Dynamic Requests, Enhanced Text Features, and Boolean Optimizations

Open in VS Code GitHub

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Pine Script v6 — Pine-Dark #02

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

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).

scope	foreground	fontStyle
meta.merge	#ffffffd5	italic bold
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python	#FF2E00	bold
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	#ffffffd5	italic bold
storage.type.haskell	#ff923e
support.variable.magic.python	#ffffffd5	italic bold
punctuation.separator.period,punctuation.separator.element,punctuation.parenthesis.begin,punctuation.parenthesis.end	#FF2E00
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	#FF2E00
variable.parameter.function.language.special.self.python	#ff923e	bold
variable.parameter.function.language.special.cls.python	#58FBFE	italic
storage.modifier.lifetime.rust	#E4E4E4
support.function.std.rust	#58FBFE
entity.name.lifetime.rust	#ff923e
variable.language.rust	#ffffffd5	italic bold
support.constant.edge	#ffffffd5	italic bold
constant.other.character-class.regexp	#ffffffd5	italic bold
keyword.operator.quantifier.regexp	#ffffffd5	italic bold
punctuation.definition.string.begin,punctuation.definition.string.end	#EDC49D
variable.parameter.function	#E4E4E4
comment markup.link	—
markup.changed.diff	#ffffffd5	italic bold
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff	#ffffffd5	italic bold
markup.inserted.diff	#F0B78C
markup.deleted.diff	#ffffffd5	italic bold
meta.function.c,meta.function.cpp	#58FBFE
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	#ffffffd5	italic bold
support.constant.math	#ffffffd5	italic bold
support.constant.property.math	#ffffffd5	italic bold
variable.other.constant	#ffffffd5	italic bold
storage.type.annotation.java, storage.type.object.array.java	#ffffffd5	italic bold
source.java	#ffffffd5	italic bold
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	#ff923e
meta.method.java	#ffffffd5	italic bold
storage.modifier.import.java,storage.type.java,storage.type.generic.java	#ff923e
keyword.operator.instanceof.java	—
meta.definition.variable.name.java	#ffffffd5	italic bold
keyword.operator.logical	#ffffffd5	italic bold
keyword.operator.bitwise	#ff923e
keyword.operator.channel	#ffffffd5	italic bold
support.constant.property-value.scss,support.constant.property-value.css	#ffffffd5	italic bold
keyword.operator.css,keyword.operator.scss,keyword.operator.less	#ffffffd5	italic bold
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss	#ffffffd5	italic bold
punctuation.separator.list.comma.css	#ff923e
support.constant.color.w3c-standard-color-name.css	#ffffffd5	italic bold
support.type.vendored.property-name.css	#ffffffd5	italic bold
support.module.node,support.type.object.module,support.module.node	#ffffffd5	italic bold
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	#43BD7A
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof	—
support.type.object.console	#ffffffd5	italic bold
support.variable.property.process	#ffffffd5	italic bold
entity.name.function,support.function.console	#58FBFE
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	#ffffffd5	italic bold
punctuation.separator.delimiter	#ffffffd5	italic bold
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	#ffffffd5	italic bold
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python	#ffffffd5	italic bold
meta.function-call.generic.python	#58FBFE
constant.character.format.placeholder.other.python	#ffffffd5	italic bold
keyword.operator	#58FBFE
keyword.operator.assignment.compound	—
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts	#ffffffd5	italic bold
keyword	#E4E4E4
entity.name.namespace	#58FBFE
variable	#ffffffd5	italic bold
variable.c	#ffffffd5	italic bold
variable.language	#58FBFE
token.variable.parameter.java	#E4E4E4
import.storage.java	#43BD7A
token.package.keyword	—
token.package	#E4E4E4
entity.name.function, meta.require, support.function.any-method, variable.function	#58FBFE
entity.name.type.namespace	#58FBFE
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	#ffffffd5	italic bold
entity.name.type	#58FBFE
keyword.control	—
control.elements, keyword.operator.less	#ffffffd5	italic bold
keyword.other.special-method	#58FBFE
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	#58FBFE
support.function	#58FBFE
support.type.property-name	#ffffffd5	italic bold
support.constant.property-value	#ffffffd5	italic bold
support.constant.font-name	#ffffffd5	italic bold
meta.tag	#58FBFE
string	#F0B78C
constant.other.symbol	#58FBFE
constant.numeric	#ff923e
constant	#ffffffd5	italic bold
punctuation.definition.constant	#58FBFE
entity.name.tag	#ffffffd5	italic bold
entity.other.attribute-name	#ffffffd5	italic bold
entity.other.attribute-name.id	#ffffffd5	italic bold
entity.other.attribute-name.class.css	#ffffffd5	italic bold
meta.selector	—
markup.heading	#ffffffd5	italic bold
markup.heading punctuation.definition.heading, entity.name.section	#ffffffd5	italic bold
keyword.other.unit	#ffffffd5	italic bold
markup.bold,todo.bold	#E4E4E4
punctuation.definition.bold	#ff923e
markup.italic, punctuation.definition.italic,todo.emphasis	—
emphasis md	—
entity.name.section.markdown	#ffffffd5	italic bold
punctuation.definition.heading.markdown	#ffffffd5	italic bold
punctuation.definition.list.begin.markdown	#ffffffd5	italic bold
markup.heading.setext	#ffffffd5	italic bold
punctuation.definition.bold.markdown	#ff923e
markup.inline.raw.markdown	#F0B78C
markup.inline.raw.string.markdown	#F0B78C
punctuation.definition.raw.markdown	#ff923e
punctuation.definition.list.markdown	#ff923e
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown	#58FBFE
beginning.punctuation.definition.list.markdown	#58FBFE
punctuation.definition.metadata.markdown	#ffffffd5	italic bold
markup.underline.link.markdown,markup.underline.link.image.markdown	—
string.other.link.title.markdown,string.other.link.description.markdown	#ffffffd5	italic bold
markup.raw.monospace.asciidoc	#F0B78C
punctuation.definition.asciidoc	#ff923e
markup.list.asciidoc	#ff923e
markup.link.asciidoc,markup.other.url.asciidoc	—
string.unquoted.asciidoc,markup.other.url.asciidoc	#ffffffd5	italic bold
string.regexp	#58FBFE
constant.character.escape	#ff923e
punctuation.section.embedded, variable.interpolation	#ffffffd5	italic bold
punctuation.section.embedded.begin,punctuation.section.embedded.end	—
invalid.illegal	#ff923e
invalid.illegal.bad-ampersand.html	#E4E4E4
invalid.broken	#ff923e
invalid.deprecated	#58FBFE
invalid.unimplemented	#ff923e
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	#ff923e
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	#58FBFE
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php	#ff923e
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php	#58FBFE
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	#ff923e
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php	#ff923e
entity.name.goto-label.php,support.other.php	#58FBFE
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php	#ff923e
keyword.operator.regexp.php	—
keyword.operator.comparison.php	#ff923e
keyword.operator.heredoc.php,keyword.operator.nowdoc.php	—
meta.function.decorator.python	#58FBFE
support.token.decorator.python,meta.function.decorator.identifier.python	#58FBFE
function.brace	#E4E4E4
function.parameter.ruby, function.parameter.cs	#E4E4E4
constant.language.symbol.ruby	#58FBFE
rgb-value	#ff923e
inline-color-decoration rgb-value	#ff923e
less rgb-value	#ff923e
selector.sass	#E4E4E4
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx	#ff923e
block.scope.end,block.scope.begin	#E4E4E4
storage.type.cs	#ff923e
entity.name.variable.local.cs	#58FBFE
token.info-token	#E4E4E4
token.warn-token	#ff923e
token.error-token	#58FBFE
token.debug-token	—
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded	—
meta.template.expression	#ff923e
keyword.operator.module	—
support.type.type.flowtype	#ff923e
support.type.primitive	#ff923e
meta.property.object	#FF4400
variable.parameter.function.js	#ffffffd5	italic bold
keyword.other.template.begin	#F0B78C
keyword.other.template.end	#F0B78C
keyword.other.substitution.begin	#F0B78C
keyword.other.substitution.end	#F0B78C
keyword.operator.assignment	#ffffffd5	italic bold
keyword.operator.assignment.go	#ffffffd5	italic bold
keyword.operator.arithmetic.go, keyword.operator.address.go	—
entity.name.package.go	#ff923e
support.type.prelude.elm	#ff923e
support.constant.elm	#ff923e
punctuation.quasi.element	—
constant.character.entity	#ffffffd5	italic bold
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class	#ff923e
entity.global.clojure	#ff923e
meta.symbol.clojure	#ffffffd5	italic bold
constant.keyword.clojure	#ff923e
meta.arguments.coffee, variable.parameter.function.coffee	#58FBFE
source.ini	#F0B78C
meta.scope.prerequisites.makefile	#ffffffd5	italic bold
source.makefile	#ff923e
storage.modifier.import.groovy	#ff923e
meta.method.groovy	#ffffffd5	italic bold
meta.definition.variable.name.groovy	#ffffffd5	italic bold
meta.definition.class.inherited.groovy	#F0B78C
support.variable.semantic.hlsl	#ff923e
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	#ffffffd5	italic bold
support.type.swift, support.type.vb.asp	#ff923e
entity.name.function.xi	#ff923e
entity.name.class.xi	#ff923e
constant.character.character-class.regexp.xi	#ffffffd5	italic bold
constant.regexp.xi	—
keyword.control.xi	#ff923e
invalid.xi	#E4E4E4
beginning.punctuation.definition.quote.markdown.xi	#F0B78C
beginning.punctuation.definition.list.markdown.xi	#58FBFE
constant.character.xi	#ffffffd5	italic bold
accent.xi	#ffffffd5	italic bold
wikiword.xi	#ff923e
constant.other.color.rgb-value.xi	#ff923e
punctuation.definition.tag.xi	#58FBFE
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition	#ff923e
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown	#ffffffd5	italic bold
meta.brace.square	#ffffffd5	italic bold
markup.quote.markdown	—
punctuation.definition.block.sequence.item.yaml	#ff923e
constant.language.symbol.elixir, constant.language.symbol.double-quoted.elixir	#ff923e
entity.name.variable.parameter.cs	#ffffffd5	italic bold
entity.name.variable.field.cs	#ffffffd5	italic bold
markup.deleted	#ffffffd5	italic bold
markup.inserted	#F0B78C
markup.underline	—	underline
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php	#ffffffd5	italic bold
support.other.namespace.php	#ffffffd5	italic bold
variable.other.object	#ff923e
variable.other.constant.property	#ffffffd5	italic bold
entity.other.inherited-class	#ff923e
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	—	italic
comment.line.double-slash,comment.block.documentation	—	italic
keyword.control.import.python,keyword.control.flow.python	#ffffff	italic bold
markup.italic.markdown	—	italic
constant.other.placeholder, constant.character	#ffffffd5	italic bold
constant, entity.name.constant, variable.other.constant, variable.other.enummember, variable.language, entity	#E4E4E4
entity.name, meta.export.default, meta.definition.variable	#FF4000
variable.parameter.function, meta.jsx.children, meta.block, meta.tag.attributes, entity.name.constant, meta.object.member, meta.embedded.expression	#ffffffd5	italic bold
entity.name.function	#B2B0FF	—
entity.name.tag, support.class.component	#ffffffd5	italic bold
keyword	#E4E4E4
storage, storage.type	#ffffffd5	italic bold
storage.modifier.package, storage.modifier.import, storage.type.java	#DC0268
string, string punctuation.section.embedded source	#96FFFD
support	#ffffffd5	italic bold
meta.property-name	#6CFBFF
variable	#FF3C00
variable.other	#ffffffcb
invalid.broken	#ff923e	italic
invalid.deprecated	#ff923e	italic
invalid.illegal	#ff923e	italic
invalid.unimplemented	#ff923e	italic
carriage-return	#FEFEFE	italic underline
message.error	#ff923e
string variable	#6CFBFF
source.regexp, string.regexp	#96FFFD
entity.name	#ff923e
constant.numeric	#ff923e
variable.pine	#ff923e
constant.language	#ff923e	italic
string.quoted.triple	#EDC49D
entity.name.function, variable.language.super	#87FDFF	—
entity.name.function.support	#87edff	bold italic
support.function	#56acfc
support.constant	#ff923e
string.quoted.double	#EDC49D
string.quoted.single	#EDC49D
variable.language	#E4E4E4	—
string.other	#ff923e
string.regexp	#ff923e
string	#EDC49D
comment	#959595
comment.annotation.pine	#A8A8A8	italic
punctuation.separator.brackets	#ff923e	italic bold
keyword.operator.ternary	#ff923e	italic bold
punctuation.separator	#ff923e	italic bold
type	#ffffffd5	italic bold
type.keyword	#ffffffd5	bold
keyword.control	#ffffffd5	italic bold
operator.pine	#ffffff	bold
comment.line.double-slash	#636363	italic
constant.variable.pine	#FFFFFF	bold
meta.selector	#E4E4E4
punctuation.separator.parameters	#E4E4E4	italic
constant.other.pine, annotation.function.pine	#E4E4E4	bold
alias.pine	#ff923e	italic
constant.character.escaped	#ff923e
error.log.pine	#FF0000
warning.log.pine	#E3FF40
info.log.pine	#E0E0E0
entity.name	#ff923e
support.other	#ff923e
support.variable	#ff923e	bold
string.interpolated	#ff923e
string.quoted.other	#ff923e
string.quoted.triple	#EDC49D
support.type	#ffffffd5	italic bold
keyword.operator	#ffffffd5	italic bold
entity.name.type	#ffffffd5	italic bold
type.keyword.storage	#ffffffd5	italic bold
punctuation.section.embedded	#ffffffd5	italic bold
punctuation.pine	#ffffff	italic bold
keyword.operator.logical	#ffffffd5	italic bold
color.black.pine	#696969
color.silver.pine	#B2BBBE
color.gray.pine	#A8A8A8
color.white.pine	#ffffffd5	italic bold
color.maroon.pine	#880E88
color.red.pine	#FF52A3
color.purple.pine	#5C27B0
color.fuchsia.pine	#8940FB
color.green.pine	#76AF4C
color.lime.pine	#00E60B
color.olive.pine	#804400
color.yellow.pine	#FF903B
color.navy.pine	#2E549A
color.blue.pine	#29C6FF
color.teal.pine	#00893B
color.orange.pine	#FF2100
color.aqua.pine	#00D489
transp.pine	#ffffffd5	italic bold

Shiki preview

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

export interface User {
  id: string;
  name: string;
  role: "admin" | "member";
  tags: string[];
}

/**
 * Fetch user data by ID
 * @param id  
 * @returns User object or null if ID is invalid
 */
export async function fetchUser(id: string): Promise<User | null> {
  if (!id) {
    return null;
  }

  const response = await fetch(`/api/users/${id}`, {
    method: "GET",
    headers: { Accept: "application/json" },
  });

  if (!response.ok) {
    throw new Error(`HTTP ${response.status}`);
  }

  return (await response.json()) as User;
}

function greet(user: User): string {
  // Simple greeting function that uses the user's name
  return `Hello, ${user.name}!`;
}