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#211924
  • activityBar.background#141019
  • activityBar.border#00000044
  • activityBar.foreground#9a8da3
  • activityBar.inactiveForeground#ecd4d466
  • activityBarBadge.background#543080
  • activityBarBadge.foreground#b4adb8
  • badge.background#543080
  • badge.foreground#d3c9de
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#141019
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#80696e
  • button.background#35203d
  • button.foreground#9a8da3
  • button.hoverBackground#3e2547
  • button.secondaryBackground#18101b
  • button.secondaryForeground#9a8da3
  • button.secondaryHoverBackground#25182a
  • checkbox.background#211924
  • checkbox.border#0000002e
  • checkbox.foreground#dbdbdb
  • debugExceptionWidget.background#0d0b11
  • debugExceptionWidget.border#322943
  • debugToolBar.background#0d0b11
  • debugToolBar.border#322943
  • diffEditor.border#1c00260e
  • diffEditor.insertedTextBackground#4a365a3a
  • diffEditor.insertedTextBorder#ffffff00
  • diffEditor.removedTextBackground#74267720
  • dropdown.background#211924
  • dropdown.border#0000002e
  • dropdown.foreground#dbdbdb
  • editor.background#141019
  • editor.findMatchBackground#000000
  • editor.findMatchBorder#9a9d4a
  • editor.findMatchHighlightBackground#000000
  • editor.findMatchHighlightBorder#9a9d4a
  • editor.findRangeHighlightBackground#36313b66
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#4f26784d
  • editor.foreground#e6dfe8f1
  • editor.hoverHighlightBackground#565656bf
  • editor.inactiveSelectionBackground#34343468
  • editor.lineHighlightBackground#00000056
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#0000000b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#4436517e
  • editor.selectionHighlightBackground#000000
  • editor.selectionHighlightBorder#3dba5c
  • editor.wordHighlightBackground#545454b8
  • editor.wordHighlightStrongBackground#414141b8
  • editorBracketMatch.background#000000
  • editorBracketMatch.border#a7218c
  • editorCodeLens.foreground#4b4454
  • editorCursor.background#000000
  • editorCursor.foreground#b6b6b6
  • editorError.background#6d6d6d34
  • editorError.border#ffffff00
  • editorError.foreground#e60630
  • editorGroup.border#1f1d21e1
  • editorGroup.emptyBackground#141019
  • editorGroupHeader.tabsBackground#211924
  • editorGutter.addedBackground#4d7920
  • editorGutter.background#141019
  • editorGutter.commentRangeForeground#6f5b88
  • editorGutter.deletedBackground#88262a
  • editorGutter.foldingControlForeground#6f5b88
  • editorGutter.modifiedBackground#187d94
  • editorHoverWidget.background#0d0b11
  • editorHoverWidget.border#553d58
  • editorHoverWidget.foreground#c1accb
  • editorIndentGuide.activeBackground#522b60
  • editorIndentGuide.background#2c282e
  • editorInfo.background#73add11c
  • editorInfo.border#4490BF00
  • editorInfo.foreground#39c7ff
  • editorLineNumber.activeForeground#c4bccf
  • editorLineNumber.foreground#433249
  • editorLink.activeForeground#4387cf
  • editorMarkerNavigation.background#0d0b11
  • editorMarkerNavigationError.background#a12e2e
  • editorMarkerNavigationInfo.background#265f62
  • editorMarkerNavigationWarning.background#8c7224
  • editorOverviewRuler.background#45414132
  • editorOverviewRuler.border#1b10103c
  • editorRuler.foreground#50425887
  • editorSuggestWidget.background#141019
  • editorSuggestWidget.border#1b1621
  • editorSuggestWidget.foreground#a49da9
  • editorSuggestWidget.highlightForeground#8f6f9b
  • editorSuggestWidget.selectedBackground#281c38
  • editorWarning.background#92814836
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffd518
  • editorWhitespace.foreground#dbbac47e
  • editorWidget.background#110d15
  • editorWidget.foreground#9b9b9b
  • editorWidget.resizeBorder#493273
  • focusBorder#330856b1
  • foreground#9a8da3
  • gitDecoration.addedResourceForeground#77ad8c
  • gitDecoration.conflictingResourceForeground#c0502d
  • gitDecoration.deletedResourceForeground#a92335
  • gitDecoration.ignoredResourceForeground#774b5bb9
  • gitDecoration.modifiedResourceForeground#b68d40
  • gitDecoration.stageDeletedResourceForeground#771c1c
  • gitDecoration.stageModifiedResourceForeground#b6898f
  • gitDecoration.submoduleResourceForeground#868686
  • gitDecoration.untrackedResourceForeground#586ea1
  • icon.foreground#9a8da3
  • input.background#211924
  • input.border#0000002e
  • input.foreground#dbdbdb
  • input.placeholderForeground#9b90a9
  • inputOption.activeBackground#7957a166
  • inputOption.activeBorder#000000cf
  • inputOption.activeForeground#d1d1d1
  • list.activeSelectionBackground#59268474
  • list.activeSelectionForeground#d8cae2
  • list.dropBackground#623e4528
  • list.focusBackground#312438
  • list.focusForeground#b4a4c7
  • list.highlightForeground#a3742a
  • list.hoverBackground#462e6274
  • list.hoverForeground#dbd5e0
  • list.inactiveSelectionBackground#5424754c
  • list.inactiveSelectionForeground#b1a2ba
  • listFilterWidget.background#191010
  • listFilterWidget.noMatchesOutline#88095c6c
  • listFilterWidget.outline#2a222242
  • menu.background#211924
  • menu.border#00000085
  • menu.foreground#9a8da3
  • menu.selectionBackground#4f376b5a
  • menu.selectionBorder#00000022
  • menu.selectionForeground#cbc0d3
  • menu.separatorBackground#5e5e5e8b
  • menubar.selectionBackground#8b6bb23e
  • menubar.selectionBorder#d19c0000
  • menubar.selectionForeground#bebebe
  • merge.commonContentBackground#212121
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#3d0918
  • merge.currentHeaderBackground#750f35
  • merge.incomingContentBackground#043227
  • merge.incomingHeaderBackground#075442
  • minimap.background#141019
  • minimap.errorHighlight#e60630
  • minimap.findMatchHighlight#000000
  • minimap.selectionHighlight#4436517e
  • minimap.warningHighlight#ffd518
  • minimapGutter.addedBackground#4d7920
  • minimapGutter.deletedBackground#88262a
  • minimapGutter.modifiedBackground#187d94
  • notificationCenter.border#3e3347
  • notificationCenterHeader.background#1d1624
  • notificationCenterHeader.foreground#c9bed1
  • notifications.background#110d15
  • notifications.border#3e3347
  • notifications.foreground#9a8da3
  • notificationsErrorIcon.foreground#b83030
  • notificationsInfoIcon.foreground#5281ab
  • notificationsWarningIcon.foreground#a38b20
  • notificationToast.border#392656b9
  • panel.background#0d0b11
  • panel.border#d769ff16
  • panelSection.border#80808059
  • panelTitle.activeBorder#543080
  • panelTitle.activeForeground#bcbcbc
  • panelTitle.inactiveForeground#9a8da3
  • peekView.border#4d3658a3
  • peekViewEditor.background#0d0b11
  • peekViewEditor.matchHighlightBackground#0040ff38
  • peekViewEditor.matchHighlightBorder#1e96ee58
  • peekViewEditorGutter.background#0d0b11
  • peekViewResult.background#0d0b11
  • peekViewResult.fileForeground#a9a9a9ab
  • peekViewResult.lineForeground#bcbcbc
  • peekViewResult.matchHighlightBackground#644871c7
  • peekViewResult.selectionBackground#ab677433
  • peekViewResult.selectionForeground#d4c8db
  • peekViewTitle.background#0d0b11
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#beb4c2
  • pickerGroup.border#322943
  • pickerGroup.foreground#b86f2f
  • progressBar.background#543080
  • scrollbar.shadow#1111117e
  • scrollbarSlider.activeBackground#88565fbd
  • scrollbarSlider.background#130b0dab
  • scrollbarSlider.hoverBackground#382528fd
  • selection.background#4a3464bb
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#9a8da3
  • sideBar.background#211924
  • sideBar.border#26161644
  • sideBar.dropBackground#623e4528
  • sideBar.foreground#9a8da3
  • sideBarSectionHeader.background#1d161f
  • sideBarSectionHeader.border#2e2138f1
  • sideBarSectionHeader.foreground#9a8da3
  • sideBarTitle.foreground#9a8da3
  • statusBar.background#141019
  • statusBar.border#0c090f
  • statusBar.debuggingBackground#543080
  • statusBar.debuggingBorder#00000089
  • statusBar.debuggingForeground#000000
  • statusBar.foreground#796f80
  • statusBar.noFolderBackground#141019
  • statusBar.noFolderBorder#000000
  • statusBar.noFolderForeground#796f806e
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#382d4fa3
  • statusBarItem.remoteBackground#543080
  • statusBarItem.remoteForeground#141019
  • tab.activeBackground#141019
  • tab.activeBorder#c7940000
  • tab.activeBorderTop#deb464e9
  • tab.activeForeground#9a8da3
  • tab.border#38323d
  • tab.hoverBackground#170c2499
  • tab.hoverBorder#5c4a77
  • tab.hoverForeground#d2ced9
  • tab.inactiveBackground#211924
  • tab.inactiveForeground#9e9aa380
  • terminal.ansiBlack#2e2e2e
  • terminal.ansiBlue#2b69ad
  • terminal.ansiBrightBlack#545454
  • terminal.ansiBrightBlue#4795d9
  • terminal.ansiBrightCyan#159d9d
  • terminal.ansiBrightGreen#139233
  • terminal.ansiBrightMagenta#ab38ab
  • terminal.ansiBrightRed#ad2323
  • terminal.ansiBrightWhite#b8b8b8
  • terminal.ansiBrightYellow#b0970f
  • terminal.ansiCyan#107d7d
  • terminal.ansiGreen#126d29
  • terminal.ansiMagenta#822b82
  • terminal.ansiRed#862222
  • terminal.ansiWhite#9f9f9f
  • terminal.ansiYellow#887614
  • terminal.border#80808059
  • terminal.foreground#888188
  • terminal.selectionBackground#725f8e38
  • terminalCursor.background#000000
  • terminalCursor.foreground#b2b2b2
  • textLink.foreground#b86f2f
  • titleBar.activeBackground#141019
  • titleBar.activeForeground#9a8da3
  • titleBar.border#00000076
  • titleBar.inactiveBackground#1f1d21
  • titleBar.inactiveForeground#aba5b699
  • tree.indentGuidesStroke#513862
  • 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#b44f74
variable.other.generic-type.haskell#cbaa28e9
storage.type.haskell#7381ba
support.variable.magic.python#b44f74
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#e6dfe8f1
variable.parameter.function.language.special.self.python#734fc2
storage.modifier.lifetime.rust#e6dfe8f1
support.function.std.rust#5d9d9d
entity.name.lifetime.rust#734fc2
variable.language.rust#b44f74
support.constant.edge#cbaa28e9
constant.other.character-class.regexp#b44f74
keyword.operator.quantifier.regexp#7381ba
punctuation.definition.string.begin,punctuation.definition.string.end#7381ba
variable.parameter.function#e6dfe8f1
comment markup.link#433249
markup.changed.diff#734fc2
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#5d9d9d
markup.inserted.diff#7381ba
markup.deleted.diff#b44f74
meta.function.c,meta.function.cpp#b44f74
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#e6dfe8f1
punctuation.separator.key-value#e6dfe8f1
keyword.operator.expression.import#5d9d9d
support.constant.math#734fc2
support.constant.property.math#7381ba
variable.other.constant#734fc2
storage.type.annotation.java, storage.type.object.array.java#734fc2
source.java#b44f74
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#e6dfe8f1
meta.method.java#5d9d9d
storage.modifier.import.java,storage.type.java,storage.type.generic.java#734fc2
keyword.operator.instanceof.java#cbaa28e9
meta.definition.variable.name.java#b44f74
keyword.operator.logical#934ba7e9
keyword.operator.bitwise#934ba7e9
keyword.operator.channel#934ba7e9
support.constant.property-value.scss,support.constant.property-value.css#7381ba
keyword.operator.css,keyword.operator.scss,keyword.operator.less#934ba7e9
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#7381ba
punctuation.separator.list.comma.css#e6dfe8f1
support.constant.color.w3c-standard-color-name.css#7381ba
support.type.vendored.property-name.css#934ba7e9
support.module.node,support.type.object.module,support.module.node#734fc2
entity.name.type.module#734fc2
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#b44f74
support.constant.json#7381ba
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#cbaa28e9
support.type.object.console#b44f74
support.variable.property.process#7381ba
entity.name.function,support.function.console#5d9d9d
keyword.operator.misc.rust#e6dfe8f1
keyword.operator.sigil.rust#cbaa28e9
keyword.operator.delete#cbaa28e9
support.type.object.dom#934ba7e9
support.variable.dom,support.variable.property.dom#b44f74
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#934ba7e9
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#cbaa28e9
punctuation.separator.delimiter#e6dfe8f1
punctuation.separator.c,punctuation.separator.cpp#cbaa28e9
support.type.posix-reserved.c,support.type.posix-reserved.cpp#934ba7e9
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#cbaa28e9
variable.parameter.function.language.python#7381ba
support.type.python#934ba7e9
keyword.operator.logical.python#cbaa28e9
variable.parameter.function.python#7381ba
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#e6dfe8f1
meta.function-call.generic.python#5d9d9d
constant.character.format.placeholder.other.python#7381ba
keyword.operator#e6dfe8f1
keyword.operator.assignment.compound#cbaa28e9
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#934ba7e9
keyword#cbaa28e9
entity.name.namespace#734fc2
variable#b44f74
variable.c#e6dfe8f1
variable.language#734fc2
token.variable.parameter.java#e6dfe8f1
import.storage.java#734fc2
token.package.keyword#cbaa28e9
token.package#e6dfe8f1
entity.name.function, meta.require, support.function.any-method, variable.function#5d9d9d
entity.name.type.namespace#734fc2
support.class, entity.name.type.class#734fc2
entity.name.class.identifier.namespace.type#734fc2
entity.name.class, variable.other.class.js, variable.other.class.ts#734fc2
variable.other.class.php#b44f74
entity.name.type#734fc2
keyword.control#cbaa28e9
control.elements, keyword.operator.less#7381ba
keyword.other.special-method#5d9d9d
storage#cbaa28e9
token.storage#cbaa28e9
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#cbaa28e9
token.storage.type.java#734fc2
support.function#934ba7e9
support.type.property-name#e6dfe8f1
support.constant.property-value#e6dfe8f1
support.constant.font-name#7381ba
meta.tag#e6dfe8f1
string#7381ba
entity.other.inherited-class#734fc2
constant.other.symbol#934ba7e9
constant.numeric#7381ba
constant#7381ba
punctuation.definition.constant#7381ba
entity.name.tag#b44f74
entity.other.attribute-name#7381ba
entity.other.attribute-name.id#5d9d9dnormal
entity.other.attribute-name.class.css#7381banormal
meta.selector#cbaa28e9
markup.heading#b44f74
markup.heading punctuation.definition.heading, entity.name.section#5d9d9d
keyword.other.unit#b44f74
markup.bold,todo.bold#7381ba
punctuation.definition.bold#734fc2
markup.italic, punctuation.definition.italic,todo.emphasis#cbaa28e9
emphasis md#cbaa28e9
entity.name.section.markdown#b44f74
punctuation.definition.heading.markdown#b44f74
punctuation.definition.list.begin.markdown#b44f74
markup.heading.setext#e6dfe8f1
punctuation.definition.bold.markdown#7381ba
markup.inline.raw.markdown#7381ba
markup.inline.raw.string.markdown#7381ba
punctuation.definition.list.markdown#b44f74
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#b44f74
beginning.punctuation.definition.list.markdown#b44f74
punctuation.definition.metadata.markdown#b44f74
markup.underline.link.markdown,markup.underline.link.image.markdown#cbaa28e9
string.other.link.title.markdown,string.other.link.description.markdown#5d9d9d
string.regexp#934ba7e9
constant.character.escape#934ba7e9
punctuation.section.embedded, variable.interpolation#b44f74
punctuation.section.embedded.begin,punctuation.section.embedded.end#cbaa28e9
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#e6dfe8f1
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#b44f74
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#b44f74
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#7381ba
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#934ba7e9
support.type.property-name.json#b44f74
support.type.property-name.json punctuation#b44f74
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#cbaa28e9
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#cbaa28e9
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#734fc2
keyword.operator.error-control.php#cbaa28e9
keyword.operator.type.php#cbaa28e9
punctuation.section.array.begin.php#e6dfe8f1
punctuation.section.array.end.php#e6dfe8f1
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#734fc2
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#5d9d9d
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#e6dfe8f1
support.constant.core.rust#7381ba
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#7381ba
entity.name.goto-label.php,support.other.php#5d9d9d
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#934ba7e9
keyword.operator.regexp.php#cbaa28e9
keyword.operator.comparison.php#934ba7e9
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#cbaa28e9
meta.function.decorator.python#5d9d9d
support.token.decorator.python,meta.function.decorator.identifier.python#934ba7e9
function.parameter#e6dfe8f1
function.brace#e6dfe8f1
function.parameter.ruby, function.parameter.cs#e6dfe8f1
constant.language.symbol.ruby#934ba7e9
rgb-value#934ba7e9
inline-color-decoration rgb-value#7381ba
less rgb-value#7381ba
selector.sass#b44f74
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#734fc2
block.scope.end,block.scope.begin#e6dfe8f1
storage.type.cs#734fc2
entity.name.variable.local.cs#b44f74
token.info-token#5d9d9d
token.warn-token#7381ba
token.error-token#f44747
token.debug-token#cbaa28e9
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#cbaa28e9
meta.template.expression#e6dfe8f1
keyword.operator.module#cbaa28e9
support.type.type.flowtype#5d9d9d
support.type.primitive#734fc2
meta.property.object#b44f74
variable.parameter.function.js#b44f74
keyword.other.template.begin#7381ba
keyword.other.template.end#7381ba
keyword.other.substitution.begin#7381ba
keyword.other.substitution.end#7381ba
keyword.operator.assignment#934ba7e9
keyword.operator.assignment.go#734fc2
keyword.operator.arithmetic.go, keyword.operator.address.go#cbaa28e9
entity.name.package.go#734fc2
support.type.prelude.elm#934ba7e9
support.constant.elm#7381ba
punctuation.quasi.element#cbaa28e9
constant.character.entity#b44f74
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#934ba7e9
entity.global.clojure#734fc2
meta.symbol.clojure#b44f74
constant.keyword.clojure#934ba7e9
meta.arguments.coffee, variable.parameter.function.coffee#b44f74
source.ini#7381ba
meta.scope.prerequisites.makefile#b44f74
source.makefile#734fc2
storage.modifier.import.groovy#734fc2
meta.method.groovy#5d9d9d
meta.definition.variable.name.groovy#b44f74
meta.definition.class.inherited.classes.groovy#7381ba
support.variable.semantic.hlsl#734fc2
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#cbaa28e9
text.variable, text.bracketed#b44f74
support.type.swift, support.type.vb.asp#734fc2
entity.name.function.xi#734fc2
entity.name.class.xi#934ba7e9
constant.character.character-class.regexp.xi#b44f74
constant.regexp.xi#cbaa28e9
keyword.control.xi#934ba7e9
invalid.xi#e6dfe8f1
beginning.punctuation.definition.quote.markdown.xi#7381ba
beginning.punctuation.definition.list.markdown.xi#433249
constant.character.xi#5d9d9d
accent.xi#5d9d9d
wikiword.xi#7381ba
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#433249
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#734fc2
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#b44f74
meta.brace.square#e6dfe8f1
comment, punctuation.definition.comment#433249italic
markup.quote.markdown#433249
punctuation.definition.block.sequence.item.yaml#e6dfe8f1
constant.language.symbol.elixir#934ba7e9
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