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.background#221e28
  • activityBar.foreground#a885f3
  • activityBar.inactiveForeground#5c5275cb
  • activityBarBadge.background#a885f3
  • activityBarBadge.foreground#ffffff
  • badge.background#7d63a3
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#282a35
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#c1aed186
  • button.background#5f5890
  • button.foreground#ffffff
  • button.hoverBackground#755594
  • button.secondaryBackground#484864
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#775594
  • checkbox.background#1e1f29
  • checkbox.border#000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#272936
  • debugExceptionWidget.border#474747
  • debugToolBar.background#2f3249
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#1e1f29
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#282a36
  • editor.findMatchBackground#2fe63d36
  • editor.findMatchBorder#74879f00
  • editor.findMatchHighlightBackground#8bff0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#48525c4d
  • editor.foreground#ffffff
  • editor.hoverHighlightBackground#6c55acc7
  • editor.inactiveSelectionBackground#272b30
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#20142e
  • editor.selectionHighlightBackground#a783d6b2
  • editor.selectionHighlightBorder#242c23
  • editor.wordHighlightBackground#44364eec
  • editor.wordHighlightStrongBackground#33e80042
  • editor.wordHighlightStrongBorder#346d8400
  • editorBracketMatch.background#ff79c588
  • editorBracketMatch.border#79579b2f
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff00
  • editorCursor.foreground#bfb0ff
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#dd2500
  • editorGroup.border#68488e
  • editorGroup.emptyBackground#231f2a
  • editorGroupHeader.tabsBackground#221e28
  • editorGroupHeader.tabsBorder#49395618
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#282a36
  • editorGutter.commentRangeForeground#74698c
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#74698c
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#262634
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#ff79c588
  • editorIndentGuide.background#272930
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#685d80
  • editorLink.activeForeground#00cfff
  • editorMarkerNavigation.background#6868a5
  • editorMarkerNavigationError.background#c7555a
  • editorMarkerNavigationInfo.background#4facff
  • editorMarkerNavigationWarning.background#a9640c
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7fc2
  • editorRuler.foreground#2e2b38
  • editorSuggestWidget.background#312c3b
  • editorSuggestWidget.border#00000044
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#a191cd
  • editorSuggestWidget.selectedBackground#4c3f5c
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#24262329
  • editorWidget.background#282a35
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#7e64a8
  • focusBorder#15141600
  • foreground#cccccc
  • 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#1e1f29
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#816fb4
  • inputOption.activeBackground#8461b666
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#725a97
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#4e4473
  • list.focusForeground#ffffff
  • list.highlightForeground#c3b3fb
  • list.hoverBackground#655292
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#50446f
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#3e3662
  • listFilterWidget.noMatchesOutline#cf483b
  • listFilterWidget.outline#864b9600
  • menu.background#242330
  • menu.border#56508000
  • menu.foreground#ffffff
  • menu.selectionBackground#514a82
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#8c89e0
  • menubar.selectionBackground#7d72cb70
  • menubar.selectionBorder#00000070
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#282a36
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#2fe63d36
  • minimap.selectionHighlight#2cd9f0
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#48416b
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#282031
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#47474700
  • panel.background#1e1f29
  • panel.border#664786
  • panelSection.border#312a3a59
  • panelTitle.activeBorder#8d69a5
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#806d96
  • peekViewEditor.background#1e1f29
  • peekViewEditor.matchHighlightBackground#53644f99
  • peekViewEditor.matchHighlightBorder#927f6700
  • peekViewEditorGutter.background#1e1f29
  • peekViewResult.background#1e1f29
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#5bee324d
  • peekViewResult.selectionBackground#814dfc33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#483d58
  • peekViewTitleDescription.foreground#ffffffb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#d0bbff
  • progressBar.background#8681c2
  • quickInput.background#232430
  • scrollbar.shadow#0c0b0e
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#4d4464
  • scrollbarSlider.hoverBackground#3d315a
  • selection.background#b59ddf
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#252730
  • sideBar.border#28193b63
  • sideBar.dropBackground#252730
  • sideBar.foreground#ffffff
  • sideBarSectionHeader.background#01020238
  • sideBarSectionHeader.border#7147942a
  • sideBarSectionHeader.foreground#c7a5e7
  • sideBarTitle.foreground#c7a5e7
  • statusBar.background#201927
  • statusBar.border#6d5dbc2a
  • statusBar.debuggingBackground#422d4b
  • statusBar.debuggingBorder#2624244a
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#211524
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#79579b
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#282a35
  • tab.activeBorder#715ba1d3
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#29292e00
  • tab.inactiveBackground#00000000
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#545454
  • terminal.ansiBlue#42d9ff
  • terminal.ansiBrightBlack#a3a3a3
  • terminal.ansiBrightBlue#3bc1ea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#4cdda6
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#f06b6b
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.background#232430
  • terminal.border#8f71b459
  • terminal.foreground#ffffff
  • terminal.selectionBackground#514c5c
  • terminalCursor.background#97107500
  • terminalCursor.foreground#40e417
  • textLink.foreground#c290ff
  • titleBar.activeBackground#221e28
  • titleBar.activeForeground#ffffff
  • titleBar.border#381d3200
  • titleBar.inactiveBackground#242330
  • titleBar.inactiveForeground#6a5d8dee
  • tree.indentGuidesStroke#816392
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison#7bdaff
variable.other.generic-type.haskell#c678dd
storage.type.haskell#eea55c
support.variable.magic.python#7bdaff
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#ffffff
variable.parameter.function.language.special.self.python#74e4a0
storage.modifier.lifetime.rust#ffffff
support.function.std.rust#7c6fbe
entity.name.lifetime.rust#74e4a0
variable.language.rust#7bdaff
support.constant.edge#c678dd
constant.other.character-class.regexp#7bdaff
keyword.operator.quantifier.regexp#eea55c
punctuation.definition.string.begin,punctuation.definition.string.end#f7f7f7
variable.parameter.function#2aada2
comment markup.link#8fa1c5
markup.changed.diff#74e4a0
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#7c6fbe
markup.inserted.diff#f7f7f7
markup.deleted.diff#7bdaff
meta.function.c,meta.function.cpp#7bdaff
punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c#ffffff
punctuation.separator.key-value#ffffff
keyword.operator.expression.import#7c6fbe
support.constant.math#74e4a0
support.constant.property.math#dfc743
variable.other.constant#74e4a0
storage.type.annotation.java, storage.type.object.array.java#74e4a0
source.java#7bdaff
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#47e05c
meta.method.java#7c6fbe
storage.modifier.import.java,storage.type.java,storage.type.generic.java#74e4a0
keyword.operator.instanceof.java#c678dd
meta.definition.variable.name.java#7bdaff
keyword.operator.logical#a9a9a9
keyword.operator.bitwise#a9a9a9
keyword.operator.channel#a9a9a9
support.constant.property-value.scss,support.constant.property-value.css#00c3ff
keyword.operator.css,keyword.operator.scss,keyword.operator.less#17ced4
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#0bcc45
punctuation.separator.list.comma.css#ffffff
support.constant.color.w3c-standard-color-name.css#1696ff
support.type.vendored.property-name.css#21cce2
support.module.node,support.type.object.module,support.module.node#74e4a0
entity.name.type.module#74e4a0
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#7bdaff
support.constant.json#f1b170
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#c678dd
support.type.object.console#7bdaff
support.variable.property.process#d8aa7c
entity.name.function,support.function.console#4cfc54
keyword.operator.misc.rust#ffffff
keyword.operator.sigil.rust#c678dd
keyword.operator.delete#c678dd
support.type.object.dom#a9a9a9
support.variable.dom,support.variable.property.dom#7bdaff
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#a9a9a9
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#ffffff
punctuation.separator.c,punctuation.separator.cpp#c678dd
support.type.posix-reserved.c,support.type.posix-reserved.cpp#a9a9a9
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#c678dd
variable.parameter.function.language.python#f0a65c
support.type.python#a9a9a9
keyword.operator.logical.python#c678dd
variable.parameter.function.python#d8a879
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#ffffff
meta.function-call.generic.python#7c6fbe
constant.character.format.placeholder.other.python#eea55c
keyword.operator#ffffff
keyword.operator.assignment.compound#c678dd
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#a9a9a9
keyword#c678dd
entity.name.namespace#74e4a0
variable#7bdaff
variable.c#ffffff
variable.language#74e4a0
token.variable.parameter.java#ffffff
import.storage.java#74e4a0
token.package.keyword#c678dd
token.package#ffffff
entity.name.function, meta.require, support.function.any-method, variable.function#c2baf3
entity.name.type.namespace#74e4a0
support.class, entity.name.type.class#FF79C6
entity.name.class.identifier.namespace.type#39ff85
entity.name.class, variable.other.class.js, variable.other.class.ts, entity.other.attribute-name.css#14fa0c
variable.other.class.php#7bdaff
entity.name.type#74e4a0
keyword.control#c678dd
control.elements, keyword.operator.less#f0a861
keyword.other.special-method#7c6fbe
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#74e4a0
support.function#a9a9a9
support.type.property-name#83e2ff
support.constant.property-value#06daff
support.constant.font-name#e9ab6d
meta.tag#dfe0de
string#f7f7f7
entity.other.inherited-class#74e4a0
constant.other.symbol#a9a9a9
constant.numeric#eea55c
constant#eea55c
punctuation.definition.constant#eea55c
entity.name.tag#FF79C6
entity.other.attribute-name#6de67d
entity.other.attribute-name.id#7c6fbeitalic
entity.other.attribute-name.class.css#58ff6eitalic
string.quoted.double.html, meta.attribute.class.html#f3f58bitalic
meta.selector#c678dd
markup.heading#7bdaff
markup.heading punctuation.definition.heading, entity.name.section#7c6fbe
keyword.other.unit#7bdaff
markup.bold,todo.bold#6de67d
punctuation.definition.bold#74e4a0
markup.italic, punctuation.definition.italic,todo.emphasis#c678dd
emphasis md#c678dd
entity.name.section.markdown#7bdaff
punctuation.definition.heading.markdown#7bdaff
punctuation.definition.list.begin.markdown#7bdaff
markup.heading.setext#ffffff
punctuation.definition.bold.markdown#6de67d
markup.inline.raw.markdown#27dde4
markup.inline.raw.string.markdown#08f0c9
punctuation.definition.list.markdown#7bdaff
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#7bdaff
beginning.punctuation.definition.list.markdown#7bdaff
punctuation.definition.metadata.markdown#7bdaff
markup.underline.link.markdown,markup.underline.link.image.markdown#c678dd
string.other.link.title.markdown,string.other.link.description.markdown#7c6fbe
string.regexp#a9a9a9
constant.character.escape#a9a9a9
punctuation.section.embedded, variable.interpolation#7bdaff
punctuation.section.embedded.begin,punctuation.section.embedded.end#c678dd
invalid.illegal#eb3c3c
invalid.illegal.bad-ampersand.html#dd3a3a
invalid.broken#da4444
invalid.deprecated#e63b3b
invalid.unimplemented#ee4545
source.json meta.structure.dictionary.json > string.quoted.json#7bff98
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#7bdaff
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#5ae488
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#a9a9a9
support.type.property-name.json#7bdaff
support.type.property-name.json punctuation#7bdaff
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,support.other.namespace.php,entity.other.alias.php,meta.interface.php#74e4a0
keyword.operator.error-control.php#c678dd
keyword.operator.type.php#c678dd
punctuation.section.array.begin.php#ffffff
punctuation.section.array.end.php#ffffff
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#74e4a0
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#7c6fbe
punctuation.definition.parameters.begin.bracket.round.php,punctuation.definition.parameters.end.bracket.round.php,punctuation.separator.delimiter.php,punctuation.section.scope.begin.php,punctuation.section.scope.end.php,punctuation.terminator.expression.php,punctuation.definition.arguments.begin.bracket.round.php,punctuation.definition.arguments.end.bracket.round.php,punctuation.definition.storage-type.begin.bracket.round.php,punctuation.definition.storage-type.end.bracket.round.php,punctuation.definition.array.begin.bracket.round.php,punctuation.definition.array.end.bracket.round.php,punctuation.definition.begin.bracket.round.php,punctuation.definition.end.bracket.round.php,punctuation.definition.begin.bracket.curly.php,punctuation.definition.end.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php,punctuation.definition.section.switch-block.start.bracket.curly.php,punctuation.definition.section.switch-block.begin.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php#ffffff
support.constant.core.rust#eea55c
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#eea55c
entity.name.goto-label.php,support.other.php#7c6fbe
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#a9a9a9
keyword.operator.regexp.php#c678dd
keyword.operator.comparison.php#a9a9a9
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#c678dd
meta.function.decorator.python#7c6fbe
support.token.decorator.python,meta.function.decorator.identifier.python#a9a9a9
function.parameter#13e900
function.brace#6d83e6
function.parameter.ruby, function.parameter.cs#ffffff
constant.language.symbol.ruby#a9a9a9
rgb-value#a9a9a9
inline-color-decoration rgb-value#eea55c
less rgb-value#eea55c
selector.sass#7bdaff
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#74e4a0
block.scope.end,block.scope.begin#7feea4
storage.type.cs#74e4a0
entity.name.variable.local.cs#7bdaff
token.info-token#7c6fbe
token.warn-token#eea55c
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#ffffff
keyword.operator.module#c678dd
support.type.type.flowtype#7c6fbe
support.type.primitive#74e4a0
meta.property.object#7bdaff
variable.parameter.function.js#7bdaff
keyword.other.template.begin#f7f7f7
keyword.other.template.end#f7f7f7
keyword.other.substitution.begin#f7f7f7
keyword.other.substitution.end#f7f7f7
keyword.operator.assignment#a9a9a9
keyword.operator.assignment.go#74e4a0
keyword.operator.arithmetic.go, keyword.operator.address.go#c678dd
entity.name.package.go#74e4a0
support.type.prelude.elm#a9a9a9
support.constant.elm#eea55c
punctuation.quasi.element#c678dd
constant.character.entity, entity.other.attribute-name.pseudo-class.html, entity.other.attribute-name.pseudo-element.html#7bdaff
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#a9a9a9
entity.global.clojure#74e4a0
meta.symbol.clojure#7bdaff
constant.keyword.clojure#a9a9a9
meta.arguments.coffee, variable.parameter.function.coffee#7bdaff
source.ini#f7f7f7
meta.scope.prerequisites.makefile#7bdaff
source.makefile#74e4a0
storage.modifier.import.groovy#74e4a0
meta.method.groovy#7c6fbe
meta.definition.variable.name.groovy#7bdaff
meta.definition.class.inherited.classes.groovy#79d18c
support.variable.semantic.hlsl#74e4a0
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#7bdaff
support.type.swift, support.type.vb.asp#74e4a0
entity.name.function.xi#74e4a0
entity.name.class.xi#a9a9a9
constant.character.character-class.regexp.xi#7bdaff
constant.regexp.xi#c678dd
keyword.control.xi#a9a9a9
invalid.xi#85cbfa
beginning.punctuation.definition.quote.markdown.xi#f7f7f7
beginning.punctuation.definition.list.markdown.xi#78797b
constant.character.xi#1ec7f1
accent.xi#7c6fbe
wikiword.xi#eea55c
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#78797b
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#74e4a0
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#7bdaff
meta.brace.square#ffffff
comment, punctuation.definition.comment#78797bitalic
markup.quote.markdown#78797b
punctuation.definition.block.sequence.item.yaml#ffffff
constant.language.symbol.elixir#a9a9a9
entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.super#00ebfcitalic
comment.line.double-slash,comment.block.documentationitalic
keyword.control.import.python,keyword.control.flow.pythonitalic
markup.italic.markdownitalic

Shiki preview

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

Loading...

Omni Dracula VSCode Theme - Coding Theme