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.activeBackground#8fbcbb1e
  • activityBar.background#303643
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#8fbcbb
  • activityBarBadge.foreground#14171d
  • badge.background#bf616a
  • badge.foreground#090b11
  • breadcrumb.activeSelectionForeground#e5e9f0
  • breadcrumb.background#252a34
  • breadcrumb.focusForeground#e5e9f0
  • breadcrumb.foreground#e5e9f07e
  • button.background#9f4049
  • button.foreground#ffffff
  • button.hoverBackground#ad4d56
  • button.secondaryBackground#4c566a
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#6a758a
  • checkbox.background#292f3b
  • checkbox.border#00000000
  • checkbox.foreground#e5e9f0
  • debugExceptionWidget.background#303643
  • debugExceptionWidget.border#4c566a
  • debugToolBar.background#303643
  • debugToolBar.border#4c566a
  • diffEditor.border#4c566a
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#292f3b
  • dropdown.border#00000000
  • dropdown.foreground#e5e9f0
  • editor.background#252a34
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea391055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#e5e9f0
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#2d3443
  • editor.lineHighlightBackground#3b42529f
  • editor.lineHighlightBorder#3b4252bb
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#303c56
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#9aa4b8
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#e5e9f0
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#e4635d
  • editorGroup.border#3f4758
  • editorGroup.emptyBackground#252a34
  • editorGroupHeader.border#4c566a
  • editorGroupHeader.tabsBackground#2a2f3a
  • editorGutter.addedBackground#5d8c35
  • editorGutter.background#252a34
  • editorGutter.commentRangeForeground#697286
  • editorGutter.deletedBackground#c23f4c
  • editorGutter.foldingControlForeground#697286
  • editorGutter.modifiedBackground#4c7aa9
  • editorHoverWidget.background#303643
  • editorHoverWidget.border#4c566a
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#50596d
  • editorIndentGuide.background#303745
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#e5e9f0
  • editorLineNumber.foreground#606366
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#303643
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f00
  • editorRuler.foreground#303745
  • editorSuggestWidget.background#303643
  • editorSuggestWidget.border#4c566a
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#2c9fc0
  • editorSuggestWidget.selectedBackground#142432
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#d99717
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#303643
  • editorWidget.foreground#e5e9f0
  • editorWidget.resizeBorder#6b7996
  • focusBorder#8fbcbb
  • foreground#e5e9f0
  • gitDecoration.addedResourceForeground#95bc74
  • gitDecoration.conflictingResourceForeground#b48ead
  • gitDecoration.deletedResourceForeground#bf616a
  • gitDecoration.ignoredResourceForeground#92a9a9
  • gitDecoration.modifiedResourceForeground#ebcb8b
  • gitDecoration.stageDeletedResourceForeground#bf616a
  • gitDecoration.stageModifiedResourceForeground#ebcb8b
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#95bc74
  • icon.foreground#e5e9f0
  • input.background#292f3b
  • input.border#00000000
  • input.foreground#e5e9f0
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#1b1f28
  • list.activeSelectionForeground#e5e9f0
  • list.dropBackground#3e4451
  • list.focusBackground#142432
  • list.focusForeground#e5e9f0
  • list.highlightForeground#2c9fc0
  • list.hoverBackground#1b1f28
  • list.hoverForeground#e5e9f0
  • list.inactiveSelectionBackground#383e4b
  • list.inactiveSelectionForeground#e5e9f0
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#303643
  • menu.border#4c566a
  • menu.foreground#e5e9f0
  • menu.selectionBackground#8fbcbb
  • menu.selectionBorder#00000000
  • menu.selectionForeground#303643
  • menu.separatorBackground#e5e9f01e
  • menubar.selectionBackground#383f4d
  • menubar.selectionForeground#dadde4
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#252a34
  • minimap.errorHighlight#e4635d
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#303c56
  • minimap.warningHighlight#d99717
  • minimapGutter.addedBackground#5d8c35
  • minimapGutter.deletedBackground#c23f4c
  • minimapGutter.modifiedBackground#4c7aa9
  • notificationCenter.border#4c566a
  • notificationCenterHeader.background#3b4252
  • notificationCenterHeader.foreground#e5e9f0
  • notifications.background#303643
  • notifications.border#4c566a
  • notifications.foreground#e5e9f0
  • notificationsErrorIcon.foreground#ee7884
  • notificationsInfoIcon.foreground#88c0d0
  • notificationsWarningIcon.foreground#e4bb69
  • notificationToast.border#4c566a
  • panel.background#252a34
  • panel.border#4c566a
  • panelSection.border#3b424f
  • panelTitle.activeBorder#8fbcbb
  • panelTitle.activeForeground#e5e9f0
  • panelTitle.inactiveForeground#e5e9f078
  • peekView.border#5f7a8c
  • peekViewEditor.background#15191f
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#15191f
  • peekViewResult.background#15191f
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#15191f
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#4c566a
  • pickerGroup.foreground#5290d7
  • progressBar.background#bf616a
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#8fbcbb18
  • scrollbarSlider.background#8fbcbb0e
  • scrollbarSlider.hoverBackground#8fbcbb1e
  • selection.background#1f4566
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#e5e9f0
  • sideBar.background#2a2f3a
  • sideBar.border#252a34
  • sideBar.dropBackground#3e4451
  • sideBar.foreground#e5e9f0
  • sideBarSectionHeader.background#252a34
  • sideBarSectionHeader.border#252a34
  • sideBarSectionHeader.foreground#cdd3e0
  • sideBarTitle.foreground#e5e9f0
  • statusBar.background#181c24
  • statusBar.debuggingBackground#a12738
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#26496f
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#187526
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#252a34
  • tab.activeBorder#00000000
  • tab.activeBorderTop#bf616a
  • tab.activeForeground#ffffff
  • tab.border#252a34
  • tab.hoverBackground#252a34
  • tab.inactiveBackground#2a2f3a
  • 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#ffffff
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e9f0
  • terminal.ansiYellow#e5e510
  • terminal.border#3b424f
  • terminal.foreground#c2c7d1
  • terminal.selectionBackground#76a5cf16
  • terminalCursor.background#007092
  • terminalCursor.foreground#ffffff
  • textLink.foreground#88c0d0
  • titleBar.activeBackground#252a34
  • titleBar.activeForeground#e5e9f0
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c4451
  • titleBar.inactiveForeground#e5e9f054
  • tree.indentGuidesStroke#535c6f
  • 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#d76570
variable.other.generic-type.haskell#b48ead
storage.type.haskell#cf794f
support.variable.magic.python#d76570
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#e5e9f0
variable.parameter.function.language.special.self.python#ebcb8b
storage.modifier.lifetime.rust#e5e9f0
support.function.std.rust#8eb8e2
entity.name.lifetime.rust#ebcb8b
variable.language.rust#d76570
support.constant.edge#b48ead
constant.other.character-class.regexp#d76570
keyword.operator.quantifier.regexp#cf794f
punctuation.definition.string.begin,punctuation.definition.string.end#8ebc67
variable.parameter.function#e5e9f0
comment markup.link#626a79
markup.changed.diff#ebcb8b
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#8eb8e2
markup.inserted.diff#8ebc67
markup.deleted.diff#d76570
meta.function.c,meta.function.cpp#d76570
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#e5e9f0
punctuation.separator.key-value#e5e9f0
keyword.operator.expression.import#8eb8e2
support.constant.math#ebcb8b
support.constant.property.math#cf794f
variable.other.constant#ebcb8b
storage.type.annotation.java, storage.type.object.array.java#ebcb8b
source.java#d76570
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#e5e9f0
meta.method.java#8eb8e2
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ebcb8b
keyword.operator.instanceof.java#b48ead
meta.definition.variable.name.java#d76570
keyword.operator.logical#88c0d0
keyword.operator.bitwise#88c0d0
keyword.operator.channel#88c0d0
support.constant.property-value.scss,support.constant.property-value.css#cf794f
keyword.operator.css,keyword.operator.scss,keyword.operator.less#88c0d0
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#cf794f
punctuation.separator.list.comma.css#e5e9f0
support.constant.color.w3c-standard-color-name.css#cf794f
support.type.vendored.property-name.css#88c0d0
support.module.node,support.type.object.module,support.module.node#ebcb8b
entity.name.type.module#ebcb8b
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#d76570
support.constant.json#cf794f
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#b48ead
support.type.object.console#d76570
support.variable.property.process#cf794f
entity.name.function,support.function.console#8eb8e2
keyword.operator.misc.rust#e5e9f0
keyword.operator.sigil.rust#b48ead
keyword.operator.delete#b48ead
support.type.object.dom#88c0d0
support.variable.dom,support.variable.property.dom#d76570
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#88c0d0
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#b48ead
punctuation.separator.delimiter#e5e9f0
punctuation.separator.c,punctuation.separator.cpp#b48ead
support.type.posix-reserved.c,support.type.posix-reserved.cpp#88c0d0
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#b48ead
variable.parameter.function.language.python#cf794f
support.type.python#88c0d0
keyword.operator.logical.python#b48ead
variable.parameter.function.python#cf794f
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#e5e9f0
meta.function-call.generic.python#8eb8e2
constant.character.format.placeholder.other.python#cf794f
keyword.operator#e5e9f0
keyword.operator.assignment.compound#b48ead
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#88c0d0
keyword#b48ead
entity.name.namespace#ebcb8b
variable#d76570
variable.c#e5e9f0
variable.language#ebcb8b
token.variable.parameter.java#e5e9f0
import.storage.java#ebcb8b
token.package.keyword#b48ead
token.package#e5e9f0
entity.name.function, meta.require, support.function.any-method, variable.function#8eb8e2
entity.name.type.namespace#ebcb8b
support.class, entity.name.type.class#ebcb8b
entity.name.class.identifier.namespace.type#ebcb8b
entity.name.class, variable.other.class.js, variable.other.class.ts#ebcb8b
variable.other.class.php#d76570
entity.name.type#ebcb8b
keyword.control#b48ead
control.elements, keyword.operator.less#cf794f
keyword.other.special-method#8eb8e2
storage#b48ead
token.storage#b48ead
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#b48ead
token.storage.type.java#ebcb8b
support.function#88c0d0
support.type.property-name#e5e9f0
support.constant.property-value#e5e9f0
support.constant.font-name#cf794f
meta.tag#e5e9f0
string#8ebc67
entity.other.inherited-class#ebcb8b
constant.other.symbol#88c0d0
constant.numeric#cf794f
constant#cf794f
punctuation.definition.constant#cf794f
entity.name.tag#d76570
entity.other.attribute-name#8eb8e2
entity.other.attribute-name.id#8eb8e2normal
entity.other.attribute-name.class.css#8eb8e2normal
meta.selector#b48ead
markup.heading#d76570
markup.heading punctuation.definition.heading, entity.name.section#8eb8e2
keyword.other.unit#d76570
markup.bold,todo.bold#cf794f
punctuation.definition.bold#ebcb8b
markup.italic, punctuation.definition.italic,todo.emphasis#b48ead
emphasis md#b48ead
entity.name.section.markdown#d76570
punctuation.definition.heading.markdown#d76570
punctuation.definition.list.begin.markdown#d76570
markup.heading.setext#e5e9f0
punctuation.definition.bold.markdown#cf794f
markup.inline.raw.markdown#8ebc67
markup.inline.raw.string.markdown#8ebc67
punctuation.definition.list.markdown#d76570
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#d76570
beginning.punctuation.definition.list.markdown#d76570
punctuation.definition.metadata.markdown#d76570
markup.underline.link.markdown,markup.underline.link.image.markdown#b48ead
string.other.link.title.markdown,string.other.link.description.markdown#8eb8e2
string.regexp#88c0d0
constant.character.escape#88c0d0
punctuation.section.embedded, variable.interpolation#d76570
punctuation.section.embedded.begin,punctuation.section.embedded.end#b48ead
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#e5e9f0
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#d76570
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#d76570
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#8ebc67
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#88c0d0
support.type.property-name.json#d76570
support.type.property-name.json punctuation#d76570
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#b48ead
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#b48ead
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#ebcb8b
keyword.operator.error-control.php#b48ead
keyword.operator.type.php#b48ead
punctuation.section.array.begin.php#e5e9f0
punctuation.section.array.end.php#e5e9f0
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#ebcb8b
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#8eb8e2
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#e5e9f0
support.constant.core.rust#cf794f
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#cf794f
entity.name.goto-label.php,support.other.php#8eb8e2
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#88c0d0
keyword.operator.regexp.php#b48ead
keyword.operator.comparison.php#88c0d0
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#b48ead
meta.function.decorator.python#8eb8e2
support.token.decorator.python,meta.function.decorator.identifier.python#88c0d0
function.parameter#e5e9f0
function.brace#e5e9f0
function.parameter.ruby, function.parameter.cs#e5e9f0
constant.language.symbol.ruby#88c0d0
rgb-value#88c0d0
inline-color-decoration rgb-value#cf794f
less rgb-value#cf794f
selector.sass#d76570
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ebcb8b
block.scope.end,block.scope.begin#e5e9f0
storage.type.cs#ebcb8b
entity.name.variable.local.cs#d76570
token.info-token#8eb8e2
token.warn-token#cf794f
token.error-token#f44747
token.debug-token#b48ead
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#b48ead
meta.template.expression#e5e9f0
keyword.operator.module#b48ead
support.type.type.flowtype#8eb8e2
support.type.primitive#ebcb8b
meta.property.object#d76570
variable.parameter.function.js#d76570
keyword.other.template.begin#8ebc67
keyword.other.template.end#8ebc67
keyword.other.substitution.begin#8ebc67
keyword.other.substitution.end#8ebc67
keyword.operator.assignment#88c0d0
keyword.operator.assignment.go#ebcb8b
keyword.operator.arithmetic.go, keyword.operator.address.go#b48ead
entity.name.package.go#ebcb8b
support.type.prelude.elm#88c0d0
support.constant.elm#cf794f
punctuation.quasi.element#b48ead
constant.character.entity#d76570
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#88c0d0
entity.global.clojure#ebcb8b
meta.symbol.clojure#d76570
constant.keyword.clojure#88c0d0
meta.arguments.coffee, variable.parameter.function.coffee#d76570
source.ini#8ebc67
meta.scope.prerequisites.makefile#d76570
source.makefile#ebcb8b
storage.modifier.import.groovy#ebcb8b
meta.method.groovy#8eb8e2
meta.definition.variable.name.groovy#d76570
meta.definition.class.inherited.classes.groovy#8ebc67
support.variable.semantic.hlsl#ebcb8b
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#b48ead
text.variable, text.bracketed#d76570
support.type.swift, support.type.vb.asp#ebcb8b
entity.name.function.xi#ebcb8b
entity.name.class.xi#88c0d0
constant.character.character-class.regexp.xi#d76570
constant.regexp.xi#b48ead
keyword.control.xi#88c0d0
invalid.xi#e5e9f0
beginning.punctuation.definition.quote.markdown.xi#8ebc67
beginning.punctuation.definition.list.markdown.xi#626a79
constant.character.xi#8eb8e2
accent.xi#8eb8e2
wikiword.xi#cf794f
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#626a79
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ebcb8b
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#d76570
meta.brace.square#e5e9f0
comment, punctuation.definition.comment#626a79italic
markup.quote.markdown#626a79
punctuation.definition.block.sequence.item.yaml#e5e9f0
constant.language.symbol.elixir#88c0d0
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