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#001cff
  • activityBar.background#000000
  • activityBar.border#ffffff
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff
  • activityBarBadge.background#ff0000
  • activityBarBadge.foreground#ffffff
  • badge.background#ff0000
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#0f0f0f
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#ffffff
  • button.background#0b0090
  • button.foreground#ffffff
  • button.hoverBackground#0021d1
  • button.secondaryBackground#0056c9
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#0071ff
  • checkbox.background#000000
  • checkbox.border#ffffff00
  • checkbox.foreground#ffffff
  • debugExceptionWidget.background#111111
  • debugExceptionWidget.border#2c2c2c
  • debugToolBar.background#111111
  • debugToolBar.border#2c2c2c
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#000000
  • dropdown.border#ffffff00
  • dropdown.foreground#ffffff
  • editor.background#000000
  • editor.findMatchBackground#0c1a2c
  • editor.findMatchBorder#003f8e
  • editor.findMatchHighlightBackground#8a360055
  • editor.findMatchHighlightBorder#a1a1a100
  • editor.findRangeHighlightBackground#3a475a66
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#ffffff
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#1b2026
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#00459d44
  • editor.selectionHighlightBackground#6191c026
  • editor.selectionHighlightBorder#0040ff
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff
  • editorCursor.foreground#ff0000
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#000000
  • editorGroupHeader.border#434343
  • editorGroupHeader.tabsBackground#212121
  • editorGroupHeader.tabsBorder#ffffff
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#1e1e1e
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#121213
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#ffffff
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#ff0000
  • editorLineNumber.foreground#ffffff
  • editorLink.activeForeground#4e94ce
  • 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#0099ff
  • editorSuggestWidget.selectedBackground#001d30
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#ffffff29
  • editorWidget.background#0a0a0a
  • editorWidget.foreground#ffffff
  • editorWidget.resizeBorder#ffffff
  • focusBorder#3d48ee
  • foreground#ffffff
  • gitDecoration.addedResourceForeground#ffffff
  • gitDecoration.conflictingResourceForeground#6868ff
  • gitDecoration.deletedResourceForeground#ff3613
  • gitDecoration.ignoredResourceForeground#adadad
  • gitDecoration.modifiedResourceForeground#ffa218
  • gitDecoration.stageDeletedResourceForeground#ea5035
  • gitDecoration.stageModifiedResourceForeground#ecbf7b
  • gitDecoration.submoduleResourceForeground#8dc8ff
  • gitDecoration.untrackedResourceForeground#00ff59
  • icon.foreground#ffffff
  • input.background#000000
  • input.border#ffffff00
  • input.foreground#ffffff
  • input.placeholderForeground#ffffff
  • inputOption.activeBackground#0014b8cb
  • inputOption.activeBorder#0099ff00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#094771
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#000000
  • list.focusBackground#0d0e0f
  • list.focusForeground#ffffff
  • list.highlightForeground#44d3ff
  • list.hoverBackground#0e00b4
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#0b0092
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#770000
  • listFilterWidget.noMatchesOutline#ff1700
  • listFilterWidget.outline#ffffff00
  • menu.background#000000
  • menu.border#28282885
  • menu.foreground#ffffff
  • menu.selectionBackground#000b64
  • menu.selectionBorder#ffffff00
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#ffffff
  • menubar.selectionBackground#000000
  • menubar.selectionBorder#ffffff
  • menubar.selectionForeground#ffffff
  • 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#0c1a2c
  • minimap.selectionHighlight#00459d44
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#2a2a2a
  • notificationCenterHeader.background#131313
  • notificationCenterHeader.foreground#ffffff
  • notifications.background#000000
  • notifications.border#131313
  • notifications.foreground#ffffff
  • notificationsErrorIcon.foreground#ff0000
  • notificationsInfoIcon.foreground#0087ff
  • notificationsWarningIcon.foreground#ffd100
  • notificationToast.border#262626
  • panel.background#0d0c0c
  • panel.border#ffffff59
  • panelSection.border#ffffff59
  • panelTitle.activeBorder#ffffff
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#ffffff99
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#472e0d99
  • peekViewEditor.matchHighlightBorder#c0720d
  • 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#4f4f4f
  • pickerGroup.foreground#0077ff
  • progressBar.background#ff000c
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#ffffff66
  • scrollbarSlider.background#ffffff
  • scrollbarSlider.hoverBackground#ffffffb3
  • selection.background#0021d3
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffff
  • sideBar.background#000000
  • sideBar.border#ffffff
  • sideBar.dropBackground#000000
  • sideBar.foreground#ffffff
  • sideBarSectionHeader.background#000000
  • sideBarSectionHeader.border#ffffff33
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#ffffff
  • statusBar.background#0099ff
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ff0000
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#000000
  • tab.activeBorder#ffffff00
  • tab.activeBorderTop#ffffff00
  • tab.activeForeground#ffffff
  • tab.border#ffffff
  • tab.hoverBackground#1b1b1b
  • tab.hoverBorder#454444
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#212121
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2733e6
  • terminal.ansiBrightBlack#2e2e2e
  • terminal.ansiBrightBlue#0263cf
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#27d94b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ffff3e
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#1bbc0d
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#a51f1f
  • terminal.ansiWhite#c2c2c2
  • terminal.ansiYellow#ffff00
  • terminal.border#ffffff59
  • terminal.foreground#bebebe
  • terminal.selectionBackground#ffffff00
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#0087ff
  • titleBar.activeBackground#000260
  • titleBar.activeForeground#ffffff
  • titleBar.border#ffffff
  • titleBar.inactiveBackground#00000099
  • titleBar.inactiveForeground#ffffff
  • tree.indentGuidesStroke#ffffff
  • 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#ff4eb2
variable.other.generic-type.haskell#fff33e
storage.type.haskell#ff7c00
support.variable.magic.python#ff4eb2
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#ffffff
variable.parameter.function.language.special.self.python#ff4040
storage.modifier.lifetime.rust#ffffff
support.function.std.rust#008cff
entity.name.lifetime.rust#ff4040
variable.language.rust#ff4eb2
support.constant.edge#fff33e
constant.other.character-class.regexp#ff4eb2
keyword.operator.quantifier.regexp#ff7c00
punctuation.definition.string.begin,punctuation.definition.string.end#b1ffd3
variable.parameter.function#ffffff
comment markup.link#007924
markup.changed.diff#ff4040
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#008cff
markup.inserted.diff#b1ffd3
markup.deleted.diff#ff4eb2
meta.function.c,meta.function.cpp#ff4eb2
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#ffffff
punctuation.separator.key-value#ffffff
keyword.operator.expression.import#008cff
support.constant.math#ff4040
support.constant.property.math#ff7c00
variable.other.constant#ff4040
storage.type.annotation.java, storage.type.object.array.java#ff4040
source.java#ff4eb2
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#ffffff
meta.method.java#008cff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ff4040
keyword.operator.instanceof.java#fff33e
meta.definition.variable.name.java#ff4eb2
keyword.operator.logical#ffffff
keyword.operator.bitwise#ffffff
keyword.operator.channel#ffffff
support.constant.property-value.scss,support.constant.property-value.css#ff7c00
keyword.operator.css,keyword.operator.scss,keyword.operator.less#ffffff
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ff7c00
punctuation.separator.list.comma.css#ffffff
support.constant.color.w3c-standard-color-name.css#ff7c00
support.type.vendored.property-name.css#ffffff
support.module.node,support.type.object.module,support.module.node#ff4040
entity.name.type.module#ff4040
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ff4eb2
support.constant.json#ff7c00
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#fff33e
support.type.object.console#ff4eb2
support.variable.property.process#ff7c00
entity.name.function,support.function.console#008cff
keyword.operator.misc.rust#ffffff
keyword.operator.sigil.rust#fff33e
keyword.operator.delete#fff33e
support.type.object.dom#ffffff
support.variable.dom,support.variable.property.dom#ff4eb2
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#ffffff
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#fff33e
punctuation.separator.delimiter#ffffff
punctuation.separator.c,punctuation.separator.cpp#fff33e
support.type.posix-reserved.c,support.type.posix-reserved.cpp#ffffff
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#fff33e
variable.parameter.function.language.python#ff7c00
support.type.python#ffffff
keyword.operator.logical.python#fff33e
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#ffffff
meta.function-call.generic.python#008cff
constant.character.format.placeholder.other.python#ff7c00
keyword.operator#ffffff
keyword.operator.assignment.compound#fff33e
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#ffffff
keyword#fff33e
entity.name.namespace#ff4040
variable#ff4eb2
variable.c#ffffff
variable.language#ff4040
token.variable.parameter.java#ffffff
import.storage.java#ff4040
token.package.keyword#fff33e
token.package#ffffff
entity.name.function, meta.require, support.function.any-method, variable.function#008cff
entity.name.type.namespace#ff4040
support.class, entity.name.type.class#ff4040
entity.name.class.identifier.namespace.type#ff4040
entity.name.class, variable.other.class.js, variable.other.class.ts#ff4040
variable.other.class.php#ff4eb2
entity.name.type#ff4040
keyword.control#fff33e
control.elements, keyword.operator.less#ff7c00
keyword.other.special-method#008cff
storage#fff33e
token.storage#fff33e
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#fff33e
token.storage.type.java#ff4040
support.function#ffffff
support.type.property-name#ffffff
support.constant.property-value#ffffff
support.constant.font-name#ff7c00
meta.tag#ffffff
string#b1ffd3
entity.other.inherited-class#ff4040
constant.other.symbol#ffffff
constant.numeric#ff7c00
constant#ff7c00
punctuation.definition.constant#ff7c00
entity.name.tag#ff4eb2
entity.other.attribute-name#ff7c00
entity.other.attribute-name.id#008cffnormal
entity.other.attribute-name.class.css#ff7c00normal
meta.selector#fff33e
markup.heading#ff4eb2
markup.heading punctuation.definition.heading, entity.name.section#008cff
keyword.other.unit#ff4eb2
markup.bold,todo.bold#ff7c00
punctuation.definition.bold#ff4040
markup.italic, punctuation.definition.italic,todo.emphasis#fff33e
emphasis md#fff33e
entity.name.section.markdown#ff4eb2
punctuation.definition.heading.markdown#ff4eb2
punctuation.definition.list.begin.markdown#ff4eb2
markup.heading.setext#ffffff
punctuation.definition.bold.markdown#ff7c00
markup.inline.raw.markdown#b1ffd3
markup.inline.raw.string.markdown#b1ffd3
punctuation.definition.list.markdown#ff4eb2
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ff4eb2
beginning.punctuation.definition.list.markdown#ff4eb2
punctuation.definition.metadata.markdown#ff4eb2
markup.underline.link.markdown,markup.underline.link.image.markdown#fff33e
string.other.link.title.markdown,string.other.link.description.markdown#008cff
string.regexp#ffffff
constant.character.escape#ffffff
punctuation.section.embedded, variable.interpolation#ff4eb2
punctuation.section.embedded.begin,punctuation.section.embedded.end#fff33e
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#ffffff
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ff4eb2
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ff4eb2
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#b1ffd3
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ffffff
support.type.property-name.json#ff4eb2
support.type.property-name.json punctuation#ff4eb2
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#fff33e
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#fff33e
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#ff4040
keyword.operator.error-control.php#fff33e
keyword.operator.type.php#fff33e
punctuation.section.array.begin.php#ffffff
punctuation.section.array.end.php#ffffff
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#ff4040
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#008cff
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#ffffff
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#008cff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#ffffff
keyword.operator.regexp.php#fff33e
keyword.operator.comparison.php#ffffff
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#fff33e
meta.function.decorator.python#008cff
support.token.decorator.python,meta.function.decorator.identifier.python#ffffff
function.parameter#ffffff
function.brace#ffffff
function.parameter.ruby, function.parameter.cs#ffffff
constant.language.symbol.ruby#ffffff
rgb-value#ffffff
inline-color-decoration rgb-value#ff7c00
less rgb-value#ff7c00
selector.sass#ff4eb2
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ff4040
block.scope.end,block.scope.begin#ffffff
storage.type.cs#ff4040
entity.name.variable.local.cs#ff4eb2
token.info-token#008cff
token.warn-token#ff7c00
token.error-token#f44747
token.debug-token#fff33e
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#fff33e
meta.template.expression#ffffff
keyword.operator.module#fff33e
support.type.type.flowtype#008cff
support.type.primitive#ff4040
meta.property.object#ff4eb2
variable.parameter.function.js#ff4eb2
keyword.other.template.begin#b1ffd3
keyword.other.template.end#b1ffd3
keyword.other.substitution.begin#b1ffd3
keyword.other.substitution.end#b1ffd3
keyword.operator.assignment#ffffff
keyword.operator.assignment.go#ff4040
keyword.operator.arithmetic.go, keyword.operator.address.go#fff33e
entity.name.package.go#ff4040
support.type.prelude.elm#ffffff
support.constant.elm#ff7c00
punctuation.quasi.element#fff33e
constant.character.entity#ff4eb2
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ffffff
entity.global.clojure#ff4040
meta.symbol.clojure#ff4eb2
constant.keyword.clojure#ffffff
meta.arguments.coffee, variable.parameter.function.coffee#ff4eb2
source.ini#b1ffd3
meta.scope.prerequisites.makefile#ff4eb2
source.makefile#ff4040
storage.modifier.import.groovy#ff4040
meta.method.groovy#008cff
meta.definition.variable.name.groovy#ff4eb2
meta.definition.class.inherited.classes.groovy#b1ffd3
support.variable.semantic.hlsl#ff4040
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#fff33e
text.variable, text.bracketed#ff4eb2
support.type.swift, support.type.vb.asp#ff4040
entity.name.function.xi#ff4040
entity.name.class.xi#ffffff
constant.character.character-class.regexp.xi#ff4eb2
constant.regexp.xi#fff33e
keyword.control.xi#ffffff
invalid.xi#ffffff
beginning.punctuation.definition.quote.markdown.xi#b1ffd3
beginning.punctuation.definition.list.markdown.xi#007924
constant.character.xi#008cff
accent.xi#008cff
wikiword.xi#ff7c00
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#007924
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ff4040
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ff4eb2
meta.brace.square#ffffff
comment, punctuation.definition.comment#007924italic
markup.quote.markdown#007924
punctuation.definition.block.sequence.item.yaml#ffffff
constant.language.symbol.elixir#ffffff
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...

Fallout-Dark by valentine samuel - VS Code Theme