Skip to main content
Coding Theme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • actionBar.toggledBackground#383a49
  • activityBar.activeBorder#F9826C
  • activityBar.background#303845
  • activityBar.border#505050
  • activityBar.foreground#D7DAE0
  • activityBar.inactiveForeground#6a737d
  • activityBarBadge.background#528BFF
  • activityBarBadge.foreground#F8FAFD
  • badge.background#528BFF
  • badge.foreground#c8e1ff
  • breadcrumb.activeSelectionForeground#d1d5da
  • breadcrumb.focusForeground#dddddd
  • breadcrumb.foreground#959da5
  • breadcrumbPicker.background#2b3036
  • button.background#176F2C
  • button.foreground#dcffe4
  • button.hoverBackground#22863a
  • button.secondaryBackground#444d56
  • button.secondaryForeground#fff
  • button.secondaryHoverBackground#586069
  • checkbox.background#444d56
  • checkbox.border#505050
  • debugToolBar.background#2c313c
  • descriptionForeground#959da5
  • diffEditor.insertedTextBackground#00809B33
  • diffEditor.removedTextBackground#d73a4930
  • dropdown.background#2C323C
  • dropdown.border#505050
  • dropdown.foreground#dddddd
  • dropdown.listBackground#24292e
  • editor.background#303845
  • editor.findMatchBackground#42557B
  • editor.findMatchBorder#7160e8
  • editor.findMatchHighlightBackground#314365dd
  • editor.focusedStackFrameHighlightBackground#2b6a3033
  • editor.foreground#dddddd
  • editor.inactiveSelectionBackground#3392FF22
  • editor.lineHighlightBackground#404b5c
  • editor.lineHighlightBorder#556278
  • editor.linkedEditingBackground#3392FF22
  • editor.selectionBackground#67769660
  • editor.selectionHighlightBackground#ffffff10
  • editor.selectionHighlightBorder#ddd
  • editor.stackFrameHighlightBackground#C6902625
  • editor.wordHighlightBackground#484e5bdd
  • editor.wordHighlightBorder#7f848e
  • editor.wordHighlightStrongBackground#abb2bf26
  • editor.wordHighlightStrongBorder#7f848e
  • editorBracketMatch.background#515a6b
  • editorBracketMatch.border#515a6b
  • editorCursor.background#ffffffc9
  • editorCursor.foreground#528bff
  • editorError.foreground#c24038
  • editorGroup.border#666666
  • editorGroupHeader.border#505050
  • editorGroupHeader.tabsBackground#2c313c
  • editorGroupHeader.tabsBorder#505050
  • editorGutter.addedBackground#28a745
  • editorGutter.deletedBackground#ea4a5a
  • editorGutter.modifiedBackground#2188ff
  • editorHoverWidget.background#2c313c
  • editorHoverWidget.border#666666
  • editorIndentGuide.activeBackground1#909039
  • editorIndentGuide.background1#626772
  • editorInlayHint.background#5d6e4a
  • editorInlayHint.foreground#dae6e7
  • editorLineNumber.activeForeground#F9826C
  • editorLineNumber.foreground#737984
  • editorMarkerNavigation.background#2c313c
  • editorOverviewRuler.border#505050
  • editorRuler.foreground#abb2bf26
  • editorSuggestWidget.background#2D3440
  • editorSuggestWidget.border#303845
  • editorSuggestWidget.foreground#D8D9DC
  • editorSuggestWidget.selectedBackground#4c5464
  • editorWarning.foreground#ffea7f
  • editorWhitespace.foreground#303845
  • editorWidget.background#2c313c
  • editorWidget.border#505050
  • errorForeground#f97583
  • focusBorder#7160e8
  • foreground#d1d5da
  • gitDecoration.addedResourceForeground#34d058
  • gitDecoration.conflictingResourceForeground#ffab70
  • gitDecoration.deletedResourceForeground#ea4a5a
  • gitDecoration.ignoredResourceForeground#6a737d
  • gitDecoration.modifiedResourceForeground#FFD700
  • gitDecoration.submoduleResourceForeground#6a737d
  • gitDecoration.untrackedResourceForeground#34d058
  • inlineChatInput.border#505050
  • input.background#2c313c
  • input.border#505050
  • input.foreground#dddddd
  • input.placeholderForeground#BBBBBB
  • list.activeSelectionBackground#4c5464
  • list.activeSelectionForeground#d7dae0
  • list.activeSelectionIconForeground#FFF
  • list.dropBackground#383B3D
  • list.focusBackground#4c5464
  • list.highlightForeground#C5C5C5
  • list.hoverBackground#3a4656
  • list.hoverForeground#dddddd
  • list.inactiveFocusBackground#1d2d3e
  • list.inactiveSelectionBackground#4c5464
  • list.inactiveSelectionForeground#d7dae0
  • menu.background#2D3440
  • menu.border#454545
  • menu.foreground#dddddd
  • menu.selectionBackground#0078D4
  • menu.separatorBackground#575658
  • notificationCenterHeader.background#24292e
  • notificationCenterHeader.foreground#959da5
  • notifications.background#2f363d
  • notifications.border#505050
  • notifications.foreground#dddddd
  • notificationsErrorIcon.foreground#ea4a5a
  • notificationsInfoIcon.foreground#3794FF
  • notificationsWarningIcon.foreground#ffab70
  • panel.border#505050
  • panelInput.border#2f363d
  • panelTitle.activeBorder#F9826C
  • panelTitle.activeForeground#dddddd
  • panelTitle.inactiveForeground#959da5
  • peekView.border#A2A8B0
  • peekViewEditor.background#303845
  • peekViewEditor.matchHighlightBackground#455064
  • peekViewResult.background#303842
  • peekViewResult.matchHighlightBackground#ffd33d33
  • peekViewResult.selectionBackground#4c5870
  • peekViewTitle.background#30353B
  • peekViewTitleLabel.foreground#E8EAED
  • pickerGroup.border#575658
  • pickerGroup.foreground#dddddd
  • ports.iconRunningProcessForeground#369432
  • progressBar.background#0366d6
  • quickInput.background#303845
  • quickInput.foreground#dddddd
  • scrollbar.shadow#0008
  • scrollbarSlider.activeBackground#535a69
  • scrollbarSlider.background#535a69
  • scrollbarSlider.hoverBackground#535a69
  • settings.headerForeground#dddddd
  • settings.modifiedItemIndicator#0366d6
  • sideBar.background#2D3440
  • sideBar.border#505050
  • sideBar.foreground#d1d5da
  • sideBarSectionHeader.background#2D3440
  • sideBarSectionHeader.border#505050
  • sideBarSectionHeader.foreground#dddddd
  • sideBarTitle.foreground#dddddd
  • statusBar.background#394254
  • statusBar.border#505050
  • statusBar.debuggingBackground#FD716C
  • statusBar.debuggingBorder#515761
  • statusBar.debuggingForeground#eeeeee
  • statusBar.focusBorder#8292ac
  • statusBar.foreground#9DA5B4
  • statusBar.noFolderBackground#2c313c
  • statusBar.noFolderBorder#505050
  • statusBarItem.focusBorder#8292ac
  • statusBarItem.hoverBackground#59769b
  • statusBarItem.prominentBackground#282e34
  • statusBarItem.remoteBackground#528BFF
  • statusBarItem.remoteForeground#d1d5da
  • tab.activeBackground#3B4252
  • tab.activeBorder#505050
  • tab.activeBorderTop#F9826C
  • tab.border#505050
  • tab.hoverBackground#323842
  • tab.inactiveBackground#2B303B
  • tab.inactiveForeground#DDDEE0
  • tab.lastPinnedBorder#ccc3
  • tab.selectedBackground#222222
  • tab.selectedForeground#ffffffa0
  • tab.unfocusedActiveBorder#505050
  • tab.unfocusedActiveBorderTop#505050
  • tab.unfocusedHoverBackground#323842
  • terminal.ansiBlack#2D3139
  • terminal.ansiBlue#61AFEF
  • terminal.ansiBrightBlack#959da5
  • terminal.ansiBrightBlue#46abe4
  • terminal.ansiBrightCyan#56d4dd
  • terminal.ansiBrightGreen#85e89d
  • terminal.ansiBrightMagenta#CAA6ED
  • terminal.ansiBrightRed#f97583
  • terminal.ansiBrightWhite#fafbfc
  • terminal.ansiBrightYellow#ffea7f
  • terminal.ansiCyan#39c5cf
  • terminal.ansiGreen#92D69E
  • terminal.ansiMagenta#CAA6ED
  • terminal.ansiRed#ea4a5a
  • terminal.ansiWhite#d1d5da
  • terminal.ansiYellow#EBB07A
  • terminal.foreground#C8C8C8
  • terminal.inactiveSelectionBackground#3A3D41
  • terminal.tab.activeBorder#F9826C
  • terminalCursor.background#586069
  • terminalCursor.foreground#8b68b3
  • textBlockQuote.background#24292e
  • textBlockQuote.border#444d56
  • textCodeBlock.background#2f363d
  • textLink.activeForeground#c8e1ff
  • textLink.foreground#3794FF
  • textPreformat.foreground#d1d5da
  • textSeparator.foreground#586069
  • titleBar.activeBackground#303845
  • titleBar.activeForeground#9da5b4
  • titleBar.border#505050
  • titleBar.inactiveBackground#303845
  • titleBar.inactiveForeground#9da5b4
  • tree.indentGuidesStroke#d0fffa
  • widget.border#303031

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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

Shiki preview

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

Loading...

PinkDopeyBug - Coding Theme