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#502832
  • activityBar.background#000000
  • activityBar.border#502832
  • activityBar.foreground#c1b492
  • activityBar.inactiveForeground#ad5f74
  • activityBarBadge.background#000000
  • activityBarBadge.foreground#c1b492
  • badge.background#ad5f74
  • badge.foreground#000000
  • breadcrumb.activeSelectionForeground#c1b492
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#c1b492
  • breadcrumb.foreground#ca988e
  • button.background#ca988e
  • button.foreground#000000
  • button.hoverBackground#d2738a
  • button.secondaryBackground#502832
  • button.secondaryForeground#c1b492
  • button.secondaryHoverBackground#703a47
  • checkbox.background#000000
  • checkbox.border#00000000
  • checkbox.foreground#c1b492
  • debugExceptionWidget.background#000000
  • debugExceptionWidget.border#502832
  • debugToolBar.background#000000
  • debugToolBar.border#502832
  • diffEditor.border#703a47
  • diffEditor.insertedTextBackground#c1b49220
  • diffEditor.removedTextBackground#d2738a20
  • dropdown.background#000000
  • dropdown.border#00000000
  • dropdown.foreground#c1b492
  • editor.background#000000
  • editor.findMatchBackground#d2738a80
  • editor.findMatchBorder#d2738a80
  • editor.findMatchHighlightBackground#a45a7460
  • editor.findMatchHighlightBorder#a45a7460
  • editor.findRangeHighlightBackground#50283260
  • editor.findRangeHighlightBorder#00000000
  • editor.foldBackground#a45a7440
  • editor.foreground#c1b492
  • editor.hoverHighlightBackground#d2738a40
  • editor.inactiveSelectionBackground#50283280
  • editor.lineHighlightBackground#d2738a40
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#d2738a60
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#50283280
  • editor.selectionHighlightBackground#703a47c0
  • editor.selectionHighlightBorder#c1b49280
  • editor.wordHighlightBackground#d2738a40
  • editor.wordHighlightStrongBackground#d2738a40
  • editorBracketMatch.background#000000
  • editorBracketMatch.border#c1b49280
  • editorCodeLens.foreground#ca988e
  • editorCursor.background#000000
  • editorCursor.foreground#d2738a
  • editorError.background#00000000
  • editorError.border#ffffff00
  • editorError.foreground#a45a74
  • editorGroup.border#703a47
  • editorGroup.emptyBackground#000000
  • editorGroupHeader.border#703a47
  • editorGroupHeader.tabsBackground#000000
  • editorGroupHeader.tabsBorder#703a47
  • editorGutter.addedBackground#c1b492
  • editorGutter.background#000000
  • editorGutter.commentRangeForeground#ca988e
  • editorGutter.deletedBackground#d2738a
  • editorGutter.foldingControlForeground#ca988e
  • editorGutter.modifiedBackground#ca988e
  • editorHoverWidget.background#000000
  • editorHoverWidget.border#703a47
  • editorHoverWidget.foreground#c1b492
  • editorIndentGuide.activeBackground1#c1b49240
  • editorIndentGuide.background1#50283280
  • editorInfo.background#00000000
  • editorInfo.border#00000000
  • editorInfo.foreground#c1b492
  • editorLineNumber.activeForeground#d2738a
  • editorLineNumber.foreground#c1b49280
  • editorLink.activeForeground#d2738a
  • editorMarkerNavigation.background#000000
  • editorMarkerNavigationError.background#703a47
  • editorMarkerNavigationInfo.background#b39987
  • editorMarkerNavigationWarning.background#a47f7c
  • editorOverviewRuler.background#d2738a40
  • editorOverviewRuler.border#00000000
  • editorRuler.foreground#c1b49280
  • editorSuggestWidget.background#000000
  • editorSuggestWidget.border#d2738a
  • editorSuggestWidget.foreground#c1b492
  • editorSuggestWidget.highlightForeground#d2738a
  • editorSuggestWidget.selectedBackground#703a4780
  • editorWarning.background#00000000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#a47f7c
  • editorWhitespace.foreground#d2738a40
  • editorWidget.background#000000
  • editorWidget.foreground#ca988e
  • editorWidget.resizeBorder#ad6a6a
  • focusBorder#d2738a
  • foreground#c1b492
  • gitDecoration.addedResourceForeground#d78594
  • gitDecoration.conflictingResourceForeground#703a47
  • gitDecoration.deletedResourceForeground#a45a74
  • gitDecoration.ignoredResourceForeground#502832
  • gitDecoration.modifiedResourceForeground#ca988e
  • gitDecoration.stageDeletedResourceForeground#a45a74
  • gitDecoration.stageModifiedResourceForeground#a47f7c
  • gitDecoration.submoduleResourceForeground#b39487
  • gitDecoration.untrackedResourceForeground#b39987
  • icon.foreground#c1b492
  • input.background#000000
  • input.border#00000000
  • input.foreground#c1b492
  • input.placeholderForeground#c1b49280
  • inputOption.activeBackground#86bbde66
  • inputOption.activeBorder#502832
  • inputOption.activeForeground#000000
  • list.activeSelectionBackground#703a47
  • list.activeSelectionForeground#d2738a
  • list.dropBackground#502832
  • list.focusBackground#703a47
  • list.focusForeground#c1b492
  • list.highlightForeground#d2738a
  • list.hoverBackground#502832
  • list.hoverForeground#c1b492
  • list.inactiveSelectionBackground#703a47
  • list.inactiveSelectionForeground#c1b492
  • listFilterWidget.background#000000
  • listFilterWidget.noMatchesOutline#d2738a
  • listFilterWidget.outline#d2738a
  • menu.background#000000
  • menu.border#703a47
  • menu.foreground#ad5f74
  • menu.selectionBackground#703a47
  • menu.selectionBorder#00000000
  • menu.selectionForeground#c1b492
  • menu.separatorBackground#703a47
  • menubar.selectionBackground#502832
  • menubar.selectionBorder#502832
  • menubar.selectionForeground#c1b492
  • merge.commonContentBackground#ca988e20
  • merge.commonHeaderBackground#ca988e40
  • merge.currentContentBackground#c1b49220
  • merge.currentHeaderBackground#c1b49240
  • merge.incomingContentBackground#d2738a20
  • merge.incomingHeaderBackground#d2738a40
  • minimap.background#000000
  • minimap.errorHighlight#a45a74
  • minimap.findMatchHighlight#d2738a80
  • minimap.selectionHighlight#50283280
  • minimap.warningHighlight#a47f7c
  • minimapGutter.addedBackground#c1b492
  • minimapGutter.deletedBackground#d2738a
  • minimapGutter.modifiedBackground#ca988e
  • notificationCenter.border#703a47
  • notificationCenterHeader.background#000000
  • notificationCenterHeader.foreground#d78594
  • notifications.background#000000
  • notifications.border#502832
  • notifications.foreground#c1b492
  • notificationsErrorIcon.foreground#a45a74
  • notificationsInfoIcon.foreground#ad5f74
  • notificationsWarningIcon.foreground#a47f7c
  • notificationToast.border#d2738a
  • panel.background#000000
  • panel.border#502832
  • panelSection.border#502832
  • panelTitle.activeBorder#d2738a
  • panelTitle.activeForeground#c1b492
  • panelTitle.inactiveForeground#a45a74
  • peekView.border#d2738a
  • peekViewEditor.background#000000
  • peekViewEditor.matchHighlightBackground#d2738a80
  • peekViewEditor.matchHighlightBorder#d2738a
  • peekViewEditorGutter.background#000000
  • peekViewResult.background#000000
  • peekViewResult.fileForeground#c1b492
  • peekViewResult.lineForeground#d78594
  • peekViewResult.matchHighlightBackground#d2738a40
  • peekViewResult.selectionBackground#d2738a40
  • peekViewResult.selectionForeground#d2738a
  • peekViewTitle.background#000000
  • peekViewTitleDescription.foreground#c1b492b0
  • peekViewTitleLabel.foreground#c1b492
  • pickerGroup.border#a45a74
  • pickerGroup.foreground#c1b492
  • progressBar.background#d2738a
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#00000040
  • scrollbarSlider.background#00000040
  • scrollbarSlider.hoverBackground#00000080
  • selection.background#502832
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#c1b492
  • sideBar.background#000000
  • sideBar.border#703a47
  • sideBar.dropBackground#502832
  • sideBar.foreground#ad5f74
  • sideBarSectionHeader.background#502832
  • sideBarSectionHeader.border#502832
  • sideBarSectionHeader.foreground#a47f7c
  • sideBarTitle.foreground#d78594
  • statusBar.background#d2738a
  • statusBar.border#00000000
  • statusBar.debuggingBackground#703a47
  • statusBar.debuggingBorder#00000000
  • statusBar.debuggingForeground#c1b492
  • statusBar.foreground#000000
  • statusBar.noFolderBackground#000000
  • statusBar.noFolderBorder#00000000
  • statusBar.noFolderForeground#c1b492
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#a45a74
  • statusBarItem.remoteBackground#d2738a
  • statusBarItem.remoteForeground#000000
  • tab.activeBackground#000000
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#c1b492
  • tab.border#703a47
  • tab.hoverBackground#703a47
  • tab.hoverBorder#d78594
  • tab.hoverForeground#ca988e
  • tab.inactiveBackground#502832
  • tab.inactiveForeground#d2738a
  • terminal.ansiBlack#502832
  • terminal.ansiBlue#ad5f74
  • terminal.ansiBrightBlack#703a47
  • terminal.ansiBrightBlue#ad5f74
  • terminal.ansiBrightCyan#b39487
  • terminal.ansiBrightGreen#b39987
  • terminal.ansiBrightMagenta#d78594
  • terminal.ansiBrightRed#a45a74
  • terminal.ansiBrightWhite#d2738a
  • terminal.ansiBrightYellow#a47f7c
  • terminal.ansiCyan#b39487
  • terminal.ansiGreen#b39987
  • terminal.ansiMagenta#d78594
  • terminal.ansiRed#a45a74
  • terminal.ansiWhite#ca988e
  • terminal.ansiYellow#a47f7c
  • terminal.border#502832
  • terminal.foreground#c1b492
  • terminal.selectionBackground#00000000
  • terminalCursor.background#ad5f74
  • terminalCursor.foreground#000000
  • textLink.foreground#d2738a
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#d2738a
  • titleBar.border#00000000
  • titleBar.inactiveBackground#000000
  • titleBar.inactiveForeground#a45a74
  • tree.indentGuidesStroke#c1b492
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000000

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

Wired by minako - VS Code Theme