Skip to main content
Coding Theme

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.

  • actionBar.toggledBackground#1976d2
  • activityBar.activeBorder#1976d2
  • activityBar.background#f5f5f5
  • activityBar.border#e0e0e0
  • activityBar.foreground#333333
  • activityBar.inactiveForeground#888888
  • activityBarBadge.background#1976d2
  • activityBarBadge.foreground#ffffff
  • badge.background#1976d2
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#333333
  • breadcrumb.background#f5f5f5
  • breadcrumb.focusForeground#333333
  • breadcrumb.foreground#666666
  • button.background#1976d2
  • button.foreground#ffffff
  • button.hoverBackground#1565c0
  • button.secondaryBackground#e8e8e8
  • button.secondaryForeground#333333
  • button.secondaryHoverBackground#d0d0d0
  • checkbox.background#ffffff
  • checkbox.border#b0b0b0
  • checkbox.foreground#333333
  • commandCenter.activeBackground#e8e8e8
  • commandCenter.background#f0f0f0
  • commandCenter.foreground#444444
  • debugExceptionWidget.background#ffffff
  • debugExceptionWidget.border#e0e0e0
  • debugToolBar.background#f5f5f5
  • debugToolBar.border#e0e0e0
  • diffEditor.border#e0e0e0
  • diffEditor.diagonalFill#00000010
  • diffEditor.insertedLineBackground#2da44e22
  • diffEditor.insertedTextBackground#2da44e44
  • diffEditor.insertedTextBorder#e0e0e0
  • diffEditor.removedLineBackground#cf222e22
  • diffEditor.removedTextBackground#cf222e44
  • diffEditor.removedTextBorder#e0e0e0
  • dropdown.background#ffffff
  • dropdown.border#e0e0e0
  • dropdown.foreground#333333
  • editor.background#ffffff
  • editor.findMatchBackground#bbdefb
  • editor.findMatchBorder#ffffff00
  • editor.findMatchHighlightBackground#ffe082
  • editor.findMatchHighlightBorder#ffffff02
  • editor.findRangeHighlightBackground#f5f5f5
  • editor.findRangeHighlightBorder#e0e0e0
  • editor.foldBackground#f5f5f5
  • editor.foreground#333333
  • editor.inactiveSelectionBackground#e0e0e0
  • editor.lineHighlightBorder#eeeeee
  • editor.linkedEditingBackground#90caf940
  • editor.rangeHighlightBackground#f5f5f5
  • editor.rangeHighlightBorder#e0e0e000
  • editor.selectionBackground#bbdefb
  • editor.selectionHighlightBackground#e3f2fd
  • editor.selectionHighlightBorder#e0e0e0
  • editorActionList.background#f8f8f8
  • editorActionList.focusBackground#e3f2fd
  • editorActionList.focusForeground#333333
  • editorActionList.foreground#333333
  • editorCodeLens.foreground#666666
  • editorCursor.background#ffffff
  • editorCursor.foreground#333333
  • editorError.foreground#d32f2f
  • editorGroup.border#e0e0e0
  • editorGroup.emptyBackground#f5f5f5
  • editorGroupHeader.border#f5f5f5
  • editorGroupHeader.tabsBackground#f5f5f5
  • editorGroupHeader.tabsBorder#e0e0e0
  • editorGutter.addedBackground#4caf50
  • editorGutter.background#ffffff
  • editorGutter.commentRangeForeground#e0e0e0
  • editorGutter.deletedBackground#f44336
  • editorGutter.foldingControlForeground#666666
  • editorGutter.modifiedBackground#ff9800
  • editorHoverWidget.background#f8f8f8
  • editorHoverWidget.border#e0e0e0
  • editorHoverWidget.foreground#333333
  • editorIndentGuide.activeBackground1#b0b0b0
  • editorIndentGuide.background1#e0e0e0
  • editorInfo.foreground#1976d2
  • editorInlayHint.background#f0f0f0
  • editorInlayHint.foreground#757575
  • editorLineNumber.activeForeground#333333
  • editorLineNumber.foreground#b0b0b0
  • editorLink.activeForeground#1976d2
  • editorMarkerNavigation.background#f5f5f5
  • editorMarkerNavigationError.background#ffcdd2
  • editorMarkerNavigationInfo.background#bbdefb
  • editorMarkerNavigationWarning.background#ffe0b2
  • editorOverviewRuler.background#ffffff
  • editorOverviewRuler.border#e0e0e0
  • editorRuler.foreground#e0e0e0
  • editorSuggestWidget.background#f8f8f8
  • editorSuggestWidget.border#e0e0e0
  • editorSuggestWidget.focusHighlightForeground#1565c0
  • editorSuggestWidget.foreground#333333
  • editorSuggestWidget.highlightForeground#1976d2
  • editorSuggestWidget.selectedBackground#e3f2fd
  • editorSuggestWidget.selectedForeground#333333
  • editorWarning.foreground#f57c00
  • editorWhitespace.foreground#c0c0c0
  • editorWidget.background#f8f8f8
  • editorWidget.foreground#333333
  • editorWidget.resizeBorder#f57c00
  • focusBorder#1976d2
  • foreground#333333
  • gitDecoration.addedResourceForeground#388e3c
  • gitDecoration.conflictingResourceForeground#7b1fa2
  • gitDecoration.deletedResourceForeground#c62828
  • gitDecoration.ignoredResourceForeground#9e9e9e
  • gitDecoration.modifiedResourceForeground#1565c0
  • gitDecoration.stageDeletedResourceForeground#c62828
  • gitDecoration.stageModifiedResourceForeground#1565c0
  • gitDecoration.submoduleResourceForeground#1565c0
  • gitDecoration.untrackedResourceForeground#2e7d32
  • icon.foreground#555555
  • input.background#ffffff
  • input.border#d0d0d0
  • input.foreground#333333
  • input.placeholderForeground#999999
  • inputOption.activeBackground#1976d2
  • inputOption.activeBorder#e0e0e0
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#e3f2fd
  • list.activeSelectionForeground#333333
  • list.activeSelectionIconForeground#333333
  • list.dropBackground#e3f2fd
  • list.focusBackground#e3f2fd
  • list.focusForeground#333333
  • list.hoverBackground#f0f0f0
  • list.inactiveSelectionBackground#e8e8e8
  • markdownAlert.caution.foreground#d32f2f
  • markdownAlert.important.foreground#7b1fa2
  • markdownAlert.note.foreground#1976d2
  • markdownAlert.tip.foreground#388e3c
  • markdownAlert.warning.foreground#f57c00
  • menu.background#ffffff
  • menu.border#e0e0e0
  • menu.foreground#333333
  • menu.selectionBackground#e3f2fd
  • menu.selectionBorder#ffffff00
  • menu.selectionForeground#333333
  • menu.separatorBackground#e0e0e0
  • menubar.selectionBackground#e8e8e8
  • menubar.selectionBorder#e0e0e0
  • menubar.selectionForeground#333333
  • merge.commonContentBackground#f5f5f5
  • merge.commonHeaderBackground#e0e0e0
  • merge.currentContentBackground#c8e6c9
  • merge.currentHeaderBackground#a5d6a7
  • merge.incomingContentBackground#bbdefb
  • merge.incomingHeaderBackground#90caf9
  • minimap.background#ffffff
  • minimap.errorHighlight#f44336
  • minimap.findMatchHighlight#ffe082
  • minimap.selectionHighlight#bbdefb
  • minimap.warningHighlight#ff9800
  • minimapGutter.addedBackground#4caf50
  • minimapGutter.deletedBackground#f44336
  • minimapGutter.modifiedBackground#ff9800
  • notebook.focusedCellBorder#4caf50
  • notebook.focusedEditorBorder#4caf5077
  • notificationCenter.border#e0e0e0
  • notificationCenterHeader.background#f5f5f5
  • notificationCenterHeader.foreground#333333
  • notifications.background#ffffff
  • notifications.border#e0e0e0
  • notifications.foreground#333333
  • notificationsErrorIcon.foreground#d32f2f
  • notificationsInfoIcon.foreground#1976d2
  • notificationsWarningIcon.foreground#f57c00
  • notificationToast.border#e0e0e0
  • panel.background#f5f5f5
  • panel.border#e0e0e0
  • panelSection.border#e0e0e0
  • panelSectionHeader.background#eeeeee
  • panelTitle.activeBorder#333333
  • panelTitle.activeForeground#333333
  • panelTitle.inactiveForeground#888888
  • peekView.border#e0e0e0
  • peekViewEditor.background#f8f8f8
  • peekViewEditor.matchHighlightBackground#ffe08270
  • peekViewEditor.matchHighlightBorder#e0e0e0
  • peekViewEditorGutter.background#f8f8f8
  • peekViewResult.background#f5f5f5
  • peekViewResult.fileForeground#333333
  • peekViewResult.lineForeground#666666
  • peekViewResult.matchHighlightBackground#ffe08270
  • peekViewResult.selectionBackground#e3f2fd
  • peekViewResult.selectionForeground#333333
  • peekViewTitle.background#f0f0f0
  • peekViewTitleDescription.foreground#666666
  • peekViewTitleLabel.foreground#333333
  • pickerGroup.border#e0e0e0
  • pickerGroup.foreground#555555
  • progressBar.background#4caf50
  • quickInput.background#f8f8f8
  • sash.hoverBorder#1976d2
  • scrollbar.shadow#00000020
  • scrollbarSlider.activeBackground#a0a0a0
  • scrollbarSlider.background#c0c0c080
  • scrollbarSlider.hoverBackground#a0a0a0
  • selection.background#bbdefb
  • settings.focusedRowBackground#f5f5f5
  • settings.headerForeground#333333
  • sideBar.background#f5f5f5
  • sideBar.border#e0e0e0
  • sideBar.dropBackground#e3f2fd
  • sideBar.foreground#333333
  • sideBarSectionHeader.background#f5f5f500
  • sideBarSectionHeader.border#e0e0e0
  • sideBarSectionHeader.foreground#333333
  • sideBarTitle.foreground#333333
  • statusBar.background#f5f5f5
  • statusBar.border#e0e0e0
  • statusBar.debuggingBackground#1976d2
  • statusBar.debuggingBorder#e0e0e0
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#555555
  • statusBar.noFolderBackground#f5f5f5
  • statusBar.noFolderBorder#e0e0e0
  • statusBar.noFolderForeground#888888
  • statusBarItem.activeBackground#00000015
  • statusBarItem.hoverBackground#00000010
  • statusBarItem.remoteBackground#1976d2
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#ffffff
  • tab.activeBorder#ffffff
  • tab.activeBorderTop#1976d2
  • tab.activeForeground#333333
  • tab.border#e0e0e0
  • tab.hoverForeground#333333
  • tab.inactiveBackground#f5f5f5
  • tab.inactiveForeground#888888
  • terminal.ansiBlack#333333
  • terminal.ansiBlue#1976d2
  • terminal.ansiBrightBlack#555555
  • terminal.ansiBrightBlue#1565c0
  • terminal.ansiBrightCyan#00838f
  • terminal.ansiBrightGreen#97DC92
  • terminal.ansiBrightMagenta#7b1fa2
  • terminal.ansiBrightRed#c62828
  • terminal.ansiBrightWhite#f5f5f5
  • terminal.ansiBrightYellow#f57f17
  • terminal.ansiCyan#0097a7
  • terminal.ansiGreen#388e3c
  • terminal.ansiMagenta#8e24aa
  • terminal.ansiRed#d32f2f
  • terminal.ansiWhite#e0e0e0
  • terminal.ansiYellow#ff8f00
  • terminal.background#ffffff
  • terminal.border#e0e0e0
  • terminal.foreground#333333
  • terminal.selectionBackground#bbdefb
  • terminalCursor.background#ffffff
  • terminalCursor.foreground#333333
  • textLink.foreground#1976d2
  • titleBar.activeBackground#f5f5f5
  • titleBar.activeForeground#333333
  • titleBar.border#e0e0e0
  • titleBar.inactiveBackground#f5f5f5
  • titleBar.inactiveForeground#888888
  • toolbar.activeBackground#1976d2
  • toolbar.hoverBackground#e8e8e8
  • toolbar.hoverOutline#1976d2
  • tree.indentGuidesStroke#e0e0e0
  • walkThrough.embeddedEditorBackground#f5f5f550
  • widget.border#e0e0e0
  • widget.shadow#00000020

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
string.quoted.binary.single.python#7cb342
constant.language.false.cpp, constant.language.true.cpp#0097a7
constant.language.boolean, constant.language.undefined, constant.language.null#0097a7
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#333333
keyword.control.directive#7cb342
constant.other.ellipsis.python#333333
variable.other.generic-type.haskell#0097a7
punctuation.definition.tag#757575
storage.type.haskell#f57f17
support.variable.magic.python#333333
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#333333
variable.parameter.function.language.special.self.python#e65100
variable.language.this.cpp#0097a7
storage.modifier.lifetime.rust#333333
support.function.std.rust#5e35b1
entity.name.lifetime.rust#e65100
variable.language.rust#333333
support.constant.edge#0097a7
keyword.operator.quantifier.regexp#f57f17
string, punctuation.definition.string.begin, punctuation.definition.string.end#c2185b
variable.parameter.function#333333
comment markup.link#333333
markup.changed.diff#e65100
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#5e35b1
markup.inserted.diff#388e3c
markup.deleted.diff#c62828
meta.function.c,meta.function.cpp#333333
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#333333
punctuation.separator.key-value#333333
keyword.operator.expression.import#5e35b1
support.constant.math#e65100
support.constant.property.math#f57f17
variable.other.constant, variable.other.readwrite#333333
storage.type.annotation.java, storage.type.object.array.java#e65100
source.java#333333
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#333333
meta.method.java#5e35b1
storage.modifier.import.java,storage.type.java,storage.type.generic.java#e65100
keyword.operator.instanceof.java#0097a7
meta.definition.variable.name.java#333333
keyword.operator.logical#333333
keyword.operator.bitwise#333333
keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.decrement, keyword.operator.increment, keyword.operator.relational#333333
keyword.operator.channel#333333
keyword.operator.css,keyword.operator.scss,keyword.operator.less#333333
support.constant.color.w3c-standard-color-name.css, support.constant.color.w3c-standard-color-name.scss#f57f17
punctuation.separator.list.comma.css#333333
entity.name.type.module, support.module.node, support.type.object.module#e65100
meta.object-literal.key,support.variable.object.process,support.variable.object.node#333333
support.variable.property, variable.other.property, variable.other.object.property, variable.other.property.ts, meta.definition.property.ts#5e35b1
meta.attribute.python#5e35b1
support.constant.json#f57f17
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof, keyword.operator.expression.delete, keyword.operator.expression.in, keyword.operator.expression.of, keyword.operator.expression.typeof, keyword.operator.expression.void#0097a7
support.type.object.console#333333
support.variable.property.process#f57f17
entity.name.function.js,support.function.console.js#bf6c00
keyword.operator.misc.rust#333333
keyword.operator.sigil.rust#0097a7
keyword.operator.delete#0097a7
support.type.object.dom#333333
support.variable.dom,support.variable.property.dom#333333
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#0097a7
punctuation.separator.delimiter#333333
punctuation.separator.c,punctuation.separator.cpp#0097a7
support.type.posix-reserved.c,support.type.posix-reserved.cpp#333333
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#0097a7
support.type.python#0097a7
keyword.operator.logical.python#0097a7
variable.parameter.function.python, variable.parameter.function.language.python#f57f17
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#333333
meta.function-call.generic.python#5e35b1
constant.character.format.placeholder.other.python#f57f17
keyword.operator#333333
keyword.operator.assignment.compound#0097a7
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#333333
keyword#0097a7
entity.name.namespace#333333
variable, variable.c#333333
variable.language#ad1457
token.variable.parameter.java#333333
import.storage.java#e65100
token.package.keyword#0097a7
token.package#333333
entity.name.function, meta.require, support.function, variable.function#e65100
entity.name.type.namespace#e65100
support.class, entity.name.type.class#1565c0
entity.name.class, variable.other.class.js, variable.other.class.ts, entity.name.class.identifier.namespace.type#e65100
variable.other.class.php#333333
entity.name.type#e65100
keyword.control.directive.include.cpp#7cb342
control.elements, keyword.operator.less#f57f17
keyword.other.special-method#5e35b1
storage, token.storage#0097a7
storage.type.function.arrow#333333
storage.modifier.reference, storage.modifier.pointer#333333
token.storage.type.java#e65100
support.function#e65100
meta.property-name.css#1565c0
meta.tag#bf6c00
entity.other.inherited-class#e65100
constant.other.symbol#333333
constant.numeric#bf6c00
constant.other.color#bf6c00
punctuation.definition.constant#f57f17
entity.name.tag.template, entity.name.tag.script, entity.name.tag.style#5e35b1
entity.name.tag.html#1565c0
meta.property-value.css#c2185b
entity.other.attribute-name#5e35b1
entity.other.attribute-name.id#5e35b1
entity.other.attribute-name.class.css#f57f17
meta.selector#0097a7
markup.heading#333333
markup.heading punctuation.definition.heading, entity.name.section#5e35b1
keyword.other.unit#bf6c00
markup.bold,todo.bold#f57f17
punctuation.definition.bold#e65100
markup.italic, punctuation.definition.italic,todo.emphasis#0097a7
emphasis md#0097a7
entity.name.section.markdown#bf6c00
punctuation.definition.heading.markdown#0097a7
markup.heading.setext#333333
punctuation.definition.bold.markdown#f57f17
markup.inline.raw.markdown, markup.inline.raw.string.markdown#c2185b
punctuation.definition.raw.markdown, markup.fenced_code.block.markdown punctuation.definition.markdown, punctuation.definition.markdown#0097a7
fenced_code.block.language.markdown, markup.fenced_code.block.markdown fenced_code.block.language#bf6c00
punctuation.definition.list.begin.markdown, punctuation.definition.list.markdown, beginning.punctuation.definition.list.markdown#333333
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#333333
punctuation.definition.metadata.markdown#333333
markup.underline.link.markdown,markup.underline.link.image.markdown#0097a7
string.other.link.title.markdown,string.other.link.description.markdown#5e35b1
string.regexp#0097a7
constant.character.escape#333333
variable.interpolation#333333
punctuation.section.embedded.begin,punctuation.section.embedded.end#0097a7
invalid.illegal, invalid.illegal.bad-ampersand.html, invalid.broken, invalid.deprecated, invalid.unimplemented#c62828
source.json meta.structure.dictionary.json > string.quoted.json#333333
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#333333
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#0097a7
support.type.property-name.json#5e35b1
constant.language.json.comments#0097a7
entity.name.tag.laravel-blade, support.constant.laravel-blade#0097a7
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#e65100
keyword.operator.error-control.php#0097a7
keyword.operator.type.php#0097a7
punctuation.section.array.begin.php#333333
punctuation.section.array.end.php#333333
invalid.illegal.non-null-typehinted.php#c62828
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#e65100
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#5e35b1
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#333333
support.constant.core.rust#f57f17
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#f57f17
entity.name.goto-label.php,support.other.php#5e35b1
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#333333
keyword.operator.regexp.php#0097a7
keyword.operator.comparison.php#333333
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#0097a7
meta.function.decorator.python, punctuation.definition.decorator.python, entity.name.function.decorator.python#7cb342
support.token.decorator.python,meta.function.decorator.identifier.python#333333
function.brace#333333
function.parameter, function.parameter.ruby, function.parameter.cs#333333
constant.language.symbol.ruby#333333
rgb-value#333333
inline-color-decoration rgb-value#f57f17
less rgb-value#f57f17
selector.sass#333333
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#0097a7
block.scope.end,block.scope.begin#333333
storage.type.cs#e65100
entity.name.variable.local.cs#333333
token.info-token#5e35b1
token.warn-token#f57f17
token.error-token#c62828
token.debug-token#0097a7
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#0097a7
meta.template.expression#333333
keyword.operator.module#0097a7
support.type.type.flowtype#5e35b1
support.type.primitive#e65100
meta.property.object#333333
variable.parameter.function.js#333333
keyword.other.template.begin, keyword.other.template.end, keyword.other.substitution.begin, keyword.other.substitution.end#c2185b
keyword.operator.assignment#333333
keyword.operator.assignment.go#e65100
keyword.operator.arithmetic.go, keyword.operator.address.go#0097a7
entity.name.package.go#e65100
support.type.prelude.elm#333333
support.constant.elm#f57f17
punctuation.quasi.element#0097a7
constant.character.entity#333333
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#333333
entity.global.clojure#e65100
meta.symbol.clojure#333333
constant.keyword.clojure#333333
meta.arguments.coffee, variable.parameter.function.coffee#333333
source.ini#c2185b
meta.scope.prerequisites.makefile#333333
source.makefile#e65100
storage.modifier.import.groovy#e65100
meta.method.groovy#5e35b1
meta.definition.variable.name.groovy#333333
meta.definition.class.inherited.classes.groovy#c2185b
support.variable.semantic.hlsl#e65100
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#0097a7
text.variable, text.bracketed#333333
support.type.swift, support.type.vb.asp#e65100
entity.name.function.xi#e65100
entity.name.class.xi#333333
constant.character.character-class.regexp.xi#333333
constant.regexp.xi#0097a7
keyword.control.xi#333333
invalid.xi#c62828
beginning.punctuation.definition.quote.markdown.xi#c2185b
beginning.punctuation.definition.list.markdown.xi#9e9e9e
constant.character.xi#5e35b1
accent.xi#5e35b1
wikiword.xi#f57f17
constant.other.color.rgb-value.xi#333333
punctuation.definition.tag.xi#9e9e9e
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#e65100
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#333333
meta.brace.square#333333
comment, punctuation.definition.comment, comment.line.double-slash, comment.block.documentation#7a7a7aitalic
markup.quote.markdown#7a7a7a
punctuation.definition.block.sequence.item.yaml#333333
string.unquoted.plain.out.yaml, constant.language.boolean.yaml#5e35b1
entity.name.tag.yaml, support.type.property-name.toml, support.type.property-name.table.toml#0097a7
constant.language.symbol.elixir#333333
markup.italic.markdownitalic

Shiki preview

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

Loading...

VS Code Fleet - Coding Theme