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#c09fc49f
  • activityBar.inactiveForeground#4e1d5cb7
  • activityBarBadge.background#a32da7e9
  • activityBarBadge.foreground#b4adb8
  • badge.background#a32da7e9
  • badge.foreground#d3c9de
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#141019
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#7c218a9f
  • 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#e4dce6e1
  • editor.hoverHighlightBackground#565656bf
  • editor.inactiveSelectionBackground#49174d68
  • editor.lineHighlightBackground#00000056
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#0000000b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#4f145899
  • editor.selectionHighlightBackground#000000
  • editor.selectionHighlightBorder#3dba5c
  • editor.wordHighlightBackground#545454b8
  • editor.wordHighlightStrongBackground#414141b8
  • editorBracketMatch.background#000000
  • editorBracketMatch.border#d829dee9
  • 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#518c15
  • editorGutter.background#141019
  • editorGutter.commentRangeForeground#55436b
  • editorGutter.deletedBackground#b6194c
  • editorGutter.foldingControlForeground#55436b
  • editorGutter.modifiedBackground#187d94
  • editorHoverWidget.background#0d0b11
  • editorHoverWidget.border#532d58c7
  • editorHoverWidget.foreground#c1accb
  • editorIndentGuide.activeBackground#7e22829d
  • editorIndentGuide.background#291532
  • editorInfo.background#73add11c
  • editorInfo.border#4490BF00
  • editorInfo.foreground#39c7ff
  • editorLineNumber.activeForeground#e874ece9
  • editorLineNumber.foreground#5821609f
  • 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#9f57a97e
  • editorWidget.background#110d15
  • editorWidget.foreground#9b9b9b
  • editorWidget.resizeBorder#493273
  • focusBorder#a32da7e9
  • foreground#ad55ba9f
  • gitDecoration.addedResourceForeground#7ccf56dd
  • gitDecoration.conflictingResourceForeground#e45943
  • gitDecoration.deletedResourceForeground#b23535
  • gitDecoration.ignoredResourceForeground#774b5bb9
  • gitDecoration.modifiedResourceForeground#baa740
  • gitDecoration.stageDeletedResourceForeground#ad3e72
  • gitDecoration.stageModifiedResourceForeground#9f8e31
  • gitDecoration.submoduleResourceForeground#868686
  • gitDecoration.untrackedResourceForeground#29a4b2d5
  • icon.foreground#ad55ba9f
  • input.background#211924
  • input.border#0000002e
  • input.foreground#dbdbdb
  • input.placeholderForeground#a990a9
  • inputOption.activeBackground#7957a166
  • inputOption.activeBorder#000000cf
  • inputOption.activeForeground#d1d1d1
  • list.activeSelectionBackground#880fa174
  • list.activeSelectionForeground#d8cae2
  • list.dropBackground#5c105428
  • list.focusBackground#312438
  • list.focusForeground#cbb3c9
  • list.highlightForeground#d5a32e
  • list.hoverBackground#6c0f7974
  • list.hoverForeground#dbd5e0
  • list.inactiveSelectionBackground#7524744c
  • list.inactiveSelectionForeground#7a45829f
  • listFilterWidget.background#191010
  • listFilterWidget.noMatchesOutline#ee06476c
  • listFilterWidget.outline#2a222242
  • menu.background#141019
  • menu.border#00000085
  • menu.foreground#9b74a1
  • menu.selectionBackground#4f376b5a
  • menu.selectionBorder#00000022
  • menu.selectionForeground#cbc0d3
  • menu.separatorBackground#9b74a1
  • menubar.selectionBackground#a711be9f
  • 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#4f145899
  • minimap.warningHighlight#ffd518
  • minimapGutter.addedBackground#518c15
  • minimapGutter.deletedBackground#b6194c
  • 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#a32da7e9
  • 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#a32da7e9
  • scrollbar.shadow#a32da7ab
  • scrollbarSlider.activeBackground#88565fbd
  • scrollbarSlider.background#130b0dab
  • scrollbarSlider.hoverBackground#382528fd
  • selection.background#a32da7e9
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ad55ba9f
  • sideBar.background#211924
  • sideBar.border#26161644
  • sideBar.dropBackground#5c105428
  • sideBar.foreground#a990a9
  • sideBarSectionHeader.background#1d161f
  • sideBarSectionHeader.border#170d179b
  • sideBarSectionHeader.foreground#a990a9
  • sideBarTitle.foreground#a990a9
  • statusBar.background#141019
  • statusBar.border#0c090f
  • statusBar.debuggingBackground#a32da7e9
  • statusBar.debuggingBorder#00000089
  • statusBar.debuggingForeground#000000
  • statusBar.foreground#ad55ba9f
  • statusBar.noFolderBackground#141019
  • statusBar.noFolderBorder#000000
  • statusBar.noFolderForeground#796f806e
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#4e1d5cb7
  • statusBarItem.remoteBackground#a32da7e9
  • statusBarItem.remoteForeground#141019
  • tab.activeBackground#141019
  • tab.activeBorder#c7940000
  • tab.activeBorderTop#a32da7e9
  • tab.activeForeground#a990a9
  • tab.border#3b1f39
  • tab.hoverBackground#c504cb9d
  • tab.hoverBorder#a32da7e9
  • tab.hoverForeground#d2ced9
  • tab.inactiveBackground#211924
  • tab.inactiveForeground#63426d
  • 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#ad55ba9f
  • titleBar.border#00000076
  • titleBar.inactiveBackground#211924
  • titleBar.inactiveForeground#ad55ba9f
  • 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#bc3f7a
variable.other.generic-type.haskell#c7b23d
storage.type.haskell#8541c9
support.variable.magic.python#bc3f7a
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#e4dce6e1
variable.parameter.function.language.special.self.python#67a5cbe9
storage.modifier.lifetime.rust#e4dce6e1
support.function.std.rust#d95a90
entity.name.lifetime.rust#67a5cbe9
variable.language.rust#bc3f7a
support.constant.edge#c7b23d
constant.other.character-class.regexp#bc3f7a
keyword.operator.quantifier.regexp#8541c9
punctuation.definition.string.begin,punctuation.definition.string.end#8541c9
variable.parameter.function#e4dce6e1
comment markup.link#7c218a9f
markup.changed.diff#67a5cbe9
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#d95a90
markup.inserted.diff#8541c9
markup.deleted.diff#bc3f7a
meta.function.c,meta.function.cpp#bc3f7a
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#e4dce6e1
punctuation.separator.key-value#e4dce6e1
keyword.operator.expression.import#d95a90
support.constant.math#67a5cbe9
support.constant.property.math#8541c9
variable.other.constant#67a5cbe9
storage.type.annotation.java, storage.type.object.array.java#67a5cbe9
source.java#bc3f7a
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#e4dce6e1
meta.method.java#d95a90
storage.modifier.import.java,storage.type.java,storage.type.generic.java#67a5cbe9
keyword.operator.instanceof.java#c7b23d
meta.definition.variable.name.java#bc3f7a
keyword.operator.logical#ab3fb4
keyword.operator.bitwise#ab3fb4
keyword.operator.channel#ab3fb4
support.constant.property-value.scss,support.constant.property-value.css#8541c9
keyword.operator.css,keyword.operator.scss,keyword.operator.less#ab3fb4
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#8541c9
punctuation.separator.list.comma.css#e4dce6e1
support.constant.color.w3c-standard-color-name.css#8541c9
support.type.vendored.property-name.css#ab3fb4
support.module.node,support.type.object.module,support.module.node#67a5cbe9
entity.name.type.module#67a5cbe9
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#bc3f7a
support.constant.json#8541c9
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#c7b23d
support.type.object.console#bc3f7a
support.variable.property.process#8541c9
entity.name.function,support.function.console#d95a90
keyword.operator.misc.rust#e4dce6e1
keyword.operator.sigil.rust#c7b23d
keyword.operator.delete#c7b23d
support.type.object.dom#ab3fb4
support.variable.dom,support.variable.property.dom#bc3f7a
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#ab3fb4
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#c7b23d
punctuation.separator.delimiter#e4dce6e1
punctuation.separator.c,punctuation.separator.cpp#c7b23d
support.type.posix-reserved.c,support.type.posix-reserved.cpp#ab3fb4
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#c7b23d
variable.parameter.function.language.python#8541c9
support.type.python#ab3fb4
keyword.operator.logical.python#c7b23d
variable.parameter.function.python#8541c9
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#e4dce6e1
meta.function-call.generic.python#d95a90
constant.character.format.placeholder.other.python#8541c9
keyword.operator#e4dce6e1
keyword.operator.assignment.compound#c7b23d
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#ab3fb4
keyword#c7b23d
entity.name.namespace#67a5cbe9
variable#bc3f7a
variable.c#e4dce6e1
variable.language#67a5cbe9
token.variable.parameter.java#e4dce6e1
import.storage.java#67a5cbe9
token.package.keyword#c7b23d
token.package#e4dce6e1
entity.name.function, meta.require, support.function.any-method, variable.function#d95a90
entity.name.type.namespace#67a5cbe9
support.class, entity.name.type.class#67a5cbe9
entity.name.class.identifier.namespace.type#67a5cbe9
entity.name.class, variable.other.class.js, variable.other.class.ts#67a5cbe9
variable.other.class.php#bc3f7a
entity.name.type#67a5cbe9
keyword.control#c7b23d
control.elements, keyword.operator.less#8541c9
keyword.other.special-method#d95a90
storage#c7b23d
token.storage#c7b23d
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#c7b23d
token.storage.type.java#67a5cbe9
support.function#ab3fb4
support.type.property-name#e4dce6e1
support.constant.property-value#e4dce6e1
support.constant.font-name#8541c9
meta.tag#e4dce6e1
string#8541c9
entity.other.inherited-class#67a5cbe9
constant.other.symbol#ab3fb4
constant.numeric#8541c9
constant#8541c9
punctuation.definition.constant#8541c9
entity.name.tag#bc3f7a
entity.other.attribute-name#8541c9
entity.other.attribute-name.id#d95a90normal
entity.other.attribute-name.class.css#8541c9normal
meta.selector#c7b23d
markup.heading#bc3f7a
markup.heading punctuation.definition.heading, entity.name.section#d95a90
keyword.other.unit#bc3f7a
markup.bold,todo.bold#8541c9
punctuation.definition.bold#67a5cbe9
markup.italic, punctuation.definition.italic,todo.emphasis#c7b23d
emphasis md#c7b23d
entity.name.section.markdown#bc3f7a
punctuation.definition.heading.markdown#bc3f7a
punctuation.definition.list.begin.markdown#bc3f7a
markup.heading.setext#e4dce6e1
punctuation.definition.bold.markdown#8541c9
markup.inline.raw.markdown#8541c9
markup.inline.raw.string.markdown#8541c9
punctuation.definition.list.markdown#bc3f7a
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#bc3f7a
beginning.punctuation.definition.list.markdown#bc3f7a
punctuation.definition.metadata.markdown#bc3f7a
markup.underline.link.markdown,markup.underline.link.image.markdown#c7b23d
string.other.link.title.markdown,string.other.link.description.markdown#d95a90
string.regexp#ab3fb4
constant.character.escape#ab3fb4
punctuation.section.embedded, variable.interpolation#bc3f7a
punctuation.section.embedded.begin,punctuation.section.embedded.end#c7b23d
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#e4dce6e1
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#bc3f7a
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#bc3f7a
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#8541c9
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ab3fb4
support.type.property-name.json#bc3f7a
support.type.property-name.json punctuation#bc3f7a
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#c7b23d
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#c7b23d
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#67a5cbe9
keyword.operator.error-control.php#c7b23d
keyword.operator.type.php#c7b23d
punctuation.section.array.begin.php#e4dce6e1
punctuation.section.array.end.php#e4dce6e1
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#67a5cbe9
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#d95a90
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#e4dce6e1
support.constant.core.rust#8541c9
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#8541c9
entity.name.goto-label.php,support.other.php#d95a90
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#ab3fb4
keyword.operator.regexp.php#c7b23d
keyword.operator.comparison.php#ab3fb4
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#c7b23d
meta.function.decorator.python#d95a90
support.token.decorator.python,meta.function.decorator.identifier.python#ab3fb4
function.parameter#e4dce6e1
function.brace#e4dce6e1
function.parameter.ruby, function.parameter.cs#e4dce6e1
constant.language.symbol.ruby#ab3fb4
rgb-value#ab3fb4
inline-color-decoration rgb-value#8541c9
less rgb-value#8541c9
selector.sass#bc3f7a
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#67a5cbe9
block.scope.end,block.scope.begin#e4dce6e1
storage.type.cs#67a5cbe9
entity.name.variable.local.cs#bc3f7a
token.info-token#d95a90
token.warn-token#8541c9
token.error-token#f44747
token.debug-token#c7b23d
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#c7b23d
meta.template.expression#e4dce6e1
keyword.operator.module#c7b23d
support.type.type.flowtype#d95a90
support.type.primitive#67a5cbe9
meta.property.object#bc3f7a
variable.parameter.function.js#bc3f7a
keyword.other.template.begin#8541c9
keyword.other.template.end#8541c9
keyword.other.substitution.begin#8541c9
keyword.other.substitution.end#8541c9
keyword.operator.assignment#ab3fb4
keyword.operator.assignment.go#67a5cbe9
keyword.operator.arithmetic.go, keyword.operator.address.go#c7b23d
entity.name.package.go#67a5cbe9
support.type.prelude.elm#ab3fb4
support.constant.elm#8541c9
punctuation.quasi.element#c7b23d
constant.character.entity#bc3f7a
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ab3fb4
entity.global.clojure#67a5cbe9
meta.symbol.clojure#bc3f7a
constant.keyword.clojure#ab3fb4
meta.arguments.coffee, variable.parameter.function.coffee#bc3f7a
source.ini#8541c9
meta.scope.prerequisites.makefile#bc3f7a
source.makefile#67a5cbe9
storage.modifier.import.groovy#67a5cbe9
meta.method.groovy#d95a90
meta.definition.variable.name.groovy#bc3f7a
meta.definition.class.inherited.classes.groovy#8541c9
support.variable.semantic.hlsl#67a5cbe9
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#c7b23d
text.variable, text.bracketed#bc3f7a
support.type.swift, support.type.vb.asp#67a5cbe9
entity.name.function.xi#67a5cbe9
entity.name.class.xi#ab3fb4
constant.character.character-class.regexp.xi#bc3f7a
constant.regexp.xi#c7b23d
keyword.control.xi#ab3fb4
invalid.xi#e4dce6e1
beginning.punctuation.definition.quote.markdown.xi#8541c9
beginning.punctuation.definition.list.markdown.xi#7c218a9f
constant.character.xi#d95a90
accent.xi#d95a90
wikiword.xi#8541c9
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#7c218a9f
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#67a5cbe9
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#bc3f7a
meta.brace.square#e4dce6e1
comment, punctuation.definition.comment#7c218a9fitalic
markup.quote.markdown#7c218a9f
punctuation.definition.block.sequence.item.yaml#e4dce6e1
constant.language.symbol.elixir#ab3fb4
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