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#ff6000
  • activityBar.background#000000
  • activityBar.border#000000
  • activityBar.foreground#ffd700
  • activityBar.inactiveForeground#b2616166
  • activityBarBadge.background#43ff00
  • activityBarBadge.foreground#000000
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ff003c
  • breadcrumb.background#44ff00
  • breadcrumb.focusForeground#ff003c
  • breadcrumb.foreground#2c00ffcc
  • button.background#ffb300
  • button.foreground#3800ff
  • button.hoverBackground#079cff
  • button.secondaryBackground#66fb00
  • button.secondaryForeground#000000
  • button.secondaryHoverBackground#0071ff
  • checkbox.background#000000
  • checkbox.border#ff2d2d00
  • checkbox.foreground#21f204
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#000000
  • dropdown.border#ff2d2d00
  • dropdown.foreground#21f204
  • editor.background#000000
  • editor.findMatchBackground#ffbf00
  • editor.findMatchBorder#000000
  • editor.findMatchHighlightBackground#ffffff55
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#9d9d9d66
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#0080ff4d
  • editor.foreground#e60000
  • editor.hoverHighlightBackground#146cc440
  • editor.inactiveSelectionBackground#242424
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#00ff3470
  • editor.selectionHighlightBackground#0080ff26
  • editor.selectionHighlightBorder#0075f5
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#00a8cf
  • editorCursor.foreground#ffffff
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#000000
  • editorGroupHeader.border#000000
  • editorGroupHeader.tabsBackground#363636
  • editorGroupHeader.tabsBorder#ff0000
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#1e1e1e
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#ffb300
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#ff0000
  • editorLineNumber.foreground#ffffff
  • editorLink.activeForeground#ffffff
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#00ffe729
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#ffbf00
  • foreground#20ff00
  • gitDecoration.addedResourceForeground#00ff2e
  • gitDecoration.conflictingResourceForeground#0000ff
  • gitDecoration.deletedResourceForeground#ff2600
  • gitDecoration.ignoredResourceForeground#ffbf00
  • gitDecoration.modifiedResourceForeground#ff9900
  • gitDecoration.stageDeletedResourceForeground#fdfdfd
  • gitDecoration.stageModifiedResourceForeground#ff00e3
  • gitDecoration.submoduleResourceForeground#13518a
  • gitDecoration.untrackedResourceForeground#00ff59
  • icon.foreground#20ff00
  • input.background#000000
  • input.border#ff2d2d00
  • input.foreground#21f204
  • input.placeholderForeground#ffffff
  • inputOption.activeBackground#0099ff66
  • inputOption.activeBorder#42b3ff00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#0098ff
  • list.activeSelectionForeground#400aff
  • list.dropBackground#000000
  • list.focusBackground#000000
  • list.focusForeground#ff0000
  • list.highlightForeground#0099ff
  • list.hoverBackground#ff0000
  • list.hoverForeground#57f200
  • list.inactiveSelectionBackground#383838
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#ff4d00
  • listFilterWidget.noMatchesOutline#ffffff
  • listFilterWidget.outline#ff000000
  • menu.background#000000
  • menu.border#ffffff85
  • menu.foreground#ff0202
  • menu.selectionBackground#2000ff
  • menu.selectionBorder#ffffff00
  • menu.selectionForeground#ffcb00
  • menu.separatorBackground#afff00
  • menubar.selectionBackground#14a91d7e
  • menubar.selectionBorder#ff0000
  • menubar.selectionForeground#44ff00
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#000000
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#ffbf00
  • minimap.selectionHighlight#00ff3470
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#1e1e1e
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#3794ff
  • progressBar.background#ffffff
  • scrollbar.shadow#1d1d1d
  • scrollbarSlider.activeBackground#ffd70066
  • scrollbarSlider.background#00ffcf66
  • scrollbarSlider.hoverBackground#559437
  • selection.background#0073d9
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#20ff00
  • sideBar.background#000000
  • sideBar.border#000000
  • sideBar.dropBackground#000000
  • sideBar.foreground#ffffff
  • sideBarSectionHeader.background#ffffff00
  • sideBarSectionHeader.border#06050533
  • sideBarSectionHeader.foreground#2cff00
  • sideBarTitle.foreground#2cff00
  • statusBar.background#68ff00
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#0004ff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#000000
  • tab.activeBorder#ff000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#f2f2f2
  • tab.border#ff1717
  • tab.hoverBackground#000000
  • tab.inactiveBackground#3d3d3d
  • tab.inactiveForeground#46ff0280
  • 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#469cff
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#1400ff
  • titleBar.border#00000000
  • titleBar.inactiveBackground#00000099
  • titleBar.inactiveForeground#ffffff99
  • tree.indentGuidesStroke#ffbf00
  • 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#ff9aa1
variable.other.generic-type.haskell#ffb300
storage.type.haskell#ff7c00
support.variable.magic.python#ff9aa1
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#e60000
variable.parameter.function.language.special.self.python#ff00cb
storage.modifier.lifetime.rust#e60000
support.function.std.rust#1f9aff
entity.name.lifetime.rust#ff00cb
variable.language.rust#ff9aa1
support.constant.edge#ffb300
constant.other.character-class.regexp#ff9aa1
keyword.operator.quantifier.regexp#ff7c00
punctuation.definition.string.begin,punctuation.definition.string.end#6bff00
variable.parameter.function#e60000
comment markup.link#0055ff
markup.changed.diff#ff00cb
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#1f9aff
markup.inserted.diff#6bff00
markup.deleted.diff#ff9aa1
meta.function.c,meta.function.cpp#ff9aa1
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#e60000
punctuation.separator.key-value#e60000
keyword.operator.expression.import#1f9aff
support.constant.math#ff00cb
support.constant.property.math#ff7c00
variable.other.constant#ff00cb
storage.type.annotation.java, storage.type.object.array.java#ff00cb
source.java#ff9aa1
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#e60000
meta.method.java#1f9aff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ff00cb
keyword.operator.instanceof.java#ffb300
meta.definition.variable.name.java#ff9aa1
keyword.operator.logical#fbffff
keyword.operator.bitwise#fbffff
keyword.operator.channel#fbffff
support.constant.property-value.scss,support.constant.property-value.css#ff7c00
keyword.operator.css,keyword.operator.scss,keyword.operator.less#fbffff
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ff7c00
punctuation.separator.list.comma.css#e60000
support.constant.color.w3c-standard-color-name.css#ff7c00
support.type.vendored.property-name.css#fbffff
support.module.node,support.type.object.module,support.module.node#ff00cb
entity.name.type.module#ff00cb
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ff9aa1
support.constant.json#ff7c00
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ffb300
support.type.object.console#ff9aa1
support.variable.property.process#ff7c00
entity.name.function,support.function.console#1f9aff
keyword.operator.misc.rust#e60000
keyword.operator.sigil.rust#ffb300
keyword.operator.delete#ffb300
support.type.object.dom#fbffff
support.variable.dom,support.variable.property.dom#ff9aa1
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#fbffff
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#ffb300
punctuation.separator.delimiter#e60000
punctuation.separator.c,punctuation.separator.cpp#ffb300
support.type.posix-reserved.c,support.type.posix-reserved.cpp#fbffff
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ffb300
variable.parameter.function.language.python#ff7c00
support.type.python#fbffff
keyword.operator.logical.python#ffb300
variable.parameter.function.python#ff7c00
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#e60000
meta.function-call.generic.python#1f9aff
constant.character.format.placeholder.other.python#ff7c00
keyword.operator#e60000
keyword.operator.assignment.compound#ffb300
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#fbffff
keyword#ffb300
entity.name.namespace#ff00cb
variable#ff9aa1
variable.c#e60000
variable.language#ff00cb
token.variable.parameter.java#e60000
import.storage.java#ff00cb
token.package.keyword#ffb300
token.package#e60000
entity.name.function, meta.require, support.function.any-method, variable.function#1f9aff
entity.name.type.namespace#ff00cb
support.class, entity.name.type.class#ff00cb
entity.name.class.identifier.namespace.type#ff00cb
entity.name.class, variable.other.class.js, variable.other.class.ts#ff00cb
variable.other.class.php#ff9aa1
entity.name.type#ff00cb
keyword.control#ffb300
control.elements, keyword.operator.less#ff7c00
keyword.other.special-method#1f9aff
storage#ffb300
token.storage#ffb300
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#ffb300
token.storage.type.java#ff00cb
support.function#fbffff
support.type.property-name#e60000
support.constant.property-value#e60000
support.constant.font-name#ff7c00
meta.tag#e60000
string#6bff00
entity.other.inherited-class#ff00cb
constant.other.symbol#fbffff
constant.numeric#ff7c00
constant#ff7c00
punctuation.definition.constant#ff7c00
entity.name.tag#ff9aa1
entity.other.attribute-name#ff7c00
entity.other.attribute-name.id#1f9affitalic
entity.other.attribute-name.class.css#ff7c00bold
meta.selector#ffb300
markup.heading#ff9aa1
markup.heading punctuation.definition.heading, entity.name.section#1f9aff
keyword.other.unit#ff9aa1
markup.bold,todo.bold#ff7c00
punctuation.definition.bold#ff00cb
markup.italic, punctuation.definition.italic,todo.emphasis#ffb300
emphasis md#ffb300
entity.name.section.markdown#ff9aa1
punctuation.definition.heading.markdown#ff9aa1
punctuation.definition.list.begin.markdown#ff9aa1
markup.heading.setext#e60000
punctuation.definition.bold.markdown#ff7c00
markup.inline.raw.markdown#6bff00
markup.inline.raw.string.markdown#6bff00
punctuation.definition.list.markdown#ff9aa1
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ff9aa1
beginning.punctuation.definition.list.markdown#ff9aa1
punctuation.definition.metadata.markdown#ff9aa1
markup.underline.link.markdown,markup.underline.link.image.markdown#ffb300
string.other.link.title.markdown,string.other.link.description.markdown#1f9aff
string.regexp#fbffff
constant.character.escape#fbffff
punctuation.section.embedded, variable.interpolation#ff9aa1
punctuation.section.embedded.begin,punctuation.section.embedded.end#ffb300
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#e60000
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ff9aa1
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ff9aa1
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#6bff00
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#fbffff
support.type.property-name.json#ff9aa1
support.type.property-name.json punctuation#ff9aa1
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ffb300
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ffb300
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#ff00cb
keyword.operator.error-control.php#ffb300
keyword.operator.type.php#ffb300
punctuation.section.array.begin.php#e60000
punctuation.section.array.end.php#e60000
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#ff00cb
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#1f9aff
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#e60000
support.constant.core.rust#ff7c00
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ff7c00
entity.name.goto-label.php,support.other.php#1f9aff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#fbffff
keyword.operator.regexp.php#ffb300
keyword.operator.comparison.php#fbffff
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ffb300
meta.function.decorator.python#1f9aff
support.token.decorator.python,meta.function.decorator.identifier.python#fbffff
function.parameter#e60000
function.brace#e60000
function.parameter.ruby, function.parameter.cs#e60000
constant.language.symbol.ruby#fbffff
rgb-value#fbffff
inline-color-decoration rgb-value#ff7c00
less rgb-value#ff7c00
selector.sass#ff9aa1
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ff00cb
block.scope.end,block.scope.begin#e60000
storage.type.cs#ff00cb
entity.name.variable.local.cs#ff9aa1
token.info-token#1f9aff
token.warn-token#ff7c00
token.error-token#f44747
token.debug-token#ffb300
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ffb300
meta.template.expression#e60000
keyword.operator.module#ffb300
support.type.type.flowtype#1f9aff
support.type.primitive#ff00cb
meta.property.object#ff9aa1
variable.parameter.function.js#ff9aa1
keyword.other.template.begin#6bff00
keyword.other.template.end#6bff00
keyword.other.substitution.begin#6bff00
keyword.other.substitution.end#6bff00
keyword.operator.assignment#fbffff
keyword.operator.assignment.go#ff00cb
keyword.operator.arithmetic.go, keyword.operator.address.go#ffb300
entity.name.package.go#ff00cb
support.type.prelude.elm#fbffff
support.constant.elm#ff7c00
punctuation.quasi.element#ffb300
constant.character.entity#ff9aa1
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#fbffff
entity.global.clojure#ff00cb
meta.symbol.clojure#ff9aa1
constant.keyword.clojure#fbffff
meta.arguments.coffee, variable.parameter.function.coffee#ff9aa1
source.ini#6bff00
meta.scope.prerequisites.makefile#ff9aa1
source.makefile#ff00cb
storage.modifier.import.groovy#ff00cb
meta.method.groovy#1f9aff
meta.definition.variable.name.groovy#ff9aa1
meta.definition.class.inherited.classes.groovy#6bff00
support.variable.semantic.hlsl#ff00cb
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#ffb300
text.variable, text.bracketed#ff9aa1
support.type.swift, support.type.vb.asp#ff00cb
entity.name.function.xi#ff00cb
entity.name.class.xi#fbffff
constant.character.character-class.regexp.xi#ff9aa1
constant.regexp.xi#ffb300
keyword.control.xi#fbffff
invalid.xi#e60000
beginning.punctuation.definition.quote.markdown.xi#6bff00
beginning.punctuation.definition.list.markdown.xi#0055ff
constant.character.xi#1f9aff
accent.xi#1f9aff
wikiword.xi#ff7c00
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#0055ff
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ff00cb
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ff9aa1
meta.brace.square#e60000
comment, punctuation.definition.comment#0055ffitalic
markup.quote.markdown#0055ff
punctuation.definition.block.sequence.item.yaml#e60000
constant.language.symbol.elixir#fbffff
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...

Pro's theme - Coding Theme