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#131424
  • activityBar.background#070815
  • activityBar.border#00000044
  • activityBar.foreground#577ea1
  • activityBar.inactiveForeground#444a6d
  • activityBarBadge.background#0065a1
  • activityBarBadge.foreground#bebebe
  • badge.background#0065a1
  • badge.foreground#c9d1d7
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#070815
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#a7b8cfcc
  • button.background#24285e
  • button.foreground#b6bac4
  • button.hoverBackground#2d3277
  • button.secondaryBackground#030413
  • button.secondaryForeground#b6bac4
  • button.secondaryHoverBackground#0b0c28
  • checkbox.background#131424
  • checkbox.border#0000002e
  • checkbox.foreground#dbdbdb
  • debugExceptionWidget.background#01010a
  • debugExceptionWidget.border#272c66
  • debugToolBar.background#01010a
  • debugToolBar.border#272c66
  • diffEditor.border#0004260e
  • diffEditor.insertedTextBackground#363c5a3a
  • diffEditor.removedTextBackground#0c2c8e20
  • dropdown.background#131424
  • dropdown.border#0000002e
  • dropdown.foreground#dbdbdb
  • editor.background#070815
  • editor.findMatchBackground#000000
  • editor.findMatchBorder#81842b
  • editor.findMatchHighlightBackground#000000
  • editor.findMatchHighlightBorder#81842b
  • editor.findRangeHighlightBackground#22438424
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#314aa94d
  • editor.foreground#e9edf0e3
  • editor.hoverHighlightBackground#5c5c5cb3
  • editor.inactiveSelectionBackground#18285a76
  • editor.lineHighlightBackground#00000056
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#000000
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#23294d
  • editor.selectionHighlightBackground#000000
  • editor.selectionHighlightBorder#81842b
  • editor.wordHighlightBackground#545454b8
  • editor.wordHighlightStrongBackground#414141b8
  • editorBracketMatch.background#000000
  • editorBracketMatch.border#cb4d26
  • editorCodeLens.foreground#2b2f4b
  • editorCursor.background#000000
  • editorCursor.foreground#b6b6b6
  • editorError.background#6f2c2c34
  • editorError.border#ffffff00
  • editorError.foreground#c20101
  • editorGroup.border#0f0f0fe1
  • editorGroup.emptyBackground#070815
  • editorGroupHeader.tabsBackground#131424
  • editorGutter.addedBackground#7f8c23
  • editorGutter.background#070815
  • editorGutter.commentRangeForeground#42486b
  • editorGutter.deletedBackground#b03137
  • editorGutter.foldingControlForeground#42486b
  • editorGutter.modifiedBackground#2a8c7a
  • editorHoverWidget.background#05050f
  • editorHoverWidget.border#1e1e41
  • editorHoverWidget.foreground#9d9d9d
  • editorIndentGuide.activeBackground#0065a1
  • editorIndentGuide.background#2b344f
  • editorInfo.background#73add11c
  • editorInfo.border#4490BF00
  • editorInfo.foreground#39c7ff
  • editorLineNumber.activeForeground#438ff0
  • editorLineNumber.foreground#2b344f
  • editorLink.activeForeground#2bb9ff
  • editorMarkerNavigation.background#05050f
  • editorMarkerNavigationError.background#b04242
  • editorMarkerNavigationInfo.background#036f51
  • editorMarkerNavigationWarning.background#94761c
  • editorOverviewRuler.background#45414132
  • editorOverviewRuler.border#1b10103c
  • editorRuler.foreground#42435887
  • editorSuggestWidget.background#05050f
  • editorSuggestWidget.border#191936
  • editorSuggestWidget.foreground#696b79
  • editorSuggestWidget.highlightForeground#42549b
  • editorSuggestWidget.selectedBackground#1b1b3b
  • editorWarning.background#92814836
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffd518
  • editorWhitespace.foreground#8297c9
  • editorWidget.background#131424
  • editorWidget.foreground#9b9b9b
  • editorWidget.resizeBorder#272c66
  • focusBorder#0065a1
  • foreground#565f7b
  • gitDecoration.addedResourceForeground#368052
  • gitDecoration.conflictingResourceForeground#a5380e
  • gitDecoration.deletedResourceForeground#771a26
  • gitDecoration.ignoredResourceForeground#373a4d
  • gitDecoration.modifiedResourceForeground#8c6820
  • gitDecoration.stageDeletedResourceForeground#7d3939
  • gitDecoration.stageModifiedResourceForeground#9b8a56
  • gitDecoration.submoduleResourceForeground#5c7892
  • gitDecoration.untrackedResourceForeground#805182
  • icon.foreground#565f7b
  • input.background#131424
  • input.border#0000002e
  • input.foreground#dbdbdb
  • input.placeholderForeground#5a7382
  • inputOption.activeBackground#070815
  • inputOption.activeBorder#28272acf
  • inputOption.activeForeground#d1d1d1
  • list.activeSelectionBackground#202ea374
  • list.activeSelectionForeground#e1ebff
  • list.dropBackground#242d774c
  • list.focusBackground#121213
  • list.focusForeground#c9c9c9
  • list.highlightForeground#0065a1
  • list.hoverBackground#242d774c
  • list.hoverForeground#e8e8e8
  • list.inactiveSelectionBackground#242d774c
  • list.inactiveSelectionForeground#a4a6ba
  • listFilterWidget.background#1d213df1
  • listFilterWidget.noMatchesOutline#0065a1
  • listFilterWidget.outline#00000032
  • menu.background#131424
  • menu.border#0e0d192c
  • menu.foreground#a1a5b2
  • menu.selectionBackground#303e66bf
  • menu.selectionBorder#00000022
  • menu.selectionForeground#dadee8
  • menu.separatorBackground#2f353b8b
  • menubar.selectionBackground#3735496c
  • menubar.selectionBorder#3f3f3f
  • menubar.selectionForeground#bebebe
  • merge.commonContentBackground#191919
  • merge.commonHeaderBackground#2c2c2c
  • merge.currentContentBackground#2a0d0d
  • merge.currentHeaderBackground#5c0d0d
  • merge.incomingContentBackground#182c10
  • merge.incomingHeaderBackground#0e4d18
  • minimap.background#070815
  • minimap.errorHighlight#c20101
  • minimap.findMatchHighlight#000000
  • minimap.selectionHighlight#23294d
  • minimap.warningHighlight#ffd518
  • minimapGutter.addedBackground#7f8c23
  • minimapGutter.deletedBackground#b03137
  • minimapGutter.modifiedBackground#2a8c7a
  • notificationCenter.border#242645
  • notificationCenterHeader.background#111224
  • notificationCenterHeader.foreground#b8b8b8
  • notifications.background#05050f
  • notifications.border#131424
  • notifications.foreground#9696a9
  • notificationsErrorIcon.foreground#9d2c37
  • notificationsInfoIcon.foreground#226199
  • notificationsWarningIcon.foreground#a18a22
  • notificationToast.border#272c66
  • panel.background#05050f
  • panel.border#6e69ff16
  • panelSection.border#80808059
  • panelTitle.activeBorder#0065a1
  • panelTitle.activeForeground#99a3b0
  • panelTitle.inactiveForeground#52565c
  • peekView.border#14204fa3
  • peekViewEditor.background#05050f
  • peekViewEditor.matchHighlightBackground#0040ff7c
  • peekViewEditor.matchHighlightBorder#1e96eead
  • peekViewEditorGutter.background#05050f
  • peekViewResult.background#0f0f19
  • peekViewResult.fileForeground#89899b
  • peekViewResult.lineForeground#bcbcbc
  • peekViewResult.matchHighlightBackground#1d3b75c7
  • peekViewResult.selectionBackground#3370ff33
  • peekViewResult.selectionForeground#b1becd
  • peekViewTitle.background#05050f
  • peekViewTitleDescription.foreground#3d4a71
  • peekViewTitleLabel.foreground#b4b9c2
  • pickerGroup.border#272c66
  • pickerGroup.foreground#3a3e68
  • progressBar.background#0065a1
  • scrollbar.shadow#0000004c
  • scrollbarSlider.activeBackground#172262
  • scrollbarSlider.background#01040f
  • scrollbarSlider.hoverBackground#0a123f
  • selection.background#2b344f
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#565f7b
  • sideBar.background#131424
  • sideBar.border#000000
  • sideBar.dropBackground#242d774c
  • sideBar.foreground#577ea1
  • sideBarSectionHeader.background#11102138
  • sideBarSectionHeader.border#1c1d30f1
  • sideBarSectionHeader.foreground#577ea1
  • sideBarTitle.foreground#577ea1
  • statusBar.background#070815
  • statusBar.border#000000
  • statusBar.debuggingBackground#0065a1
  • statusBar.debuggingBorder#00000089
  • statusBar.debuggingForeground#000000
  • statusBar.foreground#4b5e84
  • statusBar.noFolderBackground#000000
  • statusBar.noFolderBorder#000000
  • statusBar.noFolderForeground#333649
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#4b5b8e6c
  • statusBarItem.remoteBackground#0065a1
  • statusBarItem.remoteForeground#121019
  • tab.activeBackground#070815
  • tab.activeBorder#c7940000
  • tab.activeBorderTop#699ecddd
  • tab.activeForeground#90bdd3
  • tab.border#2a2b47
  • tab.hoverBackground#23196434
  • tab.hoverBorder#0065a1
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#131424
  • tab.inactiveForeground#ffffff80
  • 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#617db244
  • terminalCursor.background#000000
  • terminalCursor.foreground#d6dce0
  • textLink.foreground#beb271
  • titleBar.activeBackground#070815
  • titleBar.activeForeground#577ea1
  • titleBar.border#00000076
  • titleBar.inactiveBackground#171721
  • titleBar.inactiveForeground#7f889b99
  • tree.indentGuidesStroke#2b344f
  • 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#3374a3
variable.other.generic-type.haskell#ad8c26
storage.type.haskell#3b4fbc
support.variable.magic.python#3374a3
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#e9edf0e3
variable.parameter.function.language.special.self.python#2e6d64
storage.modifier.lifetime.rust#e9edf0e3
support.function.std.rust#a039a3
entity.name.lifetime.rust#2e6d64
variable.language.rust#3374a3
support.constant.edge#ad8c26
constant.other.character-class.regexp#3374a3
keyword.operator.quantifier.regexp#3b4fbc
punctuation.definition.string.begin,punctuation.definition.string.end#3b4fbc
variable.parameter.function#e9edf0e3
comment markup.link#2b344f
markup.changed.diff#2e6d64
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#a039a3
markup.inserted.diff#3b4fbc
markup.deleted.diff#3374a3
meta.function.c,meta.function.cpp#3374a3
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#e9edf0e3
punctuation.separator.key-value#e9edf0e3
keyword.operator.expression.import#a039a3
support.constant.math#2e6d64
support.constant.property.math#3b4fbc
variable.other.constant#2e6d64
storage.type.annotation.java, storage.type.object.array.java#2e6d64
source.java#3374a3
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#e9edf0e3
meta.method.java#a039a3
storage.modifier.import.java,storage.type.java,storage.type.generic.java#2e6d64
keyword.operator.instanceof.java#ad8c26
meta.definition.variable.name.java#3374a3
keyword.operator.logical#8abe55
keyword.operator.bitwise#8abe55
keyword.operator.channel#8abe55
support.constant.property-value.scss,support.constant.property-value.css#3b4fbc
keyword.operator.css,keyword.operator.scss,keyword.operator.less#8abe55
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#3b4fbc
punctuation.separator.list.comma.css#e9edf0e3
support.constant.color.w3c-standard-color-name.css#3b4fbc
support.type.vendored.property-name.css#8abe55
support.module.node,support.type.object.module,support.module.node#2e6d64
entity.name.type.module#2e6d64
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#3374a3
support.constant.json#3b4fbc
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ad8c26
support.type.object.console#3374a3
support.variable.property.process#3b4fbc
entity.name.function,support.function.console#a039a3
keyword.operator.misc.rust#e9edf0e3
keyword.operator.sigil.rust#ad8c26
keyword.operator.delete#ad8c26
support.type.object.dom#8abe55
support.variable.dom,support.variable.property.dom#3374a3
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#8abe55
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#ad8c26
punctuation.separator.delimiter#e9edf0e3
punctuation.separator.c,punctuation.separator.cpp#ad8c26
support.type.posix-reserved.c,support.type.posix-reserved.cpp#8abe55
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ad8c26
variable.parameter.function.language.python#3b4fbc
support.type.python#8abe55
keyword.operator.logical.python#ad8c26
variable.parameter.function.python#3b4fbc
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#e9edf0e3
meta.function-call.generic.python#a039a3
constant.character.format.placeholder.other.python#3b4fbc
keyword.operator#e9edf0e3
keyword.operator.assignment.compound#ad8c26
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#8abe55
keyword#ad8c26
entity.name.namespace#2e6d64
variable#3374a3
variable.c#e9edf0e3
variable.language#2e6d64
token.variable.parameter.java#e9edf0e3
import.storage.java#2e6d64
token.package.keyword#ad8c26
token.package#e9edf0e3
entity.name.function, meta.require, support.function.any-method, variable.function#a039a3
entity.name.type.namespace#2e6d64
support.class, entity.name.type.class#2e6d64
entity.name.class.identifier.namespace.type#2e6d64
entity.name.class, variable.other.class.js, variable.other.class.ts#2e6d64
variable.other.class.php#3374a3
entity.name.type#2e6d64
keyword.control#ad8c26
control.elements, keyword.operator.less#3b4fbc
keyword.other.special-method#a039a3
storage#ad8c26
token.storage#ad8c26
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#ad8c26
token.storage.type.java#2e6d64
support.function#8abe55
support.type.property-name#e9edf0e3
support.constant.property-value#e9edf0e3
support.constant.font-name#3b4fbc
meta.tag#e9edf0e3
string#3b4fbc
entity.other.inherited-class#2e6d64
constant.other.symbol#8abe55
constant.numeric#3b4fbc
constant#3b4fbc
punctuation.definition.constant#3b4fbc
entity.name.tag#3374a3
entity.other.attribute-name#3b4fbc
entity.other.attribute-name.id#a039a3normal
entity.other.attribute-name.class.css#3b4fbcnormal
meta.selector#ad8c26
markup.heading#3374a3
markup.heading punctuation.definition.heading, entity.name.section#a039a3
keyword.other.unit#3374a3
markup.bold,todo.bold#3b4fbc
punctuation.definition.bold#2e6d64
markup.italic, punctuation.definition.italic,todo.emphasis#ad8c26
emphasis md#ad8c26
entity.name.section.markdown#3374a3
punctuation.definition.heading.markdown#3374a3
punctuation.definition.list.begin.markdown#3374a3
markup.heading.setext#e9edf0e3
punctuation.definition.bold.markdown#3b4fbc
markup.inline.raw.markdown#3b4fbc
markup.inline.raw.string.markdown#3b4fbc
punctuation.definition.list.markdown#3374a3
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#3374a3
beginning.punctuation.definition.list.markdown#3374a3
punctuation.definition.metadata.markdown#3374a3
markup.underline.link.markdown,markup.underline.link.image.markdown#ad8c26
string.other.link.title.markdown,string.other.link.description.markdown#a039a3
string.regexp#8abe55
constant.character.escape#8abe55
punctuation.section.embedded, variable.interpolation#3374a3
punctuation.section.embedded.begin,punctuation.section.embedded.end#ad8c26
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#e9edf0e3
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#3374a3
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#3374a3
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#3b4fbc
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#8abe55
support.type.property-name.json#3374a3
support.type.property-name.json punctuation#3374a3
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ad8c26
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ad8c26
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#2e6d64
keyword.operator.error-control.php#ad8c26
keyword.operator.type.php#ad8c26
punctuation.section.array.begin.php#e9edf0e3
punctuation.section.array.end.php#e9edf0e3
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#2e6d64
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#a039a3
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#e9edf0e3
support.constant.core.rust#3b4fbc
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#3b4fbc
entity.name.goto-label.php,support.other.php#a039a3
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#8abe55
keyword.operator.regexp.php#ad8c26
keyword.operator.comparison.php#8abe55
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ad8c26
meta.function.decorator.python#a039a3
support.token.decorator.python,meta.function.decorator.identifier.python#8abe55
function.parameter#e9edf0e3
function.brace#e9edf0e3
function.parameter.ruby, function.parameter.cs#e9edf0e3
constant.language.symbol.ruby#8abe55
rgb-value#8abe55
inline-color-decoration rgb-value#3b4fbc
less rgb-value#3b4fbc
selector.sass#3374a3
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#2e6d64
block.scope.end,block.scope.begin#e9edf0e3
storage.type.cs#2e6d64
entity.name.variable.local.cs#3374a3
token.info-token#a039a3
token.warn-token#3b4fbc
token.error-token#f44747
token.debug-token#ad8c26
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ad8c26
meta.template.expression#e9edf0e3
keyword.operator.module#ad8c26
support.type.type.flowtype#a039a3
support.type.primitive#2e6d64
meta.property.object#3374a3
variable.parameter.function.js#3374a3
keyword.other.template.begin#3b4fbc
keyword.other.template.end#3b4fbc
keyword.other.substitution.begin#3b4fbc
keyword.other.substitution.end#3b4fbc
keyword.operator.assignment#8abe55
keyword.operator.assignment.go#2e6d64
keyword.operator.arithmetic.go, keyword.operator.address.go#ad8c26
entity.name.package.go#2e6d64
support.type.prelude.elm#8abe55
support.constant.elm#3b4fbc
punctuation.quasi.element#ad8c26
constant.character.entity#3374a3
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#8abe55
entity.global.clojure#2e6d64
meta.symbol.clojure#3374a3
constant.keyword.clojure#8abe55
meta.arguments.coffee, variable.parameter.function.coffee#3374a3
source.ini#3b4fbc
meta.scope.prerequisites.makefile#3374a3
source.makefile#2e6d64
storage.modifier.import.groovy#2e6d64
meta.method.groovy#a039a3
meta.definition.variable.name.groovy#3374a3
meta.definition.class.inherited.classes.groovy#3b4fbc
support.variable.semantic.hlsl#2e6d64
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#ad8c26
text.variable, text.bracketed#3374a3
support.type.swift, support.type.vb.asp#2e6d64
entity.name.function.xi#2e6d64
entity.name.class.xi#8abe55
constant.character.character-class.regexp.xi#3374a3
constant.regexp.xi#ad8c26
keyword.control.xi#8abe55
invalid.xi#e9edf0e3
beginning.punctuation.definition.quote.markdown.xi#3b4fbc
beginning.punctuation.definition.list.markdown.xi#2b344f
constant.character.xi#a039a3
accent.xi#a039a3
wikiword.xi#3b4fbc
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#2b344f
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#2e6d64
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#3374a3
meta.brace.square#e9edf0e3
comment, punctuation.definition.comment#2b344fitalic
markup.quote.markdown#2b344f
punctuation.definition.block.sequence.item.yaml#e9edf0e3
constant.language.symbol.elixir#8abe55
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