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#f5f5f5
  • activityBar.foreground#424242cc
  • activityBarBadge.background#0066cc
  • activityBarBadge.foreground#ffffff
  • badge.background#0066cc
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#000000
  • breadcrumb.background#ffffff
  • breadcrumb.foreground#424242cc
  • breadcrumbPicker.background#f5f5f5
  • button.background#0066cc
  • button.foreground#ffffff
  • button.hoverBackground#0052cc
  • button.secondaryBackground#e0e0e0
  • button.secondaryForeground#333333
  • button.secondaryHoverBackground#d0d0d0
  • debugExceptionWidget.background#f0f0f0
  • debugExceptionWidget.border#e0e0e0
  • debugToolBar.background#ffffff
  • diffEditor.insertedTextBackground#00aa0022
  • diffEditor.removedTextBackground#ff000022
  • dropdown.background#ffffff
  • dropdown.border#e0e0e0
  • dropdown.foreground#000000
  • editor.background#ffffff
  • editor.findMatchBackground#ffcc0066
  • editor.findMatchHighlightBackground#ffcc0044
  • editor.findRangeHighlightBackground#00000018
  • editor.foreground#000000
  • editor.hoverHighlightBackground#f0f0f0
  • editor.inactiveSelectionBackground#e0e0e077
  • editor.lineHighlightBackground#f5f5f5
  • editor.lineHighlightBorder#f5f5f5
  • editor.rangeHighlightBackground#e0e0e052
  • editor.selectionBackground#add6ff99
  • editor.selectionHighlightBackground#add6ffcc
  • editor.snippetFinalTabstopHighlightBorder#333333
  • editor.snippetTabstopHighlightBackground#33333355
  • editor.wordHighlightBackground#0066cc21
  • editor.wordHighlightStrongBackground#0066cc2d
  • editorBracketMatch.background#ffffff00
  • editorBracketMatch.border#00000055
  • editorCodeLens.foreground#999999
  • editorCursor.background#ffffff
  • editorCursor.foreground#7C3AED
  • editorError.border#ff000000
  • editorError.foreground#ff0000
  • editorGroup.border#e0e0e000
  • editorGroup.dropBackground#e0e0e099
  • editorGroup.emptyBackground#f5f5f5
  • editorGroupHeader.noTabsBackground#f5f5f5
  • editorGroupHeader.tabsBackground#f5f5f5
  • editorGroupHeader.tabsBorder#0000000d
  • editorGutter.addedBackground#00aa00
  • editorGutter.background#ffffff
  • editorGutter.deletedBackground#ff0000
  • editorGutter.modifiedBackground#ff9900
  • editorHoverWidget.background#ffffff
  • editorHoverWidget.border#e0e0e0
  • editorIndentGuide.activeBackground1#c0c0c0
  • editorIndentGuide.background1#e0e0e0b3
  • editorInlayHint.background#00000000
  • editorInlayHint.foreground#999999
  • editorInlayHint.parameterBackground#00000000
  • editorInlayHint.parameterForeground#999999
  • editorInlayHint.typeBackground#00000000
  • editorInlayHint.typeForeground#999999
  • editorLineNumber.activeForeground#000000
  • editorLineNumber.foreground#999999
  • editorLink.activeForeground#0066cc
  • editorMarkerNavigation.background#00000070
  • editorMarkerNavigationError.background#ff0000c0
  • editorMarkerNavigationWarning.background#ff9900
  • editorOverviewRuler.border#00000000
  • editorRuler.foreground#d3d3d3
  • editorSuggestWidget.background#f5f5f5
  • editorSuggestWidget.border#e0e0e0
  • editorSuggestWidget.foreground#000000
  • editorSuggestWidget.highlightForeground#0066cc
  • editorSuggestWidget.selectedBackground#e0e0e0
  • editorWarning.border#ff990000
  • editorWarning.foreground#ff9900
  • editorWhitespace.foreground#ccccccb3
  • editorWidget.background#f5f5f5
  • editorWidget.resizeBorder#0066cc
  • errorForeground#ff0000
  • extensionButton.prominentBackground#0066cc
  • extensionButton.prominentForeground#ffffff
  • extensionButton.prominentHoverBackground#0052cc
  • focusBorder#0066cc
  • foreground#333333dd
  • gitDecoration.addedResourceForeground#00aa00
  • gitDecoration.deletedResourceForeground#ff0000
  • gitDecoration.ignoredResourceForeground#999999
  • gitDecoration.modifiedResourceForeground#ff9900
  • gitDecoration.untrackedResourceForeground#0066cc
  • input.background#ffffff
  • input.border#e0e0e0
  • input.foreground#000000
  • input.placeholderForeground#00000099
  • inputOption.activeBorder#0066cc
  • inputValidation.errorBackground#ff0000
  • inputValidation.errorBorder#ff0000
  • inputValidation.infoBackground#0066cc
  • inputValidation.infoBorder#0066cc
  • inputValidation.infoForeground#ffffff
  • inputValidation.warningBackground#ff9900
  • inputValidation.warningBorder#ff9900
  • list.activeSelectionBackground#0066cc1d
  • list.activeSelectionForeground#000000
  • list.deemphasizedForeground#666666
  • list.dropBackground#0066cc99
  • list.errorForeground#ff0000
  • list.focusBackground#0066cc33
  • list.focusForeground#000000
  • list.highlightForeground#0066cc
  • list.hoverBackground#f0f0f0
  • list.hoverForeground#000000
  • list.inactiveSelectionBackground#e0e0e0
  • list.inactiveSelectionForeground#000000
  • list.invalidItemForeground#666666
  • list.warningForeground#ff9900
  • menu.background#f5f5f5
  • menu.foreground#333333
  • menu.separatorBackground#e0e0e0
  • menubar.selectionBackground#0066cc33
  • merge.border#e0e0e000
  • merge.currentContentBackground#0066cc4d
  • merge.currentHeaderBackground#0066cc66
  • merge.incomingContentBackground#00aa004d
  • merge.incomingHeaderBackground#00aa0066
  • minimap.background#fafafa
  • minimap.errorHighlight#ff0000
  • minimap.findMatchHighlight#ffcc0070
  • minimap.selectionHighlight#add6ff
  • minimap.warningHighlight#ff9900
  • minimapGutter.addedBackground#00aa00
  • minimapGutter.deletedBackground#ff0000
  • minimapGutter.modifiedBackground#ff9900
  • notificationLink.foreground#0066cc
  • notifications.background#f5f5f5
  • notifications.foreground#000000
  • panel.background#f5f5f5
  • panel.border#0000000d
  • panelTitle.activeBorder#00000000
  • panelTitle.activeForeground#000000
  • panelTitle.inactiveForeground#33333399
  • peekView.border#b0b0b0
  • peekViewEditor.background#f5f5f5
  • peekViewEditor.matchHighlightBackground#ffcc0066
  • peekViewEditorGutter.background#f5f5f5
  • peekViewResult.background#f5f5f5
  • peekViewResult.fileForeground#000000
  • peekViewResult.lineForeground#00000066
  • peekViewResult.matchHighlightBackground#ffcc0066
  • peekViewResult.selectionBackground#e0e0e0
  • peekViewResult.selectionForeground#000000
  • peekViewTitle.background#e0e0e0
  • peekViewTitleDescription.foreground#333333
  • peekViewTitleLabel.foreground#000000
  • pickerGroup.border#e0e0e000
  • pickerGroup.foreground#0066cc
  • progressBar.background#0066cc
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#00000055
  • scrollbarSlider.background#00000033
  • scrollbarSlider.hoverBackground#00000044
  • selection.background#0066cc33
  • sideBar.background#f5f5f5
  • sideBar.border#0000000d
  • sideBar.foreground#42424299
  • sideBarSectionHeader.background#f5f5f5
  • sideBarSectionHeader.foreground#999999
  • sideBarTitle.foreground#333333
  • statusBar.background#f5f5f5
  • statusBar.border#0000000d
  • statusBar.debuggingBackground#ff9900
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#33333382
  • statusBar.noFolderBackground#f5f5f5
  • statusBar.noFolderForeground#333333
  • statusBarItem.activeBackground#0066cc33
  • statusBarItem.hoverBackground#0066cc22
  • statusBarItem.hoverForeground#000000
  • statusBarItem.prominentBackground#0066cc
  • statusBarItem.prominentHoverBackground#0052cc
  • tab.activeBackground#ffffff
  • tab.activeBorder#ffffff
  • tab.activeBorderTop#00000000
  • tab.activeForeground#000000
  • tab.border#0000000d
  • tab.hoverBackground#00000000
  • tab.inactiveBackground#f5f5f5
  • tab.inactiveForeground#999999
  • tab.unfocusedActiveBorder#00000000
  • tab.unfocusedActiveForeground#00000099
  • tab.unfocusedHoverBackground#e0e0e0b3
  • tab.unfocusedHoverBorder#00000000
  • tab.unfocusedInactiveForeground#00000066
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#0066cc
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#0080ff
  • terminal.ansiBrightCyan#00aaaa
  • terminal.ansiBrightGreen#00aa00
  • terminal.ansiBrightMagenta#aa00aa
  • terminal.ansiBrightRed#ff0000
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ffaa00
  • terminal.ansiCyan#008080
  • terminal.ansiGreen#008000
  • terminal.ansiMagenta#800080
  • terminal.ansiRed#cc0000
  • terminal.ansiWhite#c0c0c0
  • terminal.ansiYellow#cc9900
  • terminal.background#f5f5f5
  • terminal.foreground#333333cc
  • terminal.selectionBackground#add6ff
  • terminalCursor.background#00000022
  • terminalCursor.foreground#000000
  • textLink.activeForeground#0052cc
  • textLink.foreground#0066cc
  • textPreformat.foreground#0066cc
  • textSeparator.foreground#0066cc
  • titleBar.activeBackground#f5f5f5
  • titleBar.activeForeground#33333382
  • titleBar.border#0000000d
  • titleBar.inactiveBackground#f5f5f5
  • titleBar.inactiveForeground#33333360
  • tree.indentGuidesStroke#e0e0e0
  • walkThrough.embeddedEditorBackground#f5f5f5
  • widget.border#1414141c
  • widget.shadow#1414141e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
string.quoted.binary.single.python#059669
constant.language.false.cpp, constant.language.true.cpp#0088AA
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#2A2A2A
keyword.control.directive#059669
constant.other.ellipsis.python#2A2A2A
variable.other.generic-type.haskell#0067A3
punctuation.definition.tag#800000
storage.type.haskell#F59E0B
support.variable.magic.python#2A2A2A
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#2A2A2A
variable.parameter.function.language.special.self.python#0088AA
variable.language.this.cpp#0088AA
storage.modifier.lifetime.rust#2A2A2A
support.function.std.rust#267F99
entity.name.lifetime.rust#267F99
variable.other.property#7C3AED
variable.language.rust#2A2A2A
support.constant.edge#0088AA
constant.other.character-class.regexp#2A2A2A
keyword.operator.quantifier.regexp#F59E0B
punctuation.definition.string.begin,punctuation.definition.string.end#C2185B
variable.parameter.function#2A2A2A
comment markup.link#A0A0A0
markup.changed.diff#795E26
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#267F99
markup.inserted.diff#059669
markup.deleted.diff#C2185B
meta.function.c,meta.function.cpp#2A2A2A
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#2A2A2A
punctuation.separator.key-value#2A2A2A
keyword.operator.expression.import#0088AA
support.constant.math#D97700
support.constant.property.math#F59E0B
variable.other.constant#D97700
variable.other.constant#7C3AED
storage.type.annotation.java, storage.type.object.array.java#D97700
source.java#2A2A2A
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#2A2A2A
meta.method.java#0088AA
storage.modifier.import.java,storage.type.java,storage.type.generic.java#D97700
keyword.operator.instanceof.java#0088AA
meta.definition.variable.name.java#2A2A2A
keyword.operator.logical#2A2A2A
keyword.operator.bitwise#2A2A2A
keyword.operator.channel#2A2A2A
keyword.operator.css,keyword.operator.scss,keyword.operator.less#2A2A2A
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#F59E0B
punctuation.separator.list.comma.css#2A2A2A
support.constant.color.w3c-standard-color-name.css#F59E0B
support.module.node,support.type.object.module,support.module.node#D97700
entity.name.type.module#D97700
,meta.object-literal.key,support.variable.object.process,support.variable.object.node#2A2A2A
variable.other.readwrite#6366F1
support.variable.property#7C3AED
support.constant.json#F59E0B
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#0088AA
support.type.object.console#2A2A2A
support.variable.property.process#F59E0B
entity.name.function.js,support.function.console.js#795E26
keyword.operator.misc.rust#2A2A2A
keyword.operator.sigil.rust#0088AA
keyword.operator.delete#0088AA
support.type.object.dom#2A2A2A
support.variable.dom,support.variable.property.dom#2A2A2A
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#2A2A2A
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#0088AA
punctuation.separator.delimiter#2A2A2A
punctuation.separator.c,punctuation.separator.cpp#0088AA
support.type.posix-reserved.c,support.type.posix-reserved.cpp#2A2A2A
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#0088AA
variable.parameter.function.language.python#F59E0B
support.type.python#0088AA
keyword.operator.logical.python#0088AA
variable.parameter.function.python#F59E0B
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#2A2A2A
meta.function-call.generic.python#0088AA
constant.character.format.placeholder.other.python#F59E0B
keyword.operator#2A2A2A
keyword.operator.assignment.compound#0088AA
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#2A2A2A
keyword#0088AA
entity.name.namespace#2A2A2A
variable#2A2A2A
variable.c#2A2A2A
variable.language#BE185D
token.variable.parameter.java#2A2A2A
import.storage.java#D97700
token.package.keyword#0088AA
token.package#2A2A2A
entity.name.function, meta.require, support.function, variable.function#D97700
entity.name.type.namespace#D97700
support.class, entity.name.type.class#2563EB
entity.name.class.identifier.namespace.type#D97700
entity.name.class, variable.other.class.js, variable.other.class.ts#D97700
variable.other.class.php#2A2A2A
entity.name.type#D97700
keyword.control.directive.include.cpp#059669
control.elements, keyword.operator.less#F59E0B
keyword.other.special-method#0088AA
storage#0088AA
storage.modifier.reference, storage.modifier.pointer#2A2A2A
token.storage#0088AA
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#0088AA
token.storage.type.java#D97700
support.function#D97700
meta.property-name.css#2563EB
meta.tag#F59E0B
string#C2185B
entity.other.inherited-class#D97700
constant.other.symbol#2A2A2A
constant.numeric#EA8500
constant.other.color#EA8500
punctuation.definition.constant#F59E0B
entity.name.tag.template, entity.name.tag.script, entity.name.tag.style#7C3AED
entity.name.tag.html#2563EB
meta.property-value.css#C2185B
entity.other.attribute-name#0088AA
entity.other.attribute-name.id#0088AA
entity.other.attribute-name.class.css#F59E0B
meta.selector#0088AA
markup.heading#000080
markup.heading punctuation.definition.heading, entity.name.section#0088AA
keyword.other.unit#059669
markup.bold,todo.bold#000080
punctuation.definition.bold#000080
markup.italic, punctuation.definition.italic,todo.emphasis#008080
emphasis md#008080
entity.name.section.markdown#000080
punctuation.definition.heading.markdown#000080
punctuation.definition.list.begin.markdown#0088AA
markup.heading.setext#000080
punctuation.definition.bold.markdown#000080
markup.inline.raw.markdown#C2185B
markup.inline.raw.string.markdown#C2185B
punctuation.definition.list.markdown#0088AA
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#2A2A2A
beginning.punctuation.definition.list.markdown#0088AA
punctuation.definition.metadata.markdown#2A2A2A
markup.underline.link.markdown,markup.underline.link.image.markdown#0088AA
string.other.link.title.markdown,string.other.link.description.markdown#0088AA
string.regexp#811F3F
constant.character.escape#FF0000
punctuation.section.embedded, variable.interpolation#2A2A2A
punctuation.section.embedded.begin,punctuation.section.embedded.end#0088AA
invalid.illegal#CD3131
invalid.illegal.bad-ampersand.html#CD3131
invalid.broken#CD3131
invalid.deprecated#CD3131
invalid.unimplemented#CD3131
source.json meta.structure.dictionary.json > string.quoted.json#0451A5
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#0451A5
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#C2185B
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#0088AA
support.type.property-name.json#0451A5
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#0088AA
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#0088AA
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#267F99
keyword.operator.error-control.php#0088AA
keyword.operator.type.php#0088AA
punctuation.section.array.begin.php#2A2A2A
punctuation.section.array.end.php#2A2A2A
invalid.illegal.non-null-typehinted.php#F44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#267F99
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#0088AA
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.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#2A2A2A
support.constant.core.rust#F59E0B
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#F59E0B
entity.name.goto-label.php,support.other.php#0088AA
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#2A2A2A
keyword.operator.regexp.php#0088AA
keyword.operator.comparison.php#2A2A2A
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#0088AA
meta.function.decorator.python#059669
punctuation.definition.decorator.python,entity.name.function.decorator.python#059669
support.token.decorator.python,meta.function.decorator.identifier.python#2A2A2A
function.parameter#2A2A2A
function.brace#2A2A2A
function.parameter.ruby, function.parameter.cs#2A2A2A
constant.language.symbol.ruby#2A2A2A
rgb-value#2A2A2A
inline-color-decoration rgb-value#F59E0B
less rgb-value#F59E0B
selector.sass#800000
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#267F99
block.scope.end,block.scope.begin#2A2A2A
storage.type.cs#267F99
entity.name.variable.local.cs#2A2A2A
token.info-token#0088AA
token.warn-token#FF9900
token.error-token#FF0000
token.debug-token#0088AA
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#0088AA
meta.template.expression#2A2A2A
keyword.operator.module#0088AA
support.type.type.flowtype#0088AA
support.type.primitive#267F99
meta.property.object#2A2A2A
variable.parameter.function.js#2A2A2A
keyword.other.template.begin#C2185B
keyword.other.template.end#C2185B
keyword.other.substitution.begin#C2185B
keyword.other.substitution.end#C2185B
keyword.operator.assignment#2A2A2A
keyword.operator.assignment.go#2A2A2A
keyword.operator.arithmetic.go, keyword.operator.address.go#0088AA
entity.name.package.go#267F99
support.type.prelude.elm#2A2A2A
support.constant.elm#F59E0B
punctuation.quasi.element#0088AA
constant.character.entity#FF0000
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#2A2A2A
entity.global.clojure#267F99
meta.symbol.clojure#2A2A2A
constant.keyword.clojure#0088AA
meta.arguments.coffee, variable.parameter.function.coffee#2A2A2A
source.ini#059669
meta.scope.prerequisites.makefile#2A2A2A
source.makefile#267F99
storage.modifier.import.groovy#267F99
meta.method.groovy#0088AA
meta.definition.variable.name.groovy#2A2A2A
meta.definition.class.inherited.classes.groovy#059669
support.variable.semantic.hlsl#267F99
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#0088AA
text.variable, text.bracketed#2A2A2A
support.type.swift, support.type.vb.asp#267F99
entity.name.function.xi#267F99
entity.name.class.xi#2A2A2A
constant.character.character-class.regexp.xi#2A2A2A
constant.regexp.xi#0088AA
keyword.control.xi#0088AA
invalid.xi#2A2A2A
beginning.punctuation.definition.quote.markdown.xi#C2185B
beginning.punctuation.definition.list.markdown.xi#059669
constant.character.xi#0088AA
accent.xi#0088AA
wikiword.xi#F59E0B
constant.other.color.rgb-value.xi#2A2A2A
punctuation.definition.tag.xi#999999
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#267F99
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#000080
meta.brace.square#2A2A2A
comment, punctuation.definition.comment#059669italic
markup.quote.markdown#059669
punctuation.definition.block.sequence.item.yaml#0088AA
constant.language.symbol.elixir#0088AA
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...

Delirium UI by Delirium UI - VS Code Theme