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#ad9ef538
  • activityBar.background#000000
  • activityBar.border#ad9ef5
  • activityBar.foreground#ad9ef5
  • activityBar.inactiveForeground#717171
  • activityBarBadge.background#ad9ef5a1
  • activityBarBadge.foreground#ffffff
  • badge.background#ad9ef5
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ad9ef5
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#ad9ef5
  • breadcrumb.foreground#d7d7d7
  • button.background#ad9ef5
  • button.foreground#000000
  • button.hoverBackground#82e4f7
  • button.secondaryBackground#ad9ef5
  • button.secondaryForeground#000000
  • button.secondaryHoverBackground#82e4f7d1
  • checkbox.background#000000
  • checkbox.border#ad9ef5
  • checkbox.foreground#ffffff
  • debugExceptionWidget.background#000000
  • debugExceptionWidget.border#717171
  • debugToolBar.background#000000
  • debugToolBar.border#717171
  • diffEditor.border#717171
  • diffEditor.insertedTextBackground#30fd523a
  • diffEditor.insertedTextBorder#ffffff00
  • diffEditor.removedTextBackground#e522223a
  • diffEditor.removedTextBorder#717171
  • dropdown.background#000000
  • dropdown.border#ad9ef5
  • dropdown.foreground#ffffff
  • editor.background#000000
  • editor.findMatchBackground#ffffff00
  • editor.findMatchBorder#00ff2a68
  • editor.findMatchHighlightBackground#ffffff00
  • editor.findMatchHighlightBorder#d7d7d7
  • editor.findRangeHighlightBackground#d7d7d700
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#d7d7d722
  • editor.foreground#d7d7d7
  • editor.hoverHighlightBackground#d7d7d72a
  • editor.inactiveSelectionBackground#ad9ef54a
  • editor.lineHighlightBackground#d7d7d700
  • editor.lineHighlightBorder#d7d7d70c
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#ffffff4d
  • editor.selectionHighlightBackground#ffffff4d
  • editor.selectionHighlightBorder#ffffff
  • editor.wordHighlightBackground#d7d7d700
  • editor.wordHighlightBorder#d7d7d7
  • editor.wordHighlightStrongBackground#ffffff14
  • editor.wordHighlightStrongBorder#ffffff
  • editorBracketMatch.background#ffffff28
  • editorBracketMatch.border#d7d7d7
  • editorCodeLens.foreground#f79cd8b9
  • editorCursor.background#000000
  • editorCursor.foreground#00ff2a
  • editorError.background#e522222e
  • editorError.border#ffffff00
  • editorError.foreground#e52222
  • editorGroup.border#717171
  • editorGroup.emptyBackground#000000
  • editorGroupHeader.border#717171
  • editorGroupHeader.tabsBackground#000000
  • editorGroupHeader.tabsBorder#717171
  • editorGutter.addedBackground#ad9ef5
  • editorGutter.background#000000
  • editorGutter.commentRangeForeground#ad9ef5
  • editorGutter.deletedBackground#e52222
  • editorGutter.foldingControlForeground#ad9ef5
  • editorGutter.modifiedBackground#ad9ef5
  • editorHoverWidget.background#000000
  • editorHoverWidget.border#71717164
  • editorHoverWidget.foreground#717171
  • editorIndentGuide.activeBackground1#ad9ef5
  • editorIndentGuide.background1#717171
  • editorInfo.background#4490bf00
  • editorInfo.border#90edff00
  • editorInfo.foreground#82e4f736
  • editorLineNumber.activeForeground#ad9ef5
  • editorLineNumber.foreground#717171
  • editorLink.activeForeground#82e4f7
  • editorMarkerNavigation.background#e522222c
  • editorMarkerNavigationError.background#8c261100
  • editorMarkerNavigationInfo.background#1b61ba00
  • editorMarkerNavigationWarning.background#fdcf02
  • editorOverviewRuler.background#71717124
  • editorOverviewRuler.border#717171
  • editorRuler.foreground#717171
  • editorStickyScroll.background#141414
  • editorStickyScroll.border#ffffff00
  • editorStickyScroll.shadow#222222
  • editorStickyScrollHover.background#ffffff26
  • editorSuggestWidget.background#000000
  • editorSuggestWidget.border#000000
  • editorSuggestWidget.foreground#717171
  • editorSuggestWidget.highlightForeground#ad9ef5
  • editorSuggestWidget.selectedBackground#ad9ef528
  • editorWarning.background#ffffff00
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffd1004a
  • editorWhitespace.foreground#ffffff29
  • editorWidget.background#000000
  • editorWidget.foreground#717171
  • editorWidget.resizeBorder#717171
  • focusBorder#ad9ef5
  • foreground#ad9ef5
  • 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#ad9ef5
  • input.background#000000
  • input.border#ad9ef5
  • input.foreground#ffffff
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#ad9ef540
  • list.activeSelectionForeground#ad9ef5
  • list.dropBackground#ad9ef524
  • list.focusBackground#433d60
  • list.focusForeground#d7d7d7
  • list.highlightForeground#d7d7d7
  • list.hoverBackground#ad9ef524
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#ad9ef552
  • list.inactiveSelectionForeground#ad9ef5
  • listFilterWidget.background#f7d28228
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#000000
  • menu.border#000000
  • menu.foreground#717171
  • menu.selectionBackground#ad9ef54a
  • menu.selectionBorder#717171
  • menu.selectionForeground#ad9ef5
  • menu.separatorBackground#ad9ef5
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionBorder#ad9ef5
  • menubar.selectionForeground#ad9ef5
  • merge.commonContentBackground#282828c8
  • merge.commonHeaderBackground#6a9da71c
  • merge.currentContentBackground#82e4f74e
  • merge.currentHeaderBackground#000000f5
  • merge.incomingContentBackground#82e4f71c
  • merge.incomingHeaderBackground#2688ffbe
  • minimap.background#000000
  • minimap.errorHighlight#e52222
  • minimap.findMatchHighlight#ffffff26
  • minimap.selectionHighlight#ad9ef54a
  • minimap.warningHighlight#ffd1004a
  • minimapGutter.addedBackground#ad9ef5
  • minimapGutter.deletedBackground#e52222
  • minimapGutter.modifiedBackground#ad9ef5
  • notificationCenter.border#d7d7d7
  • notificationCenterHeader.background#000000
  • notificationCenterHeader.foreground#717171
  • notifications.background#000000
  • notifications.border#717171
  • notifications.foreground#717171
  • notificationsErrorIcon.foreground#e52222
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#000000
  • panel.background#000000
  • panel.border#80808059
  • panelSection.border#ad9ef5
  • panelTitle.activeBorder#ad9ef5
  • panelTitle.activeForeground#ad9ef5
  • panelTitle.inactiveForeground#717171
  • peekView.border#ad9ef5
  • peekViewEditor.background#000000
  • peekViewEditor.matchHighlightBackground#ffffff18
  • peekViewEditor.matchHighlightBorder#fd8f2f7a
  • peekViewEditorGutter.background#000000
  • peekViewResult.background#000000
  • peekViewResult.fileForeground#717171
  • peekViewResult.lineForeground#ad9ef5
  • peekViewResult.matchHighlightBackground#ffffff30
  • peekViewResult.selectionBackground#ffffff1c
  • peekViewResult.selectionForeground#ad9ef5
  • peekViewTitle.background#000000
  • peekViewTitleDescription.foreground#717171
  • peekViewTitleLabel.foreground#717171
  • pickerGroup.border#ad9ef5
  • pickerGroup.foreground#82e4f7
  • progressBar.background#ad9ef5
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#ad9ef5
  • scrollbarSlider.background#ad9ef562
  • scrollbarSlider.hoverBackground#ad9ef5
  • selection.background#ad9ef5
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ad9ef5
  • sideBar.background#000000
  • sideBar.border#d7d7d7
  • sideBar.dropBackground#ad9ef524
  • sideBar.foreground#d7d7d7
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#d7d7d7
  • sideBarTitle.foreground#d7d7d7
  • statusBar.background#000000
  • statusBar.border#000000bb
  • statusBar.debuggingBackground#000000
  • statusBar.debuggingBorder#717171
  • statusBar.debuggingForeground#717171
  • statusBar.foreground#717171
  • statusBar.noFolderBackground#000000
  • statusBar.noFolderBorder#717171
  • statusBar.noFolderForeground#717171
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#000000
  • statusBarItem.remoteForeground#717171
  • tab.activeBackground#0000004a
  • tab.activeBorder#ad9ef5
  • tab.activeBorderTop#ad9ef5
  • tab.activeForeground#ad9ef5
  • tab.border#717171
  • tab.hoverBackground#ad9ef542
  • tab.hoverBorder#ad9ef5
  • tab.hoverForeground#ad9ef5
  • tab.inactiveBackground#000000
  • tab.inactiveForeground#717171
  • 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#ad9ef5
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#ffffff46
  • terminalCursor.foreground#00ff2a
  • textLink.foreground#ad9ef5
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#717171
  • titleBar.border#00000000
  • titleBar.inactiveBackground#000000
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#ad9ef5
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#d7d7d75a
  • window.activeBorder#ffffff
  • window.inactiveBorder#717171

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

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Akumanomi Theme by Ingrid Liana - VS Code Theme