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#3b3534
  • activityBar.background#322d2c
  • activityBar.foreground#c2c2c2ed
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#241e1c
  • activityBarBadge.foreground#f9f9f9
  • badge.background#1f1a1a
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#322d2c
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#716868
  • button.background#a37766
  • button.foreground#e4e4e4
  • button.hoverBackground#c98e77
  • button.secondaryBackground#4d3d37
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#8c6249
  • checkbox.background#413d38
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#2e2826
  • debugExceptionWidget.border#433b3bcf
  • debugToolBar.background#2e2826
  • debugToolBar.border#433b3bcf
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#00000018
  • diffEditor.removedTextBackground#4f111120
  • dropdown.background#413d38
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#322d2c
  • editor.findMatchBackground#2a101eeb
  • editor.findMatchBorder#e8ac8e
  • editor.findMatchHighlightBackground#06010155
  • editor.findMatchHighlightBorder#ffadaddb
  • editor.findRangeHighlightBackground#493d3966
  • editor.findRangeHighlightBorder#cdcccc00
  • editor.foldBackground#4f49434d
  • editor.foreground#c7beb9f5
  • editor.hoverHighlightBackground#15010181
  • editor.inactiveSelectionBackground#282322e3
  • editor.lineHighlightBackground#262120dd
  • editor.lineHighlightBorder#ffffff00
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#191716c3
  • editor.selectionHighlightBackground#190f15ab
  • editor.selectionHighlightBorder#beac56
  • editor.wordHighlightBackground#684646b8
  • editor.wordHighlightStrongBackground#1b1616b8
  • editorBracketMatch.background#061d06a5
  • editorBracketMatch.border#f2dc66
  • editorCodeLens.foreground#998a8a8d
  • editorCursor.background#000000
  • editorCursor.foreground#f9f9f9
  • editorError.background#9b494538
  • editorError.border#ffffff00
  • editorError.foreground#ff4f2b
  • editorGroup.border#2c2727a9
  • editorGroup.emptyBackground#322d2c
  • editorGroupHeader.tabsBackground#3b3534
  • editorGroupHeader.tabsBorder#3b341026
  • editorGutter.addedBackground#57ab85
  • editorGutter.background#322d2c
  • editorGutter.commentRangeForeground#6d6767
  • editorGutter.deletedBackground#cb6969
  • editorGutter.foldingControlForeground#6d6767
  • editorGutter.modifiedBackground#779ab0
  • editorHoverWidget.background#2e2826
  • editorHoverWidget.border#4b433ccd
  • editorHoverWidget.foreground#f9f9f9
  • editorIndentGuide.activeBackground#cd9767
  • editorIndentGuide.background#6f6562bf
  • editorInfo.background#44a8bf1e
  • editorInfo.border#4490BF00
  • editorInfo.foreground#4bf7f7
  • editorLineNumber.activeForeground#f9f9f9
  • editorLineNumber.foreground#fff3ee5e
  • editorLink.activeForeground#41d6de
  • editorMarkerNavigation.background#2e2826
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#413a3a
  • editorSuggestWidget.background#2e2826
  • editorSuggestWidget.border#474139c3
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#faca5a
  • editorSuggestWidget.selectedBackground#413d37b1
  • editorWarning.background#a9904028
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e8c009
  • editorWhitespace.foreground#92847b70
  • editorWidget.background#2e2826
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#e49754
  • focusBorder#bc8e6c
  • foreground#f9f9f9c9
  • gitDecoration.addedResourceForeground#73b297
  • gitDecoration.conflictingResourceForeground#e49754
  • gitDecoration.deletedResourceForeground#e85454
  • gitDecoration.ignoredResourceForeground#8c8c8c78
  • gitDecoration.modifiedResourceForeground#e8da65
  • gitDecoration.stageDeletedResourceForeground#ba6060
  • gitDecoration.stageModifiedResourceForeground#ada243
  • gitDecoration.submoduleResourceForeground#bc8173
  • gitDecoration.untrackedResourceForeground#737373
  • icon.foreground#f9f9f9c9
  • input.background#413d38
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#322f2b
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#685853b3
  • list.activeSelectionForeground#f9f9f9
  • list.dropBackground#6a5d4c
  • list.focusBackground#433b2d
  • list.focusForeground#cccccc
  • list.highlightForeground#faca5a
  • list.hoverBackground#514844e9
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#51484585
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#3d3633
  • listFilterWidget.noMatchesOutline#9d5959
  • listFilterWidget.outline#00000000
  • menu.background#3d3935
  • menu.border#3027241a
  • menu.foreground#cccccc
  • menu.selectionBackground#86746c
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#8c857f
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#3d2c26
  • merge.currentHeaderBackground#543b33
  • merge.incomingContentBackground#253f35
  • merge.incomingHeaderBackground#376252
  • minimap.background#322d2c
  • minimap.errorHighlight#ff4f2b
  • minimap.findMatchHighlight#2a101eeb
  • minimap.selectionHighlight#191716c3
  • minimap.warningHighlight#e8c009
  • minimapGutter.addedBackground#57ab85
  • minimapGutter.deletedBackground#cb6969
  • minimapGutter.modifiedBackground#779ab0
  • notificationCenter.border#433c39
  • notificationCenterHeader.background#36302d
  • notificationCenterHeader.foreground#f9f9f9
  • notifications.background#2e2826
  • notifications.border#433c39
  • notifications.foreground#f9f9f9
  • notificationsErrorIcon.foreground#faa687
  • notificationsInfoIcon.foreground#89ccf7
  • notificationsWarningIcon.foreground#FFD668
  • notificationToast.border#49403da1
  • panel.background#2e2826
  • panel.border#80808059
  • panelSection.border#544d4d59
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#363230
  • peekViewEditor.background#2e2826
  • peekViewEditor.matchHighlightBackground#21190f99
  • peekViewEditor.matchHighlightBorder#9d856740
  • peekViewEditorGutter.background#2e2826
  • peekViewResult.background#2e2826
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ffa4694d
  • peekViewResult.selectionBackground#99866333
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#2e2826
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#ffffff00
  • pickerGroup.foreground#847a64
  • progressBar.background#faca5a
  • scrollbar.shadow#62565397
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#736a67b3
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#f9f9f9c9
  • sideBar.background#3b3534
  • sideBar.dropBackground#6a5d4c
  • sideBar.foreground#c2c2c2ed
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#322d2c
  • statusBar.debuggingBackground#322d2a
  • statusBar.debuggingForeground#cfb177
  • statusBar.foreground#c2c2c2ed
  • statusBar.noFolderBackground#282320
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#e49754
  • statusBarItem.remoteForeground#605858
  • tab.activeBackground#322d2c
  • tab.activeBorder#00000000
  • tab.activeBorderTop#faca5a
  • tab.activeForeground#f9f9f9c3
  • tab.border#3b341056
  • tab.hoverBackground#2420207a
  • tab.hoverBorder#322b2800
  • tab.hoverForeground#f7f1f1
  • tab.inactiveBackground#3b3534
  • tab.inactiveForeground#8c838380
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#375ccb
  • terminal.ansiBrightBlack#4b4b4b
  • terminal.ansiBrightBlue#428cff
  • terminal.ansiBrightCyan#3be0e0
  • terminal.ansiBrightGreen#31e494
  • terminal.ansiBrightMagenta#d04dff
  • terminal.ansiBrightRed#ff1f1f
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ecea21
  • terminal.ansiCyan#219d9d
  • terminal.ansiGreen#17995f
  • terminal.ansiMagenta#a336cb
  • terminal.ansiRed#c02222
  • terminal.ansiWhite#e0e0e0
  • terminal.ansiYellow#aba900
  • terminal.border#544d4d59
  • terminal.foreground#e0d3cd
  • terminal.selectionBackground#00000041
  • terminalCursor.background#dbdbdb
  • terminalCursor.foreground#000000
  • textLink.foreground#f7e189
  • titleBar.activeBackground#322d2c
  • titleBar.activeForeground#c2c2c2ed
  • titleBar.border#00000000
  • titleBar.inactiveBackground#36332f
  • titleBar.inactiveForeground#908a8a99
  • tree.indentGuidesStroke#514642
  • 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#73b297
variable.other.generic-type.haskell#e8da65
storage.type.haskell#bc8173
support.variable.magic.python#73b297
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#c7beb9f5
variable.parameter.function.language.special.self.python#c45b5b
storage.modifier.lifetime.rust#c7beb9f5
support.function.std.rust#dba830
entity.name.lifetime.rust#c45b5b
variable.language.rust#73b297
support.constant.edge#e8da65
constant.other.character-class.regexp#73b297
keyword.operator.quantifier.regexp#bc8173
punctuation.definition.string.begin,punctuation.definition.string.end#bc8173
variable.parameter.function#c7beb9f5
comment markup.link#8e837f
markup.changed.diff#c45b5b
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#dba830
markup.inserted.diff#bc8173
markup.deleted.diff#73b297
meta.function.c,meta.function.cpp#73b297
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#c7beb9f5
punctuation.separator.key-value#c7beb9f5
keyword.operator.expression.import#dba830
support.constant.math#c45b5b
support.constant.property.math#bc8173
variable.other.constant#c45b5b
storage.type.annotation.java, storage.type.object.array.java#c45b5b
source.java#73b297
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#c7beb9f5
meta.method.java#dba830
storage.modifier.import.java,storage.type.java,storage.type.generic.java#c45b5b
keyword.operator.instanceof.java#e8da65
meta.definition.variable.name.java#73b297
keyword.operator.logical#e49754
keyword.operator.bitwise#e49754
keyword.operator.channel#e49754
support.constant.property-value.scss,support.constant.property-value.css#bc8173
keyword.operator.css,keyword.operator.scss,keyword.operator.less#e49754
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#bc8173
punctuation.separator.list.comma.css#c7beb9f5
support.constant.color.w3c-standard-color-name.css#bc8173
support.type.vendored.property-name.css#e49754
support.module.node,support.type.object.module,support.module.node#c45b5b
entity.name.type.module#c45b5b
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#73b297
support.constant.json#bc8173
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#e8da65
support.type.object.console#73b297
support.variable.property.process#bc8173
entity.name.function,support.function.console#dba830
keyword.operator.misc.rust#c7beb9f5
keyword.operator.sigil.rust#e8da65
keyword.operator.delete#e8da65
support.type.object.dom#e49754
support.variable.dom,support.variable.property.dom#73b297
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#e49754
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#e8da65
punctuation.separator.delimiter#c7beb9f5
punctuation.separator.c,punctuation.separator.cpp#e8da65
support.type.posix-reserved.c,support.type.posix-reserved.cpp#e49754
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#e8da65
variable.parameter.function.language.python#bc8173
support.type.python#e49754
keyword.operator.logical.python#e8da65
variable.parameter.function.python#bc8173
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#c7beb9f5
meta.function-call.generic.python#dba830
constant.character.format.placeholder.other.python#bc8173
keyword.operator#c7beb9f5
keyword.operator.assignment.compound#e8da65
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#e49754
keyword#e8da65
entity.name.namespace#c45b5b
variable#73b297
variable.c#c7beb9f5
variable.language#c45b5b
token.variable.parameter.java#c7beb9f5
import.storage.java#c45b5b
token.package.keyword#e8da65
token.package#c7beb9f5
entity.name.function, meta.require, support.function.any-method, variable.function#dba830
entity.name.type.namespace#c45b5b
support.class, entity.name.type.class#c45b5b
entity.name.class.identifier.namespace.type#c45b5b
entity.name.class, variable.other.class.js, variable.other.class.ts#c45b5b
variable.other.class.php#73b297
entity.name.type#c45b5b
keyword.control#e8da65
control.elements, keyword.operator.less#bc8173
keyword.other.special-method#dba830
storage#e8da65
token.storage#e8da65
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#e8da65
token.storage.type.java#c45b5b
support.function#e49754
support.type.property-name#c7beb9f5
support.constant.property-value#c7beb9f5
support.constant.font-name#bc8173
meta.tag#c7beb9f5
string#bc8173
entity.other.inherited-class#c45b5b
constant.other.symbol#e49754
constant.numeric#bc8173
constant#bc8173
punctuation.definition.constant#bc8173
entity.name.tag#73b297
entity.other.attribute-name#bc8173
entity.other.attribute-name.id#dba830normal
entity.other.attribute-name.class.css#bc8173normal
meta.selector#e8da65
markup.heading#73b297
markup.heading punctuation.definition.heading, entity.name.section#dba830
keyword.other.unit#73b297
markup.bold,todo.bold#bc8173
punctuation.definition.bold#c45b5b
markup.italic, punctuation.definition.italic,todo.emphasis#e8da65
emphasis md#e8da65
entity.name.section.markdown#73b297
punctuation.definition.heading.markdown#73b297
punctuation.definition.list.begin.markdown#73b297
markup.heading.setext#c7beb9f5
punctuation.definition.bold.markdown#bc8173
markup.inline.raw.markdown#bc8173
markup.inline.raw.string.markdown#bc8173
punctuation.definition.list.markdown#73b297
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#73b297
beginning.punctuation.definition.list.markdown#73b297
punctuation.definition.metadata.markdown#73b297
markup.underline.link.markdown,markup.underline.link.image.markdown#e8da65
string.other.link.title.markdown,string.other.link.description.markdown#dba830
string.regexp#e49754
constant.character.escape#e49754
punctuation.section.embedded, variable.interpolation#73b297
punctuation.section.embedded.begin,punctuation.section.embedded.end#e8da65
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#c7beb9f5
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#73b297
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#73b297
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#bc8173
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#e49754
support.type.property-name.json#73b297
support.type.property-name.json punctuation#73b297
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#e8da65
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#e8da65
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#c45b5b
keyword.operator.error-control.php#e8da65
keyword.operator.type.php#e8da65
punctuation.section.array.begin.php#c7beb9f5
punctuation.section.array.end.php#c7beb9f5
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#c45b5b
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#dba830
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#c7beb9f5
support.constant.core.rust#bc8173
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#bc8173
entity.name.goto-label.php,support.other.php#dba830
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#e49754
keyword.operator.regexp.php#e8da65
keyword.operator.comparison.php#e49754
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#e8da65
meta.function.decorator.python#dba830
support.token.decorator.python,meta.function.decorator.identifier.python#e49754
function.parameter#c7beb9f5
function.brace#c7beb9f5
function.parameter.ruby, function.parameter.cs#c7beb9f5
constant.language.symbol.ruby#e49754
rgb-value#e49754
inline-color-decoration rgb-value#bc8173
less rgb-value#bc8173
selector.sass#73b297
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#c45b5b
block.scope.end,block.scope.begin#c7beb9f5
storage.type.cs#c45b5b
entity.name.variable.local.cs#73b297
token.info-token#dba830
token.warn-token#bc8173
token.error-token#f44747
token.debug-token#e8da65
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#e8da65
meta.template.expression#c7beb9f5
keyword.operator.module#e8da65
support.type.type.flowtype#dba830
support.type.primitive#c45b5b
meta.property.object#73b297
variable.parameter.function.js#73b297
keyword.other.template.begin#bc8173
keyword.other.template.end#bc8173
keyword.other.substitution.begin#bc8173
keyword.other.substitution.end#bc8173
keyword.operator.assignment#e49754
keyword.operator.assignment.go#c45b5b
keyword.operator.arithmetic.go, keyword.operator.address.go#e8da65
entity.name.package.go#c45b5b
support.type.prelude.elm#e49754
support.constant.elm#bc8173
punctuation.quasi.element#e8da65
constant.character.entity#73b297
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#e49754
entity.global.clojure#c45b5b
meta.symbol.clojure#73b297
constant.keyword.clojure#e49754
meta.arguments.coffee, variable.parameter.function.coffee#73b297
source.ini#bc8173
meta.scope.prerequisites.makefile#73b297
source.makefile#c45b5b
storage.modifier.import.groovy#c45b5b
meta.method.groovy#dba830
meta.definition.variable.name.groovy#73b297
meta.definition.class.inherited.classes.groovy#bc8173
support.variable.semantic.hlsl#c45b5b
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#e8da65
text.variable, text.bracketed#73b297
support.type.swift, support.type.vb.asp#c45b5b
entity.name.function.xi#c45b5b
entity.name.class.xi#e49754
constant.character.character-class.regexp.xi#73b297
constant.regexp.xi#e8da65
keyword.control.xi#e49754
invalid.xi#c7beb9f5
beginning.punctuation.definition.quote.markdown.xi#bc8173
beginning.punctuation.definition.list.markdown.xi#8e837f
constant.character.xi#dba830
accent.xi#dba830
wikiword.xi#bc8173
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#8e837f
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#c45b5b
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#73b297
meta.brace.square#c7beb9f5
comment, punctuation.definition.comment#8e837fitalic
markup.quote.markdown#8e837f
punctuation.definition.block.sequence.item.yaml#c7beb9f5
constant.language.symbol.elixir#e49754
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