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#ff000000
  • activityBar.background#001420
  • activityBar.border#677a1920
  • activityBar.foreground#78a143
  • activityBar.inactiveForeground#6e7d868b
  • activityBarBadge.background#01636b
  • activityBarBadge.foreground#ffffff
  • badge.background#01636b
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#064049
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#497116
  • button.foreground#ffffff
  • button.hoverBackground#3f6213
  • button.secondaryBackground#3f4547b9
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#333a3db9
  • checkbox.background#272f36
  • checkbox.border#01636be5
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#1d252b
  • debugExceptionWidget.border#384651
  • debugToolBar.background#1d252b
  • debugToolBar.border#384651
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#55821a32
  • diffEditor.removedTextBackground#62354068
  • dropdown.background#272f36
  • dropdown.border#01636be5
  • dropdown.foreground#cccccc
  • editor.background#001420
  • editor.findMatchBackground#084b56cd
  • editor.findMatchBorder#497116
  • editor.findMatchHighlightBackground#bc59205c
  • editor.findMatchHighlightBorder#a77a61d1
  • editor.findRangeHighlightBackground#3940435c
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#8b8f924d
  • editor.foreground#86949d
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#31383d
  • editor.lineHighlightBackground#c9784a24
  • editor.lineHighlightBorder#ba5d291a
  • editor.rangeHighlightBackground#ffffff2a
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#084b56
  • editor.selectionHighlightBackground#4c7e8442
  • editor.selectionHighlightBorder#78a143
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#024b57b8
  • editorBracketHighlight.foreground1#a2858c
  • editorBracketHighlight.foreground2#a3bc3d
  • editorBracketHighlight.foreground3#c9784a
  • editorBracketHighlight.foreground4#038296
  • editorBracketHighlight.unexpectedBracket.foreground#a5362e
  • editorBracketMatch.background#677a191a
  • editorBracketMatch.border#497116
  • editorBracketPairGuide.activeBackground1#a2858ca0
  • editorBracketPairGuide.activeBackground2#a3bc3da0
  • editorBracketPairGuide.activeBackground3#c9784ac0
  • editorBracketPairGuide.activeBackground4#038296c0
  • editorBracketPairGuide.background1#a2858c20
  • editorBracketPairGuide.background2#a3bc3d20
  • editorBracketPairGuide.background3#c9784a20
  • editorBracketPairGuide.background4#03829620
  • editorCodeLens.foreground#b2b2b2
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#c9784a
  • editorGroup.border#444444
  • editorGroup.emptyBackground#001420
  • editorGroupHeader.tabsBackground#1d252b
  • editorGroupHeader.tabsBorder#01636b12
  • editorGutter.addedBackground#497116
  • editorGutter.background#001420
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#a5362e
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#427180
  • editorHoverWidget.background#1d252b
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#46616d
  • editorIndentGuide.background#4040408b
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#427780
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#519fad
  • editorMarkerNavigation.background#1c2024
  • editorMarkerNavigationError.background#c9784a
  • editorMarkerNavigationInfo.background#56b4b4
  • editorMarkerNavigationWarning.background#e4c379
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#FFFFFF0F
  • editorRuler.foreground#32373b
  • editorSuggestWidget.background#1d252b
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#e4c379
  • editorSuggestWidget.selectedBackground#01636b5c
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e4c379
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#1c2024
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#1d252b
  • focusBorder#497116
  • foreground#cccccc
  • gitDecoration.addedResourceForeground#78a143
  • gitDecoration.conflictingResourceForeground#ffb68d
  • gitDecoration.deletedResourceForeground#e49aae
  • gitDecoration.ignoredResourceForeground#d1d1d1
  • gitDecoration.modifiedResourceForeground#e4c379
  • gitDecoration.stageDeletedResourceForeground#e49aae
  • gitDecoration.stageModifiedResourceForeground#e4c379
  • gitDecoration.submoduleResourceForeground#b2e1e4
  • gitDecoration.untrackedResourceForeground#78a143
  • icon.foreground#cccccc
  • input.background#272f36
  • input.border#01636be5
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#677a19a3
  • inputOption.activeBorder#8ea728d7
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#024b57
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#333a3f
  • list.errorForeground#c9784a
  • list.focusBackground#151419
  • list.focusForeground#cccccc
  • list.highlightForeground#78a143
  • list.hoverBackground#024b57a3
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#024b57a3
  • list.inactiveSelectionForeground#cccccc
  • list.invalidItemForeground#e4c379
  • list.warningForeground#e4c37980
  • listFilterWidget.background#497116
  • listFilterWidget.noMatchesOutline#e4c379
  • listFilterWidget.outline#00000000
  • menu.background#1d252b
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#024b57
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#3f3f3f
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#1d252b
  • merge.commonHeaderBackground#2e3a43
  • merge.currentContentBackground#2f4513
  • merge.currentHeaderBackground#375a0a
  • merge.incomingContentBackground#334d51
  • merge.incomingHeaderBackground#123c43
  • minimap.background#001420
  • minimap.errorHighlight#c9784a
  • minimap.findMatchHighlight#084b56cd
  • minimap.selectionHighlight#084b56
  • minimap.warningHighlight#e4c379
  • minimapGutter.addedBackground#497116
  • minimapGutter.deletedBackground#a5362e
  • minimapGutter.modifiedBackground#427180
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#1d252b
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#d7574e
  • notificationsInfoIcon.foreground#59848c
  • notificationsWarningIcon.foreground#c9784a
  • notificationToast.border#455764
  • panel.background#001a26
  • panel.border#80808059
  • panelSection.border#5871733e
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#024b578d
  • peekViewEditor.background#131c24
  • peekViewEditor.matchHighlightBackground#be571d48
  • peekViewEditor.matchHighlightBorder#c9784a
  • peekViewEditorGutter.background#024b5750
  • peekViewResult.background#1d252b
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#86a7005c
  • peekViewResult.selectionBackground#024b576c
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#024b57
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#4e5964
  • pickerGroup.foreground#c9784a
  • progressBar.background#497116
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#497116
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#1d252b
  • sideBar.dropBackground#333a3f
  • sideBar.foreground#dddddd
  • sideBarSectionHeader.background#0f161d
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#063745
  • statusBar.debuggingBackground#9b5933
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#f0f0f0
  • statusBar.noFolderBackground#823631
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#497116
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#064049
  • tab.activeBorder#00000000
  • tab.activeBorderTop#78a143
  • tab.activeForeground#ffffff
  • tab.border#01636b48
  • tab.inactiveBackground#1d252b
  • tab.inactiveForeground#d9d9d980
  • terminal.ansiBlack#4b4b4b
  • 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#5871733e
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#497116
  • terminalCursor.foreground#ffffff
  • textLink.foreground#78a143
  • titleBar.activeBackground#0f161d
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#5858584c
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000005c

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

Saga Theme by bcwsea - VS Code Theme