Skip to main content
CodingTheme

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#000000
  • activityBar.background#0a0a0a
  • activityBar.border#00000000
  • activityBar.foreground#bbbbbb
  • activityBar.inactiveForeground#555555
  • activityBarBadge.background#2968ff
  • activityBarBadge.foreground#ffffff
  • badge.background#515bd4
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#b1e2ff
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#b1e2ff
  • breadcrumb.foreground#8899a3
  • button.background#144bcd
  • button.foreground#ffffff
  • button.hoverBackground#4876e4
  • button.secondaryBackground#222222
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#333333
  • checkbox.background#333333
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#111111
  • debugExceptionWidget.border#00000000
  • debugToolBar.background#111111
  • debugToolBar.border#00000000
  • diffEditor.border#00000000
  • diffEditor.insertedTextBackground#79943a33
  • diffEditor.insertedTextBorder#864c4c
  • diffEditor.removedTextBackground#ff4e4e33
  • diffEditor.removedTextBorder#8a41418b
  • dropdown.background#333333
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#000000
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f00
  • editor.findMatchHighlightBackground#eaa50055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#66666630
  • editor.findRangeHighlightBorder#f2f2f200
  • editor.foldBackground#2831564d
  • editor.foreground#eeeeee
  • editor.hoverHighlightBackground#a0cfff40
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#1110173c
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#f96f6f0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#222222
  • editor.selectionHighlightBackground#ffadad26
  • editor.selectionHighlightBorder#00000000
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightBorder#ff000000
  • editor.wordHighlightStrongBackground#03679fb8
  • editor.wordHighlightStrongBorder#ff000000
  • editorBracketMatch.background#ff97281c
  • editorBracketMatch.border#ff9077
  • editorCodeLens.foreground#9ea19c9b
  • editorCursor.background#111111
  • editorCursor.foreground#b3b4b2
  • editorError.background#7b444200
  • editorError.border#ffffff00
  • editorError.foreground#ff4620
  • editorGroup.border#00000070
  • editorGroup.emptyBackground#000000
  • editorGroupHeader.border#00000000
  • editorGroupHeader.tabsBackground#0a0a0a
  • editorGroupHeader.tabsBorder#ff787800
  • editorGutter.addedBackground#55ba0f
  • editorGutter.background#000000
  • editorGutter.commentRangeForeground#eeeeee
  • editorGutter.deletedBackground#c41f26
  • editorGutter.foldingControlForeground#eeeeee
  • editorGutter.modifiedBackground#26a8cd
  • editorHoverWidget.background#111111
  • editorHoverWidget.border#00000000
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#222222
  • editorIndentGuide.background#111111
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#5186b6
  • editorLineNumber.activeForeground#b0b1ff
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#54b2ff
  • editorMarkerNavigation.background#111111
  • editorMarkerNavigationError.background#ff5353
  • editorMarkerNavigationInfo.background#6dbaff
  • editorMarkerNavigationWarning.background#ffdb4d
  • editorOverviewRuler.background#5e5e5e00
  • editorOverviewRuler.border#c0afaf00
  • editorRuler.foreground#292c3e
  • editorSuggestWidget.background#111111
  • editorSuggestWidget.border#45454544
  • editorSuggestWidget.foreground#8da5b6
  • editorSuggestWidget.highlightForeground#15c0f5
  • editorSuggestWidget.selectedBackground#1b2336
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffe46c
  • editorWhitespace.foreground#222222
  • editorWidget.background#111111
  • editorWidget.foreground#888888
  • editorWidget.resizeBorder#00000000
  • focusBorder#00abff58
  • foreground#999999
  • gitDecoration.addedResourceForeground#a1ffb2
  • gitDecoration.conflictingResourceForeground#95a5ff
  • gitDecoration.deletedResourceForeground#ff6e6e
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#ffeb9e
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#999999
  • input.background#333333
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#2968ff
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#111111
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#000000
  • list.focusBackground#2968ff
  • list.focusForeground#ffffff
  • list.highlightForeground#77defe
  • list.hoverBackground#111111
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#000000
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#000000
  • listFilterWidget.noMatchesOutline#00000000
  • listFilterWidget.outline#00000000
  • menu.background#1d1d1d
  • menu.border#8a7b7b00
  • menu.foreground#dddddd
  • menu.selectionBackground#111111
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#4f677b54
  • menubar.selectionBackground#1d1d1d
  • menubar.selectionBorder#e60f0f00
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#000000
  • minimap.errorHighlight#ff4620
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#222222
  • minimap.warningHighlight#ffe46c
  • minimapGutter.addedBackground#55ba0f
  • minimapGutter.deletedBackground#c41f26
  • minimapGutter.modifiedBackground#26a8cd
  • notificationCenter.border#00000000
  • notificationCenterHeader.background#111111
  • notificationCenterHeader.foreground#fbfbfb
  • notifications.background#111111
  • notifications.border#00000000
  • notifications.foreground#5e8094
  • notificationsErrorIcon.foreground#ff6e50
  • notificationsInfoIcon.foreground#4eacff
  • notificationsWarningIcon.foreground#ffc047
  • notificationToast.border#47474700
  • panel.background#000000
  • panel.border#000000b5
  • panelSection.border#00000000
  • panelTitle.activeBorder#fff66d
  • panelTitle.activeForeground#fff66d
  • panelTitle.inactiveForeground#999999
  • peekView.border#7bb4d900
  • peekViewEditor.background#222222
  • peekViewEditor.matchHighlightBackground#ffb30056
  • peekViewEditor.matchHighlightBorder#00000000
  • peekViewEditorGutter.background#222222
  • peekViewResult.background#111111
  • peekViewResult.fileForeground#b0f0ff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ff3a254d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#111111
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#cbfdff
  • pickerGroup.border#00000000
  • pickerGroup.foreground#a7caf2
  • progressBar.background#2968ff
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#49485a20
  • scrollbarSlider.hoverBackground#49485a20
  • selection.background#2968ff
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#999999
  • sideBar.background#0a0a0a
  • sideBar.border#00000000
  • sideBar.dropBackground#000000
  • sideBar.foreground#777777
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#2968ff
  • sideBarTitle.foreground#ffde5e
  • statusBar.background#0a0a0a
  • statusBar.border#0a0a0a
  • statusBar.debuggingBackground#2c1414
  • statusBar.debuggingBorder#0a0a0a
  • statusBar.debuggingForeground#999999
  • statusBar.foreground#777777
  • statusBar.noFolderBackground#241528
  • statusBar.noFolderBorder#0a0a0a
  • statusBar.noFolderForeground#999999
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#0a0a0a
  • statusBarItem.remoteForeground#777777
  • tab.activeBackground#000000
  • tab.activeBorder#2968ff
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#25252600
  • tab.hoverBackground#111111
  • tab.hoverBorder#00000000
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#0a0a0a
  • tab.inactiveForeground#999999
  • 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#00000000
  • terminal.foreground#beb6b6
  • terminal.selectionBackground#8eb3c440
  • terminalCursor.background#303030
  • terminalCursor.foreground#ffffff
  • textLink.foreground#2968ff
  • titleBar.activeBackground#0a0a0a
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#0a0a0a
  • titleBar.inactiveForeground#999999
  • tree.indentGuidesStroke#333333
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000054

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

Storm Dark Themes by storm066 - VS Code Theme