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#20211e
  • activityBar.background#171716
  • activityBar.border#171616
  • activityBar.foreground#adb29c
  • activityBar.inactiveForeground#31322e
  • activityBarBadge.background#76791f
  • activityBarBadge.foreground#171716
  • badge.background#232422
  • badge.foreground#babcb4
  • breadcrumb.activeSelectionForeground#5a5e50
  • breadcrumb.background#171716
  • breadcrumb.focusForeground#5a5e50
  • breadcrumb.foreground#3a3b37
  • button.background#576029
  • button.foreground#a9a9a8
  • button.hoverBackground#3b411d
  • button.secondaryBackground#0e0f0c
  • button.secondaryForeground#a9a9a8
  • button.secondaryHoverBackground#292c23
  • checkbox.background#1f1f1b
  • checkbox.border#00000000
  • checkbox.foreground#b3b8a2
  • debugExceptionWidget.background#0e0f0c
  • debugExceptionWidget.border#1f2119
  • debugToolBar.background#0e0f0c
  • debugToolBar.border#1f2119
  • diffEditor.border#4444443a
  • diffEditor.insertedTextBackground#1d261a8f
  • diffEditor.removedTextBackground#5101012a
  • dropdown.background#1f1f1b
  • dropdown.border#00000000
  • dropdown.foreground#b3b8a2
  • editor.background#171716
  • editor.findMatchBackground#000000
  • editor.findMatchBorder#c0b842
  • editor.findMatchHighlightBackground#ea630055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3f413a66
  • editor.findRangeHighlightBorder#00000000
  • editor.foldBackground#3c47304d
  • editor.foreground#e6eae0f7
  • editor.hoverHighlightBackground#325a4181
  • editor.inactiveSelectionBackground#262a24
  • editor.lineHighlightBackground#2d322c62
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#1e26140b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#46492860
  • editor.selectionHighlightBackground#000000
  • editor.selectionHighlightBorder#c0b842
  • editor.wordHighlightBackground#7255005e
  • editor.wordHighlightStrongBackground#7255005e
  • editorBracketMatch.background#000000
  • editorBracketMatch.border#9b9b9b
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#adadad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#414141
  • editorGroup.emptyBackground#171716
  • editorGroupHeader.tabsBackground#20211e
  • editorGroupHeader.tabsBorder#171616
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#171716
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#0e0f0ce5
  • editorHoverWidget.border#21241c
  • editorHoverWidget.foreground#999f91
  • editorIndentGuide.activeBackground#76791fe3
  • editorIndentGuide.background#2f302b
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#8a9f41
  • editorLineNumber.foreground#31322e
  • editorLink.activeForeground#9ec907
  • editorMarkerNavigation.background#0e0f0c
  • editorMarkerNavigationError.background#943623
  • editorMarkerNavigationInfo.background#236a94
  • editorMarkerNavigationWarning.background#948023
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a3e
  • editorSuggestWidget.background#0e0f0c
  • editorSuggestWidget.border#1a1d17c5
  • editorSuggestWidget.foreground#9b9f8f
  • editorSuggestWidget.highlightForeground#8fa328
  • editorSuggestWidget.selectedBackground#242a17
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#4a4d48
  • editorWidget.background#171716
  • editorWidget.foreground#6d7160
  • editorWidget.resizeBorder#7c8e3b
  • focusBorder#171616
  • foreground#838673
  • gitDecoration.addedResourceForeground#8ab458
  • gitDecoration.conflictingResourceForeground#884da9
  • gitDecoration.deletedResourceForeground#9f3624
  • gitDecoration.ignoredResourceForeground#41453a
  • gitDecoration.modifiedResourceForeground#b4a65e
  • gitDecoration.stageDeletedResourceForeground#945348
  • gitDecoration.stageModifiedResourceForeground#ab9e8a
  • gitDecoration.submoduleResourceForeground#3d6284
  • gitDecoration.untrackedResourceForeground#a7612e
  • icon.foreground#838673
  • input.background#1f1f1b
  • input.border#00000000
  • input.foreground#b3b8a2
  • input.placeholderForeground#6d6f67
  • inputOption.activeBackground#161713
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#adb29c
  • list.activeSelectionBackground#293219
  • list.activeSelectionForeground#cdd1bf
  • list.dropBackground#2f322c40
  • list.focusBackground#171616
  • list.focusForeground#ffffff
  • list.highlightForeground#a8be3d
  • list.hoverBackground#383d27
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#2a2e25f5
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#183d75
  • listFilterWidget.noMatchesOutline#143260
  • listFilterWidget.outline#00000000
  • menu.background#171616
  • menu.border#00000024
  • menu.foreground#a3a59c
  • menu.selectionBackground#2a3222
  • menu.selectionBorder#00000000
  • menu.selectionForeground#f0f0f0
  • menu.separatorBackground#474747
  • menubar.selectionBackground#b8cb601a
  • menubar.selectionBorder#576029
  • menubar.selectionForeground#cbcfbc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#301010
  • merge.currentHeaderBackground#621515
  • merge.incomingContentBackground#0b2c12
  • merge.incomingHeaderBackground#004f2e
  • minimap.background#171716
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#000000
  • minimap.selectionHighlight#46492860
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#171716
  • notificationCenterHeader.background#181915
  • notificationCenterHeader.foreground#b6b6b6
  • notifications.background#0e0f0c
  • notifications.border#171616
  • notifications.foreground#ababa1
  • notificationsErrorIcon.foreground#cf543b
  • notificationsInfoIcon.foreground#1c65a5
  • notificationsWarningIcon.foreground#a98b02
  • notificationToast.border#1f1f1d
  • panel.background#0e0f0c
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#626262ab
  • panelTitle.activeForeground#9a9d93
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#2b2e19
  • peekViewEditor.background#0e0f0c
  • peekViewEditor.matchHighlightBackground#ff780040
  • peekViewEditor.matchHighlightBorder#9f7136
  • peekViewEditorGutter.background#0e0f0c
  • peekViewResult.background#191b16
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#eae6004d
  • peekViewResult.selectionBackground#e6ff3333
  • peekViewResult.selectionForeground#eaeaea
  • peekViewTitle.background#0e0f0c
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#999999
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#575e3e
  • progressBar.background#a8be3d
  • scrollbar.shadow#35362d
  • scrollbarSlider.activeBackground#4b582cb3
  • scrollbarSlider.background#08080766
  • scrollbarSlider.hoverBackground#3a4128b3
  • selection.background#0b0d0589
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#838673
  • sideBar.background#20211e
  • sideBar.border#171616
  • sideBar.dropBackground#2f322c40
  • sideBar.foreground#adb29c
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#adb29c
  • sideBarTitle.foreground#adb29c
  • statusBar.background#171716
  • statusBar.border#22240f
  • statusBar.debuggingBackground#22240f
  • statusBar.debuggingForeground#adb29c
  • statusBar.foreground#5c604f
  • statusBar.noFolderBackground#1d1d16
  • statusBar.noFolderForeground#4d4d47
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#adb29c
  • statusBarItem.remoteBackground#76791f
  • statusBarItem.remoteForeground#171716
  • tab.activeBackground#171716
  • tab.activeBorder#00000000
  • tab.activeBorderTop#576029
  • tab.activeForeground#8a8e74
  • tab.border#171616
  • tab.hoverBackground#0708078d
  • tab.hoverBorder#576029
  • tab.hoverForeground#abada5
  • tab.inactiveBackground#20211e
  • tab.inactiveForeground#31322e
  • terminal.ansiBlack#242424
  • terminal.ansiBlue#3f75c9
  • terminal.ansiBrightBlack#3f3f3f
  • terminal.ansiBrightBlue#0055d9
  • terminal.ansiBrightCyan#2cb7d9
  • terminal.ansiBrightGreen#25be0f
  • terminal.ansiBrightMagenta#b83fbc
  • terminal.ansiBrightRed#b81b1b
  • terminal.ansiBrightWhite#bebebe
  • terminal.ansiBrightYellow#b6b60f
  • terminal.ansiCyan#3a9ab2
  • terminal.ansiGreen#1c944b
  • terminal.ansiMagenta#8d3190
  • terminal.ansiRed#922222
  • terminal.ansiWhite#a5a5a5
  • terminal.ansiYellow#8a8100
  • terminal.border#80808059
  • terminal.foreground#9a9d93
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#000000
  • terminalCursor.foreground#bebebe
  • textLink.foreground#9b9429
  • titleBar.activeBackground#171716
  • titleBar.activeForeground#8c907d
  • titleBar.border#10110e10
  • titleBar.inactiveBackground#1d1d1d
  • titleBar.inactiveForeground#535451
  • tree.indentGuidesStroke#41453a
  • 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#479086
variable.other.generic-type.haskell#cdaa20
storage.type.haskell#76791f
support.variable.magic.python#479086
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#e6eae0f7
variable.parameter.function.language.special.self.python#c08800
storage.modifier.lifetime.rust#e6eae0f7
support.function.std.rust#ba4926
entity.name.lifetime.rust#c08800
variable.language.rust#479086
support.constant.edge#cdaa20
constant.other.character-class.regexp#479086
keyword.operator.quantifier.regexp#76791f
punctuation.definition.string.begin,punctuation.definition.string.end#76791f
variable.parameter.function#e6eae0f7
comment markup.link#40411b
markup.changed.diff#c08800
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#ba4926
markup.inserted.diff#76791f
markup.deleted.diff#479086
meta.function.c,meta.function.cpp#479086
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#e6eae0f7
punctuation.separator.key-value#e6eae0f7
keyword.operator.expression.import#ba4926
support.constant.math#c08800
support.constant.property.math#76791f
variable.other.constant#c08800
storage.type.annotation.java, storage.type.object.array.java#c08800
source.java#479086
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#e6eae0f7
meta.method.java#ba4926
storage.modifier.import.java,storage.type.java,storage.type.generic.java#c08800
keyword.operator.instanceof.java#cdaa20
meta.definition.variable.name.java#479086
keyword.operator.logical#c26c1e
keyword.operator.bitwise#c26c1e
keyword.operator.channel#c26c1e
support.constant.property-value.scss,support.constant.property-value.css#76791f
keyword.operator.css,keyword.operator.scss,keyword.operator.less#c26c1e
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#76791f
punctuation.separator.list.comma.css#e6eae0f7
support.constant.color.w3c-standard-color-name.css#76791f
support.type.vendored.property-name.css#c26c1e
support.module.node,support.type.object.module,support.module.node#c08800
entity.name.type.module#c08800
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#479086
support.constant.json#76791f
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#cdaa20
support.type.object.console#479086
support.variable.property.process#76791f
entity.name.function,support.function.console#ba4926
keyword.operator.misc.rust#e6eae0f7
keyword.operator.sigil.rust#cdaa20
keyword.operator.delete#cdaa20
support.type.object.dom#c26c1e
support.variable.dom,support.variable.property.dom#479086
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#c26c1e
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#cdaa20
punctuation.separator.delimiter#e6eae0f7
punctuation.separator.c,punctuation.separator.cpp#cdaa20
support.type.posix-reserved.c,support.type.posix-reserved.cpp#c26c1e
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#cdaa20
variable.parameter.function.language.python#76791f
support.type.python#c26c1e
keyword.operator.logical.python#cdaa20
variable.parameter.function.python#76791f
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#e6eae0f7
meta.function-call.generic.python#ba4926
constant.character.format.placeholder.other.python#76791f
keyword.operator#e6eae0f7
keyword.operator.assignment.compound#cdaa20
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#c26c1e
keyword#cdaa20
entity.name.namespace#c08800
variable#479086
variable.c#e6eae0f7
variable.language#c08800
token.variable.parameter.java#e6eae0f7
import.storage.java#c08800
token.package.keyword#cdaa20
token.package#e6eae0f7
entity.name.function, meta.require, support.function.any-method, variable.function#ba4926
entity.name.type.namespace#c08800
support.class, entity.name.type.class#c08800
entity.name.class.identifier.namespace.type#c08800
entity.name.class, variable.other.class.js, variable.other.class.ts#c08800
variable.other.class.php#479086
entity.name.type#c08800
keyword.control#cdaa20
control.elements, keyword.operator.less#76791f
keyword.other.special-method#ba4926
storage#cdaa20
token.storage#cdaa20
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#cdaa20
token.storage.type.java#c08800
support.function#c26c1e
support.type.property-name#e6eae0f7
support.constant.property-value#e6eae0f7
support.constant.font-name#76791f
meta.tag#e6eae0f7
string#76791f
entity.other.inherited-class#c08800
constant.other.symbol#c26c1e
constant.numeric#76791f
constant#76791f
punctuation.definition.constant#76791f
entity.name.tag#479086
entity.other.attribute-name#76791f
entity.other.attribute-name.id#ba4926normal
entity.other.attribute-name.class.css#76791fnormal
meta.selector#cdaa20
markup.heading#479086
markup.heading punctuation.definition.heading, entity.name.section#ba4926
keyword.other.unit#479086
markup.bold,todo.bold#76791f
punctuation.definition.bold#c08800
markup.italic, punctuation.definition.italic,todo.emphasis#cdaa20
emphasis md#cdaa20
entity.name.section.markdown#479086
punctuation.definition.heading.markdown#479086
punctuation.definition.list.begin.markdown#479086
markup.heading.setext#e6eae0f7
punctuation.definition.bold.markdown#76791f
markup.inline.raw.markdown#76791f
markup.inline.raw.string.markdown#76791f
punctuation.definition.list.markdown#479086
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#479086
beginning.punctuation.definition.list.markdown#479086
punctuation.definition.metadata.markdown#479086
markup.underline.link.markdown,markup.underline.link.image.markdown#cdaa20
string.other.link.title.markdown,string.other.link.description.markdown#ba4926
string.regexp#c26c1e
constant.character.escape#c26c1e
punctuation.section.embedded, variable.interpolation#479086
punctuation.section.embedded.begin,punctuation.section.embedded.end#cdaa20
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#e6eae0f7
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#479086
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#479086
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#76791f
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#c26c1e
support.type.property-name.json#479086
support.type.property-name.json punctuation#479086
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#cdaa20
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#cdaa20
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#c08800
keyword.operator.error-control.php#cdaa20
keyword.operator.type.php#cdaa20
punctuation.section.array.begin.php#e6eae0f7
punctuation.section.array.end.php#e6eae0f7
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#c08800
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#ba4926
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#e6eae0f7
support.constant.core.rust#76791f
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#76791f
entity.name.goto-label.php,support.other.php#ba4926
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#c26c1e
keyword.operator.regexp.php#cdaa20
keyword.operator.comparison.php#c26c1e
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#cdaa20
meta.function.decorator.python#ba4926
support.token.decorator.python,meta.function.decorator.identifier.python#c26c1e
function.parameter#e6eae0f7
function.brace#e6eae0f7
function.parameter.ruby, function.parameter.cs#e6eae0f7
constant.language.symbol.ruby#c26c1e
rgb-value#c26c1e
inline-color-decoration rgb-value#76791f
less rgb-value#76791f
selector.sass#479086
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#c08800
block.scope.end,block.scope.begin#e6eae0f7
storage.type.cs#c08800
entity.name.variable.local.cs#479086
token.info-token#ba4926
token.warn-token#76791f
token.error-token#f44747
token.debug-token#cdaa20
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#cdaa20
meta.template.expression#e6eae0f7
keyword.operator.module#cdaa20
support.type.type.flowtype#ba4926
support.type.primitive#c08800
meta.property.object#479086
variable.parameter.function.js#479086
keyword.other.template.begin#76791f
keyword.other.template.end#76791f
keyword.other.substitution.begin#76791f
keyword.other.substitution.end#76791f
keyword.operator.assignment#c26c1e
keyword.operator.assignment.go#c08800
keyword.operator.arithmetic.go, keyword.operator.address.go#cdaa20
entity.name.package.go#c08800
support.type.prelude.elm#c26c1e
support.constant.elm#76791f
punctuation.quasi.element#cdaa20
constant.character.entity#479086
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#c26c1e
entity.global.clojure#c08800
meta.symbol.clojure#479086
constant.keyword.clojure#c26c1e
meta.arguments.coffee, variable.parameter.function.coffee#479086
source.ini#76791f
meta.scope.prerequisites.makefile#479086
source.makefile#c08800
storage.modifier.import.groovy#c08800
meta.method.groovy#ba4926
meta.definition.variable.name.groovy#479086
meta.definition.class.inherited.classes.groovy#76791f
support.variable.semantic.hlsl#c08800
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#cdaa20
text.variable, text.bracketed#479086
support.type.swift, support.type.vb.asp#c08800
entity.name.function.xi#c08800
entity.name.class.xi#c26c1e
constant.character.character-class.regexp.xi#479086
constant.regexp.xi#cdaa20
keyword.control.xi#c26c1e
invalid.xi#e6eae0f7
beginning.punctuation.definition.quote.markdown.xi#76791f
beginning.punctuation.definition.list.markdown.xi#40411b
constant.character.xi#ba4926
accent.xi#ba4926
wikiword.xi#76791f
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#40411b
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#c08800
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#479086
meta.brace.square#e6eae0f7
comment, punctuation.definition.comment#40411bitalic
markup.quote.markdown#40411b
punctuation.definition.block.sequence.item.yaml#e6eae0f7
constant.language.symbol.elixir#c26c1e
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