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#222a2e00
  • editor.lineHighlightBackground#282d37
  • editor.rangeHighlightBackground#222a2e00
  • editor.selectionBackground#67769660
  • editor.selectionHighlightBackground#acff2f17
  • editor.selectionHighlightBorder#ffffff00
  • editor.wordHighlightBackground#5d90ff44
  • editor.wordHighlightBorder#77727600
  • editor.wordHighlightStrongBackground#1449499d
  • editor.wordHighlightStrongBorder#0f132b00
  • editorBracketHighlight.foreground1#1EDBC5
  • 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#32c5ff00
  • 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#222a2e00
  • minimap.background#00000000
  • minimap.findMatchHighlight#ffffff54
  • minimap.selectionHighlight#ff9e033f
  • 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#1EDBC5
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#FFBA00bold
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#1EDBC5
storage.type.haskell#FDCB03
support.variable.magic.python#1EDBC5
punctuation.separator.period,punctuation.separator.element,punctuation.parenthesis.begin,punctuation.parenthesis.end#FFBA00
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#FFBA00
variable.parameter.function.language.special.self.python#FDCB03bold
variable.parameter.function.language.special.cls.python#58A0FEitalic
storage.modifier.lifetime.rust#E4E4E4
support.function.std.rust#58A0FE
entity.name.lifetime.rust#FDCB03
variable.language.rust#1EDBC5
support.constant.edge#1EDBC5
constant.other.character-class.regexp#1EDBC5
keyword.operator.quantifier.regexp#1EDBC5
punctuation.definition.string.begin,punctuation.definition.string.end#F0EE8C
variable.parameter.function#E4E4E4
comment markup.link
markup.changed.diff#1EDBC5
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#1EDBC5
markup.inserted.diff#F0EE8C
markup.deleted.diff#1EDBC5
meta.function.c,meta.function.cpp#58A0FE
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#1EDBC5
support.constant.math#1EDBC5
support.constant.property.math#1EDBC5
variable.other.constant#1EDBC5
storage.type.annotation.java, storage.type.object.array.java#1EDBC5
source.java#1EDBC5
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#FF8059
meta.method.java#1EDBC5
storage.modifier.import.java,storage.type.java,storage.type.generic.java#FDCB03
keyword.operator.instanceof.java
meta.definition.variable.name.java#1EDBC5
keyword.operator.logical#1EDBC5
keyword.operator.bitwise#FF8059
keyword.operator.channel#1EDBC5
support.constant.property-value.scss,support.constant.property-value.css#1EDBC5
keyword.operator.css,keyword.operator.scss,keyword.operator.less#1EDBC5
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#1EDBC5
punctuation.separator.list.comma.css#FF8059
support.constant.color.w3c-standard-color-name.css#1EDBC5
support.type.vendored.property-name.css#1EDBC5
support.module.node,support.type.object.module,support.module.node#1EDBC5
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#43BDBD
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof
support.type.object.console#1EDBC5
support.variable.property.process#1EDBC5
entity.name.function,support.function.console#58A0FE
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#1EDBC5
punctuation.separator.delimiter#1EDBC5
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#1EDBC5
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#1EDBC5
meta.function-call.generic.python#58A0FE
constant.character.format.placeholder.other.python#1EDBC5
keyword.operator#58A0FE
keyword.operator.assignment.compound
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#1EDBC5
keyword#E4E4E4
entity.name.namespace#58A0FE
variable#1EDBC5
variable.c#1EDBC5
variable.language#58A0FE
token.variable.parameter.java#E4E4E4
import.storage.java#43BDBD
token.package.keyword
token.package#E4E4E4
entity.name.function, meta.require, support.function.any-method, variable.function#58A0FE
entity.name.type.namespace#58A0FE
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#1EDBC5
entity.name.type#58A0FE
keyword.control#1EDBC5
operator.pine#1EDBC5
control.elements, keyword.operator.less#1EDBC5
keyword.other.special-method#58A0FE
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#58A0FE
support.function#58A0FE
support.type.property-name#1EDBC5
support.constant.property-value#1EDBC5
support.constant.font-name#1EDBC5
meta.tag#58A0FE
string#F0EE8C
constant.other.symbol#58A0FE
constant.numeric#FDCB03
constant#1EDBC5
punctuation.definition.constant#58A0FE
entity.name.tag#1EDBC5
entity.other.attribute-name#1EDBC5
entity.other.attribute-name.id#1EDBC5italic
entity.other.attribute-name.class.css#1EDBC5italic
meta.selector
markup.heading#1EDBC5
markup.heading punctuation.definition.heading, entity.name.section#1EDBC5
keyword.other.unit#1EDBC5
markup.bold,todo.bold#E4E4E4
punctuation.definition.bold#FDCB03
markup.italic, punctuation.definition.italic,todo.emphasis
emphasis md
entity.name.section.markdown#1EDBC5
punctuation.definition.heading.markdown#1EDBC5
punctuation.definition.list.begin.markdown#1EDBC5
markup.heading.setext#1EDBC5
punctuation.definition.bold.markdown#FDCB03
markup.inline.raw.markdown#F0EE8C
markup.inline.raw.string.markdown#F0EE8C
punctuation.definition.raw.markdown#FDCB03
punctuation.definition.list.markdown#FDCB03
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#58A0FE
beginning.punctuation.definition.list.markdown#58A0FE
punctuation.definition.metadata.markdown#1EDBC5
markup.underline.link.markdown,markup.underline.link.image.markdown
string.other.link.title.markdown,string.other.link.description.markdown#1EDBC5
markup.raw.monospace.asciidoc#F0EE8C
punctuation.definition.asciidoc#FDCB03
markup.list.asciidoc#FDCB03
markup.link.asciidoc,markup.other.url.asciidoc
string.unquoted.asciidoc,markup.other.url.asciidoc#1EDBC5
string.regexp#58A0FE
constant.character.escape#FDCB03
punctuation.section.embedded, variable.interpolation#1EDBC5
punctuation.section.embedded.begin,punctuation.section.embedded.end
invalid.illegal#FDCB03
invalid.illegal.bad-ampersand.html#E4E4E4
invalid.broken#FDCB03
invalid.deprecated#58A0FE
invalid.unimplemented#FDCB03
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#FDCB03
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#58A0FE
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#FDCB03
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#58A0FE
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#FDCB03
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#FDCB03
entity.name.goto-label.php,support.other.php#58A0FE
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#FDCB03
keyword.operator.regexp.php
keyword.operator.comparison.php#FDCB03
keyword.operator.heredoc.php,keyword.operator.nowdoc.php
meta.function.decorator.python#58A0FE
support.token.decorator.python,meta.function.decorator.identifier.python#58A0FE
function.brace#E4E4E4
function.parameter.ruby, function.parameter.cs#E4E4E4
constant.language.symbol.ruby#58A0FE
rgb-value#FDCB03
inline-color-decoration rgb-value#FDCB03
less rgb-value#FDCB03
selector.sass#E4E4E4
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#FDCB03
block.scope.end,block.scope.begin#E4E4E4
storage.type.cs#FDCB03
entity.name.variable.local.cs#58A0FE
token.info-token#E4E4E4
token.warn-token#FDCB03
token.error-token#58A0FE
token.debug-token
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded
meta.template.expression#FF8059
keyword.operator.module
support.type.type.flowtype#FF8059
support.type.primitive#FF8059
meta.property.object#FFD000
variable.parameter.function.js#1EDBC5
keyword.other.template.begin#F0EE8C
keyword.other.template.end#F0EE8C
keyword.other.substitution.begin#F0EE8C
keyword.other.substitution.end#F0EE8C
keyword.operator.assignment#1EDBC5
keyword.operator.pine#1EDBC5bold
keyword.operator.assignment.go#1EDBC5
keyword.operator.arithmetic.go, keyword.operator.address.go
entity.name.package.go#FDCB03
support.type.prelude.elm#FDCB03
support.constant.elm#FDCB03
punctuation.quasi.element
constant.character.entity#1EDBC5
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#FDCB03
entity.global.clojure#FDCB03
meta.symbol.clojure#1EDBC5
constant.keyword.clojure#FDCB03
meta.arguments.coffee, variable.parameter.function.coffee#58A0FE
source.ini#F0EE8C
meta.scope.prerequisites.makefile#1EDBC5
source.makefile#FDCB03
storage.modifier.import.groovy#FDCB03
meta.method.groovy#1EDBC5
meta.definition.variable.name.groovy#1EDBC5
meta.definition.class.inherited.groovy#F0EE8C
support.variable.semantic.hlsl#FDCB03
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#1EDBC5
support.type.swift, support.type.vb.asp#FDCB03
entity.name.function.xi#FDCB03
entity.name.class.xi#FDCB03
constant.character.character-class.regexp.xi#1EDBC5
constant.regexp.xi
keyword.control.xi#FDCB03
invalid.xi#E4E4E4
beginning.punctuation.definition.quote.markdown.xi#F0EE8C
beginning.punctuation.definition.list.markdown.xi#58A0FE
constant.character.xi#1EDBC5
accent.xi#1EDBC5
wikiword.xi#FDCB03
constant.other.color.rgb-value.xi#FDCB03
punctuation.definition.tag.xi#58A0FE
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#FDCB03
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#1EDBC5
meta.brace.square#1EDBC5
markup.quote.markdown
punctuation.definition.block.sequence.item.yaml#FF8059
constant.language.symbol.elixir, constant.language.symbol.double-quoted.elixir#FDCB03
entity.name.variable.parameter.cs#1EDBC5
entity.name.variable.field.cs#1EDBC5
markup.deleted#1EDBC5
markup.inserted#F0EE8C
markup.underlineunderline
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#1EDBC5
support.other.namespace.php#1EDBC5
variable.other.object#FDCB03
variable.other.constant.property#1EDBC5
entity.other.inherited-class#FDCB03
entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.superitalic
comment.line.double-slash,comment.block.documentationitalic
keyword.control.import.python,keyword.control.flow.python#1EDBC5italic bold
markup.italic.markdownitalic
constant.other.placeholder, constant.character#1EDBC5
constant, entity.name.constant, variable.other.constant, variable.other.enummember, entity#E4E4E4
entity.name, meta.export.default, meta.definition.variable#FFCC00
variable.parameter.function, meta.jsx.children, meta.block, meta.tag.attributes, entity.name.constant, meta.object.member, meta.embedded.expression#1EDBC5
entity.name.function#DEB0FF
entity.name.tag, support.class.component#1EDBC5
keyword#E4E4E4
storage, storage.type#1EDBC5
storage.modifier.package, storage.modifier.import, storage.type.java#DC1402
string, string punctuation.section.embedded source#96C7FF
support#1EDBC5
meta.property-name#6CAAFF
variable#FFC800
variable.other#E4E4E4
invalid.broken#FF8059italic
invalid.deprecated#FF8059italic
invalid.illegal#FF8059italic
invalid.unimplemented#FF8059italic
carriage-return#FEFEFEitalic underline
message.error#FF8059
string variable#6CAAFF
source.regexp, string.regexp#96C7FF
entity.name#FDCB03
constant.numeric#FDCB03
variable.language.pine#FF8059
constant.language#FF8059italic
string.quoted.triple#EAED9D
entity.name.function, variable.language.super#87BBFF
entity.name.function.support#3a77fc
support.function#87BBFF
support.constant#FF8059
string.quoted.double#EAED9D
string.quoted.single#EAED9D
variable.language#E4E4E4
string.other#FF8059
string.regexp#FF8059
string#EAED9D
comment#959595
comment.annotation.pine#A8A8A8italic
punctuation.separator.brackets#1EDBC5
keyword.operator.ternary#1EDBC5bold
punctuation.separator#1EDBC5
type.keyword#1EDBC5
keyword.control#1EDBC5
comment.line.double-slash#636363italic
constant.variable.pine#FFFFFFbold
meta.selector#E4E4E4
punctuation.separator.parameters#E4E4E4italic
constant.other.pine, annotation.function.pine#E4E4E4bold
alias.pine#FDCB03italic
punctuation.pine#1EDBC5
constant.character.escaped#FDCB03
error.log.pine#FF0000
warning.log.pine#E3FF40
info.log.pine#E0E0E0
entity.name#FDCB03
support.other#FF8059
support.variable#FDCB03bold
string.interpolated#FF8059
string.quoted.other#FF8059
string.quoted.triple#EAED9D
support.type#1EDBC5bold
keyword.operator#1EDBC5bold
entity.name.type#1EDBC5
type.keyword.storage#1EDBC5
punctuation.section.embedded#1EDBC5italic
keyword.operator.logical#1EDBC5bold
color.black.pine#696969
color.silver.pine#B2B4BE
color.gray.pine#A8A8A8
color.white.pine#FFFFFF
color.maroon.pine#880E45
color.red.pine#FF6052
color.purple.pine#A727B0
color.fuchsia.pine#F040FB
color.green.pine#4CAF58
color.lime.pine#00E689
color.olive.pine#758000
color.yellow.pine#FFFB3B
color.navy.pine#432E9A
color.blue.pine#2950FF
color.teal.pine#008986
color.orange.pine#FFAD00
color.aqua.pine#00AAD4

Shiki preview

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

Loading...

Pine Script v5 - Coding Theme