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.background#1a1f2e
  • activityBar.foreground#F5C842
  • activityBar.inactiveForeground#c2a33980
  • activityBarBadge.background#DC2626
  • activityBarBadge.foreground#ffffff
  • badge.background#292929
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#1a1f2e
  • breadcrumb.focusForeground#F5C842
  • breadcrumb.foreground#8B7333
  • button.background#89241a
  • button.foreground#ffffff
  • button.hoverBackground#c2a339
  • button.secondaryBackground#040404
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#292929
  • checkbox.background#292929
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#202330
  • debugExceptionWidget.border#00000000
  • debugToolBar.background#202330
  • debugToolBar.border#00000000
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#292929
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#1a1f2e
  • editor.findMatchBackground#e0e0e04e
  • editor.findMatchBorder#f8de3c14
  • editor.findMatchHighlightBackground#a5a4a34a
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#53596066
  • editor.findRangeHighlightBorder#f9f9f900
  • editor.foldBackground#ffffff3a
  • editor.foreground#e8e8e8
  • editor.hoverHighlightBackground#064a8e40
  • editor.inactiveSelectionBackground#8e5c253a
  • editor.lineHighlightBackground#fbfbfb00
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#8e5c2550
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#171717
  • editor.wordHighlightBackground#6b676795
  • editor.wordHighlightBorder#96424200
  • editor.wordHighlightStrongBackground#8b909254
  • editor.wordHighlightStrongBorder#e0505000
  • editorBracketMatch.background#ffffff00
  • editorBracketMatch.border#ffffff62
  • editorCodeLens.foreground#828282
  • editorCursor.background#1a1f2e
  • editorCursor.foreground#F5C842
  • editorError.background#c9c9c900
  • editorError.border#ffffff00
  • editorError.foreground#ad3118
  • editorGroup.border#000000
  • editorGroup.emptyBackground#1a1f2e
  • editorGroupHeader.border#c2a33930
  • editorGroupHeader.tabsBackground#0f1419
  • editorGroupHeader.tabsBorder#c2a33930
  • editorGutter.addedBackground#639002
  • editorGutter.background#13246f00
  • editorGutter.commentRangeForeground#000000
  • editorGutter.deletedBackground#ff2f39
  • editorGutter.foldingControlForeground#000000
  • editorGutter.modifiedBackground#22c1ee
  • editorHoverWidget.background#202330
  • editorHoverWidget.border#45454500
  • editorHoverWidget.foreground#ffffff
  • editorIndentGuide.activeBackground#00000078
  • editorIndentGuide.background#000000c7
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#F5C842
  • editorLineNumber.foreground#8B7333
  • editorLink.activeForeground#0B5394
  • editorMarkerNavigation.background#292929
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff00
  • editorMarkerNavigationWarning.background#cca70000
  • editorOverviewRuler.background#3b3b3b00
  • editorOverviewRuler.border#8484844d
  • editorRuler.foreground#00000000
  • editorSuggestWidget.background#13246f
  • editorSuggestWidget.border#00000000
  • editorSuggestWidget.foreground#ffffff
  • editorSuggestWidget.highlightForeground#c2a339
  • editorSuggestWidget.selectedBackground#0793ac3c
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#eac000
  • editorWhitespace.foreground#e6e6e600
  • editorWidget.background#0f1419
  • editorWidget.foreground#e8e8e8
  • editorWidget.resizeBorder#c2a33960
  • focusBorder#c2a339
  • foreground#e8e8e8
  • 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#292929
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#3a4050
  • list.activeSelectionForeground#F5C842
  • list.dropBackground#0793ac50
  • list.focusBackground#0793ac50
  • list.focusForeground#ffffff
  • list.highlightForeground#c2a339
  • list.hoverBackground#2a304080
  • list.hoverForeground#e8e8e8
  • list.inactiveSelectionBackground#2a3040
  • list.inactiveSelectionForeground#F5C842
  • listFilterWidget.background#2f2fab85
  • listFilterWidget.noMatchesOutline#04040474
  • listFilterWidget.outline#00000064
  • menu.background#202330
  • menu.border#0b307500
  • menu.foreground#c2a339
  • menu.selectionBackground#0793ac50
  • menu.selectionBorder#0b307500
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#0b30758b
  • menubar.selectionBorder#0d46b200
  • menubar.selectionForeground#ffffffcb
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#295fa3
  • minimap.background#1a1f2e
  • minimap.errorHighlight#ad3118
  • minimap.findMatchHighlight#e0e0e04e
  • minimap.selectionHighlight#8e5c2550
  • minimap.warningHighlight#eac000
  • minimapGutter.addedBackground#639002
  • minimapGutter.deletedBackground#ff2f39
  • minimapGutter.modifiedBackground#22c1ee
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#1a1f2edd
  • notifications.border#303031
  • notifications.foreground#e8e8e8
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#1a1f2e
  • panel.border#c2a33940
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#8e5c2500
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#e2d9ce2c
  • peekViewEditor.matchHighlightBorder#ee931e00
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#001f33
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c0044
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#001f33
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#00000000
  • pickerGroup.foreground#ffffff
  • progressBar.background#202973
  • scrollbar.shadow#00000080
  • scrollbarSlider.activeBackground#F5C842cc
  • scrollbarSlider.background#c2a33960
  • scrollbarSlider.hoverBackground#F5C842
  • selection.background#c2a33950
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#1a1f2edd
  • sideBar.border#c2a33930
  • sideBar.dropBackground#c2a33950
  • sideBar.foreground#e8e8e8
  • sideBarSectionHeader.background#0f1419
  • sideBarSectionHeader.border#c2a33940
  • sideBarSectionHeader.foreground#F5C842
  • sideBarTitle.foreground#F5C842
  • statusBar.background#0B5394
  • statusBar.border#0B5394
  • statusBar.debuggingBackground#DC2626
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#0B5394
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#0369A1
  • statusBarItem.remoteBackground#10B981
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1a1f2e
  • tab.activeBorder#00000000
  • tab.activeBorderTop#F5C842
  • tab.activeForeground#F5C842
  • tab.border#c2a33930
  • tab.hoverBackground#2a3040
  • tab.inactiveBackground#0f1419
  • tab.inactiveForeground#8B733380
  • 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#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#1a1f2e
  • titleBar.activeForeground#F5C842
  • titleBar.border#c2a33930
  • titleBar.inactiveBackground#1a1f2edd
  • titleBar.inactiveForeground#F5C84280
  • tree.indentGuidesStroke#040404
  • 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#ff4579
variable.other.generic-type.haskell#c792ea
storage.type.haskell#ffffff
support.variable.magic.python#ff4579
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#ffffff
variable.parameter.function.language.special.self.python#82aaff
storage.modifier.lifetime.rust#ffffff
support.function.std.rust#82aaff
entity.name.lifetime.rust#82aaff
variable.language.rust#ff4579
support.constant.edge#c792ea
constant.other.character-class.regexp#ff4579
keyword.operator.quantifier.regexp#ffffff
punctuation.definition.string.begin,punctuation.definition.string.end#6af699
variable.parameter.function#ffffff
comment markup.link#6d6d6d
markup.changed.diff#82aaff
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#82aaff
markup.inserted.diff#6af699
markup.deleted.diff#ff4579
meta.function.c,meta.function.cpp#ff4579
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#82aaff
support.constant.math#82aaff
support.constant.property.math#ffffff
variable.other.constant#82aaff
storage.type.annotation.java, storage.type.object.array.java#82aaff
source.java#ff4579
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#ffffff
meta.method.java#82aaff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#82aaff
keyword.operator.instanceof.java#c792ea
meta.definition.variable.name.java#ff4579
keyword.operator.logical#659ce4
keyword.operator.bitwise#659ce4
keyword.operator.channel#659ce4
support.constant.property-value.scss,support.constant.property-value.css#ffffff
keyword.operator.css,keyword.operator.scss,keyword.operator.less#659ce4
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ffffff
punctuation.separator.list.comma.css#ffffff
support.constant.color.w3c-standard-color-name.css#ffffff
support.type.vendored.property-name.css#659ce4
support.module.node,support.type.object.module,support.module.node#82aaff
entity.name.type.module#82aaff
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ff4579
support.constant.json#ffffff
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#c792ea
support.type.object.console#ff4579
support.variable.property.process#ffffff
entity.name.function,support.function.console#82aaff
keyword.operator.misc.rust#ffffff
keyword.operator.sigil.rust#c792ea
keyword.operator.delete#c792ea
support.type.object.dom#659ce4
support.variable.dom,support.variable.property.dom#ff4579
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#659ce4
keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp#c792ea
punctuation.separator.delimiter#ffffff
punctuation.separator.c,punctuation.separator.cpp#c792ea
support.type.posix-reserved.c,support.type.posix-reserved.cpp#659ce4
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#c792ea
variable.parameter.function.language.python#ffffff
support.type.python#659ce4
keyword.operator.logical.python#c792ea
variable.parameter.function.python#ffffff
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#82aaff
constant.character.format.placeholder.other.python#ffffff
keyword.operator#ffffff
keyword.operator.assignment.compound#c792ea
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#659ce4
keyword#c792ea
entity.name.namespace#82aaff
variable#ff4579
variable.c#ffffff
variable.language#82aaff
token.variable.parameter.java#ffffff
import.storage.java#82aaff
token.package.keyword#c792ea
token.package#ffffff
entity.name.function, meta.require, support.function.any-method, variable.function#82aaff
entity.name.type.namespace#82aaff
support.class, entity.name.type.class#82aaff
entity.name.class.identifier.namespace.type#82aaff
entity.name.class, variable.other.class.js, variable.other.class.ts#82aaff
variable.other.class.php#ff4579
entity.name.type#82aaff
keyword.control#c792ea
control.elements, keyword.operator.less#ffffff
keyword.other.special-method#82aaff
storage#c792ea
token.storage#c792ea
keyword.operator.expression.delete,keyword.operator.expression.in,keyword.operator.expression.of,keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.expression.typeof,keyword.operator.expression.void#c792ea
token.storage.type.java#82aaff
support.function#659ce4
support.type.property-name#ffffff
support.constant.property-value#ffffff
support.constant.font-name#ffffff
meta.tag#ffffff
string#6af699
entity.other.inherited-class#82aaff
constant.other.symbol#659ce4
constant.numeric#ffffff
constant#ffffff
punctuation.definition.constant#ffffff
entity.name.tag#ff4579
entity.other.attribute-name#ffffff
entity.other.attribute-name.id#82aaffnormal
entity.other.attribute-name.class.css#ffffffnormal
meta.selector#c792ea
markup.heading#ff4579
markup.heading punctuation.definition.heading, entity.name.section#82aaff
keyword.other.unit#ff4579
markup.bold,todo.bold#ffffff
punctuation.definition.bold#82aaff
markup.italic, punctuation.definition.italic,todo.emphasis#c792ea
emphasis md#c792ea
entity.name.section.markdown#ff4579
punctuation.definition.heading.markdown#ff4579
punctuation.definition.list.begin.markdown#ff4579
markup.heading.setext#ffffff
punctuation.definition.bold.markdown#ffffff
markup.inline.raw.markdown#6af699
markup.inline.raw.string.markdown#6af699
punctuation.definition.list.markdown#ff4579
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ff4579
beginning.punctuation.definition.list.markdown#ff4579
punctuation.definition.metadata.markdown#ff4579
markup.underline.link.markdown,markup.underline.link.image.markdown#c792ea
string.other.link.title.markdown,string.other.link.description.markdown#82aaff
string.regexp#659ce4
constant.character.escape#659ce4
punctuation.section.embedded, variable.interpolation#ff4579
punctuation.section.embedded.begin,punctuation.section.embedded.end#c792ea
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#ffffff
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ff4579
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ff4579
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#6af699
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#659ce4
support.type.property-name.json#ff4579
support.type.property-name.json punctuation#ff4579
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#c792ea
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#c792ea
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#82aaff
keyword.operator.error-control.php#c792ea
keyword.operator.type.php#c792ea
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#82aaff
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#82aaff
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#ffffff
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ffffff
entity.name.goto-label.php,support.other.php#82aaff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#659ce4
keyword.operator.regexp.php#c792ea
keyword.operator.comparison.php#659ce4
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#c792ea
meta.function.decorator.python#82aaff
support.token.decorator.python,meta.function.decorator.identifier.python#659ce4
function.parameter#ffffff
function.brace#ffffff
function.parameter.ruby, function.parameter.cs#ffffff
constant.language.symbol.ruby#659ce4
rgb-value#659ce4
inline-color-decoration rgb-value#ffffff
less rgb-value#ffffff
selector.sass#ff4579
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#82aaff
block.scope.end,block.scope.begin#ffffff
storage.type.cs#82aaff
entity.name.variable.local.cs#ff4579
token.info-token#82aaff
token.warn-token#ffffff
token.error-token#f44747
token.debug-token#c792ea
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#c792ea
meta.template.expression#ffffff
keyword.operator.module#c792ea
support.type.type.flowtype#82aaff
support.type.primitive#82aaff
meta.property.object#ff4579
variable.parameter.function.js#ff4579
keyword.other.template.begin#6af699
keyword.other.template.end#6af699
keyword.other.substitution.begin#6af699
keyword.other.substitution.end#6af699
keyword.operator.assignment#659ce4
keyword.operator.assignment.go#82aaff
keyword.operator.arithmetic.go, keyword.operator.address.go#c792ea
entity.name.package.go#82aaff
support.type.prelude.elm#659ce4
support.constant.elm#ffffff
punctuation.quasi.element#c792ea
constant.character.entity#ff4579
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#659ce4
entity.global.clojure#82aaff
meta.symbol.clojure#ff4579
constant.keyword.clojure#659ce4
meta.arguments.coffee, variable.parameter.function.coffee#ff4579
source.ini#6af699
meta.scope.prerequisites.makefile#ff4579
source.makefile#82aaff
storage.modifier.import.groovy#82aaff
meta.method.groovy#82aaff
meta.definition.variable.name.groovy#ff4579
meta.definition.class.inherited.classes.groovy#6af699
support.variable.semantic.hlsl#82aaff
support.type.texture.hlsl, support.type.sampler.hlsl, support.type.object.hlsl, support.type.object.rw.hlsl, support.type.fx.hlsl, support.type.object.hlsl#c792ea
text.variable, text.bracketed#ff4579
support.type.swift, support.type.vb.asp#82aaff
entity.name.function.xi#82aaff
entity.name.class.xi#659ce4
constant.character.character-class.regexp.xi#ff4579
constant.regexp.xi#c792ea
keyword.control.xi#659ce4
invalid.xi#ffffff
beginning.punctuation.definition.quote.markdown.xi#6af699
beginning.punctuation.definition.list.markdown.xi#6d6d6d
constant.character.xi#82aaff
accent.xi#82aaff
wikiword.xi#ffffff
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#6d6d6d
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#82aaff
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ff4579
meta.brace.square#ffffff
comment, punctuation.definition.comment#6d6d6ditalic
markup.quote.markdown#6d6d6d
punctuation.definition.block.sequence.item.yaml#ffffff
constant.language.symbol.elixir#659ce4
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...

One Piece Theme by Leonardo Tozoni - VS Code Theme