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#000000
  • activityBar.background#000000
  • activityBar.border#000000
  • activityBar.foreground#9a55ff
  • activityBar.inactiveForeground#242424
  • activityBarBadge.background#00000000
  • activityBarBadge.foreground#9a55ff
  • badge.background#000000
  • badge.foreground#9a55ff
  • breadcrumb.activeSelectionForeground#242424
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#242424
  • breadcrumb.foreground#242424
  • button.background#000000
  • button.foreground#9a55ff
  • button.hoverBackground#000000
  • button.secondaryBackground#000000
  • button.secondaryForeground#9a55ff
  • button.secondaryHoverBackground#000000
  • checkbox.background#000000
  • checkbox.border#000000
  • checkbox.foreground#b2b2b2
  • debugExceptionWidget.background#000000
  • debugExceptionWidget.border#000000
  • debugToolBar.background#000000
  • debugToolBar.border#000000
  • diffEditor.border#000000
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#000000
  • dropdown.border#000000
  • dropdown.foreground#b2b2b2
  • editor.background#000000
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#b2b2b2
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#000000
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#264f78
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#242424
  • editorCursor.background#000000
  • editorCursor.foreground#b2b2b2
  • editorError.background#B73A3400
  • editorError.border#00000000
  • editorError.foreground#f48771
  • editorGroup.border#000000
  • editorGroup.emptyBackground#000000
  • editorGroupHeader.border#000000
  • editorGroupHeader.tabsBackground#000000
  • editorGroupHeader.tabsBorder#000000
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#000000
  • editorGutter.commentRangeForeground#242424
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#242424
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#000000
  • editorHoverWidget.border#000000
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#000000
  • editorIndentGuide.background#000000
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#b2b2b2
  • editorLineNumber.foreground#242424
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#000000
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#000000
  • editorSuggestWidget.background#000000
  • editorSuggestWidget.border#000000
  • editorSuggestWidget.foreground#b4b4b4
  • editorSuggestWidget.highlightForeground#9a55ff
  • editorSuggestWidget.selectedBackground#171717
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#000000
  • editorWidget.foreground#b2b2b2
  • editorWidget.resizeBorder#000000
  • focusBorder#000000
  • foreground#b2b2b2
  • 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#73c991
  • icon.foreground#b2b2b2
  • input.background#000000
  • input.border#000000
  • input.foreground#b2b2b2
  • input.placeholderForeground#ffffff
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#080808
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#080808
  • list.focusBackground#062f4a
  • list.focusForeground#b2b2b2
  • list.highlightForeground#9a55ff
  • list.hoverBackground#000000
  • list.hoverForeground#9a55ff
  • list.inactiveSelectionBackground#000000
  • list.inactiveSelectionForeground#9a55ff
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#000000
  • menu.border#000000
  • menu.foreground#b2b2b2
  • menu.selectionBackground#000000
  • menu.selectionBorder#000000
  • menu.selectionForeground#9a55ff
  • menu.separatorBackground#000000
  • menubar.selectionBackground#000000
  • menubar.selectionBorder#000000
  • menubar.selectionForeground#9a55ff
  • merge.commonContentBackground#242424
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#000000
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#264f78
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#000000
  • notificationCenterHeader.background#000000
  • notificationCenterHeader.foreground#242424
  • notifications.background#000000
  • notifications.border#000000
  • notifications.foreground#b2b2b2
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#000000
  • panel.background#000000
  • panel.border#000000
  • panelSection.border#80808059
  • panelTitle.activeBorder#000000
  • panelTitle.activeForeground#b2b2b2
  • panelTitle.inactiveForeground#242424
  • peekView.border#000000
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#000000
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#000000
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#000000
  • pickerGroup.foreground#3794ff
  • progressBar.background#9a55ff
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#b2b2b2
  • sideBar.background#000000
  • sideBar.border#000000
  • sideBar.dropBackground#080808
  • sideBar.foreground#b2b2b2
  • sideBarSectionHeader.background#000000
  • sideBarSectionHeader.border#000000
  • sideBarSectionHeader.foreground#242424
  • sideBarTitle.foreground#000000
  • statusBar.background#000000
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#242424
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#000000
  • statusBarItem.remoteForeground#242424
  • tab.activeBackground#000000
  • tab.activeBorder#9a55ff
  • tab.activeBorderTop#000000
  • tab.activeForeground#b2b2b2
  • tab.border#000000
  • tab.hoverBackground#000000
  • tab.hoverBorder#9a55ff
  • tab.inactiveBackground#000000
  • tab.inactiveForeground#242424
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#6f6f6f
  • 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#b2b2b2
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#9a55ff
  • terminalCursor.foreground#000000
  • textLink.foreground#9a55ff
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#242424
  • titleBar.border#000000
  • titleBar.inactiveBackground#000000
  • titleBar.inactiveForeground#242424
  • tree.indentGuidesStroke#000000
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#000000

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