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#4d3f3d
  • activityBar.background#493936
  • activityBar.foreground#a79595
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#322725
  • activityBarBadge.foreground#ffffff
  • badge.background#2c2424
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#493936
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#bcadad
  • button.background#7b5c5c
  • button.foreground#e4e4e4
  • button.hoverBackground#8e7171
  • button.secondaryBackground#382a2a
  • button.secondaryForeground#c4bdbd
  • button.secondaryHoverBackground#604d4d
  • checkbox.background#4d3f3d
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#322725
  • debugExceptionWidget.border#2c2524
  • debugToolBar.background#322725
  • debugToolBar.border#2c2524
  • diffEditor.border#58484856
  • diffEditor.insertedTextBackground#b8977418
  • diffEditor.removedTextBackground#b2565620
  • dropdown.background#4d3f3d
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#493936
  • editor.findMatchBackground#3f1f1ff3
  • editor.findMatchBorder#ffb136
  • editor.findMatchHighlightBackground#080000b7
  • editor.findMatchHighlightBorder#000000
  • editor.findRangeHighlightBackground#2e262699
  • editor.findRangeHighlightBorder#cdcccc00
  • editor.foldBackground#7d614b4d
  • editor.foreground#f5edeef5
  • editor.hoverHighlightBackground#1d1b1281
  • editor.inactiveSelectionBackground#342e2e
  • editor.lineHighlightBackground#584643
  • editor.lineHighlightBorder#ffffff00
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#241e1e
  • editor.selectionHighlightBackground#54090974
  • editor.selectionHighlightBorder#ff2a2a
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#2a1616b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#cbf500
  • editorCodeLens.foreground#bc98988d
  • editorCursor.background#000000
  • editorCursor.foreground#f9f9f9
  • editorError.background#9d332e00
  • editorError.border#ffffff00
  • editorError.foreground#ff2b2b
  • editorGroup.border#3b2b2b
  • editorGroup.emptyBackground#493936
  • editorGroupHeader.tabsBackground#4d3f3d
  • editorGroupHeader.tabsBorder#3b341026
  • editorGutter.addedBackground#2be491
  • editorGutter.background#493936
  • editorGutter.commentRangeForeground#dbdbdb
  • editorGutter.deletedBackground#f75d5d
  • editorGutter.foldingControlForeground#dbdbdb
  • editorGutter.modifiedBackground#487cb4
  • editorHoverWidget.background#322725
  • editorHoverWidget.border#6b5656cd
  • editorHoverWidget.foreground#f9f9f9
  • editorIndentGuide.activeBackground#a98a8a
  • editorIndentGuide.background#6b5c5c
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#2fceff
  • editorLineNumber.activeForeground#f9f9f9
  • editorLineNumber.foreground#ffeeee5e
  • editorLink.activeForeground#41decf
  • editorMarkerNavigation.background#322725
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#31a5de
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#322725
  • editorSuggestWidget.border#a7959542
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#9fc25f
  • editorSuggestWidget.selectedBackground#4d4437
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffe513
  • editorWhitespace.foreground#a7888870
  • editorWidget.background#4d3f3d
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#8e706c
  • focusBorder#e8b554
  • foreground#f9f9f9
  • gitDecoration.addedResourceForeground#8ac25c
  • gitDecoration.conflictingResourceForeground#b5a2e8
  • gitDecoration.deletedResourceForeground#be4949
  • gitDecoration.ignoredResourceForeground#906c6c
  • gitDecoration.modifiedResourceForeground#faca5a
  • gitDecoration.stageDeletedResourceForeground#a34a4a
  • gitDecoration.stageModifiedResourceForeground#decaca
  • gitDecoration.submoduleResourceForeground#8c816d
  • gitDecoration.untrackedResourceForeground#6d93b6
  • icon.foreground#f9f9f9
  • input.background#4d3f3d
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#9f9393
  • inputOption.activeBackground#3b2e2b
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#664a46
  • list.activeSelectionForeground#f9f9f9
  • list.dropBackground#564745
  • list.focusBackground#493936
  • list.focusForeground#cccccc
  • list.highlightForeground#b3e854
  • list.hoverBackground#5e4743
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#5e4743
  • list.inactiveSelectionForeground#d7d6d6
  • listFilterWidget.background#3d3333
  • listFilterWidget.noMatchesOutline#944242
  • listFilterWidget.outline#00000000
  • menu.background#493936
  • menu.border#3027241a
  • menu.foreground#cccccc
  • menu.selectionBackground#827171
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#8c7f7f
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#434343
  • merge.currentContentBackground#432323
  • merge.currentHeaderBackground#6f1919
  • merge.incomingContentBackground#284b2d
  • merge.incomingHeaderBackground#166b17
  • minimap.background#493936
  • minimap.errorHighlight#ff2b2b
  • minimap.findMatchHighlight#3f1f1ff3
  • minimap.selectionHighlight#241e1e
  • minimap.warningHighlight#ffe513
  • minimapGutter.addedBackground#2be491
  • minimapGutter.deletedBackground#f75d5d
  • minimapGutter.modifiedBackground#487cb4
  • notificationCenter.border#4b4242
  • notificationCenterHeader.background#3d2f2d
  • notificationCenterHeader.foreground#f9f9f9
  • notifications.background#322725
  • notifications.border#4b4242
  • notifications.foreground#f9f9f9
  • notificationsErrorIcon.foreground#faa687
  • notificationsInfoIcon.foreground#89ccf7
  • notificationsWarningIcon.foreground#FFD668
  • notificationToast.border#4b4242
  • panel.background#493936
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#2c2323
  • peekViewEditor.background#382b28
  • peekViewEditor.matchHighlightBackground#21190f99
  • peekViewEditor.matchHighlightBorder#9d856740
  • peekViewEditorGutter.background#3b2c2a
  • peekViewResult.background#322725
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ff69694d
  • peekViewResult.selectionBackground#99866333
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#322725
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#463f3f
  • pickerGroup.foreground#e8b554
  • progressBar.background#e8b554
  • scrollbar.shadow#665a58cd
  • scrollbarSlider.activeBackground#a1757566
  • scrollbarSlider.background#64494966
  • scrollbarSlider.hoverBackground#754f4fb3
  • selection.background#6d6655b3
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#f9f9f9
  • sideBar.background#4d3f3d
  • sideBar.dropBackground#564745
  • sideBar.foreground#d9d3d3
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#927b7b33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#d9d3d3
  • statusBar.background#493936
  • statusBar.debuggingBackground#322725
  • statusBar.debuggingForeground#e8b554
  • statusBar.foreground#decaca
  • statusBar.noFolderBackground#322725
  • statusBar.noFolderForeground#887777
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#e8b554
  • statusBarItem.remoteForeground#493936
  • tab.activeBackground#493936
  • tab.activeBorder#00000000
  • tab.activeBorderTop#e8b554
  • tab.activeForeground#f9f9f9
  • tab.border#3b341056
  • tab.hoverBackground#382a2a7a
  • tab.hoverBorder#322b2800
  • tab.hoverForeground#f7f1f1
  • tab.inactiveBackground#4d3f3d
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#5c5b5b
  • terminal.ansiBlue#77a5fb
  • terminal.ansiBrightBlack#000000
  • terminal.ansiBrightBlue#4384ff
  • terminal.ansiBrightCyan#0fbdff
  • terminal.ansiBrightGreen#2be491
  • terminal.ansiBrightMagenta#d45cff
  • terminal.ansiBrightRed#ff1f1f
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ffbf00
  • terminal.ansiCyan#63c5ea
  • terminal.ansiGreen#46b885
  • terminal.ansiMagenta#d98ef4
  • terminal.ansiRed#de3c3c
  • terminal.ansiWhite#e0e0e0
  • terminal.ansiYellow#fad76e
  • terminal.border#80808059
  • terminal.foreground#e0d3cd
  • terminal.selectionBackground#00000041
  • terminalCursor.background#dbdbdb
  • terminalCursor.foreground#000000
  • textLink.foreground#e8b554
  • titleBar.activeBackground#493936
  • titleBar.activeForeground#f9f9f9
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3b302e
  • titleBar.inactiveForeground#907f7f99
  • tree.indentGuidesStroke#776362
  • 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#e681b0
variable.other.generic-type.haskell#d5ca6f
storage.type.haskell#de8969
support.variable.magic.python#e681b0
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#f5edeef5
variable.parameter.function.language.special.self.python#c77832
storage.modifier.lifetime.rust#f5edeef5
support.function.std.rust#cd3d2f
entity.name.lifetime.rust#c77832
variable.language.rust#e681b0
support.constant.edge#d5ca6f
constant.other.character-class.regexp#e681b0
keyword.operator.quantifier.regexp#de8969
punctuation.definition.string.begin,punctuation.definition.string.end#de8969
variable.parameter.function#f5edeef5
comment markup.link#ffeeee5e
markup.changed.diff#c77832
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#cd3d2f
markup.inserted.diff#de8969
markup.deleted.diff#e681b0
meta.function.c,meta.function.cpp#e681b0
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#f5edeef5
punctuation.separator.key-value#f5edeef5
keyword.operator.expression.import#cd3d2f
support.constant.math#c77832
support.constant.property.math#de8969
variable.other.constant#c77832
storage.type.annotation.java, storage.type.object.array.java#c77832
source.java#e681b0
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#f5edeef5
meta.method.java#cd3d2f
storage.modifier.import.java,storage.type.java,storage.type.generic.java#c77832
keyword.operator.instanceof.java#d5ca6f
meta.definition.variable.name.java#e681b0
keyword.operator.logical#7abcb6
keyword.operator.bitwise#7abcb6
keyword.operator.channel#7abcb6
support.constant.property-value.scss,support.constant.property-value.css#de8969
keyword.operator.css,keyword.operator.scss,keyword.operator.less#7abcb6
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#de8969
punctuation.separator.list.comma.css#f5edeef5
support.constant.color.w3c-standard-color-name.css#de8969
support.type.vendored.property-name.css#7abcb6
support.module.node,support.type.object.module,support.module.node#c77832
entity.name.type.module#c77832
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#e681b0
support.constant.json#de8969
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#d5ca6f
support.type.object.console#e681b0
support.variable.property.process#de8969
entity.name.function,support.function.console#cd3d2f
keyword.operator.misc.rust#f5edeef5
keyword.operator.sigil.rust#d5ca6f
keyword.operator.delete#d5ca6f
support.type.object.dom#7abcb6
support.variable.dom,support.variable.property.dom#e681b0
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#7abcb6
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#d5ca6f
punctuation.separator.delimiter#f5edeef5
punctuation.separator.c,punctuation.separator.cpp#d5ca6f
support.type.posix-reserved.c,support.type.posix-reserved.cpp#7abcb6
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#d5ca6f
variable.parameter.function.language.python#de8969
support.type.python#7abcb6
keyword.operator.logical.python#d5ca6f
variable.parameter.function.python#de8969
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#f5edeef5
meta.function-call.generic.python#cd3d2f
constant.character.format.placeholder.other.python#de8969
keyword.operator#f5edeef5
keyword.operator.assignment.compound#d5ca6f
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#7abcb6
keyword#d5ca6f
entity.name.namespace#c77832
variable#e681b0
variable.c#f5edeef5
variable.language#c77832
token.variable.parameter.java#f5edeef5
import.storage.java#c77832
token.package.keyword#d5ca6f
token.package#f5edeef5
entity.name.function, meta.require, support.function.any-method, variable.function#cd3d2f
entity.name.type.namespace#c77832
support.class, entity.name.type.class#c77832
entity.name.class.identifier.namespace.type#c77832
entity.name.class, variable.other.class.js, variable.other.class.ts#c77832
variable.other.class.php#e681b0
entity.name.type#c77832
keyword.control#d5ca6f
control.elements, keyword.operator.less#de8969
keyword.other.special-method#cd3d2f
storage#d5ca6f
token.storage#d5ca6f
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#d5ca6f
token.storage.type.java#c77832
support.function#7abcb6
support.type.property-name#f5edeef5
support.constant.property-value#f5edeef5
support.constant.font-name#de8969
meta.tag#f5edeef5
string#de8969
entity.other.inherited-class#c77832
constant.other.symbol#7abcb6
constant.numeric#de8969
constant#de8969
punctuation.definition.constant#de8969
entity.name.tag#e681b0
entity.other.attribute-name#de8969
entity.other.attribute-name.id#cd3d2fnormal
entity.other.attribute-name.class.css#de8969normal
meta.selector#d5ca6f
markup.heading#e681b0
markup.heading punctuation.definition.heading, entity.name.section#cd3d2f
keyword.other.unit#e681b0
markup.bold,todo.bold#de8969
punctuation.definition.bold#c77832
markup.italic, punctuation.definition.italic,todo.emphasis#d5ca6f
emphasis md#d5ca6f
entity.name.section.markdown#e681b0
punctuation.definition.heading.markdown#e681b0
punctuation.definition.list.begin.markdown#e681b0
markup.heading.setext#f5edeef5
punctuation.definition.bold.markdown#de8969
markup.inline.raw.markdown#de8969
markup.inline.raw.string.markdown#de8969
punctuation.definition.list.markdown#e681b0
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#e681b0
beginning.punctuation.definition.list.markdown#e681b0
punctuation.definition.metadata.markdown#e681b0
markup.underline.link.markdown,markup.underline.link.image.markdown#d5ca6f
string.other.link.title.markdown,string.other.link.description.markdown#cd3d2f
string.regexp#7abcb6
constant.character.escape#7abcb6
punctuation.section.embedded, variable.interpolation#e681b0
punctuation.section.embedded.begin,punctuation.section.embedded.end#d5ca6f
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#f5edeef5
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#e681b0
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#e681b0
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#de8969
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#7abcb6
support.type.property-name.json#e681b0
support.type.property-name.json punctuation#e681b0
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#d5ca6f
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#d5ca6f
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#c77832
keyword.operator.error-control.php#d5ca6f
keyword.operator.type.php#d5ca6f
punctuation.section.array.begin.php#f5edeef5
punctuation.section.array.end.php#f5edeef5
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#c77832
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#cd3d2f
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#f5edeef5
support.constant.core.rust#de8969
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#de8969
entity.name.goto-label.php,support.other.php#cd3d2f
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#7abcb6
keyword.operator.regexp.php#d5ca6f
keyword.operator.comparison.php#7abcb6
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#d5ca6f
meta.function.decorator.python#cd3d2f
support.token.decorator.python,meta.function.decorator.identifier.python#7abcb6
function.parameter#f5edeef5
function.brace#f5edeef5
function.parameter.ruby, function.parameter.cs#f5edeef5
constant.language.symbol.ruby#7abcb6
rgb-value#7abcb6
inline-color-decoration rgb-value#de8969
less rgb-value#de8969
selector.sass#e681b0
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#c77832
block.scope.end,block.scope.begin#f5edeef5
storage.type.cs#c77832
entity.name.variable.local.cs#e681b0
token.info-token#cd3d2f
token.warn-token#de8969
token.error-token#f44747
token.debug-token#d5ca6f
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#d5ca6f
meta.template.expression#f5edeef5
keyword.operator.module#d5ca6f
support.type.type.flowtype#cd3d2f
support.type.primitive#c77832
meta.property.object#e681b0
variable.parameter.function.js#e681b0
keyword.other.template.begin#de8969
keyword.other.template.end#de8969
keyword.other.substitution.begin#de8969
keyword.other.substitution.end#de8969
keyword.operator.assignment#7abcb6
keyword.operator.assignment.go#c77832
keyword.operator.arithmetic.go, keyword.operator.address.go#d5ca6f
entity.name.package.go#c77832
support.type.prelude.elm#7abcb6
support.constant.elm#de8969
punctuation.quasi.element#d5ca6f
constant.character.entity#e681b0
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#7abcb6
entity.global.clojure#c77832
meta.symbol.clojure#e681b0
constant.keyword.clojure#7abcb6
meta.arguments.coffee, variable.parameter.function.coffee#e681b0
source.ini#de8969
meta.scope.prerequisites.makefile#e681b0
source.makefile#c77832
storage.modifier.import.groovy#c77832
meta.method.groovy#cd3d2f
meta.definition.variable.name.groovy#e681b0
meta.definition.class.inherited.classes.groovy#de8969
support.variable.semantic.hlsl#c77832
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#d5ca6f
text.variable, text.bracketed#e681b0
support.type.swift, support.type.vb.asp#c77832
entity.name.function.xi#c77832
entity.name.class.xi#7abcb6
constant.character.character-class.regexp.xi#e681b0
constant.regexp.xi#d5ca6f
keyword.control.xi#7abcb6
invalid.xi#f5edeef5
beginning.punctuation.definition.quote.markdown.xi#de8969
beginning.punctuation.definition.list.markdown.xi#ffeeee5e
constant.character.xi#cd3d2f
accent.xi#cd3d2f
wikiword.xi#de8969
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#ffeeee5e
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#c77832
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#e681b0
meta.brace.square#f5edeef5
comment, punctuation.definition.comment#ffeeee5eitalic
markup.quote.markdown#ffeeee5e
punctuation.definition.block.sequence.item.yaml#f5edeef5
constant.language.symbol.elixir#7abcb6
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