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#191919
  • activityBar.background#191919
  • activityBar.border#6f6f6f00
  • activityBar.foreground#e6e6e6
  • activityBar.inactiveForeground#686868
  • activityBarBadge.background#7159c9
  • activityBarBadge.foreground#fff
  • badge.background#0f1b28
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#191919
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#cdcdcd
  • button.background#7058c5
  • button.foreground#fff
  • button.hoverBackground#886bf0c1
  • button.secondaryBackground#886bf04e
  • button.secondaryForeground#e2deea
  • button.secondaryHoverBackground#27223d
  • commandCenter.background#191919
  • debugExceptionWidget.background#2a2a2a
  • debugExceptionWidget.border#4141418b
  • debugToolBar.background#2a2a2a
  • debugToolBar.border#4141418b
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • editor.background#191919
  • editor.findMatchBackground#2840584c
  • editor.findMatchBorder#7caad57e
  • editor.findMatchHighlightBackground#6b8cf03e
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foreground#868686
  • editor.hoverHighlightBackground#2b558258
  • editor.inactiveSelectionBackground#886bf01c
  • editor.lineHighlightBackground#ffffff0e
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#886bf028
  • editor.selectionHighlightBackground#886bf022
  • editor.selectionHighlightBorder#a893d452
  • editor.wordHighlightBackground#515151b8
  • editor.wordHighlightStrongBackground#886bf034
  • editor.wordHighlightStrongBorder#a893d45a
  • editorBracketHighlight.foreground1#777777
  • editorBracketHighlight.foreground2#94B3D1
  • editorBracketHighlight.foreground3#777777
  • editorBracketHighlight.foreground4#94B3D1
  • editorBracketHighlight.foreground5#777777
  • editorBracketHighlight.foreground6#FFDBBD
  • editorBracketMatch.background#886bf02e
  • editorBracketMatch.border#a893d476
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#886bf0
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ff8d8d
  • editorGroup.border#191919
  • editorGroup.emptyBackground#191919
  • editorGroupHeader.border#e4e4e400
  • editorGroupHeader.tabsBackground#191919
  • editorGroupHeader.tabsBorder#0f0f0f00
  • editorGutter.addedBackground#486c51
  • editorGutter.background#191919
  • editorGutter.commentRangeForeground#b2b2b2
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#b2b2b2
  • editorGutter.modifiedBackground#6bd7f085
  • editorHoverWidget.background#191919
  • editorHoverWidget.border#dbdbdb28
  • editorHoverWidget.foreground#cdcdcd
  • editorIndentGuide.background1#4b494991
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75bfff83
  • editorLineNumber.activeForeground#a3a1a1
  • editorLineNumber.foreground#434343
  • editorLink.activeForeground#9bc0e4
  • editorMarkerNavigation.background#181921
  • editorMarkerNavigationError.background#ff5d3d
  • editorMarkerNavigationInfo.background#41757d
  • editorMarkerNavigationWarning.background#cfb335
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#191919
  • editorRuler.foreground#343434
  • editorSuggestWidget.background#191919
  • editorSuggestWidget.border#323232
  • editorSuggestWidget.focusHighlightForeground#dacbf8
  • editorSuggestWidget.foreground#9896a5
  • editorSuggestWidget.highlightForeground#a893d4
  • editorSuggestWidget.selectedBackground#886bf02a
  • editorSuggestWidget.selectedForeground#c6b5ea
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffda9430
  • editorWhitespace.foreground#a893d4b3
  • editorWidget.background#191919
  • editorWidget.foreground#cdcdcd
  • editorWidget.resizeBorder#5f5f5f7c
  • focusBorder#191919
  • foreground#777777
  • 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#cecece8d
  • input.foreground#dcdcdc
  • input.placeholderForeground#c8c8c87e
  • keybindingTable.headerBackground#ff0000
  • list.activeSelectionBackground#1d222c
  • list.activeSelectionForeground#93b6d4
  • list.deemphasizedForeground#49494994
  • list.dropBackground#0f1b28
  • list.errorForeground#ed8080
  • list.focusBackground#886bf030
  • list.focusForeground#a893d4
  • list.highlightForeground#a893d4
  • list.hoverBackground#9090903a
  • list.hoverForeground#cdcdcd
  • list.inactiveSelectionBackground#201d2c
  • list.inactiveSelectionForeground#a893d4
  • list.warningForeground#ffd19d
  • listFilterWidget.background#201d2c
  • listFilterWidget.noMatchesOutline#f06b6b83
  • listFilterWidget.outline#a893d460
  • menu.background#1c1c1c
  • menu.border#343434
  • menu.foreground#e6e6e6
  • menu.selectionBackground#2c283f
  • menu.selectionBorder#5200ff24
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#cdcdcd28
  • menubar.selectionBackground#282828
  • menubar.selectionBorder#8e6a6a00
  • menubar.selectionForeground#cdcdcd
  • merge.commonContentBackground#242424
  • merge.commonHeaderBackground#242424
  • merge.currentContentBackground#121d1b
  • merge.currentHeaderBackground#112436
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#112436
  • minimap.background#191919
  • minimap.errorHighlight#ff8d8d
  • minimap.findMatchHighlight#2840584c
  • minimap.selectionHighlight#886bf028
  • minimap.warningHighlight#ffc02b26
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#6bd7f085
  • notificationCenter.border#47474714
  • notificationCenterHeader.background#111111
  • notificationCenterHeader.foreground#cdcdcd
  • notifications.background#2c2c2c
  • notifications.border#1b1b1b
  • notifications.foreground#b8b8b8
  • notificationsErrorIcon.foreground#f0c96b
  • notificationsInfoIcon.foreground#6babf0
  • notificationsWarningIcon.foreground#f0846b
  • notificationToast.border#4747479d
  • panel.background#191919
  • panel.border#383838
  • panelSection.border#383838
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc00
  • peekViewEditor.background#111d2c
  • peekViewEditor.matchHighlightBackground#38200000
  • peekViewEditor.matchHighlightBorder#191919
  • peekViewEditorGutter.background#111e2c
  • peekViewResult.background#111e2c
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#111e2c
  • peekViewTitleDescription.foreground#cdcdcd
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#421c68
  • pickerGroup.foreground#cdcdcd
  • progressBar.background#886bf0
  • quickInputList.focusBackground#896bff30
  • quickInputList.focusForeground#c6b5ea
  • scrollbar.shadow#12121200
  • scrollbarSlider.activeBackground#363636
  • scrollbarSlider.background#7575753a
  • scrollbarSlider.hoverBackground#68539c74
  • selection.background#886bf06c
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#777777
  • sideBar.background#191919
  • sideBar.border#191919
  • sideBar.dropBackground#0f1b28
  • sideBar.foreground#cdcdcd
  • sideBarSectionHeader.background#191919
  • sideBarSectionHeader.border#191919
  • sideBarSectionHeader.foreground#b7b7b6
  • sideBarTitle.foreground#858585d2
  • statusBar.background#191919
  • statusBar.border#6d6d6d00
  • statusBar.debuggingBackground#191919
  • statusBar.debuggingBorder#262626
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#b7b7b6
  • statusBar.noFolderBackground#191919
  • statusBar.noFolderBorder#191919
  • statusBar.noFolderForeground#cdcdcd
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#5e5e5e
  • statusBarItem.remoteBackground#191919
  • statusBarItem.remoteForeground#cdcdcd
  • tab.activeBackground#282828
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#1d1d1d
  • tab.hoverBackground#303030
  • tab.hoverBorder#ff000000
  • tab.hoverForeground#d7d7d7
  • tab.inactiveBackground#191919
  • tab.inactiveForeground#cdcdcd
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#383838
  • terminal.foreground#cccccc
  • terminal.selectionBackground#0f1b288f
  • terminalCursor.background#007ff0
  • terminalCursor.foreground#ffffff
  • titleBar.activeBackground#191919
  • titleBar.activeForeground#cdcdcd
  • titleBar.border#191919
  • titleBar.inactiveBackground#191919
  • titleBar.inactiveForeground#b7b7b6
  • tree.inactiveIndentGuidesStroke#9a9a9a3a
  • tree.indentGuidesStroke#555555
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#191919

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

Shiki preview

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

Loading...

Walls Theme Dark - Coding Theme