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.

  • actionBar.toggledBackground#dddddd
  • activityBar.activeBackground#2962FF
  • activityBar.activeBorder#005fb8
  • activityBar.background#f0f0f0
  • activityBar.border#e5e5e5
  • activityBar.foreground#1f1f1f
  • activityBar.inactiveForeground#616161
  • activityBarBadge.background#005fb8
  • activityBarBadge.foreground#ffffff
  • badge.background#cccccc
  • badge.foreground#3b3b3b
  • breadcrumb.activeSelectionForeground#0044ff
  • breadcrumb.background#f0f0f0
  • breadcrumb.focusForeground#2962FF
  • breadcrumb.foreground#3d71ffab
  • button.background#005fb8
  • button.border#0000001a
  • button.foreground#ffffff
  • button.hoverBackground#0258a8
  • button.secondaryBackground#e5e5e5
  • button.secondaryForeground#3b3b3b
  • button.secondaryHoverBackground#cccccc
  • chat.slashCommandBackground#d2ecff
  • chat.slashCommandForeground#306ca2
  • checkbox.background#f0f0f0
  • checkbox.border#f0f0f0
  • debugExceptionWidget.background#22262e
  • debugExceptionWidget.border#7274775b
  • debugToolBar.background#22262e
  • descriptionForeground#3b3b3b
  • diffEditor.insertedTextBackground#99b76d23
  • diffEditor.insertedTextBorder#c5e47833
  • diffEditor.removedTextBackground#ef535033
  • diffEditor.removedTextBorder#ef53504d
  • dropdown.background#ffffff
  • dropdown.border#f0f0f0
  • dropdown.foreground#3b3b3b
  • dropdown.listBackground#ffffff
  • editor.background#ffffff
  • editor.findMatchBackground#535e7279
  • editor.findMatchHighlightBackground#f0efef1a
  • editor.foreground#000000
  • editor.hoverHighlightBackground#f0f0f0
  • editor.inactiveSelectionBackground#e5ebf1
  • editor.lineHighlightBackground#f1f1f1bb
  • editor.rangeHighlightBackground#d4d4d4
  • editor.selectionBackground#67769660
  • editor.selectionHighlightBackground#add6ff80
  • editor.selectionHighlightBorder#ffffff00
  • editor.wordHighlightBackground#5d90ff44
  • editor.wordHighlightBorder#77727600
  • editor.wordHighlightStrongBackground#1449499d
  • editor.wordHighlightStrongBorder#0f132b00
  • editorBracketHighlight.foreground1#000000
  • editorBracketHighlight.foreground2#6b6b6b
  • editorBracketHighlight.foreground3#000000
  • editorBracketHighlight.unexpectedBracket.foreground#ff0000
  • editorBracketMatch.background#02d2bd00
  • editorBracketMatch.border#ffffff00
  • editorBracketPairGuide.activeBackground1#69696993
  • editorBracketPairGuide.activeBackground2#69696993
  • editorBracketPairGuide.activeBackground3#69696993
  • editorBracketPairGuide.background1#69696993
  • editorCodeLens.foreground#5e82ceb4
  • editorCursor.foreground#2962FF
  • editorError.foreground#ed4b00
  • editorGhostText.background#00000000
  • editorGhostText.border#027f8300
  • editorGhostText.foreground#cfcfcf85
  • editorGroup.border#e5e5e5
  • editorGroup.dropBackground#2962ff52
  • editorGroup.emptyBackground#22262e
  • editorGroup.focusedEmptyBorder#2962FF
  • editorGroupHeader.border#7274775b
  • editorGroupHeader.tabsBackground#f0f0f0
  • editorGroupHeader.tabsBorder#e5e5e5
  • editorGutter.addedBackground#2ea043
  • editorGutter.deletedBackground#f85149
  • editorGutter.foldingControlForeground#0084ff
  • editorGutter.modifiedBackground#005fb8
  • editorHoverWidget.background#f0f0f0
  • editorHoverWidget.border#2962FF
  • editorHoverWidget.foreground#080808
  • editorHoverWidget.highlightForeground#94c6ff42
  • editorIndentGuide.activeBackground1#ffffff00
  • editorInfo.foreground#D1D4DC
  • editorInlayHint.background#2c313c
  • editorLightBulb.foreground#2962FF
  • editorLightBulbAutoFix.foreground#2962FF
  • editorLineNumber.activeForeground#171184
  • editorLineNumber.foreground#6e7681
  • editorLink.activeForeground#D1D4DC
  • editorMarkerNavigation.background#1e2227
  • editorMarkerNavigationError.background#ef5350
  • editorMarkerNavigationWarning.background#ffca28
  • editorOverviewRuler.border#e5e5e5
  • editorOverviewRuler.commonContentForeground#00574d
  • editorOverviewRuler.currentContentForeground#00574d
  • editorOverviewRuler.incomingContentForeground#00574d
  • editorOverviewRuler.wordHighlightTextForeground#32c5ff
  • editorStickyScroll.background#303851
  • editorSuggestWidget.background#f0f0f0
  • editorSuggestWidget.border#2962FF
  • editorSuggestWidget.focusHighlightForeground#2962FF
  • editorSuggestWidget.foreground#000000df
  • editorSuggestWidget.highlightForeground#707070
  • editorSuggestWidget.selectedBackground#2962ff42
  • editorSuggestWidget.selectedForeground#000000
  • editorSuggestWidget.selectedIconForeground#bb5400
  • editorSuggestWidgetStatus.foreground#2962FF
  • editorWarning.foreground#077bffe4
  • editorWhitespace.foreground#000000
  • editorWidget.background#f0f0f0
  • editorWidget.foreground#4b4b4b
  • errorForeground#f85149
  • extensionButton.prominentBackground#252831
  • extensionButton.prominentForeground#D1D4DC
  • extensionButton.prominentHoverBackground#D1D4DC
  • focusBorder#005fb8
  • foreground#3b3b3b
  • gitDecoration.conflictingResourceForeground#978b1e
  • gitDecoration.deletedResourceForeground#d6ac5d
  • gitDecoration.ignoredResourceForeground#a5a5a5
  • gitDecoration.modifiedResourceForeground#4b7bff
  • gitDecoration.untrackedResourceForeground#b4b4b4
  • icon.foreground#3b3b3b
  • input.background#ffffff
  • input.border#f0f0f0
  • input.foreground#3b3b3b
  • input.placeholderForeground#868686
  • inputOption.activeBackground#bed6ed
  • inputOption.activeBorder#005fb8
  • inputOption.activeForeground#000000
  • inputValidation.errorBackground#ab0300f2
  • inputValidation.errorBorder#ef5350
  • inputValidation.infoBackground#00589ef2
  • inputValidation.infoBorder#64b5f6
  • inputValidation.warningBackground#675700f2
  • inputValidation.warningBorder#ffca28
  • keybindingLabel.foreground#3b3b3b
  • list.activeSelectionBackground#e8e8e8
  • list.activeSelectionForeground#000000
  • list.activeSelectionIconForeground#000000
  • list.focusAndSelectionOutline#005fb8
  • list.focusBackground#afafaf
  • list.focusForeground#f0f0f0
  • list.highlightForeground#c5c5c5
  • list.hoverBackground#f2f2f2
  • list.inactiveSelectionBackground#323842
  • list.inactiveSelectionForeground#d7dae0
  • list.warningForeground#bb5400
  • listFilterWidget.shadow#2962FF
  • menu.background#eeeeee
  • menu.border#005fb8
  • menu.foreground#000000
  • menu.selectionBackground#0044ff3f
  • menu.separatorBackground#000000
  • merge.incomingHeaderBackground#222a2e
  • minimap.background#00000000
  • minimap.selectionHighlight#2962FF
  • notebook.cellBorderColor#e5e5e5
  • notebook.selectedCellBackground#c8ddf150
  • notificationCenter.border#7274775b
  • notificationCenterHeader.background#ffffff
  • notificationCenterHeader.foreground#3b3b3b
  • notificationLink.foreground#2962FF
  • notifications.background#ffffff
  • notifications.border#e5e5e5
  • notifications.foreground#3b3b3b
  • notificationToast.border#7274775b
  • panel.background#f0f0f0
  • panel.border#e5e5e5
  • panelInput.border#e5e5e5
  • panelSectionHeader.background#7274775b
  • panelTitle.activeBorder#005fb8
  • panelTitle.activeForeground#005fb8
  • panelTitle.inactiveForeground#003464
  • peekView.border#7274775b
  • peekViewEditor.background#22262e
  • peekViewEditor.matchHighlightBackground#bb800966
  • peekViewResult.background#ffffff
  • peekViewResult.fileForeground#72747757
  • peekViewResult.lineForeground#72747756
  • peekViewResult.matchHighlightBackground#bb800966
  • peekViewResult.selectionBackground#2e3250
  • peekViewResult.selectionForeground#58aefe
  • peekViewTitle.background#22262e
  • peekViewTitleDescription.foreground#58aefe
  • pickerGroup.border#e5e5e5
  • pickerGroup.foreground#8b949e
  • ports.iconRunningProcessForeground#369432
  • progressBar.background#005fb8
  • quickInput.background#f0f0f0
  • quickInput.foreground#3b3b3b
  • quickInputTitle.background#1149e5
  • scrollbarSlider.activeBackground#747d9180
  • scrollbarSlider.background#4e566660
  • scrollbarSlider.hoverBackground#5a637580
  • searchEditor.textInputBorder#f0f0f0
  • selection.background#4373c2
  • settings.dropdownBackground#ffffff
  • settings.dropdownBorder#f0f0f0
  • settings.headerForeground#1f1f1f
  • settings.modifiedItemIndicator#bb800966
  • settings.numberInputBorder#f0f0f0
  • settings.textInputBorder#f0f0f0
  • sideBar.background#f0f0f0
  • sideBar.border#e5e5e5
  • sideBar.dropBackground#2b2e37
  • sideBar.foreground#3b3b3b
  • sideBarSectionHeader.background#f0f0f0
  • sideBarSectionHeader.border#e5e5e5
  • sideBarSectionHeader.foreground#3b3b3b
  • sideBarTitle.foreground#3b3b3b
  • statusBar.background#f0f0f0
  • statusBar.border#e5e5e5
  • statusBar.debuggingBackground#fd716c
  • statusBar.debuggingBorder#0f132b9d
  • statusBar.debuggingForeground#000000
  • statusBar.focusBorder#005fb8
  • statusBar.foreground#3b3b3b
  • statusBar.noFolderBackground#f0f0f0
  • statusBar.noFolderBorder#0f132b9d
  • statusBarItem.errorBackground#c72e0f
  • statusBarItem.focusBorder#005fb8
  • statusBarItem.hoverBackground#2c313a
  • statusBarItem.prominentBackground#6e768166
  • statusBarItem.remoteBackground#005fb8
  • statusBarItem.remoteForeground#a0a0a0
  • symbolIcon.snippetForeground#1e2227
  • tab.activeBackground#ffffff
  • tab.activeBorderTop#005fb8
  • tab.activeForeground#000000
  • tab.border#e5e5e5
  • tab.hoverBackground#ffffff
  • tab.inactiveBackground#f0f0f0
  • tab.inactiveForeground#222222
  • tab.lastPinnedBorder#d4d4d4
  • tab.unfocusedActiveBorder#f0f0f0
  • tab.unfocusedActiveBorderTop#e5e5e5
  • tab.unfocusedActiveForeground#5050505b
  • tab.unfocusedHoverBackground#f0f0f0
  • 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#bb5400
  • terminal.ansiBrightYellow#ffeb95
  • terminal.ansiCyan#21c7a8
  • terminal.ansiGreen#22da6e
  • terminal.ansiMagenta#c792ea
  • terminal.ansiRed#ef5350
  • terminal.ansiWhite#bb5400
  • terminal.ansiYellow#c5e478
  • terminal.foreground#3b3b3b
  • terminal.inactiveSelectionBackground#e5ebf1
  • terminal.selectionBackground#1b90dd4d
  • terminal.tab.activeBorder#005fb8
  • terminalCursor.background#234d70
  • terminalCursor.foreground#005fb8
  • textBlockQuote.background#f0f0f0
  • textBlockQuote.border#e5e5e5
  • textCodeBlock.background#f0f0f0
  • textLink.activeForeground#005fb8
  • textLink.foreground#005fb8
  • textPreformat.background#0000001f
  • textPreformat.foreground#a31515
  • textSeparator.foreground#21262d
  • titleBar.activeBackground#f0f0f0
  • titleBar.activeForeground#1e1e1e
  • titleBar.border#e5e5e5
  • titleBar.inactiveBackground#f0f0f0
  • titleBar.inactiveForeground#8b949e
  • walkThrough.embeddedEditorBackground#22262e
  • welcomePage.tileBackground#f3f3f3
  • widget.border#e5e5e5
  • widget.shadow#2962FF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.merge#47776d
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#47776d
storage.type.haskell#bb5400
support.variable.magic.python#47776d
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#bb5400bold
variable.parameter.function.language.special.cls.python#58aefeitalic
storage.modifier.lifetime.rust#e4e4e4
support.function.std.rust#58aefe
entity.name.lifetime.rust#000000bold
variable.language.rust#47776d
support.constant.edge#47776d
constant.other.character-class.regexp#47776d
keyword.operator.quantifier.regexp#47776d
punctuation.definition.string.begin,punctuation.definition.string.end#1e5a2f
variable.parameter.function#e4e4e4
markup.changed.diff#47776d
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#47776d
markup.inserted.diff#F0E68C
markup.deleted.diff#47776d
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#47776d
support.constant.math#47776d
support.constant.property.math#47776d
variable.other.constant#47776d
storage.type.annotation.java, storage.type.object.array.java#47776d
source.java#47776d
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#c51e00
meta.method.java#47776d
storage.modifier.import.java,storage.type.java,storage.type.generic.java#bb5400
meta.definition.variable.name.java#47776dd2
keyword.operator.logical#47776d
keyword.operator.bitwise#c51e00
keyword.operator.channel#47776d
support.constant.property-value.scss,support.constant.property-value.css#47776d
keyword.operator.css,keyword.operator.scss,keyword.operator.less#47776d
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#47776d
punctuation.separator.list.comma.css#c51e00
support.constant.color.w3c-standard-color-name.css#47776d
support.type.vendored.property-name.css#47776d
support.module.node,support.type.object.module,support.module.node#47776d
entity.name.type.module#696969
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#1c005c
support.constant.json#43BDB3
support.type.object.console#47776d
support.variable.property.process#47776d
entity.name.function,support.function.console#58aefe
keyword.operator.misc.rust#e4e4e4
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#47776d
punctuation.separator.delimiter#47776d
support.type.posix-reserved.c,support.type.posix-reserved.cpp#e4e4e4
variable.parameter.function.language.python#e4e4e4
support.type.python#e4e4e4
variable.parameter.function.python#47776d
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#47776d
meta.function-call.generic.python#58aefe
constant.character.format.placeholder.other.python#47776d
keyword.operator#58aefe
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#47776d
keyword#e4e4e4
entity.name.namespace#58aefe
variable#47776d
variable.c#47776d
variable.language#58aefe
token.variable.parameter.java#e4e4e4
import.storage.java#43BDB3
token.package#e4e4e4
entity.name.function, meta.require, support.function.any-method, variable.function#58aefe
entity.name.type.namespace#58aefe
variable.other.class.php#47776d
entity.name.type#58aefe
control.elements, keyword.operator.less#47776d
keyword.other.special-method#58aefe
token.storage.type.java#58aefe
support.function#58aefe
support.type.property-name#47776d
support.constant.property-value#47776d
support.constant.font-name#47776d
meta.tag#58aefe
string#15b100
constant.other.symbol#58aefe
constant#47776d
punctuation.definition.constant#58aefe
entity.name.tag#47776d
entity.other.attribute-name#47776d
entity.other.attribute-name.id#47776ditalic
entity.other.attribute-name.class.css#47776ditalic
markup.heading#47776d
markup.heading punctuation.definition.heading, entity.name.section#47776d
keyword.other.unit#47776d
markup.bold,todo.bold#e4e4e4
punctuation.definition.bold#bb5400
entity.name.section.markdown#47776d
punctuation.definition.heading.markdown#47776d
punctuation.definition.list.begin.markdown#47776d
markup.heading.setext#47776d
punctuation.definition.bold.markdown#bb5400
markup.inline.raw.markdown#F0E68C
markup.inline.raw.string.markdown#15b100
punctuation.definition.raw.markdown#bb5400
punctuation.definition.list.markdown#bb5400
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#47776d
string.other.link.title.markdown,string.other.link.description.markdown#47776d
markup.raw.monospace.asciidoc#F0E68C
punctuation.definition.asciidoc#bb5400
markup.list.asciidoc#bb5400
string.unquoted.asciidoc,markup.other.url.asciidoc#47776d
string.regexp#58aefe
constant.character.escape#bb5400
punctuation.section.embedded, variable.interpolation#47776d
invalid.illegal#bb5400
invalid.illegal.bad-ampersand.html#e4e4e4
invalid.broken#bb5400
invalid.deprecated#58aefe
invalid.unimplemented#bb5400
support.other.namespace.use.php,support.other.namespace.use-as.php,entity.other.alias.php,meta.interface.php#bb5400
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#bb5400
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#bb5400
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#bb5400
entity.name.goto-label.php,support.other.php#58aefe
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#bb5400
keyword.operator.comparison.php#bb5400
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#bb5400
inline-color-decoration rgb-value#bb5400
less rgb-value#bb5400
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#bb5400
entity.name.variable.local.cs#58aefe
token.info-token#e4e4e4
token.warn-token#bb5400
token.error-token#58aefe
meta.template.expression#c51e00
support.type.type.flowtype#c51e00
support.type.primitive#c51e00
meta.property.object#ffbb00
variable.parameter.function.js#47776d
keyword.other.template.begin#F0E68C
keyword.other.template.end#F0E68C
keyword.other.substitution.begin#F0E68C
keyword.other.substitution.end#F0E68C
keyword.operator.assignment#47776d
keyword.operator.assignment.go#47776d
entity.name.package.go#bb5400
support.type.prelude.elm#bb5400
support.constant.elm#bb5400
constant.character.entity#47776d
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#bb5400
entity.global.clojure#bb5400
meta.symbol.clojure#47776d
constant.keyword.clojure#bb5400
meta.arguments.coffee, variable.parameter.function.coffee#58aefe
source.ini#F0E68C
meta.scope.prerequisites.makefile#47776d
source.makefile#bb5400
storage.modifier.import.groovy#bb5400
meta.method.groovy#47776d
meta.definition.variable.name.groovy#47776d
meta.definition.class.inherited.groovy#F0E68C
support.variable.semantic.hlsl#bb5400
text.variable, text.bracketed#47776d
support.type.swift, support.type.vb.asp#bb5400
entity.name.function.xi#bb5400
entity.name.class.xi#bb5400
constant.character.character-class.regexp.xi#47776d
keyword.control.xi#bb5400
invalid.xi#e4e4e4
beginning.punctuation.definition.quote.markdown.xi#F0E68C
beginning.punctuation.definition.list.markdown.xi#58aefe
constant.character.xi#47776d
accent.xi#47776d
wikiword.xi#bb5400
constant.other.color.rgb-value.xi#bb5400
punctuation.definition.tag.xi#58aefe
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#bb5400
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#47776d
meta.brace.square#47776d
punctuation.definition.block.sequence.item.yaml#c51e00
constant.language.symbol.elixir, constant.language.symbol.double-quoted.elixir#bb5400
entity.name.variable.parameter.cs#47776d
entity.name.variable.field.cs#47776d
markup.deleted#47776d
markup.inserted#F0E68C
markup.underlineunderline
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#47776d
support.other.namespace.php#47776d
variable.other.object#3187ff
variable.other.constant.property#47776d
entity.other.inherited-class#bb5400
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#477755
comment.line.double-slash,comment.block.documentationitalic
keyword.control.import.python,keyword.control.flow.python#47776ditalic bold
markup.italic.markdownitalic
constant.other.placeholder, constant.character#47776d
constant, entity.name.constant, variable.other.constant, variable.other.enummember, variable.language, entity#000000bold
variable.parameter.function, meta.jsx.children, meta.block, meta.tag.attributes, entity.name.constant, meta.object.member, meta.embedded.expression#47776d
entity.name.function#3187ffbold
entity.name.tag, support.class.component#776847
keyword#e4e4e4
storage, storage.type#477755
storage.modifier.package, storage.modifier.import, storage.type.java#dc0202
string punctuation.section.embedded source#96d0ff
support#118f00
meta.property-name#6cb6ff
variable#3187ff
variable.other#000000bold
invalid.broken#c51e00italic
invalid.deprecated#c51e00italic
invalid.illegal#c51e00italic
invalid.unimplemented#c51e00italic
carriage-return#fefefeitalic underline
message.error#c51e00
string variable#6cb6ff
source.regexp, string.regexp#96d0ff
constant.other.pine#5f5f5fbold
alias.pine#bb5400italic
constant.character.escaped#bb5400
annotation.function.pine#87c5ff
error.log.pine#FF0000
warning.log.pine#E3FF40
info.log.pine#E0E0E0
support.other#c51e00
support.variablebold
string.interpolated#c51e00
string.quoted.other#c51e00
string.quoted.triple#1e5a2f
support.type#000000bold
keyword.operator#00a85abold
type.keyword#000000bold
entity.name.type#000000bold
type.keyword.storage#c51e00bold
type.storage.pine#ffae00bold
punctuation.section.embedded#000000bold
constant.numeric#ffae00bold
variable.pine#c51e00bold
constant.language#c51e00bold
string.quoted.triple#1e5a2f
entity.name#000000bold
entity.name.function#3157ffbold
entity.name.function.support#3157ffbold
support.function#0051ff
support.constant#c51e00bold
type.pine, punctuation.pine#3157ff
string.quoted.double#15b100italic
string.quoted.single#15b100italic
variable.language#585858
string.other#15b100
string.regexp#15b100
string#15b100italic
comment#959595
comment.annotation.pine#a8a8a8italic
punctuation.separator.brackets#000000bold
keyword.operator.ternary#000000bold
punctuation.separator#000000bold
type#000000bold
keyword.control#00a85abold
operator.pine#00a85abold
comment.line.double-slash#959595italic
constant.variable.pine#000000bold
meta.selector#e4e4e4bold
punctuation.separator.parameters#000000bold
keyword.operator.logical#47776dbold
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
sourcebold

Shiki preview

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

Loading...