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#5476ff70
  • activityBar.background#000000
  • activityBar.border#cb353500
  • activityBar.foreground#325bff
  • activityBar.inactiveForeground#325bfff9
  • activityBarBadge.background#325bff
  • activityBarBadge.foreground#ffffff
  • badge.background#5476ff70
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#5476ff
  • button.background#5476ff70
  • button.foreground#ffffff
  • button.hoverBackground#5476ff
  • button.secondaryBackground#5476ff70
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#5476ff
  • checkbox.background#5476ff12
  • checkbox.border#ffffff00
  • checkbox.foreground#ffffff
  • debugExceptionWidget.background#000000
  • debugExceptionWidget.border#5476ff
  • debugToolBar.background#000000
  • debugToolBar.border#5476ff
  • diffEditor.border#cb282800
  • diffEditor.insertedTextBackground#5476ff70
  • diffEditor.insertedTextBorder#c2070700
  • diffEditor.removedTextBackground#7400ff50
  • diffEditor.removedTextBorder#8a585800
  • dropdown.background#5476ff12
  • dropdown.border#ffffff00
  • dropdown.foreground#ffffff
  • editor.background#000000
  • editor.findMatchBackground#5476ff70
  • editor.findMatchBorder#5476ff70
  • editor.findMatchHighlightBackground#5476ff70
  • editor.findMatchHighlightBorder#92404000
  • editor.findRangeHighlightBackground#5476ff70
  • editor.findRangeHighlightBorder#922b2b00
  • editor.foldBackground#5476ff70
  • editor.foreground#ffe300
  • editor.hoverHighlightBackground#5476ff70
  • editor.inactiveSelectionBackground#5476ff70
  • editor.lineHighlightBackground#5476ff4e
  • editor.lineHighlightBorder#77303000
  • editor.rangeHighlightBackground#b640400b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#5476ff70
  • editor.selectionHighlightBackground#5476ff70
  • editor.selectionHighlightBorder#052b5400
  • editor.wordHighlightBackground#5476ff70
  • editor.wordHighlightBorder#92292900
  • editor.wordHighlightStrongBackground#5476ff70
  • editor.wordHighlightStrongBorder#824a4a00
  • editorBracketMatch.background#5476ff70
  • editorBracketMatch.border#62212100
  • editorCodeLens.foreground#5476ff
  • editorCursor.background#ffffff
  • editorCursor.foreground#ffffff
  • editorError.background#88241f00
  • editorError.border#ffffff00
  • editorError.foreground#ff2b00
  • editorGroup.border#a3333300
  • editorGroup.emptyBackground#000000
  • editorGroupHeader.border#ff000000
  • editorGroupHeader.tabsBackground#000000
  • editorGroupHeader.tabsBorder#ff000000
  • editorGutter.addedBackground#5476ff
  • editorGutter.background#000000
  • editorGutter.commentRangeForeground#5476ff
  • editorGutter.deletedBackground#5476ff
  • editorGutter.foldingControlForeground#5476ff
  • editorGutter.modifiedBackground#5476ff
  • editorHoverWidget.background#000000
  • editorHoverWidget.border#5476ff
  • editorHoverWidget.foreground#ffffff
  • editorIndentGuide.activeBackground#5476ff
  • editorIndentGuide.background#5476ff
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#2cff00
  • editorLineNumber.activeForeground#ffffff
  • editorLineNumber.foreground#5476ff
  • editorLink.activeForeground#be00d9
  • editorMarkerNavigation.background#000000
  • editorMarkerNavigationError.background#5476ff
  • editorMarkerNavigationInfo.background#5476ff
  • editorMarkerNavigationWarning.background#5476ff
  • editorOverviewRuler.background#5476ff70
  • editorOverviewRuler.border#3d1f1f00
  • editorRuler.foreground#750f0f00
  • editorSuggestWidget.background#000000
  • editorSuggestWidget.border#5476ff
  • editorSuggestWidget.foreground#ffffff
  • editorSuggestWidget.highlightForeground#5476ff
  • editorSuggestWidget.selectedBackground#5476ff70
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#f7ff00
  • editorWhitespace.foreground#ffffff
  • editorWidget.background#000000
  • editorWidget.foreground#ffffff
  • editorWidget.resizeBorder#5476ff
  • focusBorder#527dff00
  • foreground#325bfff9
  • 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#325bfff9
  • input.background#5476ff12
  • input.border#ffffff00
  • input.foreground#ffffff
  • input.placeholderForeground#ffffff
  • inputOption.activeBackground#5476ff70
  • inputOption.activeBorder#51779000
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#5476ff70
  • list.activeSelectionForeground#14ff00
  • list.dropBackground#5476ff70
  • list.focusBackground#5476ff70
  • list.focusForeground#ffffff
  • list.highlightForeground#5476ff
  • list.hoverBackground#5476ff70
  • list.hoverForeground#68ff00
  • list.inactiveSelectionBackground#5476ff70
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#5476ff70
  • listFilterWidget.noMatchesOutline#5476ff
  • listFilterWidget.outline#5476ff
  • menu.background#000000
  • menu.border#5476ff
  • menu.foreground#5476ff
  • menu.selectionBackground#5476ff70
  • menu.selectionBorder#5476ff00
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#5476ff
  • menubar.selectionBackground#5476ff70
  • menubar.selectionBorder#0034ff00
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#491717
  • merge.commonHeaderBackground#5476ff
  • merge.currentContentBackground#000000
  • merge.currentHeaderBackground#5476ff
  • merge.incomingContentBackground#000000
  • merge.incomingHeaderBackground#5476ff
  • minimap.background#000000
  • minimap.errorHighlight#ff2b00
  • minimap.findMatchHighlight#5476ff70
  • minimap.selectionHighlight#5476ff70
  • minimap.warningHighlight#f7ff00
  • minimapGutter.addedBackground#5476ff
  • minimapGutter.deletedBackground#5476ff
  • minimapGutter.modifiedBackground#5476ff
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#000000
  • notifications.border#303031
  • notifications.foreground#5476ff
  • notificationsErrorIcon.foreground#ffffff
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#5476ff
  • panel.background#000000
  • panel.border#d5000000
  • panelSection.border#cb3e3e00
  • panelTitle.activeBorder#5476ff
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#5476ff
  • peekView.border#5476ff
  • peekViewEditor.background#000000
  • peekViewEditor.matchHighlightBackground#5476ff70
  • peekViewEditor.matchHighlightBorder#5476ff70
  • peekViewEditorGutter.background#000000
  • peekViewResult.background#000000
  • peekViewResult.fileForeground#5476ff
  • peekViewResult.lineForeground#ffffff
  • peekViewResult.matchHighlightBackground#5476ff70
  • peekViewResult.selectionBackground#5476ff70
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#000000
  • peekViewTitleDescription.foreground#ffffffb3
  • peekViewTitleLabel.foreground#5476ff
  • pickerGroup.border#5476ff00
  • pickerGroup.foreground#5476ff
  • progressBar.background#325bfff9
  • scrollbar.shadow#0040fff9
  • scrollbarSlider.activeBackground#771aff
  • scrollbarSlider.background#5476ff70
  • scrollbarSlider.hoverBackground#5476ff
  • selection.background#325bfff9
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#325bfff9
  • sideBar.background#000000
  • sideBar.border#000000
  • sideBar.dropBackground#5476ff70
  • sideBar.foreground#527dfff9
  • sideBarSectionHeader.background#5476ff70
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#5476ff
  • statusBar.background#000000
  • statusBar.border#ff000000
  • statusBar.debuggingBackground#000000
  • statusBar.debuggingBorder#00000000
  • statusBar.debuggingForeground#5476ff70
  • statusBar.foreground#5476ff
  • statusBar.noFolderBackground#000000
  • statusBar.noFolderBorder#00000000
  • statusBar.noFolderForeground#5476ff70
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#5476ff70
  • statusBarItem.remoteBackground#000000
  • statusBarItem.remoteForeground#5476ff
  • tab.activeBackground#5476ff70
  • tab.activeBorder#5476ff00
  • tab.activeBorderTop#b8292900
  • tab.activeForeground#ffffff
  • tab.border#00000000
  • tab.hoverBackground#5476ff70
  • tab.hoverBorder#5476ff
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#000000
  • tab.inactiveForeground#5476ff
  • 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#cb3e3e00
  • terminal.foreground#cccccc
  • terminal.selectionBackground#5476ff70
  • terminalCursor.background#5476ff70
  • terminalCursor.foreground#ffffff
  • textLink.foreground#905eff
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#5476ff
  • titleBar.border#ff6f6f00
  • titleBar.inactiveBackground#000000
  • titleBar.inactiveForeground#5476ff
  • tree.indentGuidesStroke#5476ff
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#5476ff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Satoru-Gojo-theme by Gustavo Cezar de Almeida - VS Code Theme