Skip to main content
CodingTheme

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#1a8435
  • activityBar.background#183f1d
  • activityBar.border#3a7540
  • activityBar.foreground#6fd18c
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#51735e
  • activityBarBadge.foreground#fcfffb
  • badge.background#498a5f
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#57c778
  • breadcrumb.background#368e48
  • breadcrumb.focusForeground#57c778
  • breadcrumb.foreground#ffffffcc
  • button.background#0d7549
  • button.foreground#b8ffca
  • button.hoverBackground#45e88c
  • button.secondaryBackground#366649
  • button.secondaryForeground#c7ffcd
  • button.secondaryHoverBackground#276837
  • checkbox.background#256638
  • checkbox.border#6bd15c00
  • checkbox.foreground#baeec0
  • debugExceptionWidget.background#164b28
  • debugExceptionWidget.border#2ebe4b
  • debugToolBar.background#164b28
  • debugToolBar.border#2ebe4b
  • diffEditor.border#043f2487
  • diffEditor.insertedTextBackground#051b0e72
  • diffEditor.insertedTextBorder#1c4526
  • diffEditor.removedTextBackground#074f2e87
  • diffEditor.removedTextBorder#02241487
  • dropdown.background#256638
  • dropdown.border#6bd15c00
  • dropdown.foreground#baeec0
  • editor.background#0028118d
  • editor.findMatchBackground#386b40
  • editor.findMatchBorder#5d9972
  • editor.findMatchHighlightBackground#41fdb655
  • editor.findMatchHighlightBorder#3fdb6600
  • editor.findRangeHighlightBackground#234f3681
  • editor.findRangeHighlightBorder#92be9700
  • editor.foldBackground#264f784d
  • editor.foreground#d7a201
  • editor.hoverHighlightBackground#1bd96640
  • editor.inactiveSelectionBackground#224b2c
  • editor.lineHighlightBackground#01301600
  • editor.lineHighlightBorder#0fa952
  • editor.rangeHighlightBackground#47bc5f0b
  • editor.rangeHighlightBorder#6dd79b68
  • editor.selectionBackground#2a5431
  • editor.selectionHighlightBackground#68cd9426
  • editor.selectionHighlightBorder#43ab53
  • editor.wordHighlightBackground#245633c5
  • editor.wordHighlightBorder#7bd79b
  • editor.wordHighlightStrongBackground#163b1fcd
  • editor.wordHighlightStrongBorder#45a169
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#5de860
  • editorCursor.background#3cde83
  • editorCursor.foreground#43cd5f
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#37a152
  • editorGroup.emptyBackground#0028118d
  • editorGroupHeader.border#4dea83
  • editorGroupHeader.tabsBackground#183b26
  • editorGroupHeader.tabsBorder#25793e
  • editorGutter.addedBackground#569449
  • editorGutter.background#162119
  • editorGutter.commentRangeForeground#8cf5a1
  • editorGutter.deletedBackground#598a75
  • editorGutter.foldingControlForeground#8cf5a1
  • editorGutter.modifiedBackground#5eec88d7
  • editorHoverWidget.background#325c40
  • editorHoverWidget.border#a1eead
  • editorHoverWidget.foreground#c0ffb3c7
  • editorIndentGuide.activeBackground#379953
  • editorIndentGuide.background#28682f
  • editorInfo.background#58ea8a00
  • editorInfo.border#27d16900
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#b6f9a8
  • editorLineNumber.foreground#30b26f
  • editorLink.activeForeground#4ece50
  • editorMarkerNavigation.background#325c40
  • editorMarkerNavigationError.background#c0ffb3c7
  • editorMarkerNavigationInfo.background#8dd38f
  • editorMarkerNavigationWarning.background#8eb494
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#2f924c
  • editorSuggestWidget.background#1d3826
  • editorSuggestWidget.border#c0ffb3c7
  • editorSuggestWidget.foreground#b8f0b0
  • editorSuggestWidget.highlightForeground#6c9963
  • editorSuggestWidget.selectedBackground#225a2def
  • editorWarning.background#418c4600
  • editorWarning.border#ffffff00
  • editorWarning.foreground#b67474
  • editorWhitespace.foreground#5dc25a46
  • editorWidget.background#24492f
  • editorWidget.foreground#b4db98
  • editorWidget.resizeBorder#249d59
  • focusBorder#35c953
  • foreground#fbfffc
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#fbfffc
  • input.background#256638
  • input.border#6bd15c00
  • input.foreground#baeec0
  • input.placeholderForeground#97d99e
  • inputOption.activeBackground#29b45966
  • inputOption.activeBorder#26602c00
  • inputOption.activeForeground#9de89a
  • list.activeSelectionBackground#337d45
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#3b6b49
  • list.focusBackground#457150
  • list.focusForeground#e8e8e8
  • list.highlightForeground#c2eabd
  • list.hoverBackground#1d583a
  • list.hoverForeground#83c78a
  • list.inactiveSelectionBackground#1d6238
  • list.inactiveSelectionForeground#effff6
  • listFilterWidget.background#3a8651
  • listFilterWidget.noMatchesOutline#4cd180
  • listFilterWidget.outline#99f59f00
  • menu.background#1f4731
  • menu.border#a8fbad85
  • menu.foreground#cccccc
  • menu.selectionBackground#519963
  • menu.selectionBorder#74847b00
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#010401
  • merge.commonHeaderBackground#173d1f
  • merge.currentContentBackground#255433
  • merge.currentHeaderBackground#2f8047
  • merge.incomingContentBackground#0f3b20
  • merge.incomingHeaderBackground#3a6629
  • minimap.background#0028118d
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#386b40
  • minimap.selectionHighlight#2a5431
  • minimap.warningHighlight#b67474
  • minimapGutter.addedBackground#569449
  • minimapGutter.deletedBackground#598a75
  • minimapGutter.modifiedBackground#5eec88d7
  • notificationCenter.border#034f2f
  • notificationCenterHeader.background#1d1f1d
  • notificationCenterHeader.foreground#49cb69
  • notifications.background#16542e
  • notifications.border#6bb877
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#ff8787
  • notificationsInfoIcon.foreground#47b06b
  • notificationsWarningIcon.foreground#f78b18
  • notificationToast.border#474747
  • panel.background#0d1f13
  • panel.border#08ee4c59
  • panelSection.border#55d56959
  • panelTitle.activeBorder#4de078
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#6eee8899
  • peekView.border#3c9d50
  • peekViewEditor.background#15241f
  • peekViewEditor.matchHighlightBackground#133f2a99
  • peekViewEditor.matchHighlightBorder#43a774
  • peekViewEditorGutter.background#13281d95
  • peekViewResult.background#274933
  • peekViewResult.fileForeground#9be4aa
  • peekViewResult.lineForeground#55cd84
  • peekViewResult.matchHighlightBackground#3f735391
  • peekViewResult.selectionBackground#acf7c633
  • peekViewResult.selectionForeground#bfd9c4
  • peekViewTitle.background#358044ef
  • peekViewTitleDescription.foreground#c1f2c0b3
  • peekViewTitleLabel.foreground#92ffa8
  • pickerGroup.border#27c75e
  • pickerGroup.foreground#5af07f
  • progressBar.background#2fd16e
  • scrollbar.shadow#3d9464
  • scrollbarSlider.activeBackground#366f3fb3
  • scrollbarSlider.background#68a1738b
  • scrollbarSlider.hoverBackground#366f3fb3
  • selection.background#3c8856
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#fbfffc
  • sideBar.background#061d11a9
  • sideBar.border#2ba35f
  • sideBar.dropBackground#3b6b49
  • sideBar.foreground#66b263
  • sideBarSectionHeader.background#6bc96d00
  • sideBarSectionHeader.border#0ff03d33
  • sideBarSectionHeader.foreground#8ce095
  • sideBarTitle.foreground#44cf74
  • statusBar.background#266229
  • statusBar.debuggingBackground#337131
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#216f34
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#2e8634
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#5ea77bf5
  • tab.activeBorder#429f6a00
  • tab.activeBorderTop#28773500
  • tab.activeForeground#bbffc5
  • tab.border#42ee6d
  • tab.hoverBackground#478e52
  • tab.hoverBorder#145615
  • tab.hoverForeground#c6ffc7
  • tab.inactiveBackground#183b26
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#7bf5cd
  • terminal.ansiBrightBlack#b2b2b2
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#fbfb69
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#c99808
  • terminal.border#55d56959
  • terminal.foreground#cccccc
  • terminal.selectionBackground#276b4840
  • terminalCursor.background#22643c
  • terminalCursor.foreground#ffffff
  • textLink.foreground#6bd57b
  • titleBar.activeBackground#00683381
  • titleBar.activeForeground#a8d9a9
  • titleBar.border#b4dbbe00
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#4a9048
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#55ff075c

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