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#131a24
  • activityBar.background#070e15
  • activityBar.border#00000044
  • activityBar.foreground#5790a1
  • activityBar.inactiveForeground#44676d
  • activityBarBadge.background#52d3e8dd
  • activityBarBadge.foreground#0b0e17
  • badge.background#61afbcdd
  • badge.foreground#05050f
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#070e15
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#a7c6cfcc
  • button.background#1c8aa3
  • button.foreground#b6bac4
  • button.hoverBackground#2d6677
  • button.secondaryBackground#030e13
  • button.secondaryForeground#b6bac4
  • button.secondaryHoverBackground#0b1e28
  • checkbox.background#131b24
  • checkbox.border#0000002e
  • checkbox.foreground#dbdbdb
  • debugExceptionWidget.background#01080a
  • debugExceptionWidget.border#275a66
  • debugToolBar.background#01080a
  • debugToolBar.border#275a66
  • diffEditor.border#0018260e
  • diffEditor.insertedTextBackground#36525a3a
  • diffEditor.removedTextBackground#0c638e20
  • dropdown.background#131b24
  • dropdown.border#0000002e
  • dropdown.foreground#dbdbdb
  • editor.background#070e15
  • editor.findMatchBackground#000000
  • editor.findMatchBorder#a2a71a
  • editor.findMatchHighlightBackground#000000
  • editor.findMatchHighlightBorder#a2a71a
  • editor.findRangeHighlightBackground#22728424
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#3187a932
  • editor.foreground#ebf0f0cb
  • editor.hoverHighlightBackground#5c5c5cb3
  • editor.inactiveSelectionBackground#18515a76
  • editor.lineHighlightBackground#79797930
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#000000
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#1a363f
  • editor.selectionHighlightBackground#000000
  • editor.selectionHighlightBorder#a2a71a
  • editor.wordHighlightBackground#545454b8
  • editor.wordHighlightStrongBackground#414141b8
  • editorBracketMatch.background#000000
  • editorBracketMatch.border#cb4d26
  • editorCodeLens.foreground#2b454b
  • editorCursor.background#000000
  • editorCursor.foreground#b6b6b6
  • editorError.background#6f2c2c34
  • editorError.border#ffffff00
  • editorError.foreground#c20101
  • editorGroup.border#0f0f0fe1
  • editorGroup.emptyBackground#070e15
  • editorGroupHeader.tabsBackground#131a24
  • editorGutter.addedBackground#899626
  • editorGutter.background#070e15
  • editorGutter.commentRangeForeground#42696b
  • editorGutter.deletedBackground#b03137
  • editorGutter.foldingControlForeground#42696b
  • editorGutter.modifiedBackground#2a8c42
  • editorHoverWidget.background#050c0f
  • editorHoverWidget.border#1e3441
  • editorHoverWidget.foreground#8a9799
  • editorIndentGuide.activeBackground#0099a1
  • editorIndentGuide.background#2b4a4f
  • editorInfo.background#73add11c
  • editorInfo.border#4490BF00
  • editorInfo.foreground#39c7ff
  • editorLineNumber.activeForeground#43e0f0
  • editorLineNumber.foreground#2b5566
  • editorLink.activeForeground#2bb9ff
  • editorMarkerNavigation.background#050c0f
  • editorMarkerNavigationError.background#b26161
  • editorMarkerNavigationInfo.background#3b8080
  • editorMarkerNavigationWarning.background#b0974d
  • editorOverviewRuler.background#45414132
  • editorOverviewRuler.border#1b10103c
  • editorRuler.foreground#42545887
  • editorSuggestWidget.background#050c0f
  • editorSuggestWidget.border#192a36
  • editorSuggestWidget.foreground#697579
  • editorSuggestWidget.highlightForeground#42939b
  • editorSuggestWidget.selectedBackground#1b303b
  • editorWarning.background#92814836
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffd518
  • editorWhitespace.foreground#577a82
  • editorWidget.background#131d24
  • editorWidget.foreground#9b9b9b
  • editorWidget.resizeBorder#275466
  • focusBorder#008aa1
  • foreground#56787b
  • gitDecoration.addedResourceForeground#8ec04fd5
  • gitDecoration.conflictingResourceForeground#cb5e34
  • gitDecoration.deletedResourceForeground#b82e3a
  • gitDecoration.ignoredResourceForeground#374a4d
  • gitDecoration.modifiedResourceForeground#c9b238
  • gitDecoration.stageDeletedResourceForeground#b24750
  • gitDecoration.stageModifiedResourceForeground#94832a
  • gitDecoration.submoduleResourceForeground#579699
  • gitDecoration.untrackedResourceForeground#924f94
  • icon.foreground#56787b
  • input.background#131b24
  • input.border#0000002e
  • input.foreground#dbdbdb
  • input.placeholderForeground#5a7382
  • inputOption.activeBackground#070815
  • inputOption.activeBorder#28272acf
  • inputOption.activeForeground#d1d1d1
  • list.activeSelectionBackground#208aa374
  • list.activeSelectionForeground#e1ebff
  • list.dropBackground#246b774c
  • list.focusBackground#121313
  • list.focusForeground#c9c9c9
  • list.highlightForeground#b6a72d
  • list.hoverBackground#2458774c
  • list.hoverForeground#e8e8e8
  • list.inactiveSelectionBackground#2454774c
  • list.inactiveSelectionForeground#a4b0ba
  • listFilterWidget.background#1d2e3df1
  • listFilterWidget.noMatchesOutline#0065a1
  • listFilterWidget.outline#00000032
  • menu.background#131c24
  • menu.border#0e0d192c
  • menu.foreground#a1aeb2
  • menu.selectionBackground#305966bf
  • menu.selectionBorder#00000022
  • menu.selectionForeground#dadee8
  • menu.separatorBackground#2f353b8b
  • menubar.selectionBackground#3549496c
  • menubar.selectionBorder#3f3f3f
  • menubar.selectionForeground#bebebe
  • merge.commonContentBackground#191919
  • merge.commonHeaderBackground#2c2c2c
  • merge.currentContentBackground#2a0d0d
  • merge.currentHeaderBackground#662424
  • merge.incomingContentBackground#182c10
  • merge.incomingHeaderBackground#1c5125
  • minimap.background#070e15
  • minimap.errorHighlight#c20101
  • minimap.findMatchHighlight#000000
  • minimap.selectionHighlight#1a363f
  • minimap.warningHighlight#ffd518
  • minimapGutter.addedBackground#899626
  • minimapGutter.deletedBackground#b03137
  • minimapGutter.modifiedBackground#2a8c42
  • notificationCenter.border#243a45
  • notificationCenterHeader.background#111d24
  • notificationCenterHeader.foreground#b8b8b8
  • notifications.background#050c0f
  • notifications.border#131e24
  • notifications.foreground#96a5a9
  • notificationsErrorIcon.foreground#9d2c37
  • notificationsInfoIcon.foreground#226199
  • notificationsWarningIcon.foreground#a18a22
  • notificationToast.border#275466
  • panel.background#050c0f
  • panel.border#6e69ff16
  • panelSection.border#80808059
  • panelTitle.activeBorder#52d3e8dd
  • panelTitle.activeForeground#99aab0
  • panelTitle.inactiveForeground#52565c
  • peekView.border#143c4fa3
  • peekViewEditor.background#050c0f
  • peekViewEditor.matchHighlightBackground#0800ff7c
  • peekViewEditor.matchHighlightBorder#1edaeead
  • peekViewEditorGutter.background#050c0f
  • peekViewResult.background#0c1417
  • peekViewResult.fileForeground#89939b
  • peekViewResult.lineForeground#bcbcbc
  • peekViewResult.matchHighlightBackground#1d5c75c7
  • peekViewResult.selectionBackground#33bcff33
  • peekViewResult.selectionForeground#b1becd
  • peekViewTitle.background#050c0f
  • peekViewTitleDescription.foreground#3d6271
  • peekViewTitleLabel.foreground#b4b9c2
  • pickerGroup.border#275466
  • pickerGroup.foreground#3a5f68
  • progressBar.background#52d3e8dd
  • scrollbar.shadow#42adbe4c
  • scrollbarSlider.activeBackground#175462
  • scrollbarSlider.background#010c0f
  • scrollbarSlider.hoverBackground#0a333f
  • selection.background#286477
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#56787b
  • sideBar.background#131a24
  • sideBar.border#000000
  • sideBar.dropBackground#246b774c
  • sideBar.foreground#5790a1
  • sideBarSectionHeader.background#101d2138
  • sideBarSectionHeader.border#1c2c30f1
  • sideBarSectionHeader.foreground#5790a1
  • sideBarTitle.foreground#5790a1
  • statusBar.background#070e15
  • statusBar.border#000000
  • statusBar.debuggingBackground#15b8c0
  • statusBar.debuggingBorder#00000089
  • statusBar.debuggingForeground#000000
  • statusBar.foreground#4b7984
  • statusBar.noFolderBackground#000000
  • statusBar.noFolderBorder#000000
  • statusBar.noFolderForeground#334449
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#32d3e495
  • statusBarItem.remoteBackground#15b8c0
  • statusBarItem.remoteForeground#101619
  • tab.activeBackground#070e15
  • tab.activeBorder#c7940000
  • tab.activeBorderTop#52d3e8dd
  • tab.activeForeground#90d0d3
  • tab.border#2a4047
  • tab.hoverBackground#19526434
  • tab.hoverBorder#0092a1
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#131a24
  • tab.inactiveForeground#6897a580
  • terminal.ansiBlack#323232
  • terminal.ansiBlue#113192
  • terminal.ansiBrightBlack#4d4d4d
  • terminal.ansiBrightBlue#1949d9
  • terminal.ansiBrightCyan#06a5a5
  • terminal.ansiBrightGreen#189426
  • terminal.ansiBrightMagenta#992999
  • terminal.ansiBrightRed#a30a20
  • terminal.ansiBrightWhite#cfcfcf
  • terminal.ansiBrightYellow#b69a07
  • terminal.ansiCyan#007d7d
  • terminal.ansiGreen#106b1a
  • terminal.ansiMagenta#712171
  • terminal.ansiRed#730b1a
  • terminal.ansiWhite#b4b4b4
  • terminal.ansiYellow#826d00
  • terminal.border#80808059
  • terminal.foreground#8e8e8eeb
  • terminal.selectionBackground#61a3b224
  • terminalCursor.background#000000
  • terminalCursor.foreground#d6dce0
  • textLink.foreground#c7b346
  • titleBar.activeBackground#070e15
  • titleBar.activeForeground#4b7984
  • titleBar.border#00000076
  • titleBar.inactiveBackground#171d21
  • titleBar.inactiveForeground#7f889b99
  • tree.indentGuidesStroke#2b4a4f
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000005c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
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#ba8b62
variable.other.generic-type.haskell#c9b238
storage.type.haskell#8cba51d5
support.variable.magic.python#ba8b62
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#ebf0f0cb
variable.parameter.function.language.special.self.python#40cd9ee9
storage.modifier.lifetime.rust#ebf0f0cb
support.function.std.rust#d76730
entity.name.lifetime.rust#40cd9ee9
variable.language.rust#ba8b62
support.constant.edge#c9b238
constant.other.character-class.regexp#ba8b62
keyword.operator.quantifier.regexp#8cba51d5
punctuation.definition.string.begin,punctuation.definition.string.end#8cba51d5
variable.parameter.function#ebf0f0cb
comment markup.link#294c5a
markup.changed.diff#40cd9ee9
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#d76730
markup.inserted.diff#8cba51d5
markup.deleted.diff#ba8b62
meta.function.c,meta.function.cpp#ba8b62
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#ebf0f0cb
punctuation.separator.key-value#ebf0f0cb
keyword.operator.expression.import#d76730
support.constant.math#40cd9ee9
support.constant.property.math#8cba51d5
variable.other.constant#40cd9ee9
storage.type.annotation.java, storage.type.object.array.java#40cd9ee9
source.java#ba8b62
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#ebf0f0cb
meta.method.java#d76730
storage.modifier.import.java,storage.type.java,storage.type.generic.java#40cd9ee9
keyword.operator.instanceof.java#c9b238
meta.definition.variable.name.java#ba8b62
keyword.operator.logical#4eb8c9dd
keyword.operator.bitwise#4eb8c9dd
keyword.operator.channel#4eb8c9dd
support.constant.property-value.scss,support.constant.property-value.css#8cba51d5
keyword.operator.css,keyword.operator.scss,keyword.operator.less#4eb8c9dd
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#8cba51d5
punctuation.separator.list.comma.css#ebf0f0cb
support.constant.color.w3c-standard-color-name.css#8cba51d5
support.type.vendored.property-name.css#4eb8c9dd
support.module.node,support.type.object.module,support.module.node#40cd9ee9
entity.name.type.module#40cd9ee9
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ba8b62
support.constant.json#8cba51d5
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#c9b238
support.type.object.console#ba8b62
support.variable.property.process#8cba51d5
entity.name.function,support.function.console#d76730
keyword.operator.misc.rust#ebf0f0cb
keyword.operator.sigil.rust#c9b238
keyword.operator.delete#c9b238
support.type.object.dom#4eb8c9dd
support.variable.dom,support.variable.property.dom#ba8b62
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#4eb8c9dd
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#c9b238
punctuation.separator.delimiter#ebf0f0cb
punctuation.separator.c,punctuation.separator.cpp#c9b238
support.type.posix-reserved.c,support.type.posix-reserved.cpp#4eb8c9dd
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#c9b238
variable.parameter.function.language.python#8cba51d5
support.type.python#4eb8c9dd
keyword.operator.logical.python#c9b238
variable.parameter.function.python#8cba51d5
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#ebf0f0cb
meta.function-call.generic.python#d76730
constant.character.format.placeholder.other.python#8cba51d5
keyword.operator#ebf0f0cb
keyword.operator.assignment.compound#c9b238
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#4eb8c9dd
keyword#c9b238
entity.name.namespace#40cd9ee9
variable#ba8b62
variable.c#ebf0f0cb
variable.language#40cd9ee9
token.variable.parameter.java#ebf0f0cb
import.storage.java#40cd9ee9
token.package.keyword#c9b238
token.package#ebf0f0cb
entity.name.function, meta.require, support.function.any-method, variable.function#d76730
entity.name.type.namespace#40cd9ee9
support.class, entity.name.type.class#40cd9ee9
entity.name.class.identifier.namespace.type#40cd9ee9
entity.name.class, variable.other.class.js, variable.other.class.ts#40cd9ee9
variable.other.class.php#ba8b62
entity.name.type#40cd9ee9
keyword.control#c9b238
control.elements, keyword.operator.less#8cba51d5
keyword.other.special-method#d76730
storage#c9b238
token.storage#c9b238
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#c9b238
token.storage.type.java#40cd9ee9
support.function#4eb8c9dd
support.type.property-name#ebf0f0cb
support.constant.property-value#ebf0f0cb
support.constant.font-name#8cba51d5
meta.tag#ebf0f0cb
string#8cba51d5
entity.other.inherited-class#40cd9ee9
constant.other.symbol#4eb8c9dd
constant.numeric#8cba51d5
constant#8cba51d5
punctuation.definition.constant#8cba51d5
entity.name.tag#ba8b62
entity.other.attribute-name#8cba51d5
entity.other.attribute-name.id#d76730normal
entity.other.attribute-name.class.css#8cba51d5normal
meta.selector#c9b238
markup.heading#ba8b62
markup.heading punctuation.definition.heading, entity.name.section#d76730
keyword.other.unit#ba8b62
markup.bold,todo.bold#8cba51d5
punctuation.definition.bold#40cd9ee9
markup.italic, punctuation.definition.italic,todo.emphasis#c9b238
emphasis md#c9b238
entity.name.section.markdown#ba8b62
punctuation.definition.heading.markdown#ba8b62
punctuation.definition.list.begin.markdown#ba8b62
markup.heading.setext#ebf0f0cb
punctuation.definition.bold.markdown#8cba51d5
markup.inline.raw.markdown#8cba51d5
markup.inline.raw.string.markdown#8cba51d5
punctuation.definition.list.markdown#ba8b62
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ba8b62
beginning.punctuation.definition.list.markdown#ba8b62
punctuation.definition.metadata.markdown#ba8b62
markup.underline.link.markdown,markup.underline.link.image.markdown#c9b238
string.other.link.title.markdown,string.other.link.description.markdown#d76730
string.regexp#4eb8c9dd
constant.character.escape#4eb8c9dd
punctuation.section.embedded, variable.interpolation#ba8b62
punctuation.section.embedded.begin,punctuation.section.embedded.end#c9b238
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#ebf0f0cb
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ba8b62
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ba8b62
source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation#8cba51d5
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#4eb8c9dd
support.type.property-name.json#ba8b62
support.type.property-name.json punctuation#ba8b62
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#c9b238
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#c9b238
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#40cd9ee9
keyword.operator.error-control.php#c9b238
keyword.operator.type.php#c9b238
punctuation.section.array.begin.php#ebf0f0cb
punctuation.section.array.end.php#ebf0f0cb
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#40cd9ee9
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#d76730
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#ebf0f0cb
support.constant.core.rust#8cba51d5
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#8cba51d5
entity.name.goto-label.php,support.other.php#d76730
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#4eb8c9dd
keyword.operator.regexp.php#c9b238
keyword.operator.comparison.php#4eb8c9dd
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#c9b238
meta.function.decorator.python#d76730
support.token.decorator.python,meta.function.decorator.identifier.python#4eb8c9dd
function.parameter#ebf0f0cb
function.brace#ebf0f0cb
function.parameter.ruby, function.parameter.cs#ebf0f0cb
constant.language.symbol.ruby#4eb8c9dd
rgb-value#4eb8c9dd
inline-color-decoration rgb-value#8cba51d5
less rgb-value#8cba51d5
selector.sass#ba8b62
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#40cd9ee9
block.scope.end,block.scope.begin#ebf0f0cb
storage.type.cs#40cd9ee9
entity.name.variable.local.cs#ba8b62
token.info-token#d76730
token.warn-token#8cba51d5
token.error-token#f44747
token.debug-token#c9b238
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#c9b238
meta.template.expression#ebf0f0cb
keyword.operator.module#c9b238
support.type.type.flowtype#d76730
support.type.primitive#40cd9ee9
meta.property.object#ba8b62
variable.parameter.function.js#ba8b62
keyword.other.template.begin#8cba51d5
keyword.other.template.end#8cba51d5
keyword.other.substitution.begin#8cba51d5
keyword.other.substitution.end#8cba51d5
keyword.operator.assignment#4eb8c9dd
keyword.operator.assignment.go#40cd9ee9
keyword.operator.arithmetic.go, keyword.operator.address.go#c9b238
entity.name.package.go#40cd9ee9
support.type.prelude.elm#4eb8c9dd
support.constant.elm#8cba51d5
punctuation.quasi.element#c9b238
constant.character.entity#ba8b62
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#4eb8c9dd
entity.global.clojure#40cd9ee9
meta.symbol.clojure#ba8b62
constant.keyword.clojure#4eb8c9dd
meta.arguments.coffee, variable.parameter.function.coffee#ba8b62
source.ini#8cba51d5
meta.scope.prerequisites.makefile#ba8b62
source.makefile#40cd9ee9
storage.modifier.import.groovy#40cd9ee9
meta.method.groovy#d76730
meta.definition.variable.name.groovy#ba8b62
meta.definition.class.inherited.classes.groovy#8cba51d5
support.variable.semantic.hlsl#40cd9ee9
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#c9b238
text.variable, text.bracketed#ba8b62
support.type.swift, support.type.vb.asp#40cd9ee9
entity.name.function.xi#40cd9ee9
entity.name.class.xi#4eb8c9dd
constant.character.character-class.regexp.xi#ba8b62
constant.regexp.xi#c9b238
keyword.control.xi#4eb8c9dd
invalid.xi#ebf0f0cb
beginning.punctuation.definition.quote.markdown.xi#8cba51d5
beginning.punctuation.definition.list.markdown.xi#294c5a
constant.character.xi#d76730
accent.xi#d76730
wikiword.xi#8cba51d5
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#294c5a
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#40cd9ee9
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ba8b62
meta.brace.square#ebf0f0cb
comment, punctuation.definition.comment#294c5aitalic
markup.quote.markdown#294c5a
punctuation.definition.block.sequence.item.yaml#ebf0f0cb
constant.language.symbol.elixir#4eb8c9dd
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.pythonitalic
markup.italic.markdownitalic

Shiki preview

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

Loading...

Plum Good Theme - Coding Theme