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#0044ff3a
  • commandCenter.activeBackground#272a31
  • commandCenter.background#22262e
  • commandCenter.border#2962FF
  • 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#272c47ab
  • editor.inactiveSelectionBackground#222a2e
  • editor.lineHighlightBackground#282d37
  • editor.rangeHighlightBackground#3b3e3f
  • editor.selectionBackground#67769660
  • editor.selectionHighlightBackground#b8b8b817
  • 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#2b2e37
  • editorHoverWidget.border#cccccc5b
  • 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#2b2e37
  • editorSuggestWidget.border#dedededf
  • editorSuggestWidget.focusHighlightForeground#ffffff
  • editorSuggestWidget.foreground#dedede9a
  • editorSuggestWidget.highlightForeground#D1D4DC
  • editorSuggestWidget.selectedBackground#2962ff77
  • editorSuggestWidget.selectedForeground#bcccff
  • editorSuggestWidget.selectedIconForeground#fdb603
  • editorSuggestWidgetStatus.foreground#D1D4DC
  • 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#22262e
  • 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#7274773a
  • list.activeSelectionForeground#fff
  • list.dropBackground#22262e
  • list.focusBackground#7274773a
  • list.focusForeground#ffa927
  • list.focusHighlightForeground#fff
  • list.highlightForeground#ffa927
  • list.hoverBackground#7274773a
  • list.hoverForeground#d8d8d8
  • list.inactiveFocusBackground#7274773a
  • list.inactiveSelectionBackground#7274773a
  • list.inactiveSelectionForeground#fff
  • list.warningForeground#fdb603
  • listFilterWidget.shadow#2962FF
  • menu.background#22262e
  • menu.border#7274775b
  • menu.foreground#d7dae0
  • menu.selectionBackground#7274773a
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#7274775b
  • menubar.selectionBackground#2962ff77
  • menubar.selectionForeground#bcccff
  • merge.border#7274775b
  • merge.commonContentBackground#00c0aa1f
  • merge.commonHeaderBackground#00ad9949
  • merge.currentContentBackground#ff4e1811
  • merge.currentHeaderBackground#ff331825
  • merge.incomingContentBackground#29ff4d10
  • merge.incomingHeaderBackground#29ff3b25
  • minimap.background#00000000
  • minimap.errorHighlight#ff000060
  • minimap.findMatchHighlight#ffffff
  • minimap.selectionHighlight#ff9e03
  • minimap.warningHighlight#ffe6003f
  • 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#727477
  • peekViewEditor.background#15161a
  • peekViewEditor.matchHighlightBackground#2b2e3748
  • peekViewEditor.matchHighlightBorder#7274775b
  • peekViewEditorGutter.background#15161a
  • peekViewResult.background#2b2e37
  • peekViewResult.fileForeground#d8d8d8e0
  • peekViewResult.lineForeground#d8d8d8e0
  • peekViewResult.matchHighlightBackground#88898b34
  • peekViewResult.selectionBackground#74747542
  • peekViewResult.selectionForeground#eeeeeeec
  • peekViewTitle.background#2b2e37
  • peekViewTitleDescription.foreground#d8d8d8e0
  • peekViewTitleLabel.foreground#d8d8d8e0
  • pickerGroup.border#7274775b
  • pickerGroup.foreground#d8d8d8e0
  • quickInput.background#22262e
  • quickInputTitle.background#1149e5
  • scrollbar.shadow#7274775b
  • scrollbarSlider.activeBackground#747d9180
  • scrollbarSlider.background#4e566660
  • scrollbarSlider.hoverBackground#5a637580
  • selection.background#6d6d6d57
  • sideBar.background#2b2e37
  • sideBar.border#7274775b
  • sideBar.dropBackground#2b2e37
  • sideBar.foreground#d1d1d1
  • 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#272931
  • tab.activeBorder#727477
  • tab.activeForeground#ffffff
  • tab.border#7274775b
  • tab.hoverBackground#22262e
  • 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.border#7274775b
  • widget.shadow#343842

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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

Shiki preview

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

Loading...

Pine Script v5 - Coding Theme