Pine Script VS Code
Publisher: Kai GouthroThemes in package: 20
Pine Script Language Server
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#242830
- activityBar.border#2b303a
- activityBar.foreground#d4d4d4
- activityBarBadge.background#c34b07
- activityBarBadge.foreground#ffffffe6
- badge.background#d04f07
- badge.foreground#ffffffe6
- button.background#c34b07
- button.foreground#ffffffe6
- button.hoverBackground#d04f07
- debugExceptionWidget.background#ec353a
- debugExceptionWidget.border#ec353a
- diffEditor.insertedTextBackground#69b4691a
- diffEditor.removedTextBackground#ec353a1a
- dropdown.background#20242b
- dropdown.border#282c35
- dropdown.foreground#d4d4d4
- dropdown.listBackground#282c35
- editor.background#282c35
- editor.findMatchBackground#f2d98c3c
- editor.findMatchHighlightBackground#ffffff16
- editor.foreground#d4d4d4
- editor.inactiveSelectionBackground#ffffff10
- editor.lineHighlightBackground#ffffff0d
- editor.rangeHighlightBackground#ffffff16
- editor.selectionBackground#ffffff1a
- editor.selectionHighlightBackground#ffffff16
- editor.wordHighlightBackground#ffffff16
- editor.wordHighlightStrongBackground#ffffff1a
- editorBracketMatch.background#ffffff16
- editorBracketMatch.border#ffffff16
- editorCodeLens.foreground#ffffff16
- editorCursor.foreground#de935e
- editorError.foreground#f4878a
- editorGroup.border#ffffff12
- editorGroup.dropBackground#242830cc
- editorGroupHeader.noTabsBackground#20242b
- editorGroupHeader.tabsBackground#20242b
- editorGroupHeader.tabsBorder#2b303a
- editorGutter.addedBackground#99cc99b3
- editorGutter.background#2c303a
- editorGutter.deletedBackground#f2777ab3
- editorGutter.modifiedBackground#ffcc66b3
- editorHoverWidget.background#282c35
- editorLineNumber.activeForeground#ffffff5a
- editorLineNumber.foreground#ffffff33
- editorLink.activeForeground#82a3bf
- editorMarkerNavigation.background#242830
- editorMarkerNavigationError.background#f2777ab3
- editorMarkerNavigationWarning.background#ffcc66b3
- editorOverviewRuler.addedForeground#69b469
- editorOverviewRuler.border#ffffff12
- editorOverviewRuler.currentContentForeground#3d7ab81a
- editorOverviewRuler.deletedForeground#ec353a
- editorOverviewRuler.errorForeground#ec353a
- editorOverviewRuler.findMatchForeground#f2d98c3c
- editorOverviewRuler.incomingContentForeground#ffb41f1a
- editorOverviewRuler.infoForeground#ffb41f
- editorOverviewRuler.modifiedForeground#ffb41f
- editorOverviewRuler.rangeHighlightForeground#ffffff16
- editorOverviewRuler.selectionHighlightForeground#ffffff16
- editorOverviewRuler.warningForeground#ffb41f
- editorOverviewRuler.wordHighlightForeground#ffffff1a
- editorOverviewRuler.wordHighlightStrongForeground#ffffff1a
- editorRuler.foreground#ffffff1a
- editorSuggestWidget.background#242830
- editorSuggestWidget.border#242830
- editorSuggestWidget.foreground#d4d4d4
- editorSuggestWidget.selectedBackground#ffffff26
- editorWarning.foreground#ffd278
- editorWhitespace.foreground#ffffff16
- editorWidget.background#242830
- editorWidget.border#1d2026
- errorForeground#f4878a
- extensionButton.prominentBackground#c34b07
- extensionButton.prominentForeground#ffffffe6
- extensionButton.prominentHoverBackground#a94106
- focusBorder#ffffff33
- foreground#d4d4d4
- gitDecoration.conflictingResourceForeground#ffd278
- gitDecoration.deletedResourceForeground#f4878a
- gitDecoration.ignoredResourceForeground#d4d4d4a6
- gitDecoration.modifiedResourceForeground#71a1d0
- gitDecoration.untrackedResourceForeground#a5d2a5
- input.background#20242b
- input.border#282c35
- input.foreground#d4d4d4
- input.placeholderForeground#d4d4d4a6
- inputOption.activeBorder#242830
- inputValidation.errorBackground#20242b
- inputValidation.errorBorder#ec353a
- inputValidation.infoBackground#20242b
- inputValidation.infoBorder#3d7ab8
- inputValidation.warningBackground#20242b
- inputValidation.warningBorder#ffb41f
- list.activeSelectionBackground#ffffff26
- list.activeSelectionForeground#ffffff
- list.dropBackground#ffffff1a
- list.focusBackground#ffffff33
- list.focusForeground#ffffff
- list.highlightForeground#f76716
- list.hoverBackground#ffffff1a
- list.hoverForeground#ffffff
- list.inactiveFocusBackground#ffffff1f
- list.inactiveSelectionBackground#ffffff21
- list.inactiveSelectionForeground#ffffff
- list.invalidItemForeground#f4878a
- merge.border#ec353a
- merge.currentContentBackground#3d7ab81a
- merge.currentHeaderBackground#3d7ab8
- merge.incomingContentBackground#ffb41f1a
- merge.incomingHeaderBackground#ffb41f
- notificationCenter.border#a94106
- notificationCenterHeader.background#a94106
- notificationCenterHeader.foreground#ffffffe6
- notificationLink.foreground#82a3bf
- notifications.background#1d2026
- notifications.border#1d2026
- notifications.foreground#fefefe
- notificationToast.border#242830
- panel.background#1d2026
- panel.border#2b303a
- panelTitle.activeBorder#a94106
- panelTitle.activeForeground#fefefe
- panelTitle.inactiveForeground#aaaaaa
- peekView.border#242830
- peekViewEditor.background#282c35
- peekViewEditor.matchHighlightBackground#ffffff16
- peekViewEditorGutter.background#282c35
- peekViewResult.background#282c35
- peekViewResult.fileForeground#d4d4d4
- peekViewResult.lineForeground#d4d4d4
- peekViewResult.matchHighlightBackground#ffffff16
- peekViewResult.selectionBackground#ffffff1a
- peekViewResult.selectionForeground#d4d4d4
- peekViewTitle.background#20242b
- peekViewTitleDescription.foreground#aaaaaa
- peekViewTitleLabel.foreground#e9e9e9
- pickerGroup.border#282c35
- pickerGroup.foreground#bfbfbf
- progressBar.background#f76716
- scrollbar.shadow#121418
- scrollbarSlider.activeBackground#d4d4d44d
- scrollbarSlider.background#d4d4d41a
- scrollbarSlider.hoverBackground#d4d4d433
- selection.background#6699ccb3
- sideBar.background#242830
- sideBar.border#242830
- sideBar.foreground#d4d4d4
- sideBarSectionHeader.background#2b303a
- sideBarSectionHeader.foreground#aaaaaa
- sideBarTitle.foreground#bfbfbf
- statusBar.background#1d2026
- statusBar.border#2b303a
- statusBar.debuggingBackground#c34b07
- statusBar.debuggingForeground#ffffffe6
- statusBar.foreground#ffffffcc
- statusBar.noFolderBackground#2b303a
- statusBar.noFolderForeground#aaaaaa
- statusBarItem.activeBackground#ffffff26
- statusBarItem.hoverBackground#ffffff1a
- statusBarItem.prominentBackground#a94106
- statusBarItem.prominentHoverBackground#d04f07
- tab.activeBackground#2b303a
- tab.activeBorder#a94106
- tab.activeForeground#fefefe
- tab.border#2b303a
- tab.hoverBackground#2b303a
- tab.inactiveBackground#1d2026
- tab.inactiveForeground#bfbfbf
- tab.unfocusedActiveForeground#bfbfbf
- tab.unfocusedHoverBackground#2b303a
- tab.unfocusedInactiveForeground#aaaaaa
- terminal.ansiBlack#000000
- terminal.ansiBlue#427ab3
- terminal.ansiBrightBlack#686a66
- terminal.ansiBrightBlue#84b0d8
- terminal.ansiBrightCyan#37e6e8
- terminal.ansiBrightGreen#99e343
- terminal.ansiBrightMagenta#bc94b7
- terminal.ansiBrightRed#f54235
- terminal.ansiBrightWhite#f1f1f0
- terminal.ansiBrightYellow#fdeb61
- terminal.ansiCyan#00a7aa
- terminal.ansiGreen#5ea702
- terminal.ansiMagenta#89658e
- terminal.ansiRed#d81e00
- terminal.ansiWhite#dbded8
- terminal.ansiYellow#cfae00
- terminal.background#1d2026
- terminal.foreground#d4d4d4
- terminal.selectionBackground#c1deff5a
- titleBar.activeBackground#1d2026
- titleBar.activeForeground#fefefe
- titleBar.border#1d2026
- titleBar.inactiveBackground#282c35
- titleBar.inactiveForeground#bfbfbf
- walkThrough.embeddedEditorBackground#242830
- widget.shadow#121418
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment.block.documentation | #008080 | italic |
| comment.block | #008080 | italic |
| comment.line | #85c986 | italic |
| comment | #85c986 | italic |
| constant.character.escape | #FF9800 | — |
| constant.character | #FF9800 | — |
| constant.color.aqua | #00BCD4 | — |
| constant.color.black | #EEEEEE | — |
| constant.color.blue | #87CEEB | — |
| constant.color.fuchsia | #FFB6C1 | — |
| constant.color.gray | #EEEEEE | — |
| constant.color.green | #4bb438 | — |
| constant.color.lime | #4bb438 | — |
| constant.color.maroon | #d37272 | — |
| constant.color.navy | #0D47A1 | — |
| constant.color.olive | #c7e492 | — |
| constant.color.orange | #FF9800 | — |
| constant.color.purple | #9C27B0 | — |
| constant.color.red | #d37272 | — |
| constant.color.silver | #EEEEEE | — |
| constant.color.teal | #008080 | — |
| constant.color.white | #FFFFFF | — |
| constant.color.yellow | #FFCC80 | — |
| constant.language.boolean | #d37272 | italic |
| constant.language.null | #d37272 | italic |
| constant.language | #d37272 | italic |
| constant.numeric.binary | #FF9800 | — |
| constant.numeric.float | #FF9800 | — |
| constant.numeric.hex | #FF9800 | — |
| constant.numeric.integer | #FF9800 | — |
| constant.numeric | #FF9800 | — |
| constant.other | #d37272 | — |
| entity.name.annotation | #FF9800 | — |
| entity.name.class | #87CEEB | — |
| entity.name.constant | #87CEEB | — |
| entity.name.decorator | #FF9800 | — |
| entity.name.enum | #87CEEB | — |
| entity.name.function.call | #FFCC80 | — |
| entity.name.function.constructor | #FFCC80 | — |
| entity.name.function.declaration | #FFCC80 | — |
| entity.name.function.getter | #FFCC80 | — |
| entity.name.function.method | #FFCC80 | — |
| entity.name.function.setter | #FFCC80 | — |
| entity.name.function | #FFCC80 | — |
| entity.name.interface | #87CEEB | — |
| entity.name.module | #87CEEB | — |
| entity.name.namespace | #87CEEB | — |
| entity.name.storage.type | #00BCD4 | italic bold |
| entity.name.type.class | #87CEEB | — |
| entity.name.type.enum | #87CEEB | — |
| entity.name.type.interface | #87CEEB | — |
| entity.name.type.module | #87CEEB | — |
| entity.name.type.namespace | #87CEEB | — |
| entity.name.type | #87CEEB | italic bold |
| entity.name.variable | #FFDAB9 | — |
| entity.name | #FFFFFF | — |
| entity.other.attribute-name.class | #FFB6C1 | — |
| entity.other.attribute-name.id | #FFB6C1 | — |
| entity.other.attribute-name | #FF9800 | italic |
| entity.other.inherited-class | #87CEEB | — |
| invalid.deprecated | #d37272 | italic |
| invalid.illegal | #d37272 | — |
| keyword.control.conditional | #00BCD4 | — |
| keyword.control.exception | #00BCD4 | — |
| keyword.control.export | #00BCD4 | — |
| keyword.control.import | #00BCD4 | — |
| keyword.control.loop | #00BCD4 | italic |
| keyword.control | #00BCD4 | — |
| keyword.operator.arithmetic | #FFFFFF | — |
| keyword.operator.assignment | #FFFFFF | — |
| keyword.operator.bitwise | #FFFFFF | — |
| keyword.operator.comparison | #FFFFFF | — |
| keyword.operator.control.class | #00BCD4 | — |
| keyword.operator.control.conditional | #00BCD4 | — |
| keyword.operator.control.directive | #00BCD4 | — |
| keyword.operator.control.exception | #00BCD4 | — |
| keyword.operator.control.export | #00BCD4 | — |
| keyword.operator.control.flow | #00BCD4 | — |
| keyword.operator.control.import | #00BCD4 | — |
| keyword.operator.control.interface | #00BCD4 | — |
| keyword.operator.control.loop | #00BCD4 | — |
| keyword.operator.control.module | #00BCD4 | — |
| keyword.operator.decrement | #FFFFFF | — |
| keyword.operator.delete | #FFFFFF | — |
| keyword.operator.expression | #FFFFFF | — |
| keyword.operator.increment | #FFFFFF | — |
| keyword.operator.instanceof | #FFFFFF | — |
| keyword.operator.logical | #FFFFFF | — |
| keyword.operator.new | #00BCD4 | — |
| keyword.operator.ternary | #FFFFFF | — |
| keyword.operator.typeof | #FFFFFF | — |
| keyword.operator.void | #00BCD4 | — |
| keyword.operator | #FFFFFF | — |
| keyword.other.unit | #FF9800 | — |
| keyword.other | #EEEEEE | — |
| keyword.type | #87CEEB | — |
| markup.bold | #FFCC80 | bold |
| markup.changed.diff | #c7e492 | — |
| markup.code | #EEEEEE | — |
| markup.deleted.diff | #d37272 | — |
| markup.heading.1 | #FF9800 | bold |
| markup.heading.2 | #FF9800 | bold |
| markup.heading.3 | #FF9800 | bold |
| markup.heading.4 | #FF9800 | — |
| markup.heading.5 | #FF9800 | — |
| markup.heading.6 | #FF9800 | — |
| markup.ignored | #008080 | — |
| markup.inline.raw | #EEEEEE | — |
| markup.inserted.diff | #c7e492 | — |
| markup.italic | #FFDAB9 | italic |
| markup.link.reference | #87CEEB | — |
| markup.link.url | #87CEEB | — |
| markup.link | #87CEEB | — |
| markup.list.bullet | #EEEEEE | — |
| markup.list.numbered | #EEEEEE | — |
| markup.paragraph | #EEEEEE | — |
| markup.quote | #FFCC80 | |
| markup.raw.block | #EEEEEE | — |
| markup.raw | #EEEEEE | — |
| markup.strikethrough | #FFDAB9 | strikethrough |
| markup.underline | #FFDAB9 | underline |
| markup.untracked | #008080 | — |
| meta.annotation | #FF9800 | — |
| meta.block-level | #EEEEEE | italic |
| meta.block.scope | #EEEEEE | — |
| meta.block | #EEEEEE | — |
| meta.class.declaration | #EEEEEE | — |
| meta.class | #EEEEEE | — |
| meta.decorator | #FF9800 | — |
| meta.diff.header | #FFFFFF | bold |
| meta.directive | #00BCD4 | — |
| meta.export | #EEEEEE | — |
| meta.function-call | #EEEEEE | — |
| meta.function.declaration | #EEEEEE | — |
| meta.function.parameters | #EEEEEE | — |
| meta.function | #EEEEEE | — |
| meta.import | #EEEEEE | — |
| meta.interface.declaration | #EEEEEE | — |
| meta.interface | #EEEEEE | — |
| meta.module.declaration | #0D47A1 | — |
| meta.module | #0D47A1 | — |
| meta.paragraph.blockquote | #EEEEEE | italic |
| meta.paragraph.list.numbered | #EEEEEE | — |
| meta.require | #EEEEEE | — |
| punctuation.accessor | #FFFFFF | — |
| punctuation.bracket.curly | #EEEEEE | — |
| punctuation.bracket.round | #EEEEEE | — |
| punctuation.bracket.square | #EEEEEE | — |
| punctuation.bracket | #EEEEEE | — |
| punctuation.definition.bold | #FFCC80 | — |
| punctuation.definition.code | #EEEEEE | — |
| punctuation.definition.comment | #008080 | — |
| punctuation.definition.heading | #FF9800 | — |
| punctuation.definition.italic | #FFDAB9 | — |
| punctuation.definition.link | #87CEEB | — |
| punctuation.definition.list | #EEEEEE | — |
| punctuation.definition.quote | #FFCC80 | — |
| punctuation.definition.raw | #EEEEEE | — |
| punctuation.definition.strikethrough | #FFDAB9 | — |
| punctuation.definition.string.begin | #c7e492 | — |
| punctuation.definition.string.end | #c7e492 | — |
| punctuation.definition.string.template.begin | #c7e492 | — |
| punctuation.definition.string.template.end | #c7e492 | — |
| punctuation.definition.underline | #FFDAB9 | — |
| punctuation.section.block | #EEEEEE | — |
| punctuation.section.braces | #EEEEEE | — |
| punctuation.section.brackets | #EEEEEE | — |
| punctuation.section.group | #EEEEEE | — |
| punctuation.section.parens | #EEEEEE | — |
| punctuation.separator.array | #EEEEEE | — |
| punctuation.separator.element | #EEEEEE | — |
| punctuation.separator.key-value | #EEEEEE | — |
| punctuation.separator.object | #EEEEEE | — |
| punctuation.separator.parameter | #EEEEEE | — |
| punctuation.separator | #EEEEEE | — |
| punctuation.terminator | #EEEEEE | — |
| storage.modifier | #FF9800 | — |
| storage.type | #9d97de | — |
| string.interpolated | #c7e492 | — |
| string.quoted.double | #c7e492 | — |
| string.quoted.single | #c7e492 | — |
| string.quoted.template | #c7e492 | — |
| string.regexp | #c7e492 | — |
| string.unquoted | #c7e492 | — |
| support.class | #87CEEB | — |
| support.constant | #FF9800 | — |
| support.function | #FFCC80 | — |
| support.module | #506e9c | — |
| support.type | #87CEEB | — |
| token.debug-token | #87CEEB | — |
| token.error-token | #d37272 | — |
| token.info-token | #00BCD4 | — |
| token.warn-token | #FF9800 | — |
| variable.language.constructor | #FFDAB9 | — |
| variable.language.self | #FFDAB9 | — |
| variable.language.super | #FFDAB9 | — |
| variable.language.this | #FFDAB9 | — |
| variable.language | #FFDAB9 | — |
| variable.other.constant.instance | #87CEEB | bold |
| variable.other.constant | #87CEEB | bold |
| variable.other.diff | #FFDAB9 | — |
| variable.other.global | #FFDAB9 | — |
| variable.other.instance | #FFDAB9 | — |
| variable.other.member | #FFDAB9 | — |
| variable.other.object | #FFDAB9 | — |
| variable.other.property | #FFDAB9 | — |
| variable.other.readwrite.instance | #FFDAB9 | — |
| variable.other.readwrite | #FFDAB9 | — |
| variable.other | #FFDAB9 | — |
| variable.parameter | #c7e492 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...