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#ffffff
  • activityBar.background#ffffff
  • activityBar.border#28dd97
  • activityBar.foreground#000000
  • activityBar.inactiveForeground#00000066
  • activityBarBadge.background#000000
  • activityBarBadge.foreground#3de3cf
  • badge.background#000000
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#000000
  • breadcrumb.background#fafafa
  • breadcrumb.focusForeground#000000
  • breadcrumb.foreground#000000cc
  • button.background#28dd99
  • button.foreground#ffffff
  • button.hoverBackground#18343db3
  • button.secondaryBackground#3de3cf
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#4c5561
  • checkbox.background#ffffff
  • checkbox.border#00000000
  • checkbox.foreground#000000
  • debugExceptionWidget.background#eaeaeac9
  • debugExceptionWidget.border#000000
  • debugToolBar.background#eaeaeac9
  • debugToolBar.border#000000
  • diffEditor.border#000000
  • diffEditor.insertedTextBackground#012a3618
  • diffEditor.removedTextBackground#01360428
  • dropdown.background#ffffff
  • dropdown.border#00000000
  • dropdown.foreground#000000
  • editor.background#ffffff
  • editor.findMatchBackground#94ac9c
  • editor.findMatchBorder#859b83
  • editor.findMatchHighlightBackground#3eea0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#e4e4e44d
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#c3ffad4d
  • editor.foreground#76767d
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#e6f1e5
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#eeeeee
  • editor.rangeHighlightBackground#08ff0033
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#b3ffad
  • editor.selectionHighlightBackground#c7ffad80
  • editor.selectionHighlightBorder#49774c
  • editor.wordHighlightBackground#57575740
  • editor.wordHighlightBorder#00ff10
  • editor.wordHighlightStrongBackground#419c0e40
  • editor.wordHighlightStrongBorder#00ff40
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#b9b9b9
  • editorCodeLens.foreground#757575
  • editorCursor.background#ffffff
  • editorCursor.foreground#000000
  • editorError.background#4bb73400
  • editorError.border#ffffff00
  • editorError.foreground#48e500
  • editorGroup.border#e7e7e7
  • editorGroup.emptyBackground#ffffff
  • editorGroupHeader.border#28dd97
  • editorGroupHeader.tabsBackground#fafafa
  • editorGroupHeader.tabsBorder#000000
  • editorGutter.addedBackground#81b88b
  • editorGutter.background#ffffff
  • editorGutter.commentRangeForeground#000000
  • editorGutter.deletedBackground#012a36
  • editorGutter.foldingControlForeground#000000
  • editorGutter.modifiedBackground#81e066
  • editorHoverWidget.background#ffffff
  • editorHoverWidget.border#3d3d3d
  • editorHoverWidget.foreground#000000
  • editorIndentGuide.activeBackground#939393
  • editorIndentGuide.background#d3d3d3
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#adff75
  • editorLineNumber.activeForeground#219900
  • editorLineNumber.foreground#000000
  • editorLink.activeForeground#14ff00
  • editorMarkerNavigation.background#ffffff
  • editorMarkerNavigationError.background#012a36
  • editorMarkerNavigationInfo.background#205c0b
  • editorMarkerNavigationWarning.background#337920
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#d3d3d3
  • editorSuggestWidget.background#ffffff
  • editorSuggestWidget.border#000000
  • editorSuggestWidget.foreground#000000
  • editorSuggestWidget.highlightForeground#012a36
  • editorSuggestWidget.selectedBackground#d9ffd6
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#00e950
  • editorWhitespace.foreground#33333333
  • editorWidget.background#ffffff
  • editorWidget.foreground#43c445
  • editorWidget.resizeBorder#000000
  • focusBorder#00d417
  • foreground#000000
  • gitDecoration.addedResourceForeground#587c0c
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#ad0707
  • gitDecoration.ignoredResourceForeground#8e8e90
  • gitDecoration.modifiedResourceForeground#895503
  • gitDecoration.stageDeletedResourceForeground#ad0707
  • gitDecoration.stageModifiedResourceForeground#895503
  • gitDecoration.submoduleResourceForeground#1258a7
  • gitDecoration.untrackedResourceForeground#007100
  • icon.foreground#000000
  • input.background#ffffff
  • input.border#00000000
  • input.foreground#000000
  • input.placeholderForeground#000000
  • inputOption.activeBackground#13f10033
  • inputOption.activeBorder#00cc0d00
  • inputOption.activeForeground#000000
  • list.activeSelectionBackground#28dd97
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#18343db3
  • list.focusBackground#ffffff
  • list.focusForeground#3de3cf
  • list.highlightForeground#000000
  • list.hoverBackground#e0e0e0
  • list.hoverForeground#000000
  • list.inactiveSelectionBackground#18343db5
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#001e264a
  • listFilterWidget.noMatchesOutline#00ff1c
  • listFilterWidget.outline#00000000
  • menu.background#ffffff
  • menu.border#28dd99
  • menu.foreground#000000
  • menu.selectionBackground#ffffff00
  • menu.selectionBorder#00000000
  • menu.selectionForeground#28dd99
  • menu.separatorBackground#2cdea5
  • menubar.selectionBackground#0000001a
  • menubar.selectionBorder#000000
  • menubar.selectionForeground#28dd99
  • merge.commonContentBackground#E5E5E5
  • merge.commonHeaderBackground#fafafa
  • merge.currentContentBackground#e2f4db
  • merge.currentHeaderBackground#a4e3a8
  • merge.incomingContentBackground#dbffdd
  • merge.incomingHeaderBackground#b9ffa6
  • minimap.background#ffffff
  • minimap.errorHighlight#48e500
  • minimap.findMatchHighlight#94ac9c
  • minimap.selectionHighlight#b3ffad
  • minimap.warningHighlight#00e950
  • minimapGutter.addedBackground#81b88b
  • minimapGutter.deletedBackground#012a36
  • minimapGutter.modifiedBackground#81e066
  • notificationCenter.border#d3d3d3
  • notificationCenterHeader.background#012a36
  • notificationCenterHeader.foreground#ffffff
  • notifications.background#f3f3f3
  • notifications.border#000000
  • notifications.foreground#616161
  • notificationsErrorIcon.foreground#000000
  • notificationsInfoIcon.foreground#000000
  • notificationsWarningIcon.foreground#000000
  • notificationToast.border#d5d5d5
  • panel.background#ffffff
  • panel.border#000000
  • panelSection.border#80808059
  • panelTitle.activeBorder#000000
  • panelTitle.activeForeground#000000
  • panelTitle.inactiveForeground#265651bf
  • peekView.border#23cc00
  • peekViewEditor.background#ffffff
  • peekViewEditor.matchHighlightBackground#6be42840
  • peekViewEditor.matchHighlightBorder#383838
  • peekViewEditorGutter.background#012a3644
  • peekViewResult.background#fafafa
  • peekViewResult.fileForeground#000000
  • peekViewResult.lineForeground#000000
  • peekViewResult.matchHighlightBackground#2fab3d4d
  • peekViewResult.selectionBackground#33ff4933
  • peekViewResult.selectionForeground#000000
  • peekViewTitle.background#012a36
  • peekViewTitleDescription.foreground#ffffffe6
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#000000
  • pickerGroup.foreground#060606
  • progressBar.background#0ec032
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#45454599
  • scrollbarSlider.background#90909066
  • scrollbarSlider.hoverBackground#4f4f4fb3
  • selection.background#25a733
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#000000
  • sideBar.background#ffffff
  • sideBar.border#3de3cf
  • sideBar.dropBackground#18343db3
  • sideBar.foreground#000000
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#00000030
  • sideBarSectionHeader.foreground#000000
  • sideBarTitle.foreground#3de3cf
  • statusBar.background#ffffff
  • statusBar.border#000000
  • statusBar.debuggingBackground#000000
  • statusBar.debuggingBorder#000000
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#000000
  • statusBar.noFolderBackground#0ad97e
  • statusBar.noFolderBorder#000000
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#6241411f
  • statusBarItem.remoteBackground#000000
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#ffffff
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#000000
  • tab.border#2cdea5
  • tab.hoverBackground#00dc82
  • tab.inactiveBackground#fafafa00
  • tab.inactiveForeground#000000b3
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#0451a5
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#0451a5
  • terminal.ansiBrightCyan#0598bc
  • terminal.ansiBrightGreen#14ce14
  • terminal.ansiBrightMagenta#bc05bc
  • terminal.ansiBrightRed#cd3131
  • terminal.ansiBrightWhite#a5a5a5
  • terminal.ansiBrightYellow#b5ba00
  • terminal.ansiCyan#0598bc
  • terminal.ansiGreen#00bc00
  • terminal.ansiMagenta#bc05bc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#000000
  • terminal.ansiYellow#949800
  • terminal.border#80808059
  • terminal.foreground#000000
  • terminal.selectionBackground#00000040
  • terminalCursor.background#32a334
  • terminalCursor.foreground#ffffff
  • textLink.foreground#1fb64e
  • titleBar.activeBackground#ffffff
  • titleBar.activeForeground#000000
  • titleBar.border#3de3cf
  • titleBar.inactiveBackground#28dd9724
  • titleBar.inactiveForeground#ffffff99
  • tree.indentGuidesStroke#000000
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000080

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

Neo Nuxt Blend by Vantol Bennett - VS Code Theme