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

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#63c95cf1
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#ff7259
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#ff7259
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#ff7259
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
entity.name.type#58aefe
keyword.control
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#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#3187ff
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#ff7259
keyword.operator.module
support.type.type.flowtype#ff7259
support.type.primitive#ff7259
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#ff7259
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#3187ff
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.super#96d0ff
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
variable.parameter.function, meta.jsx.children, meta.block, meta.tag.attributes, entity.name.constant, meta.object.member, meta.embedded.expression#1edbb5
entity.name.function#3187ffbold
entity.name.tag, support.class.component#1edbb5
keyword#e4e4e4
storage, storage.type#1edbb5
storage.modifier.package, storage.modifier.import, storage.type.java#dc0202
string punctuation.section.embedded source#96d0ff
support#1edbb5
meta.property-name#6cb6ff
variable#3187ff
variable.other#e4e4e4
invalid.broken#ff7259italic
invalid.deprecated#ff7259italic
invalid.illegal#ff7259italic
invalid.unimplemented#ff7259italic
carriage-return#fefefeitalic underline
message.error#ff7259
string variable#6cb6ff
source.regexp, string.regexp#96d0ff
constant.other.pine#e4e4e4
alias.pine#fdb603italic
constant.character.escaped#fdb603
annotation.function.pine#87c5ff
error.log.pine#FF0000
warning.log.pine#E3FF40
info.log.pine#E0E0E0
entity.name
support.other#ff7259
support.variablebold
string.interpolated#ff7259
string.quoted.other#ff7259
string.quoted.triple#63c95cf1
support.type#1edbb5bold
keyword.operator#1edbb5bold
operator.pine#1edbb5bold
type.keyword#1edbb5bold
entity.name.type#1edbb5
type.keyword.storage#1edbb5
punctuation.section.embedded#1edbb5italic
operator.gtlt.pine#e0e0e0
entity.name
constant.numeric#fdb603
variable.pine#ff7259
constant.language#ff7259italic
string.quoted.triple#63c95cf1
entity.name#fdb603
entity.name.function#87c5ff
entity.name.function.support#3157ff
support.function#87c5ff
support.constant#ff7259
type.pine, punctuation.pine#1edbb5
string.quoted.double#63c95cf1
string.quoted.single#63c95cf1
variable.language#e4e4e4
string.other#ff7259
string.regexp#ff7259
string#ede99df1
comment#959595
comment.annotation.pine#a8a8a8italic
punctuation.separator.brackets#1edbb5
keyword.operator.ternary#1edbb5bold
punctuation.separator#1edbb5
type#1edbb5
keyword.control#1edbb5
comment.line.double-slash#636363italic
constant.variable.pine#ffffffbold
meta.selector#e4e4e4
punctuation.separator.parameters#e4e4e4italic
keyword.operator.logical#1edbb5
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

Shiki preview

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

Loading...