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.

  • activityBar.activeBackground#192330
  • activityBar.activeBorder#fff
  • activityBar.background#000
  • activityBar.border#3a3d41
  • activityBar.foreground#dedede
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#ff5874
  • activityBarBadge.foreground#000
  • badge.background#ff5874
  • badge.foreground#000815
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#151515
  • breadcrumb.focusForeground#e5e5e5
  • breadcrumb.foreground#999
  • button.background#ffcb8b
  • button.foreground#151515
  • button.hoverBackground#ffcb8b
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#c5c5c5
  • button.secondaryHoverBackground#373737
  • checkbox.background#151515
  • checkbox.border#ffcb8b5d
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#00060f
  • debugExceptionWidget.border#47474700
  • debugToolBar.background#333
  • debugToolBar.border#3a3d41
  • diffEditor.border#303132
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#151515
  • dropdown.border#ffcb8b5d
  • dropdown.foreground#cccccc
  • editor.background#151515
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#ffffff
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#212e3f
  • editor.lineHighlightBorder#3a3d41
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#1b374e60
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#1b374e60
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#f78c6c
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#44444400
  • editorGroup.emptyBackground#000000
  • editorGroupHeader.border#3a3d41
  • editorGroupHeader.tabsBackground#000
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#151515
  • editorGutter.commentRangeForeground#ff5874
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#ff5874
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#00060f
  • editorHoverWidget.border#45454500
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground1#82aaff
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#00060f
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#00060f
  • editorSuggestWidget.border#45454500
  • editorSuggestWidget.foreground#98b5f3
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#ccc
  • editorWidget.resizeBorder#5f5f5f
  • focusBorder#2f292a
  • foreground#e5e5e5
  • 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#cccccc
  • input.background#0F0E0E
  • input.border#ffcb8b5d
  • input.foreground#999
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#202123
  • inputOption.activeBorder#3a3d41
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#192330
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#151515
  • list.focusBackground#e5e5e51a
  • list.focusForeground#808080
  • list.highlightForeground#e5e5e5
  • list.hoverBackground#192330
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#192330
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#373737
  • menu.border#3a3d41
  • menu.foreground#e5e5e5
  • menu.selectionBackground#e5e5e51a
  • menu.selectionBorder#3a3d41
  • menu.selectionForeground#e5e5e5
  • menu.separatorBackground#bbbbbb24
  • menubar.selectionBackground#e5e5e51a
  • menubar.selectionForeground#c5c5c5
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#000815
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#264f78
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#212e3f
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#212e3f
  • notifications.border#3a3d41
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#9cc2d8
  • panel.background#151515
  • panel.border#3a3d41
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#1b374e60
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3a3d41
  • pickerGroup.foreground#3794ff
  • progressBar.background#ffcb8b
  • scrollbar.shadow#0000007e
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#6f6f6f
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#000
  • sideBar.border#3a3d41
  • sideBar.dropBackground#00050d
  • sideBar.foreground#999
  • sideBarSectionHeader.background#151515
  • sideBarSectionHeader.border#3a3d41
  • sideBarSectionHeader.foreground#e5e5e5
  • sideBarTitle.foreground#e5e5e5
  • statusBar.background#000
  • statusBar.border#3a3d41
  • statusBar.debuggingBackground#563300
  • statusBar.debuggingForeground#999
  • statusBar.foreground#808080
  • statusBar.noFolderBackground#5d3fe0
  • statusBar.noFolderForeground#e5e5e5
  • statusBarItem.hoverBackground#192330
  • statusBarItem.remoteBackground#ff5874
  • statusBarItem.remoteForeground#151515
  • tab.activeBackground#151515
  • tab.activeBorder#ffcb8b
  • tab.activeBorderTop#00000000
  • tab.activeForeground#e5e5e5
  • tab.border#3a3d41
  • tab.hoverBackground#E5E5E51A
  • tab.inactiveBackground#000
  • tab.inactiveForeground#999
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#00bff8
  • terminal.ansiBrightBlack#cfcfcf
  • terminal.ansiBrightBlue#00bff8
  • terminal.ansiBrightCyan#46d9ff
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#da8548
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#ecbe7b
  • terminal.ansiCyan#46d9ff
  • terminal.ansiGreen#23d18b
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#da8548
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#ecbe7b
  • terminal.border#3a3d41
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ad81ff27
  • terminalCursor.background#131a24
  • terminalCursor.foreground#f48771
  • textLink.foreground#e5e5e5
  • titleBar.activeBackground#000
  • titleBar.activeForeground#808080
  • titleBar.border#3a3d41
  • titleBar.inactiveBackground#000
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#192330
  • 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#c3ccdc
variable.other.generic-type.haskell#c792ea
storage.type.haskell#fb5474
support.variable.magic.python#c3ccdc
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#e9e4cf
variable.parameter.function.language.special.self.python#66ffb4
storage.modifier.lifetime.rust#e9e4cf
support.function.std.rust#6ecdff
entity.name.lifetime.rust#66ffb4
variable.language.rust#c3ccdc
support.constant.edge#c792ea
constant.other.character-class.regexp#c3ccdc
keyword.operator.quantifier.regexp#fb5474
punctuation.definition.string.begin,punctuation.definition.string.end#ffcb8b
variable.parameter.function#e9e4cf
comment markup.link#7f848e
markup.changed.diff#66ffb4
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#6ecdff
markup.inserted.diff#ffcb8b
markup.deleted.diff#c3ccdc
meta.function.c,meta.function.cpp#c3ccdc
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#e9e4cf
punctuation.separator.key-value#e9e4cf
keyword.operator.expression.import#6ecdff
support.constant.math#66ffb4
support.constant.property.math#fb5474
variable.other.constant#66ffb4
storage.type.annotation.java, storage.type.object.array.java#66ffb4
source.java#c3ccdc
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#e9e4cf
meta.method.java#6ecdff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#66ffb4
keyword.operator.instanceof.java#c792ea
meta.definition.variable.name.java#c3ccdc
keyword.operator.logical#fb5474
keyword.operator.bitwise#fb5474
keyword.operator.channel#fb5474
support.constant.property-value.scss,support.constant.property-value.css#d6deeb
support.type.property-name.css#7fdbca
keyword.operator.css,keyword.operator.scss,keyword.operator.less#f78c6c
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#f78c6c
punctuation.separator.list.comma.css#f78c6c
support.constant.color.w3c-standard-color-name.css#f78c6c
support.type.vendored.property-name.css#f78c6c
support.module.node,support.type.object.module,support.module.node#66ffb4
entity.name.type.module#66ffb4
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#c3ccdc
support.constant.json#fb5474
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#c792ea
support.type.object.console#c3ccdc
support.variable.property.process#fb5474
entity.name.function,support.function.console#6ecdff
keyword.operator.misc.rust#e9e4cf
keyword.operator.sigil.rust#c792ea
keyword.operator.delete#c792ea
support.type.object.dom#fb5474
support.variable.dom,support.variable.property.dom#c3ccdc
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#fb5474
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#c792ea
punctuation.separator.delimiter#e9e4cf
punctuation.separator.c,punctuation.separator.cpp#c792ea
support.type.posix-reserved.c,support.type.posix-reserved.cpp#fb5474
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#c792ea
variable.parameter.function.language.python#fb5474
support.type.python#fb5474
keyword.operator.logical.python#c792ea
variable.parameter.function.python#fb5474
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#e9e4cf
meta.function-call.generic.python#6ecdff
constant.character.format.placeholder.other.python#fb5474
keyword.operator#e9e4cf
keyword.operator.assignment.compound#c792ea
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#fb5474
keyword#fb5474
entity.name.namespace#66ffb4
variable#c3ccdc
variable.c#e9e4cf
variable.language#66ffb4
token.variable.parameter.java#e9e4cf
import.storage.java#66ffb4
token.package.keyword#c792ea
token.package#e9e4cf
entity.name.function, meta.require, support.function.any-method, variable.function#6ecdff
entity.name.type.namespace#66ffb4
support.class, entity.name.type.class#66ffb4
entity.name.class.identifier.namespace.type#66ffb4
entity.name.class, variable.other.class.js, variable.other.class.ts#66ffb4
variable.other.class.php#c3ccdc
entity.name.type#66ffb4
keyword.control#c792ea
control.elements, keyword.operator.less#fb5474
keyword.other.special-method#6ecdff
storage#c792ea
token.storage#c792ea
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#c792ea
token.storage.type.java#66ffb4
support.function#fb5474
support.type.property-name#d6deeb
support.constant.property-value#d6deeb
support.constant.font-name#fb5474
meta.tag#e9e4cf
string#ffcb8b
entity.other.inherited-class#66ffb4
constant.other.symbol#fb5474
constant.numeric#f78c6c
constant#fb5474
punctuation.definition.constant#fb5474
entity.name.tag#c3ccdc
entity.other.attribute-name#fb5474
entity.other.attribute-name.id#6ecdffbold
entity.other.attribute-name.class.css#f78c6cbold
meta.selector#c792ea
markup.heading#c3ccdc
markup.heading punctuation.definition.heading, entity.name.section#6ecdff
keyword.other.unit#c3ccdc
markup.bold,todo.bold#fb5474
punctuation.definition.bold#66ffb4
markup.italic, punctuation.definition.italic,todo.emphasis#c792ea
emphasis md#c792ea
entity.name.section.markdown#c3ccdc
punctuation.definition.heading.markdown#c3ccdc
punctuation.definition.list.begin.markdown#c3ccdc
markup.heading.setext#e9e4cf
punctuation.definition.bold.markdown#fb5474
markup.inline.raw.markdown#ffcb8b
markup.inline.raw.string.markdown#ffcb8b
punctuation.definition.list.markdown#c3ccdc
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#c3ccdc
beginning.punctuation.definition.list.markdown#c3ccdc
punctuation.definition.metadata.markdown#c3ccdc
markup.underline.link.markdown,markup.underline.link.image.markdown#c792ea
string.other.link.title.markdown,string.other.link.description.markdown#6ecdff
string.regexp#fb5474
constant.character.escape#fb5474
punctuation.section.embedded, variable.interpolation#c3ccdc
punctuation.section.embedded.begin,punctuation.section.embedded.end#c792ea
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#e9e4cf
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#c3ccdc
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#c3ccdc
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#ffcb8b
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#fb5474
support.type.property-name.json#c3ccdc
support.type.property-name.json punctuation#c3ccdc
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#c792ea
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#c792ea
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#66ffb4
keyword.operator.error-control.php#c792ea
keyword.operator.type.php#c792ea
punctuation.section.array.begin.php#e9e4cf
punctuation.section.array.end.php#e9e4cf
invalid.illegal.non-null-typehinted.php#f44747
source.shell#7fdbca
support.function.builtin.shell,meta.scope.group.shell,punctuation.section.function.elixir,#82aaff
meta.scope.group.shell,entity.name.variable.property.cs,support.function.kotlin#7fdbca
keyword.control.directive.include.c,keyword.control.directive.include.cpp,keyword.operator.other.elixir,keyword.import.go,keyword.package.go,keyword.operator.arithmetic.scala,keyword.control.import.swift#ff5874
storage.type.built-in.primitive.c,storage.type.built-in.c,constant.language.c,storage.type.built-in.primitive.cpp,keyword.type.cs,punctuation.accessor.cs,variable.other.object.cs,storage.type.boolean.go,storage.type.numeric.go,storage.type.string.go,variable.other.object.java,storage.type.built-in.primitive.objc#21c7a8
constant.language.c,constant.numeric.decimal.c,punctuation.terminator.statement.cs,constant.language.null.cs,constant.language.go,support.variable.magic.python,variable.other.object.ts,variable.language.this.ts#a1cd5e
constant.numeric.decimal.c,keyword.operator.comparison.c,keyword.control.try.cs,keyword.control.try.catch,keyword.control.catch-exception.dart,keyword.control.catch.java,keyword.control.try.java,keyword.control.catch-exception.kotlin,storage.modifier.objc,keyword.control.exception.scala,entity.name.type.swift#f78c6c
keyword.operator.comparison.c,keyword.operator.c,keyword.operator.assignment.c,keyword.operator.increment.c,keyword.operator.bitwise.shift.cpp,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.increment.cpp,keyword.operator.increment-decrement.java,keyword.control.import.python,keyword.other.rust,storage.type.function.swift,keyword.other.declaration-specifier.swift,storage.type.struct.swift#ff5874
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php,keyword.control.directive.import.objc,support.type.exception.python#66ffb4
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php,support.function.builtin.go,support.function.go,support.function.lua,support.function.library.lua,variable.other.constant.ruby,support.function.kernel.ruby,entity.name.import.scala,keyword.operator.custom.infix.swift,meta.definition.type.struct.swift#6ecdff
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#e9e4cf
support.constant.core.rust#fb5474
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#fb5474
entity.name.goto-label.php,support.other.php#6ecdff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#fb5474
keyword.operator.regexp.php#c792ea
keyword.operator.comparison.php#fb5474
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#c792ea
meta.function.decorator.python#6ecdff
support.token.decorator.python,meta.function.decorator.identifier.python#fb5474
function.parameter#e9e4cf
function.brace#e9e4cf
function.parameter.ruby, function.parameter.cs#e9e4cf
constant.language.symbol.ruby#fb5474
rgb-value#fb5474
inline-color-decoration rgb-value#fb5474
less rgb-value#fb5474
selector.sass#c3ccdc
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#66ffb4
block.scope.end,block.scope.begin#e9e4cf
storage.type.cs#66ffb4
entity.name.variable.local.cs#c3ccdc
token.info-token#6ecdff
token.warn-token#fb5474
token.error-token#f44747
token.debug-token#c792ea
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#c792ea
meta.template.expression#e9e4cf
keyword.operator.module#c792ea
support.type.type.flowtype#6ecdff
support.type.primitive#66ffb4
meta.property.object#c3ccdc
variable.parameter.function.js#c3ccdc
keyword.other.template.begin#ffcb8b
keyword.other.template.end#ffcb8b
keyword.other.substitution.begin#ffcb8b
keyword.other.substitution.end#ffcb8b
keyword.operator.assignment#fb5474
keyword.operator.assignment.go#66ffb4
keyword.operator.arithmetic.go, keyword.operator.address.go#c792ea
entity.name.package.go#66ffb4
support.type.prelude.elm#fb5474
support.constant.elm#fb5474
punctuation.quasi.element#c792ea
constant.character.entity#c3ccdc
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#f78c6c
entity.global.clojure#66ffb4
meta.symbol.clojure#c3ccdc
constant.keyword.clojure#fb5474
meta.arguments.coffee, variable.parameter.function.coffee#c3ccdc
source.ini#ffcb8b
meta.scope.prerequisites.makefile#c3ccdc
source.makefile#66ffb4
storage.modifier.import.groovy#66ffb4
meta.method.groovy#6ecdff
meta.definition.variable.name.groovy#c3ccdc
meta.definition.class.inherited.classes.groovy#ffcb8b
support.variable.semantic.hlsl#66ffb4
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#c792ea
text.variable, text.bracketed#c3ccdc
support.type.swift, support.type.vb.asp#66ffb4
entity.name.function.xi#66ffb4
entity.name.class.xi#fb5474
constant.character.character-class.regexp.xi#c3ccdc
constant.regexp.xi#c792ea
keyword.control.xi#fb5474
invalid.xi#e9e4cf
beginning.punctuation.definition.quote.markdown.xi#ffcb8b
beginning.punctuation.definition.list.markdown.xi#7f848e
constant.character.xi#6ecdff
accent.xi#6ecdff
wikiword.xi#fb5474
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#7f848e
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#66ffb4
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#c3ccdc
meta.brace.square#e9e4cf
comment, punctuation.definition.comment#7f848eitalic
markup.quote.markdown#7f848e
punctuation.definition.block.sequence.item.yaml#e9e4cf
constant.language.symbol.elixir#fb5474
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
keyword.control.flow.js#c792ea
variable.other.readwrite.js#21c7a8
punctuation.definition.tag.jsx,constant.language.lua#a1cd5e
keyword.control.module.js#ff5874
entity.name.tag#82aaff
entity.other.attribute-name#7fdbca

Shiki preview

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

Loading...

Dark Alchemy Theme - Coding Theme