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#181b28
  • activityBar.background#181b28
  • activityBar.border#40434f
  • activityBar.foreground#00b4fb
  • activityBar.inactiveForeground#d7d7d766
  • activityBarBadge.background#2f3f80
  • activityBarBadge.foreground#ffffff
  • badge.background#282c3f
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#181b28
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#ffffffcc
  • button.background#262c45
  • button.foreground#ffffff
  • button.hoverBackground#19203d
  • button.secondaryBackground#007cff
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#262c45
  • checkbox.background#262c45
  • checkbox.border#00000000
  • checkbox.foreground#ffffff
  • debugExceptionWidget.background#1e2234
  • debugExceptionWidget.border#e8e8e82e
  • debugToolBar.background#1e2234
  • debugToolBar.border#e8e8e82e
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#262c45
  • dropdown.border#00000000
  • dropdown.foreground#ffffff
  • editor.background#181b28
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#212538
  • editor.foreground#d3d3d3
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0a
  • editor.lineHighlightBorder#22273d
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#272b3d
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#7d7d7d
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff
  • editorCursor.foreground#5f7dff
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ff512e
  • editorGroup.border#444444
  • editorGroup.emptyBackground#181b28
  • editorGroupHeader.border#5c5c5c
  • editorGroupHeader.tabsBackground#181b28
  • editorGroupHeader.tabsBorder#323232
  • editorGutter.addedBackground#0c7c32
  • editorGutter.background#181b28
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#ab3238
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#181b28
  • editorHoverWidget.border#2a314d
  • editorHoverWidget.foreground#d9d9d9
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#ffffff
  • editorLineNumber.foreground#717171
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#00000000
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#181b28
  • editorSuggestWidget.border#232943
  • editorSuggestWidget.foreground#eaeaea
  • editorSuggestWidget.highlightForeground#007cff
  • editorSuggestWidget.selectedBackground#242a43
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffd100
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#21263b
  • editorWidget.foreground#c0c0c0
  • editorWidget.resizeBorder#ffffff
  • focusBorder#ffffff1c
  • foreground#ffffff
  • gitDecoration.addedResourceForeground#59b86b
  • gitDecoration.conflictingResourceForeground#6161f9
  • gitDecoration.deletedResourceForeground#f54d2f
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#ffba53
  • gitDecoration.stageDeletedResourceForeground#e2725e
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#ffffff
  • input.background#262c45
  • input.border#00000000
  • input.foreground#ffffff
  • input.placeholderForeground#a9a9a9
  • inputOption.activeBackground#262c45
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#eeeeee
  • list.activeSelectionBackground#094771
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#21263d
  • list.focusBackground#181b28
  • list.focusForeground#cccccc
  • list.highlightForeground#ffffff
  • list.hoverBackground#141826
  • list.hoverForeground#e8e8e8
  • list.inactiveSelectionBackground#1b2034
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#2e375c
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#ffffff00
  • menu.background#232530
  • menu.border#ffffff34
  • menu.foreground#c7c7c7
  • menu.selectionBackground#181b28
  • menu.selectionBorder#181b28
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#a5a5a5
  • menubar.selectionBackground#313856
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#181b28
  • minimap.errorHighlight#ff512e
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#272b3d
  • minimap.warningHighlight#ffd100
  • minimapGutter.addedBackground#0c7c32
  • minimapGutter.deletedBackground#ab3238
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#181b28
  • notificationCenterHeader.background#2c3045
  • notificationCenterHeader.foreground#ffffff
  • notifications.background#181b28
  • notifications.border#ffffff0e
  • notifications.foreground#e6e6e6
  • notificationsErrorIcon.foreground#ff0000
  • notificationsInfoIcon.foreground#62b5ff
  • notificationsWarningIcon.foreground#ffd100
  • notificationToast.border#ffffff14
  • panel.background#181b28
  • panel.border#ffffff59
  • panelSection.border#ffffff59
  • panelTitle.activeBorder#ffffff
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#ffffff99
  • 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#ffffff
  • pickerGroup.foreground#3794ff
  • progressBar.background#0e70c0
  • scrollbar.shadow#000000b9
  • scrollbarSlider.activeBackground#242d54
  • scrollbarSlider.background#222a4f
  • scrollbarSlider.hoverBackground#171924
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffff
  • sideBar.background#181b28
  • sideBar.border#181b28
  • sideBar.dropBackground#21263d
  • sideBar.foreground#b0b0b0
  • sideBarSectionHeader.background#1d2134
  • sideBarSectionHeader.border#ffffff33
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#00c3ff
  • statusBar.background#252834
  • statusBar.border#ff000000
  • statusBar.debuggingBackground#d55a00
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#692a79
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#181b28
  • tab.activeBorder#ffdede
  • tab.activeBorderTop#ffffff00
  • tab.activeForeground#ffffff
  • tab.border#ffffff00
  • tab.hoverBackground#282121
  • tab.hoverBorder#ffffff00
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#191b21
  • 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#ffffff59
  • terminal.foreground#ffffff
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#00ff9f
  • titleBar.activeBackground#181b28
  • titleBar.activeForeground#ffffff
  • titleBar.border#ffffff00
  • titleBar.inactiveBackground#272a36
  • titleBar.inactiveForeground#ababab99
  • tree.indentGuidesStroke#585858
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#181b28

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#ff5f70
variable.other.generic-type.haskell#c276ff
storage.type.haskell#ff9d63
support.variable.magic.python#ff5f70
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d3d3d3
variable.parameter.function.language.special.self.python#ffd164
storage.modifier.lifetime.rust#d3d3d3
support.function.std.rust#67beff
entity.name.lifetime.rust#ffd164
variable.language.rust#ff5f70
support.constant.edge#c276ff
constant.other.character-class.regexp#ff5f70
keyword.operator.quantifier.regexp#ff9d63
punctuation.definition.string.begin,punctuation.definition.string.end#65c06b
variable.parameter.function#d3d3d3
comment markup.link#676868
markup.changed.diff#ffd164
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#67beff
markup.inserted.diff#65c06b
markup.deleted.diff#ff5f70
meta.function.c,meta.function.cpp#ff5f70
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#d3d3d3
punctuation.separator.key-value#d3d3d3
keyword.operator.expression.import#67beff
support.constant.math#ffd164
support.constant.property.math#ff9d63
variable.other.constant#ffd164
storage.type.annotation.java, storage.type.object.array.java#ffd164
source.java#ff5f70
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#d3d3d3
meta.method.java#67beff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ffd164
keyword.operator.instanceof.java#c276ff
meta.definition.variable.name.java#ff5f70
keyword.operator.logical#62e9ff
keyword.operator.bitwise#62e9ff
keyword.operator.channel#62e9ff
support.constant.property-value.scss,support.constant.property-value.css#ff9d63
keyword.operator.css,keyword.operator.scss,keyword.operator.less#62e9ff
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ff9d63
punctuation.separator.list.comma.css#d3d3d3
support.constant.color.w3c-standard-color-name.css#ff9d63
support.type.vendored.property-name.css#62e9ff
support.module.node,support.type.object.module,support.module.node#ffd164
entity.name.type.module#ffd164
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ff5f70
support.constant.json#ff9d63
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#c276ff
support.type.object.console#ff5f70
support.variable.property.process#ff9d63
entity.name.function,support.function.console#67beff
keyword.operator.misc.rust#d3d3d3
keyword.operator.sigil.rust#c276ff
keyword.operator.delete#c276ff
support.type.object.dom#62e9ff
support.variable.dom,support.variable.property.dom#ff5f70
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#62e9ff
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#c276ff
punctuation.separator.delimiter#d3d3d3
punctuation.separator.c,punctuation.separator.cpp#c276ff
support.type.posix-reserved.c,support.type.posix-reserved.cpp#62e9ff
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#c276ff
variable.parameter.function.language.python#ff9d63
support.type.python#62e9ff
keyword.operator.logical.python#c276ff
variable.parameter.function.python#ff9d63
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#d3d3d3
meta.function-call.generic.python#67beff
constant.character.format.placeholder.other.python#ff9d63
keyword.operator#d3d3d3
keyword.operator.assignment.compound#c276ff
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#62e9ff
keyword#c276ff
entity.name.namespace#ffd164
variable#ff5f70
variable.c#d3d3d3
variable.language#ffd164
token.variable.parameter.java#d3d3d3
import.storage.java#ffd164
token.package.keyword#c276ff
token.package#d3d3d3
entity.name.function, meta.require, support.function.any-method, variable.function#67beff
entity.name.type.namespace#ffd164
support.class, entity.name.type.class#ffd164
entity.name.class.identifier.namespace.type#ffd164
entity.name.class, variable.other.class.js, variable.other.class.ts#ffd164
variable.other.class.php#ff5f70
entity.name.type#ffd164
keyword.control#c276ff
control.elements, keyword.operator.less#ff9d63
keyword.other.special-method#67beff
storage#c276ff
token.storage#c276ff
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#c276ff
token.storage.type.java#ffd164
support.function#62e9ff
support.type.property-name#d3d3d3
support.constant.property-value#d3d3d3
support.constant.font-name#ff9d63
meta.tag#d3d3d3
string#65c06b
entity.other.inherited-class#ffd164
constant.other.symbol#62e9ff
constant.numeric#ff9d63
constant#ff9d63
punctuation.definition.constant#ff9d63
entity.name.tag#ff5f70
entity.other.attribute-name#ff9d63
entity.other.attribute-name.id#67beffnormal
entity.other.attribute-name.class.css#ff9d63normal
meta.selector#c276ff
markup.heading#ff5f70
markup.heading punctuation.definition.heading, entity.name.section#67beff
keyword.other.unit#ff5f70
markup.bold,todo.bold#ff9d63
punctuation.definition.bold#ffd164
markup.italic, punctuation.definition.italic,todo.emphasis#c276ff
emphasis md#c276ff
entity.name.section.markdown#ff5f70
punctuation.definition.heading.markdown#ff5f70
punctuation.definition.list.begin.markdown#ff5f70
markup.heading.setext#d3d3d3
punctuation.definition.bold.markdown#ff9d63
markup.inline.raw.markdown#65c06b
markup.inline.raw.string.markdown#65c06b
punctuation.definition.list.markdown#ff5f70
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ff5f70
beginning.punctuation.definition.list.markdown#ff5f70
punctuation.definition.metadata.markdown#ff5f70
markup.underline.link.markdown,markup.underline.link.image.markdown#c276ff
string.other.link.title.markdown,string.other.link.description.markdown#67beff
string.regexp#62e9ff
constant.character.escape#62e9ff
punctuation.section.embedded, variable.interpolation#ff5f70
punctuation.section.embedded.begin,punctuation.section.embedded.end#c276ff
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#d3d3d3
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ff5f70
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ff5f70
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#65c06b
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#62e9ff
support.type.property-name.json#ff5f70
support.type.property-name.json punctuation#ff5f70
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#c276ff
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#c276ff
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#ffd164
keyword.operator.error-control.php#c276ff
keyword.operator.type.php#c276ff
punctuation.section.array.begin.php#d3d3d3
punctuation.section.array.end.php#d3d3d3
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#ffd164
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#67beff
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#d3d3d3
support.constant.core.rust#ff9d63
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ff9d63
entity.name.goto-label.php,support.other.php#67beff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#62e9ff
keyword.operator.regexp.php#c276ff
keyword.operator.comparison.php#62e9ff
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#c276ff
meta.function.decorator.python#67beff
support.token.decorator.python,meta.function.decorator.identifier.python#62e9ff
function.parameter#d3d3d3
function.brace#d3d3d3
function.parameter.ruby, function.parameter.cs#d3d3d3
constant.language.symbol.ruby#62e9ff
rgb-value#62e9ff
inline-color-decoration rgb-value#ff9d63
less rgb-value#ff9d63
selector.sass#ff5f70
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ffd164
block.scope.end,block.scope.begin#d3d3d3
storage.type.cs#ffd164
entity.name.variable.local.cs#ff5f70
token.info-token#67beff
token.warn-token#ff9d63
token.error-token#f44747
token.debug-token#c276ff
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#c276ff
meta.template.expression#d3d3d3
keyword.operator.module#c276ff
support.type.type.flowtype#67beff
support.type.primitive#ffd164
meta.property.object#ff5f70
variable.parameter.function.js#ff5f70
keyword.other.template.begin#65c06b
keyword.other.template.end#65c06b
keyword.other.substitution.begin#65c06b
keyword.other.substitution.end#65c06b
keyword.operator.assignment#62e9ff
keyword.operator.assignment.go#ffd164
keyword.operator.arithmetic.go, keyword.operator.address.go#c276ff
entity.name.package.go#ffd164
support.type.prelude.elm#62e9ff
support.constant.elm#ff9d63
punctuation.quasi.element#c276ff
constant.character.entity#ff5f70
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#62e9ff
entity.global.clojure#ffd164
meta.symbol.clojure#ff5f70
constant.keyword.clojure#62e9ff
meta.arguments.coffee, variable.parameter.function.coffee#ff5f70
source.ini#65c06b
meta.scope.prerequisites.makefile#ff5f70
source.makefile#ffd164
storage.modifier.import.groovy#ffd164
meta.method.groovy#67beff
meta.definition.variable.name.groovy#ff5f70
meta.definition.class.inherited.classes.groovy#65c06b
support.variable.semantic.hlsl#ffd164
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#c276ff
text.variable, text.bracketed#ff5f70
support.type.swift, support.type.vb.asp#ffd164
entity.name.function.xi#ffd164
entity.name.class.xi#62e9ff
constant.character.character-class.regexp.xi#ff5f70
constant.regexp.xi#c276ff
keyword.control.xi#62e9ff
invalid.xi#d3d3d3
beginning.punctuation.definition.quote.markdown.xi#65c06b
beginning.punctuation.definition.list.markdown.xi#676868
constant.character.xi#67beff
accent.xi#67beff
wikiword.xi#ff9d63
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#676868
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ffd164
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ff5f70
meta.brace.square#d3d3d3
comment, punctuation.definition.comment#676868italic
markup.quote.markdown#676868
punctuation.definition.block.sequence.item.yaml#d3d3d3
constant.language.symbol.elixir#62e9ff
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...