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#0f0f11
  • activityBar.background#0f0f11
  • activityBar.border#111113
  • activityBar.foreground#01daa7
  • activityBar.inactiveForeground#5e5e6d
  • activityBarBadge.background#01daa7
  • activityBarBadge.foreground#111113
  • badge.background#01daa7
  • badge.foreground#111113
  • breadcrumb.activeSelectionForeground#01daa7
  • breadcrumb.background#111113
  • breadcrumb.focusForeground#01daa7
  • breadcrumb.foreground#a7acca
  • button.background#01daa7
  • button.foreground#111113
  • button.hoverBackground#308c77
  • button.secondaryBackground#1f1f24
  • button.secondaryForeground#f4f4f4
  • button.secondaryHoverBackground#5e5e6d
  • checkbox.background#1f1f24
  • checkbox.border#308c7700
  • checkbox.foreground#f4f4f4
  • debugExceptionWidget.background#1f1f24
  • debugExceptionWidget.border#5e5e6d
  • debugToolBar.background#1f1f24
  • debugToolBar.border#5e5e6d
  • diffEditor.border#1f1f24
  • diffEditor.insertedTextBackground#061915
  • diffEditor.insertedTextBorder#28282800
  • diffEditor.removedTextBackground#58000033
  • diffEditor.removedTextBorder#e2000000
  • dropdown.background#1f1f24
  • dropdown.border#308c7700
  • dropdown.foreground#f4f4f4
  • editor.background#111113
  • editor.findMatchBackground#0f342c
  • editor.findMatchBorder#18473c
  • editor.findMatchHighlightBackground#24242a
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#17171b
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#23232a
  • editor.foreground#a7acca
  • editor.hoverHighlightBackground#2e2e36
  • editor.inactiveSelectionBackground#2a2a30
  • editor.lineHighlightBackground#0c0c0f
  • editor.lineHighlightBorder#0b0b0d
  • editor.rangeHighlightBackground#1f1f24
  • editor.rangeHighlightBorder#7b535300
  • editor.selectionBackground#1f1f24
  • editor.selectionHighlightBackground#2b2b32
  • editor.selectionHighlightBorder#565662
  • editor.wordHighlightBackground#272730
  • editor.wordHighlightBorder#ff000000
  • editor.wordHighlightStrongBackground#2a2a30
  • editorBracketMatch.background#1c1c24
  • editorBracketMatch.border#35353f
  • editorCodeLens.foreground#707086
  • editorCursor.background#111113
  • editorCursor.foreground#308c77
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#1f1f24
  • editorGroup.emptyBackground#111113
  • editorGroupHeader.border#111113
  • editorGroupHeader.tabsBackground#111113
  • editorGroupHeader.tabsBorder#1f1f24
  • editorGutter.addedBackground#308C77
  • editorGutter.background#111113
  • editorGutter.commentRangeForeground#5f5f71
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#5f5f71
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#1f1f24
  • editorHoverWidget.border#2c2c34
  • editorHoverWidget.foreground#a7acca
  • editorIndentGuide.activeBackground#1f1f24
  • editorIndentGuide.background#1f1f24
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#a7acca
  • editorLineNumber.foreground#5e5e6d
  • editorLink.activeForeground#1bb4db
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#a14e3d
  • editorMarkerNavigationInfo.background#295e8a
  • editorMarkerNavigationWarning.background#806800
  • editorOverviewRuler.background#4f484800
  • editorOverviewRuler.border#111113
  • editorRuler.foreground#5e5e6d
  • editorSuggestWidget.background#1f1f24
  • editorSuggestWidget.border#303038
  • editorSuggestWidget.foreground#d5d2d2
  • editorSuggestWidget.highlightForeground#42bea2
  • editorSuggestWidget.selectedBackground#111113
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#4545a7
  • editorWidget.background#1f1f24
  • editorWidget.foreground#a7acca
  • editorWidget.resizeBorder#308c77
  • focusBorder#308c77
  • foreground#01daa7
  • 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#01daa7
  • icon.foreground#01daa7
  • input.background#1f1f24
  • input.border#308c7700
  • input.foreground#f4f4f4
  • input.placeholderForeground#5e5e6d
  • inputOption.activeBackground#308c77
  • inputOption.activeBorder#36444f00
  • inputOption.activeForeground#111113
  • list.activeSelectionBackground#1f1f24
  • list.activeSelectionForeground#f4f4f4
  • list.dropBackground#111113
  • list.focusBackground#1f1f24
  • list.focusForeground#f4f4f4
  • list.highlightForeground#01daa7
  • list.hoverBackground#1f1f24
  • list.hoverForeground#f4f4f4
  • list.inactiveSelectionBackground#1f1f24
  • list.inactiveSelectionForeground#f4f4f4
  • listFilterWidget.background#102c26
  • listFilterWidget.noMatchesOutline#cf3d3d
  • listFilterWidget.outline#01daa7
  • menu.background#1f1f24
  • menu.border#308c7700
  • menu.foreground#a7acca
  • menu.selectionBackground#111113
  • menu.selectionBorder#00000000
  • menu.selectionForeground#f4f4f4
  • menu.separatorBackground#5e5e6d
  • menubar.selectionBackground#1f1f24
  • menubar.selectionBorder#01daa7
  • menubar.selectionForeground#f4f4f4
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#111113
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#0f342c
  • minimap.selectionHighlight#1f1f24
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#308C77
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#5e5e6d
  • notificationCenterHeader.background#1f1f24
  • notificationCenterHeader.foreground#ffffff
  • notifications.background#1f1f24
  • notifications.border#5e5e6d
  • notifications.foreground#f4f4f4
  • notificationsErrorIcon.foreground#ff7b61
  • notificationsInfoIcon.foreground#61afef
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#5e5e6d
  • panel.background#1f1f24
  • panel.border#111113
  • panelSection.border#5e5e6d
  • panelTitle.activeBorder#308c77
  • panelTitle.activeForeground#01daa7
  • panelTitle.inactiveForeground#686875
  • peekView.border#2f826f
  • peekViewEditor.background#071b17
  • peekViewEditor.matchHighlightBackground#083027
  • peekViewEditor.matchHighlightBorder#1e6252
  • peekViewEditorGutter.background#041511
  • peekViewResult.background#041511
  • peekViewResult.fileForeground#a7acca
  • peekViewResult.lineForeground#a7acca
  • peekViewResult.matchHighlightBackground#0a3b2f
  • peekViewResult.selectionBackground#182c27
  • peekViewResult.selectionForeground#f4f4f4
  • peekViewTitle.background#1f1f24
  • peekViewTitleDescription.foreground#a7acca
  • peekViewTitleLabel.foreground#01daa7
  • pickerGroup.border#111113
  • pickerGroup.foreground#308c77
  • progressBar.background#01daa7
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#1f1f24
  • scrollbarSlider.background#1f1f2446
  • scrollbarSlider.hoverBackground#1f1f24
  • selection.background#111113
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#01daa7
  • sideBar.background#111113
  • sideBar.border#111113
  • sideBar.dropBackground#111113
  • sideBar.foreground#a7acca
  • sideBarSectionHeader.background#0d0d0f
  • sideBarSectionHeader.border#222226
  • sideBarSectionHeader.foreground#01daa7
  • sideBarTitle.foreground#308c77
  • statusBar.background#1f1f24
  • statusBar.border#1f1f24
  • statusBar.debuggingBackground#308c77
  • statusBar.debuggingBorder#1f1f24
  • statusBar.debuggingForeground#111113
  • statusBar.foreground#A7ACCA
  • statusBar.noFolderBackground#61afef
  • statusBar.noFolderBorder#1f1f24
  • statusBar.noFolderForeground#111113
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#111113
  • statusBarItem.remoteBackground#308c77
  • statusBarItem.remoteForeground#111113
  • tab.activeBackground#1f1f24
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#f4f4f4
  • tab.border#323238
  • tab.hoverBackground#1f1f24
  • tab.hoverForeground#f4f4f4
  • tab.inactiveBackground#111113
  • tab.inactiveForeground#a7acca
  • 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#d9d9d9
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#f4f4f4
  • terminal.ansiYellow#e5e510
  • terminal.background#111113
  • terminal.border#5e5e6d
  • terminal.foreground#d4d4d4
  • terminal.selectionBackground#11111364
  • terminalCursor.background#01daa7
  • terminalCursor.foreground#3ED0AF
  • textLink.foreground#61afef
  • titleBar.activeBackground#111113
  • titleBar.activeForeground#a7acca
  • titleBar.border#1f1f24
  • titleBar.inactiveBackground#1f1f24
  • titleBar.inactiveForeground#5e5e6d
  • tree.indentGuidesStroke#2c2c32
  • 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#91b4d5
variable.other.generic-type.haskell#c678dd
storage.type.haskell#01daa7
support.variable.magic.python#91b4d5
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#a7acca
variable.parameter.function.language.special.self.python#eeeeee
storage.modifier.lifetime.rust#a7acca
support.function.std.rust#61afef
entity.name.lifetime.rust#eeeeee
variable.language.rust#91b4d5
support.constant.edge#c678dd
constant.other.character-class.regexp#91b4d5
keyword.operator.quantifier.regexp#01daa7
punctuation.definition.string.begin,punctuation.definition.string.end#A7ACCA
variable.parameter.function#a7acca
comment markup.link#5e5e6d
markup.changed.diff#eeeeee
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#61afef
markup.inserted.diff#01daa7
markup.deleted.diff#91b4d5
meta.function.c,meta.function.cpp#91b4d5
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#a7acca
punctuation.separator.key-value#a7acca
keyword.operator.expression.import#61afef
support.constant.math#eeeeee
support.constant.property.math#01daa7
variable.other.constant#eeeeee
storage.type.annotation.java, storage.type.object.array.java#eeeeee
source.java#91b4d5
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#a7acca
meta.method.java#61afef
storage.modifier.import.java,storage.type.java,storage.type.generic.java#eeeeee
keyword.operator.instanceof.java#c678dd
meta.definition.variable.name.java#91b4d5
keyword.operator.logical#01daa7
keyword.operator.bitwise#01daa7
keyword.operator.channel#01daa7
support.constant.property-value.scss,support.constant.property-value.css#01daa7
keyword.operator.css,keyword.operator.scss,keyword.operator.less#01daa7
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#01daa7
punctuation.separator.list.comma.css#a7acca
support.constant.color.w3c-standard-color-name.css#01daa7
support.type.vendored.property-name.css#01daa7
support.module.node,support.type.object.module#eeeeee
entity.name.type.module#eeeeee
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#E0E0E0
string.quoted.double.js.jsx#01daa7
entity.other.attribute-name.js#91B4D5
meta.tag.attributes.js#91B4D5
meta.tag.js#91B4D5
meta.jsx.children.js#91B4D5
meta.tag.without-attributes.js#91B4D5
meta.block.js#91B4D5
meta.function.expression.js#91B4D5
meta.export.default.js#91B4D5
source.js#91B4D5
support.class.component.js#01DAA7
entity.name.tag.js#91B4D5
meta.tag.without-attributes.js#A7ACCA
meta.jsx.children.js#E0E0E0
meta.block.js#01DAA7
meta.function.expression.js#01DAA7
meta.export.default.js#01DAA7
source.js#01DAA7
meta.tag.attributes.js.jsx#977CDC
meta.tag.js.jsx#A7ACCA
meta.jsx.children.js.jsx#E0E0E0
meta.tag.without-attributes.js.jsx#A7ACCA
meta.block.js.jsx#A7ACCA
meta.function.expression.js.jsx#dc7c7c
meta.export.default.js.jsx#dc7c7c
source.js.jsx#A7ACCA
entity.other.attribute-name.js.jsx#91B4D5
meta.tag.attributes.js.jsx#00b88d
support.class.component.js.jsx#01daa7
entity.name.tag.js.jsx#91B4D5
meta.tag.js.jsx#01daa7
meta.jsx.children.js.jsx#01daa7
meta.tag.without-attributes.js.jsx#01daa7
meta.block.js.jsx#01daa7
meta.function.expression.js.jsx#01daa7
punctuation.definition.string.begin.js.jsx, punctuation.definition.string.end.js.jsx#A7ACCA
storage.type.function.arrow.js#01daa7
keyword.operator.assignment.js#01daa7
meta.export.default.js.jsx#0ff1bd
source.js.jsx#01daa7
meta.tag.js.jsx#A7ACCA
meta.jsx.children.js.jsx#E0E0E0
meta.tag.without-attributes.js.jsx#A7ACCA
meta.block.js.jsx#A7ACCA
meta.function.expression.js.jsx#0070cc
meta.export.default.js.jsx#00e6b0
source.js.jsx#A7ACCA
support.constant.json#00b98e
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#c678dd
support.type.object.console#91b4d5
support.variable.property.process#01daa7
entity.name.function,support.function.console#61afef
keyword.operator.misc.rust#a7acca
keyword.operator.sigil.rust#c678dd
keyword.operator.delete#c678dd
support.type.object.dom#01daa7
support.variable.dom,support.variable.property.dom#91b4d5
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#01daa7
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#c678dd
punctuation.separator.delimiter#a7acca
punctuation.separator.c,punctuation.separator.cpp#c678dd
support.type.posix-reserved.c,support.type.posix-reserved.cpp#01daa7
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#c678dd
variable.parameter.function.language.python#01daa7
support.type.python#01daa7
keyword.operator.logical.python#c678dd
variable.parameter.function.python#01daa7
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#a7acca
meta.function-call.generic.python#61afef
constant.character.format.placeholder.other.python#01daa7
keyword.operator#a7acca
keyword.operator.assignment.compound#c678dd
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#01daa7
keyword#c678dd
entity.name.namespace#eeeeee
variable#91b4d5
variable.c#a7acca
variable.language#eeeeee
token.variable.parameter.java#a7acca
import.storage.java#eeeeee
token.package.keyword#c678dd
token.package#a7acca
entity.name.function, meta.require, support.function.any-method, variable.function#61afef
entity.name.type.namespace#eeeeee
support.class, entity.name.type.class#eeeeee
entity.name.class.identifier.namespace.type#eeeeee
entity.name.class, variable.other.class.js, variable.other.class.ts#eeeeee
variable.other.class.php#91b4d5
entity.name.type#eeeeee
keyword.control#c678dd
control.elements, keyword.operator.less#01daa7
keyword.other.special-method#61afef
storage#c678dd
token.storage#c678dd
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#c678dd
token.storage.type.java#eeeeee
support.function#01daa7
support.type.property-name#a7acca
support.constant.property-value#a7acca
support.constant.font-name#01daa7
meta.tag#a7acca
string#01daa7
entity.other.inherited-class#eeeeee
constant.other.symbol#01daa7
constant.numeric#01daa7
constant#01daa7
punctuation.definition.constant#01daa7
entity.name.tag#91b4d5
entity.other.attribute-name#01daa7
entity.other.attribute-name.id#61afefnormal
entity.other.attribute-name.class.css#01daa7normal
meta.selector#c678dd
markup.heading#91b4d5
markup.heading punctuation.definition.heading, entity.name.section#61afef
keyword.other.unit#91b4d5
markup.bold,todo.bold#01daa7
punctuation.definition.bold#eeeeee
markup.italic, punctuation.definition.italic,todo.emphasis#c678dd
emphasis md#c678dd
entity.name.section.markdown#91b4d5
punctuation.definition.heading.markdown#91b4d5
punctuation.definition.list.begin.markdown#91b4d5
markup.heading.setext#a7acca
punctuation.definition.bold.markdown#01daa7
markup.inline.raw.markdown#01daa7
markup.inline.raw.string.markdown#01daa7
punctuation.definition.list.markdown#91b4d5
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#91b4d5
beginning.punctuation.definition.list.markdown#91b4d5
punctuation.definition.metadata.markdown#91b4d5
markup.underline.link.markdown,markup.underline.link.image.markdown#c678dd
string.other.link.title.markdown,string.other.link.description.markdown#61afef
string.regexp#01daa7
constant.character.escape#01daa7
punctuation.section.embedded, variable.interpolation#91b4d5
punctuation.section.embedded.begin,punctuation.section.embedded.end#c678dd
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#a7acca
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#91b4d5
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#91b4d5
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#01daa7
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#01daa7
support.type.property-name.json#91b4d5
support.type.property-name.json punctuation#91b4d5
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#c678dd
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#c678dd
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#eeeeee
keyword.operator.error-control.php#c678dd
keyword.operator.type.php#c678dd
punctuation.section.array.begin.php#a7acca
punctuation.section.array.end.php#a7acca
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#eeeeee
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#61afef
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#a7acca
support.constant.core.rust#01daa7
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#01daa7
entity.name.goto-label.php,support.other.php#61afef
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#01daa7
keyword.operator.regexp.php#c678dd
keyword.operator.comparison.php#01daa7
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#c678dd
meta.function.decorator.python#61afef
support.token.decorator.python,meta.function.decorator.identifier.python#01daa7
function.parameter#a7acca
function.brace#a7acca
function.parameter.ruby, function.parameter.cs#a7acca
constant.language.symbol.ruby#01daa7
rgb-value#01daa7
inline-color-decoration rgb-value#01daa7
less rgb-value#01daa7
selector.sass#91b4d5
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#eeeeee
block.scope.end,block.scope.begin#a7acca
storage.type.cs#eeeeee
entity.name.variable.local.cs#91b4d5
token.info-token#61afef
token.warn-token#01daa7
token.error-token#f44747
token.debug-token#c678dd
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#c678dd
meta.template.expression#a7acca
keyword.operator.module#c678dd
support.type.type.flowtype#61afef
support.type.primitive#eeeeee
meta.property.object#91b4d5
variable.parameter.function.js#91b4d5
keyword.other.template.begin#01daa7
keyword.other.template.end#01daa7
keyword.other.substitution.begin#01daa7
keyword.other.substitution.end#01daa7
keyword.operator.assignment#01daa7
keyword.operator.assignment.go#eeeeee
keyword.operator.arithmetic.go, keyword.operator.address.go#c678dd
entity.name.package.go#eeeeee
support.type.prelude.elm#01daa7
support.constant.elm#01daa7
punctuation.quasi.element#c678dd
constant.character.entity#91b4d5
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#01daa7
entity.global.clojure#eeeeee
meta.symbol.clojure#91b4d5
constant.keyword.clojure#01daa7
meta.arguments.coffee, variable.parameter.function.coffee#91b4d5
source.ini#01daa7
meta.scope.prerequisites.makefile#91b4d5
source.makefile#eeeeee
storage.modifier.import.groovy#eeeeee
meta.method.groovy#61afef
meta.definition.variable.name.groovy#91b4d5
meta.definition.class.inherited.classes.groovy#01daa7
support.variable.semantic.hlsl#eeeeee
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#c678dd
text.variable, text.bracketed#91b4d5
support.type.swift, support.type.vb.asp#eeeeee
entity.name.function.xi#eeeeee
entity.name.class.xi#01daa7
constant.character.character-class.regexp.xi#91b4d5
constant.regexp.xi#c678dd
keyword.control.xi#01daa7
invalid.xi#a7acca
beginning.punctuation.definition.quote.markdown.xi#01daa7
beginning.punctuation.definition.list.markdown.xi#5e5e6d
constant.character.xi#61afef
accent.xi#61afef
wikiword.xi#01daa7
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#5e5e6d
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#eeeeee
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#91b4d5
meta.brace.square#a7acca
comment, punctuation.definition.comment#5e5e6ditalic
markup.quote.markdown#5e5e6d
punctuation.definition.block.sequence.item.yaml#a7acca
constant.language.symbol.elixir#01daa7
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...

Eon Theme - Coding Theme