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#141525
  • activityBar.border#272443
  • activityBar.foreground#0497ff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#0497ff
  • activityBarBadge.foreground#ffffff
  • badge.background#0497ff
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#100f1c
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#0497ff
  • button.foreground#ffffff
  • button.hoverBackground#0772be
  • button.secondaryBackground#2a2843
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#3e396b
  • checkbox.background#272443
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#272443
  • debugExceptionWidget.border#272443
  • debugToolBar.background#272443
  • debugToolBar.border#272443
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#abcb6033
  • diffEditor.removedTextBackground#ff070733
  • dropdown.background#272443
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#100f1c
  • editor.findMatchBackground#2e99e5c3
  • editor.findMatchBorder#4db4fd
  • editor.findMatchHighlightBackground#ff650155
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#222032
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#2e99e534
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#1f2834
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#264f78
  • editor.selectionHighlightBackground#2e99e544
  • editor.selectionHighlightBorder#2793e0
  • editor.wordHighlightBackground#5e5e5eb8
  • editor.wordHighlightStrongBackground#2e99e59f
  • editor.wordHighlightStrongBorder#ffffff00
  • editorBracketMatch.background#008df087
  • editorBracketMatch.border#2e99e5
  • editorCodeLens.foreground#7671a1
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#fd6060
  • editorGroup.border#494479
  • editorGroup.emptyBackground#100f1c
  • editorGroupHeader.border#272443
  • editorGroupHeader.tabsBackground#141525
  • editorGroupHeader.tabsBorder#272443
  • editorGutter.addedBackground#8dc419
  • editorGutter.background#100f1c
  • editorGutter.commentRangeForeground#676484
  • editorGutter.deletedBackground#f51721
  • editorGutter.foldingControlForeground#676484
  • editorGutter.modifiedBackground#2e99e5
  • editorHoverWidget.background#141525
  • editorHoverWidget.border#272443
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#514c82
  • editorIndentGuide.background#272443
  • editorInfo.background#4490BF00
  • editorInfo.border#4490bf00
  • editorInfo.foreground#88c6fd
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#676484
  • editorLink.activeForeground#2e99e5
  • editorMarkerNavigation.background#272443
  • editorMarkerNavigationError.background#f25252
  • editorMarkerNavigationInfo.background#39a4f0
  • editorMarkerNavigationWarning.background#f59e17
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#272443
  • editorSuggestWidget.background#141525
  • editorSuggestWidget.border#272443
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#2e99e5
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#f7ad22
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#141525
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#2e99e5
  • focusBorder#0497ff
  • foreground#cccccc
  • gitDecoration.addedResourceForeground#6dc27d
  • gitDecoration.conflictingResourceForeground#7a7ae8
  • gitDecoration.deletedResourceForeground#d7433c
  • gitDecoration.ignoredResourceForeground#6f6c8a
  • gitDecoration.modifiedResourceForeground#ecbc7d
  • gitDecoration.stageDeletedResourceForeground#d7433c
  • gitDecoration.stageModifiedResourceForeground#ecbc7d
  • gitDecoration.submoduleResourceForeground#68a8e4
  • gitDecoration.untrackedResourceForeground#4dc777
  • icon.foreground#cccccc
  • input.background#272443
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#0497ff66
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#0069b49d
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#427ca354
  • list.focusBackground#006ebc58
  • list.focusForeground#cccccc
  • list.highlightForeground#11b1ff
  • list.hoverBackground#0497ff3c
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#292b43
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#8a3030
  • listFilterWidget.noMatchesOutline#de0303
  • listFilterWidget.outline#00000000
  • menu.background#141525
  • menu.border#00000085
  • menu.foreground#eeeeee
  • menu.selectionBackground#0780d5
  • menu.selectionBorder#00000000
  • menu.selectionForeground#eeeeee
  • menu.separatorBackground#2a2743
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionBorder#272443
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#100f1c
  • minimap.errorHighlight#fd6060
  • minimap.findMatchHighlight#2e99e5c3
  • minimap.selectionHighlight#264f78
  • minimap.warningHighlight#f7ad22
  • minimapGutter.addedBackground#8dc419
  • minimapGutter.deletedBackground#f51721
  • minimapGutter.modifiedBackground#2e99e5
  • notificationCenter.border#272443
  • notificationCenterHeader.background#272443
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#141525
  • notifications.border#272443
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#ea4a4a
  • notificationsInfoIcon.foreground#2e99e5
  • notificationsWarningIcon.foreground#f59e17
  • notificationToast.border#272443
  • panel.background#100f1c
  • panel.border#80808059
  • panelSection.border#272443
  • panelTitle.activeBorder#0497ff
  • 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#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#272443
  • pickerGroup.foreground#2e99e5
  • progressBar.background#0497ff
  • scrollbar.shadow#100f1c
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#27244393
  • scrollbarSlider.hoverBackground#2e99e57e
  • selection.background#117cc9
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#141525
  • sideBar.border#272443
  • sideBar.dropBackground#427ca354
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#272443
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#0497ff
  • statusBar.border#272443
  • statusBar.debuggingBackground#f57953
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#a759db
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#20a55a
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#100f1c
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#272443
  • tab.hoverBackground#272443
  • tab.inactiveBackground#141525
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#393656
  • terminal.ansiBlue#2e99e5
  • terminal.ansiBrightBlack#676484
  • terminal.ansiBrightBlue#66a9f2
  • terminal.ansiBrightCyan#56b6c2
  • terminal.ansiBrightGreen#98c379
  • terminal.ansiBrightMagenta#e89cff
  • terminal.ansiBrightRed#ee7983
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#d19a66
  • terminal.ansiCyan#45c9d9
  • terminal.ansiGreen#8bcb5d
  • terminal.ansiMagenta#c678dd
  • terminal.ansiRed#f9626e
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#f7bb4b
  • terminal.border#272443
  • terminal.foreground#cccccc
  • terminal.selectionBackground#3fa4ec36
  • terminalCursor.background#0497ff
  • terminalCursor.foreground#ffffff
  • textLink.foreground#0497ff
  • titleBar.activeBackground#141525
  • titleBar.activeForeground#cccccc
  • titleBar.border#272443
  • titleBar.inactiveBackground#141525a7
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#272443
  • 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#f9626e
variable.other.generic-type.haskell#c678dd
storage.type.haskell#e08c3d
support.variable.magic.python#f9626e
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#f7bb4b
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#3da7f2
entity.name.lifetime.rust#f7bb4b
variable.language.rust#f9626e
support.constant.edge#c678dd
constant.other.character-class.regexp#f9626e
keyword.operator.quantifier.regexp#e08c3d
punctuation.definition.string.begin,punctuation.definition.string.end#93cb6b
variable.parameter.function#d4d4d4
comment markup.link#676484
markup.changed.diff#f7bb4b
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#3da7f2
markup.inserted.diff#93cb6b
markup.deleted.diff#f9626e
meta.function.c,meta.function.cpp#f9626e
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#d4d4d4
punctuation.separator.key-value#d4d4d4
keyword.operator.expression.import#3da7f2
support.constant.math#f7bb4b
support.constant.property.math#e08c3d
variable.other.constant#f7bb4b
storage.type.annotation.java, storage.type.object.array.java#f7bb4b
source.java#f9626e
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#d4d4d4
meta.method.java#3da7f2
storage.modifier.import.java,storage.type.java,storage.type.generic.java#f7bb4b
keyword.operator.instanceof.java#c678dd
meta.definition.variable.name.java#f9626e
keyword.operator.logical#45c9d9
keyword.operator.bitwise#45c9d9
keyword.operator.channel#45c9d9
support.constant.property-value.scss,support.constant.property-value.css#e08c3d
keyword.operator.css,keyword.operator.scss,keyword.operator.less#45c9d9
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#e08c3d
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#e08c3d
support.type.vendored.property-name.css#45c9d9
support.module.node,support.type.object.module,support.module.node#f7bb4b
entity.name.type.module#f7bb4b
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#f9626e
support.constant.json#e08c3d
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#c678dd
support.type.object.console#f9626e
support.variable.property.process#e08c3d
entity.name.function,support.function.console#3da7f2
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#c678dd
keyword.operator.delete#c678dd
support.type.object.dom#45c9d9
support.variable.dom,support.variable.property.dom#f9626e
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#45c9d9
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#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#c678dd
support.type.posix-reserved.c,support.type.posix-reserved.cpp#45c9d9
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#c678dd
variable.parameter.function.language.python#e08c3d
support.type.python#45c9d9
keyword.operator.logical.python#c678dd
variable.parameter.function.python#e08c3d
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#d4d4d4
meta.function-call.generic.python#3da7f2
constant.character.format.placeholder.other.python#e08c3d
keyword.operator#d4d4d4
keyword.operator.assignment.compound#c678dd
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#45c9d9
keyword#c678dd
entity.name.namespace#f7bb4b
variable#f9626e
variable.c#d4d4d4
variable.language#f7bb4b
token.variable.parameter.java#d4d4d4
import.storage.java#f7bb4b
token.package.keyword#c678dd
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#3da7f2
entity.name.type.namespace#f7bb4b
support.class, entity.name.type.class#f7bb4b
entity.name.class.identifier.namespace.type#f7bb4b
entity.name.class, variable.other.class.js, variable.other.class.ts#f7bb4b
variable.other.class.php#f9626e
entity.name.type#f7bb4b
keyword.control#c678dd
control.elements, keyword.operator.less#e08c3d
keyword.other.special-method#3da7f2
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#f7bb4b
support.function#45c9d9
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#e08c3d
meta.tag#d4d4d4
string#93cb6b
entity.other.inherited-class#f7bb4b
constant.other.symbol#45c9d9
constant.numeric#e08c3d
constant#e08c3d
punctuation.definition.constant#e08c3d
entity.name.tag#f9626e
entity.other.attribute-name#e08c3d
entity.other.attribute-name.id#3da7f2normal
entity.other.attribute-name.class.css#e08c3dnormal
meta.selector#c678dd
markup.heading#f9626e
markup.heading punctuation.definition.heading, entity.name.section#3da7f2
keyword.other.unit#f9626e
markup.bold,todo.bold#e08c3d
punctuation.definition.bold#f7bb4b
markup.italic, punctuation.definition.italic,todo.emphasis#c678dd
emphasis md#c678dd
entity.name.section.markdown#f9626e
punctuation.definition.heading.markdown#f9626e
punctuation.definition.list.begin.markdown#f9626e
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#e08c3d
markup.inline.raw.markdown#93cb6b
markup.inline.raw.string.markdown#93cb6b
punctuation.definition.list.markdown#f9626e
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#f9626e
beginning.punctuation.definition.list.markdown#f9626e
punctuation.definition.metadata.markdown#f9626e
markup.underline.link.markdown,markup.underline.link.image.markdown#c678dd
string.other.link.title.markdown,string.other.link.description.markdown#3da7f2
string.regexp#45c9d9
constant.character.escape#45c9d9
punctuation.section.embedded, variable.interpolation#f9626e
punctuation.section.embedded.begin,punctuation.section.embedded.end#c678dd
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#d4d4d4
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#f9626e
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#f9626e
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#93cb6b
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#45c9d9
support.type.property-name.json#f9626e
support.type.property-name.json punctuation#f9626e
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#f7bb4b
keyword.operator.error-control.php#c678dd
keyword.operator.type.php#c678dd
punctuation.section.array.begin.php#d4d4d4
punctuation.section.array.end.php#d4d4d4
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#f7bb4b
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#3da7f2
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#d4d4d4
support.constant.core.rust#e08c3d
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#e08c3d
entity.name.goto-label.php,support.other.php#3da7f2
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#45c9d9
keyword.operator.regexp.php#c678dd
keyword.operator.comparison.php#45c9d9
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#c678dd
meta.function.decorator.python#3da7f2
support.token.decorator.python,meta.function.decorator.identifier.python#45c9d9
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#45c9d9
rgb-value#45c9d9
inline-color-decoration rgb-value#e08c3d
less rgb-value#e08c3d
selector.sass#f9626e
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#f7bb4b
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#f7bb4b
entity.name.variable.local.cs#f9626e
token.info-token#3da7f2
token.warn-token#e08c3d
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#d4d4d4
keyword.operator.module#c678dd
support.type.type.flowtype#3da7f2
support.type.primitive#f7bb4b
meta.property.object#f9626e
variable.parameter.function.js#f9626e
keyword.other.template.begin#93cb6b
keyword.other.template.end#93cb6b
keyword.other.substitution.begin#93cb6b
keyword.other.substitution.end#93cb6b
keyword.operator.assignment#45c9d9
keyword.operator.assignment.go#f7bb4b
keyword.operator.arithmetic.go, keyword.operator.address.go#c678dd
entity.name.package.go#f7bb4b
support.type.prelude.elm#45c9d9
support.constant.elm#e08c3d
punctuation.quasi.element#c678dd
constant.character.entity#f9626e
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#45c9d9
entity.global.clojure#f7bb4b
meta.symbol.clojure#f9626e
constant.keyword.clojure#45c9d9
meta.arguments.coffee, variable.parameter.function.coffee#f9626e
source.ini#93cb6b
meta.scope.prerequisites.makefile#f9626e
source.makefile#f7bb4b
storage.modifier.import.groovy#f7bb4b
meta.method.groovy#3da7f2
meta.definition.variable.name.groovy#f9626e
meta.definition.class.inherited.classes.groovy#93cb6b
support.variable.semantic.hlsl#f7bb4b
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#f9626e
support.type.swift, support.type.vb.asp#f7bb4b
entity.name.function.xi#f7bb4b
entity.name.class.xi#45c9d9
constant.character.character-class.regexp.xi#f9626e
constant.regexp.xi#c678dd
keyword.control.xi#45c9d9
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#93cb6b
beginning.punctuation.definition.list.markdown.xi#676484
constant.character.xi#3da7f2
accent.xi#3da7f2
wikiword.xi#e08c3d
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#676484
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#f7bb4b
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#f9626e
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#676484italic
markup.quote.markdown#676484
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#45c9d9
entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.superitalic
comment.line.double-slash,comment.block.documentationitalic
keyword.control.import.python,keyword.control.flow.pythonitalic
markup.italic.markdownitalic

Shiki preview

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

Loading...

Xaeon Dark Theme - Coding Theme