Skip to main content
CodingTheme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.background#2a2329
  • activityBar.foreground#dbdee2
  • activityBar.inactiveForeground#dbdee25c
  • activityBarBadge.background#1b8e32
  • activityBarBadge.foreground#ffffff
  • badge.background#a7142c
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1b141a
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#0e639c
  • button.foreground#ffffff
  • button.hoverBackground#1177bb
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#1b141a
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#2a2329
  • debugExceptionWidget.border#564853
  • debugToolBar.background#2a2329
  • debugToolBar.border#564853
  • diffEditor.border#564853
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#1b141a
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#1e171d
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#322c31
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#2a2329
  • editor.lineHighlightBackground#2a2329
  • editor.lineHighlightBorder#2e282d
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#2d2445
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#0b354db8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#1e171d
  • editorGroupHeader.border#ffffff10
  • editorGroupHeader.tabsBackground#272026
  • editorGutter.addedBackground#5ea325
  • editorGutter.background#1e171d
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#cd343b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#14728c
  • editorHoverWidget.background#2a2329
  • editorHoverWidget.border#564853
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#f0e7ef
  • editorLineNumber.foreground#5a5559
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#171116
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#2a2329
  • editorSuggestWidget.border#564853
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#3593d7
  • editorSuggestWidget.selectedBackground#140c26
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#2a2329
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#796876
  • focusBorder#705d71
  • foreground#dbdee2
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#dbdee2
  • input.background#1b141a
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#0f0a0f
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#ffffff20
  • list.focusBackground#140c26
  • list.focusForeground#dbdee2
  • list.highlightForeground#2a8aa7
  • list.hoverBackground#171417
  • list.hoverForeground#dbdee2
  • list.inactiveSelectionBackground#322c31
  • list.inactiveSelectionForeground#c9cbcf
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#2a2329
  • menu.border#00000085
  • menu.foreground#dbdee2
  • menu.selectionBackground#171417
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#322c31
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#30242e
  • merge.commonHeaderBackground#493d47
  • merge.currentContentBackground#274029
  • merge.currentHeaderBackground#367340
  • merge.incomingContentBackground#28414b
  • merge.incomingHeaderBackground#39738f
  • minimap.background#1e171d
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#2d2445
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#5ea325
  • minimapGutter.deletedBackground#cd343b
  • minimapGutter.modifiedBackground#14728c
  • notificationCenter.border#564853
  • notificationCenterHeader.background#2a2329
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#2a2329
  • notifications.border#564853
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#564853
  • panel.background#1b141a
  • panel.border#564853
  • panelSection.border#80808059
  • panelTitle.activeBorder#e89e64
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#564853
  • peekViewEditor.background#171116
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#171116
  • peekViewResult.background#1d151c
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#171116
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#564853
  • pickerGroup.foreground#3794ff
  • progressBar.background#e89e64
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#4d3d64
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#dbdee2
  • sideBar.background#221b21
  • sideBar.dropBackground#ffffff20
  • sideBar.foreground#dbdee2
  • sideBarSectionHeader.background#171417
  • sideBarSectionHeader.border#3b343b
  • sideBarSectionHeader.foreground#beae9a
  • sideBarTitle.foreground#ffffff
  • statusBar.background#1b141a
  • statusBar.debuggingBackground#8c172a
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#322268
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#086d1c
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1b141a
  • tab.activeBorder#00000000
  • tab.activeBorderTop#2fc24d
  • tab.activeForeground#ffffff
  • tab.border#272026
  • tab.hoverBackground#211a20
  • tab.inactiveBackground#2a2329
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#211a20
  • titleBar.activeForeground#dbdee2
  • titleBar.border#00000000
  • titleBar.inactiveBackground#ffffff16
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#fffefe26
  • 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#e96379
variable.other.generic-type.haskell#aa77c0
storage.type.haskell#e89e64
support.variable.magic.python#e96379
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#eaca7f
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#7d98e8
entity.name.lifetime.rust#eaca7f
variable.language.rust#e96379
support.constant.edge#aa77c0
constant.other.character-class.regexp#e96379
keyword.operator.quantifier.regexp#e89e64
punctuation.definition.string.begin,punctuation.definition.string.end#67e480
variable.parameter.function#d4d4d4
comment markup.link#656271
markup.changed.diff#eaca7f
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#7d98e8
markup.inserted.diff#67e480
markup.deleted.diff#e96379
meta.function.c,meta.function.cpp#e96379
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#d4d4d4
punctuation.separator.key-value#d4d4d4
keyword.operator.expression.import#7d98e8
support.constant.math#eaca7f
support.constant.property.math#e89e64
variable.other.constant#eaca7f
storage.type.annotation.java, storage.type.object.array.java#eaca7f
source.java#e96379
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#d4d4d4
meta.method.java#7d98e8
storage.modifier.import.java,storage.type.java,storage.type.generic.java#eaca7f
keyword.operator.instanceof.java#aa77c0
meta.definition.variable.name.java#e96379
keyword.operator.logical#78d1e1
keyword.operator.bitwise#78d1e1
keyword.operator.channel#78d1e1
support.constant.property-value.scss,support.constant.property-value.css#e89e64
keyword.operator.css,keyword.operator.scss,keyword.operator.less#78d1e1
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#e89e64
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#e89e64
support.type.vendored.property-name.css#78d1e1
support.module.node,support.type.object.module,support.module.node#eaca7f
entity.name.type.module#eaca7f
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#e96379
support.constant.json#e89e64
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#aa77c0
support.type.object.console#e96379
support.variable.property.process#e89e64
entity.name.function,support.function.console#7d98e8
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#aa77c0
keyword.operator.delete#aa77c0
support.type.object.dom#78d1e1
support.variable.dom,support.variable.property.dom#e96379
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#78d1e1
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#aa77c0
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#aa77c0
support.type.posix-reserved.c,support.type.posix-reserved.cpp#78d1e1
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#aa77c0
variable.parameter.function.language.python#e89e64
support.type.python#78d1e1
keyword.operator.logical.python#aa77c0
variable.parameter.function.python#e89e64
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#d4d4d4
meta.function-call.generic.python#7d98e8
constant.character.format.placeholder.other.python#e89e64
keyword.operator#d4d4d4
keyword.operator.assignment.compound#aa77c0
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#78d1e1
keyword#aa77c0
entity.name.namespace#eaca7f
variable#e96379
variable.c#d4d4d4
variable.language#eaca7f
token.variable.parameter.java#d4d4d4
import.storage.java#eaca7f
token.package.keyword#aa77c0
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#7d98e8
entity.name.type.namespace#eaca7f
support.class, entity.name.type.class#eaca7f
entity.name.class.identifier.namespace.type#eaca7f
entity.name.class, variable.other.class.js, variable.other.class.ts#eaca7f
variable.other.class.php#e96379
entity.name.type#eaca7f
keyword.control#aa77c0
control.elements, keyword.operator.less#e89e64
keyword.other.special-method#7d98e8
storage#aa77c0
token.storage#aa77c0
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#aa77c0
token.storage.type.java#eaca7f
support.function#78d1e1
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#e89e64
meta.tag#d4d4d4
string#67e480
entity.other.inherited-class#eaca7f
constant.other.symbol#78d1e1
constant.numeric#e89e64
constant#e89e64
punctuation.definition.constant#e89e64
entity.name.tag#e96379
entity.other.attribute-name#7db5e8
entity.other.attribute-name.id#7d98e8normal
entity.other.attribute-name.class.css#7db5e8normal
meta.selector#aa77c0
markup.heading#e96379
markup.heading punctuation.definition.heading, entity.name.section#7d98e8
keyword.other.unit#e96379
markup.bold,todo.bold#e89e64
punctuation.definition.bold#eaca7f
markup.italic, punctuation.definition.italic,todo.emphasis#aa77c0
emphasis md#aa77c0
entity.name.section.markdown#e96379
punctuation.definition.heading.markdown#e96379
punctuation.definition.list.begin.markdown#e96379
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#e89e64
markup.inline.raw.markdown#67e480
markup.inline.raw.string.markdown#67e480
punctuation.definition.list.markdown#e96379
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#e96379
beginning.punctuation.definition.list.markdown#e96379
punctuation.definition.metadata.markdown#e96379
markup.underline.link.markdown,markup.underline.link.image.markdown#aa77c0
string.other.link.title.markdown,string.other.link.description.markdown#7d98e8
string.regexp#78d1e1
constant.character.escape#78d1e1
punctuation.section.embedded, variable.interpolation#e96379
punctuation.section.embedded.begin,punctuation.section.embedded.end#aa77c0
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#d4d4d4
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#e96379
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#e96379
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#67e480
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#78d1e1
support.type.property-name.json#e96379
support.type.property-name.json punctuation#e96379
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#aa77c0
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#aa77c0
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#eaca7f
keyword.operator.error-control.php#aa77c0
keyword.operator.type.php#aa77c0
punctuation.section.array.begin.php#d4d4d4
punctuation.section.array.end.php#d4d4d4
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#eaca7f
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#7d98e8
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#d4d4d4
support.constant.core.rust#e89e64
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#e89e64
entity.name.goto-label.php,support.other.php#7d98e8
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#78d1e1
keyword.operator.regexp.php#aa77c0
keyword.operator.comparison.php#78d1e1
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#aa77c0
meta.function.decorator.python#7d98e8
support.token.decorator.python,meta.function.decorator.identifier.python#78d1e1
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#78d1e1
rgb-value#78d1e1
inline-color-decoration rgb-value#e89e64
less rgb-value#e89e64
selector.sass#e96379
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#eaca7f
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#eaca7f
entity.name.variable.local.cs#e96379
token.info-token#7d98e8
token.warn-token#e89e64
token.error-token#f44747
token.debug-token#aa77c0
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#aa77c0
meta.template.expression#d4d4d4
keyword.operator.module#aa77c0
support.type.type.flowtype#7d98e8
support.type.primitive#eaca7f
meta.property.object#e96379
variable.parameter.function.js#e96379
keyword.other.template.begin#67e480
keyword.other.template.end#67e480
keyword.other.substitution.begin#67e480
keyword.other.substitution.end#67e480
keyword.operator.assignment#78d1e1
keyword.operator.assignment.go#eaca7f
keyword.operator.arithmetic.go, keyword.operator.address.go#aa77c0
entity.name.package.go#eaca7f
support.type.prelude.elm#78d1e1
support.constant.elm#e89e64
punctuation.quasi.element#aa77c0
constant.character.entity#e96379
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#78d1e1
entity.global.clojure#eaca7f
meta.symbol.clojure#e96379
constant.keyword.clojure#78d1e1
meta.arguments.coffee, variable.parameter.function.coffee#e96379
source.ini#67e480
meta.scope.prerequisites.makefile#e96379
source.makefile#eaca7f
storage.modifier.import.groovy#eaca7f
meta.method.groovy#7d98e8
meta.definition.variable.name.groovy#e96379
meta.definition.class.inherited.classes.groovy#67e480
support.variable.semantic.hlsl#eaca7f
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#aa77c0
text.variable, text.bracketed#e96379
support.type.swift, support.type.vb.asp#eaca7f
entity.name.function.xi#eaca7f
entity.name.class.xi#78d1e1
constant.character.character-class.regexp.xi#e96379
constant.regexp.xi#aa77c0
keyword.control.xi#78d1e1
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#67e480
beginning.punctuation.definition.list.markdown.xi#656271
constant.character.xi#7d98e8
accent.xi#7d98e8
wikiword.xi#e89e64
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#656271
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#eaca7f
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#e96379
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#656271italic
markup.quote.markdown#656271
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#78d1e1
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...

CodeMe Theme by Avetis - VS Code Theme