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#1d1b1b
  • activityBar.background#171515
  • activityBar.border#00000044
  • activityBar.foreground#868080
  • activityBar.inactiveForeground#9f979766
  • activityBarBadge.background#823017
  • activityBarBadge.foreground#bababa
  • badge.background#823017
  • badge.foreground#bab5b5
  • breadcrumb.activeSelectionForeground#a3a1a1
  • breadcrumb.background#171515
  • breadcrumb.focusForeground#a3a1a1
  • breadcrumb.foreground#4b4949
  • button.background#3f3431
  • button.foreground#c2c0c0
  • button.hoverBackground#4d403c
  • button.secondaryBackground#321b17
  • button.secondaryForeground#b0b0b0
  • button.secondaryHoverBackground#41221d
  • checkbox.background#191717
  • checkbox.border#0000002e
  • checkbox.foreground#9f9999
  • debugExceptionWidget.background#111010
  • debugExceptionWidget.border#302b29
  • debugToolBar.background#111010
  • debugToolBar.border#302b29
  • diffEditor.border#1715150e
  • diffEditor.insertedTextBackground#2c2c2c3a
  • diffEditor.removedTextBackground#38242020
  • dropdown.background#191717
  • dropdown.border#0000002e
  • dropdown.foreground#9f9999
  • editor.background#171515
  • editor.findMatchBackground#000000
  • editor.findMatchBorder#989b40
  • editor.findMatchHighlightBackground#000000
  • editor.findMatchHighlightBorder#a1a34e
  • editor.findRangeHighlightBackground#28262666
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#2a28284d
  • editor.foreground#928b8ce9
  • editor.hoverHighlightBackground#565656bf
  • editor.inactiveSelectionBackground#34343468
  • editor.lineHighlightBackground#00000056
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#0000000b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#0000007e
  • editor.selectionHighlightBackground#000000
  • editor.selectionHighlightBorder#4c995f
  • editor.wordHighlightBackground#545454b8
  • editor.wordHighlightStrongBackground#414141b8
  • editorBracketMatch.background#000000
  • editorBracketMatch.border#b67f76
  • editorCodeLens.foreground#5a4c4c
  • editorCursor.background#000000
  • editorCursor.foreground#b6b6b6
  • editorError.background#6d6d6d34
  • editorError.border#ffffff00
  • editorError.foreground#e60630
  • editorGroup.border#211d1fe1
  • editorGroup.emptyBackground#171515
  • editorGroupHeader.tabsBackground#1d1b1b
  • editorGutter.addedBackground#5d6d3c
  • editorGutter.background#171515
  • editorGutter.commentRangeForeground#4f4242
  • editorGutter.deletedBackground#8e2e32
  • editorGutter.foldingControlForeground#4f4242
  • editorGutter.modifiedBackground#6f8288
  • editorHoverWidget.background#111010
  • editorHoverWidget.border#302d2d
  • editorHoverWidget.foreground#a9a7a5
  • editorIndentGuide.activeBackground#605218
  • editorIndentGuide.background#282123
  • editorInfo.background#73add11c
  • editorInfo.border#4490BF00
  • editorInfo.foreground#39c7ff
  • editorLineNumber.activeForeground#9b6c23
  • editorLineNumber.foreground#3d3434
  • editorLink.activeForeground#4387cf
  • editorMarkerNavigation.background#111010
  • editorMarkerNavigationError.background#823a3a
  • editorMarkerNavigationInfo.background#447884
  • editorMarkerNavigationWarning.background#866a17
  • editorOverviewRuler.background#45414132
  • editorOverviewRuler.border#1b10103c
  • editorRuler.foreground#2c2a2a87
  • editorSuggestWidget.background#111010
  • editorSuggestWidget.border#1d1c1c
  • editorSuggestWidget.foreground#929090fb
  • editorSuggestWidget.highlightForeground#ab5c2d
  • editorSuggestWidget.selectedBackground#242222f7
  • editorWarning.background#92814836
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffd518
  • editorWhitespace.foreground#6b60607e
  • editorWidget.background#111010
  • editorWidget.foreground#9b9b9b
  • editorWidget.resizeBorder#7b3c16
  • focusBorder#4f2c12
  • foreground#a3a1a1
  • gitDecoration.addedResourceForeground#679b59
  • gitDecoration.conflictingResourceForeground#c0502d
  • gitDecoration.deletedResourceForeground#a92335
  • gitDecoration.ignoredResourceForeground#4f3f3fb9
  • gitDecoration.modifiedResourceForeground#b68d40
  • gitDecoration.stageDeletedResourceForeground#5a2222
  • gitDecoration.stageModifiedResourceForeground#645c30
  • gitDecoration.submoduleResourceForeground#827575
  • gitDecoration.untrackedResourceForeground#737ba5
  • icon.foreground#a3a1a1
  • input.background#191717
  • input.border#0000002e
  • input.foreground#9f9999
  • input.placeholderForeground#565050
  • inputOption.activeBackground#171515
  • inputOption.activeBorder#000000cf
  • inputOption.activeForeground#d1d1d1
  • list.activeSelectionBackground#6b646674
  • list.activeSelectionForeground#ded8d9
  • list.dropBackground#433a3c28
  • list.focusBackground#262424cd
  • list.focusForeground#c0bdbd
  • list.highlightForeground#79202c
  • list.hoverBackground#2a282874
  • list.hoverForeground#c4c4c4
  • list.inactiveSelectionBackground#433d3e4c
  • list.inactiveSelectionForeground#bcb6b7
  • listFilterWidget.background#171616
  • listFilterWidget.noMatchesOutline#d5163a6c
  • listFilterWidget.outline#2a222242
  • menu.background#1d1b1b
  • menu.border#00000085
  • menu.foreground#a19c9c
  • menu.selectionBackground#716b675a
  • menu.selectionBorder#00000022
  • menu.selectionForeground#d7d4d4
  • menu.separatorBackground#3f39398b
  • menubar.selectionBackground#7166633e
  • menubar.selectionBorder#d19c0000
  • menubar.selectionForeground#bebebe
  • merge.commonContentBackground#212121
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#2c1515
  • merge.currentHeaderBackground#492424
  • merge.incomingContentBackground#292e16
  • merge.incomingHeaderBackground#4e5a22
  • minimap.background#171515
  • minimap.errorHighlight#e60630
  • minimap.findMatchHighlight#000000
  • minimap.selectionHighlight#0000007e
  • minimap.warningHighlight#ffd518
  • minimapGutter.addedBackground#5d6d3c
  • minimapGutter.deletedBackground#8e2e32
  • minimapGutter.modifiedBackground#6f8288
  • notificationCenter.border#211f1f
  • notificationCenterHeader.background#191717
  • notificationCenterHeader.foreground#b0adad
  • notifications.background#111010
  • notifications.border#211f1f
  • notifications.foreground#a5a0a0
  • notificationsErrorIcon.foreground#ab4848
  • notificationsInfoIcon.foreground#5281ab
  • notificationsWarningIcon.foreground#a38b20
  • notificationToast.border#242120e9
  • panel.background#111010
  • panel.border#403f4116
  • panelSection.border#80808020
  • panelTitle.activeBorder#824223
  • panelTitle.activeForeground#b4b4b4
  • panelTitle.inactiveForeground#58515199
  • peekView.border#2c2827a3
  • peekViewEditor.background#111010
  • peekViewEditor.matchHighlightBackground#5c251038
  • peekViewEditor.matchHighlightBorder#71541e
  • peekViewEditorGutter.background#111010
  • peekViewResult.background#111010
  • peekViewResult.fileForeground#a9a9a9ab
  • peekViewResult.lineForeground#bcbcbc
  • peekViewResult.matchHighlightBackground#474242c7
  • peekViewResult.selectionBackground#736d6b33
  • peekViewResult.selectionForeground#c2c0c0
  • peekViewTitle.background#111010
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#b6b4b4
  • pickerGroup.border#00000000
  • pickerGroup.foreground#3b3837bf
  • progressBar.background#9d4317
  • scrollbar.shadow#1111117e
  • scrollbarSlider.activeBackground#323030fb
  • scrollbarSlider.background#131212ab
  • scrollbarSlider.hoverBackground#2e2e2edf
  • selection.background#474341bb
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#a3a1a1
  • sideBar.background#1d1b1b
  • sideBar.border#26161644
  • sideBar.dropBackground#433a3c28
  • sideBar.foreground#868080
  • sideBarSectionHeader.background#0f0e0e38
  • sideBarSectionHeader.border#131212c7
  • sideBarSectionHeader.foreground#aba3a3
  • sideBarTitle.foreground#c4bebe
  • statusBar.background#171515
  • statusBar.border#00000020
  • statusBar.debuggingBackground#a53c24
  • statusBar.debuggingBorder#00000089
  • statusBar.debuggingForeground#000000
  • statusBar.foreground#aba3a3
  • statusBar.noFolderBackground#111010
  • statusBar.noFolderBorder#00000026
  • statusBar.noFolderForeground#4f4e4f7c
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#302f2fa3
  • statusBarItem.remoteBackground#a53c24
  • statusBarItem.remoteForeground#0d0b0b
  • tab.activeBackground#171515
  • tab.activeBorder#c7940000
  • tab.activeBorderTop#b68629e9
  • tab.activeForeground#aba3a3
  • tab.border#302d2d
  • tab.hoverBackground#32303199
  • tab.hoverBorder#2e2c2c
  • tab.hoverForeground#bcb4b4
  • tab.inactiveBackground#1d1b1b
  • tab.inactiveForeground#514747
  • terminal.ansiBlack#2e2e2e
  • terminal.ansiBlue#12377d
  • terminal.ansiBrightBlack#494949
  • terminal.ansiBrightBlue#1b51b6
  • terminal.ansiBrightCyan#169fa7
  • terminal.ansiBrightGreen#0d8e1c
  • terminal.ansiBrightMagenta#b62bac
  • terminal.ansiBrightRed#ab0810
  • terminal.ansiBrightWhite#c2c2c2
  • terminal.ansiBrightYellow#e4a101
  • terminal.ansiCyan#127a80
  • terminal.ansiGreen#0b6415
  • terminal.ansiMagenta#801f79
  • terminal.ansiRed#7d161b
  • terminal.ansiWhite#ababab
  • terminal.ansiYellow#9b6d00
  • terminal.border#80808020
  • terminal.foreground#a39e9f
  • terminal.selectionBackground#3b3b3b3e
  • terminalCursor.background#000000b5
  • terminalCursor.foreground#cfcfcf
  • textLink.foreground#a53c24
  • titleBar.activeBackground#171515
  • titleBar.activeForeground#948c8d
  • titleBar.border#00000076
  • titleBar.inactiveBackground#111010
  • titleBar.inactiveForeground#514e4e99
  • tree.indentGuidesStroke#3d3738
  • 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#a95555
variable.other.generic-type.haskell#b68629e9
storage.type.haskell#a53c24
support.variable.magic.python#a95555
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#928b8ce9
variable.parameter.function.language.special.self.python#659ea7e9
storage.modifier.lifetime.rust#928b8ce9
support.function.std.rust#74964a
entity.name.lifetime.rust#659ea7e9
variable.language.rust#a95555
support.constant.edge#b68629e9
constant.other.character-class.regexp#a95555
keyword.operator.quantifier.regexp#a53c24
punctuation.definition.string.begin,punctuation.definition.string.end#a53c24
variable.parameter.function#928b8ce9
comment markup.link#3d3839
markup.changed.diff#659ea7e9
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#74964a
markup.inserted.diff#a53c24
markup.deleted.diff#a95555
meta.function.c,meta.function.cpp#a95555
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#928b8ce9
punctuation.separator.key-value#928b8ce9
keyword.operator.expression.import#74964a
support.constant.math#659ea7e9
support.constant.property.math#a53c24
variable.other.constant#659ea7e9
storage.type.annotation.java, storage.type.object.array.java#659ea7e9
source.java#a95555
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#928b8ce9
meta.method.java#74964a
storage.modifier.import.java,storage.type.java,storage.type.generic.java#659ea7e9
keyword.operator.instanceof.java#b68629e9
meta.definition.variable.name.java#a95555
keyword.operator.logical#663000
keyword.operator.bitwise#663000
keyword.operator.channel#663000
support.constant.property-value.scss,support.constant.property-value.css#a53c24
keyword.operator.css,keyword.operator.scss,keyword.operator.less#663000
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#a53c24
punctuation.separator.list.comma.css#928b8ce9
support.constant.color.w3c-standard-color-name.css#a53c24
support.type.vendored.property-name.css#663000
support.module.node,support.type.object.module,support.module.node#659ea7e9
entity.name.type.module#659ea7e9
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#a95555
support.constant.json#a53c24
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#b68629e9
support.type.object.console#a95555
support.variable.property.process#a53c24
entity.name.function,support.function.console#74964a
keyword.operator.misc.rust#928b8ce9
keyword.operator.sigil.rust#b68629e9
keyword.operator.delete#b68629e9
support.type.object.dom#663000
support.variable.dom,support.variable.property.dom#a95555
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#663000
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#b68629e9
punctuation.separator.delimiter#928b8ce9
punctuation.separator.c,punctuation.separator.cpp#b68629e9
support.type.posix-reserved.c,support.type.posix-reserved.cpp#663000
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#b68629e9
variable.parameter.function.language.python#a53c24
support.type.python#663000
keyword.operator.logical.python#b68629e9
variable.parameter.function.python#a53c24
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#928b8ce9
meta.function-call.generic.python#74964a
constant.character.format.placeholder.other.python#a53c24
keyword.operator#928b8ce9
keyword.operator.assignment.compound#b68629e9
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#663000
keyword#b68629e9
entity.name.namespace#659ea7e9
variable#a95555
variable.c#928b8ce9
variable.language#659ea7e9
token.variable.parameter.java#928b8ce9
import.storage.java#659ea7e9
token.package.keyword#b68629e9
token.package#928b8ce9
entity.name.function, meta.require, support.function.any-method, variable.function#74964a
entity.name.type.namespace#659ea7e9
support.class, entity.name.type.class#659ea7e9
entity.name.class.identifier.namespace.type#659ea7e9
entity.name.class, variable.other.class.js, variable.other.class.ts#659ea7e9
variable.other.class.php#a95555
entity.name.type#659ea7e9
keyword.control#b68629e9
control.elements, keyword.operator.less#a53c24
keyword.other.special-method#74964a
storage#b68629e9
token.storage#b68629e9
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#b68629e9
token.storage.type.java#659ea7e9
support.function#663000
support.type.property-name#928b8ce9
support.constant.property-value#928b8ce9
support.constant.font-name#a53c24
meta.tag#928b8ce9
string#a53c24
entity.other.inherited-class#659ea7e9
constant.other.symbol#663000
constant.numeric#a53c24
constant#a53c24
punctuation.definition.constant#a53c24
entity.name.tag#a95555
entity.other.attribute-name#a53c24
entity.other.attribute-name.id#74964anormal
entity.other.attribute-name.class.css#a53c24normal
meta.selector#b68629e9
markup.heading#a95555
markup.heading punctuation.definition.heading, entity.name.section#74964a
keyword.other.unit#a95555
markup.bold,todo.bold#a53c24
punctuation.definition.bold#659ea7e9
markup.italic, punctuation.definition.italic,todo.emphasis#b68629e9
emphasis md#b68629e9
entity.name.section.markdown#a95555
punctuation.definition.heading.markdown#a95555
punctuation.definition.list.begin.markdown#a95555
markup.heading.setext#928b8ce9
punctuation.definition.bold.markdown#a53c24
markup.inline.raw.markdown#a53c24
markup.inline.raw.string.markdown#a53c24
punctuation.definition.list.markdown#a95555
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#a95555
beginning.punctuation.definition.list.markdown#a95555
punctuation.definition.metadata.markdown#a95555
markup.underline.link.markdown,markup.underline.link.image.markdown#b68629e9
string.other.link.title.markdown,string.other.link.description.markdown#74964a
string.regexp#663000
constant.character.escape#663000
punctuation.section.embedded, variable.interpolation#a95555
punctuation.section.embedded.begin,punctuation.section.embedded.end#b68629e9
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#928b8ce9
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#a95555
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#a95555
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#a53c24
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#663000
support.type.property-name.json#a95555
support.type.property-name.json punctuation#a95555
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#b68629e9
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#b68629e9
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#659ea7e9
keyword.operator.error-control.php#b68629e9
keyword.operator.type.php#b68629e9
punctuation.section.array.begin.php#928b8ce9
punctuation.section.array.end.php#928b8ce9
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#659ea7e9
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#74964a
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#928b8ce9
support.constant.core.rust#a53c24
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#a53c24
entity.name.goto-label.php,support.other.php#74964a
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#663000
keyword.operator.regexp.php#b68629e9
keyword.operator.comparison.php#663000
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#b68629e9
meta.function.decorator.python#74964a
support.token.decorator.python,meta.function.decorator.identifier.python#663000
function.parameter#928b8ce9
function.brace#928b8ce9
function.parameter.ruby, function.parameter.cs#928b8ce9
constant.language.symbol.ruby#663000
rgb-value#663000
inline-color-decoration rgb-value#a53c24
less rgb-value#a53c24
selector.sass#a95555
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#659ea7e9
block.scope.end,block.scope.begin#928b8ce9
storage.type.cs#659ea7e9
entity.name.variable.local.cs#a95555
token.info-token#74964a
token.warn-token#a53c24
token.error-token#f44747
token.debug-token#b68629e9
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#b68629e9
meta.template.expression#928b8ce9
keyword.operator.module#b68629e9
support.type.type.flowtype#74964a
support.type.primitive#659ea7e9
meta.property.object#a95555
variable.parameter.function.js#a95555
keyword.other.template.begin#a53c24
keyword.other.template.end#a53c24
keyword.other.substitution.begin#a53c24
keyword.other.substitution.end#a53c24
keyword.operator.assignment#663000
keyword.operator.assignment.go#659ea7e9
keyword.operator.arithmetic.go, keyword.operator.address.go#b68629e9
entity.name.package.go#659ea7e9
support.type.prelude.elm#663000
support.constant.elm#a53c24
punctuation.quasi.element#b68629e9
constant.character.entity#a95555
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#663000
entity.global.clojure#659ea7e9
meta.symbol.clojure#a95555
constant.keyword.clojure#663000
meta.arguments.coffee, variable.parameter.function.coffee#a95555
source.ini#a53c24
meta.scope.prerequisites.makefile#a95555
source.makefile#659ea7e9
storage.modifier.import.groovy#659ea7e9
meta.method.groovy#74964a
meta.definition.variable.name.groovy#a95555
meta.definition.class.inherited.classes.groovy#a53c24
support.variable.semantic.hlsl#659ea7e9
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#b68629e9
text.variable, text.bracketed#a95555
support.type.swift, support.type.vb.asp#659ea7e9
entity.name.function.xi#659ea7e9
entity.name.class.xi#663000
constant.character.character-class.regexp.xi#a95555
constant.regexp.xi#b68629e9
keyword.control.xi#663000
invalid.xi#928b8ce9
beginning.punctuation.definition.quote.markdown.xi#a53c24
beginning.punctuation.definition.list.markdown.xi#3d3839
constant.character.xi#74964a
accent.xi#74964a
wikiword.xi#a53c24
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#3d3839
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#659ea7e9
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#a95555
meta.brace.square#928b8ce9
comment, punctuation.definition.comment#3d3839italic
markup.quote.markdown#3d3839
punctuation.definition.block.sequence.item.yaml#928b8ce9
constant.language.symbol.elixir#663000
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