Skip to main content
CodingTheme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.background#120d0c
  • activityBar.border#677a1920
  • activityBar.foreground#bf6e01
  • activityBar.inactiveForeground#5c534f
  • activityBarBadge.background#bf6e01e9
  • activityBarBadge.foreground#ffffff
  • badge.background#bf6e01e9
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#21444d
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#206676
  • button.foreground#ffffff
  • button.hoverBackground#0e5564ed
  • button.secondaryBackground#6b6b6b8d
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#6b6b6b52
  • checkbox.background#120d0c
  • checkbox.border#a59a89
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#1e1818
  • debugExceptionWidget.border#534132
  • debugToolBar.background#1e1818
  • debugToolBar.border#534132
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#43600946
  • diffEditor.removedTextBackground#60333174
  • dropdown.background#120d0c
  • dropdown.border#a59a89
  • dropdown.foreground#cccccc
  • editor.background#191514
  • editor.findMatchBackground#1e181881
  • editor.findMatchBorder#aec961
  • editor.findMatchHighlightBackground#20667658
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3132345c
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#8b8f924d
  • editor.foreground#a59a89
  • editor.hoverHighlightBackground#3e6a7578
  • editor.inactiveSelectionBackground#384a51
  • editor.lineHighlightBackground#c9784a24
  • editor.lineHighlightBorder#ba5d291a
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#18353d
  • editor.selectionHighlightBackground#452d1aa5
  • editor.selectionHighlightBorder#aec961
  • editor.wordHighlightBackground#57575750
  • editor.wordHighlightStrongBackground#3e6a756a
  • editorBracketHighlight.foreground1#e4bc3e
  • editorBracketHighlight.foreground2#ac8188
  • editorBracketHighlight.foreground3#c17b19
  • editorBracketHighlight.foreground4#b2c13c
  • editorBracketHighlight.unexpectedBracket.foreground#ab5c5b
  • editorBracketMatch.background#b2c13c1a
  • editorBracketMatch.border#9ba519
  • editorBracketPairGuide.activeBackground1#e4bc3ec0
  • editorBracketPairGuide.activeBackground2#ac8188c0
  • editorBracketPairGuide.activeBackground3#c17b19a0
  • editorBracketPairGuide.activeBackground4#b2c13ca0
  • editorBracketPairGuide.background1#e4bc3e20
  • editorBracketPairGuide.background2#a2858c20
  • editorBracketPairGuide.background3#c17b1920
  • editorBracketPairGuide.background4#b2c13c20
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#d3a8a618
  • editorError.border#ffffff00
  • editorError.foreground#803f5397
  • editorGroup.border#444444
  • editorGroup.emptyBackground#191514
  • editorGroupHeader.tabsBackground#2c2725
  • editorGroupHeader.tabsBorder#01636b12
  • editorGutter.addedBackground#b2c13c
  • editorGutter.background#191514
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#ab5c5b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#206676
  • editorHoverWidget.background#2c2725
  • editorHoverWidget.border#534132
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#46616d
  • editorIndentGuide.background#4040408b
  • editorInfo.background#3e6a7536
  • editorInfo.border#ffffff00
  • editorInfo.foreground#2e79aeaf
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#529da5
  • editorMarkerNavigation.background#1e1818
  • editorMarkerNavigationError.background#a34e22
  • editorMarkerNavigationInfo.background#77a0a7
  • editorMarkerNavigationWarning.background#e5d1ad
  • editorOverviewRuler.background#25252506
  • editorOverviewRuler.border#FFFFFF0F
  • editorRuler.foreground#534132
  • editorSuggestWidget.background#2c2725
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#e5d1ad
  • editorSuggestWidget.selectedBackground#206676
  • editorWarning.background#ffe28414
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e4c37968
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#1e1818
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#804c1a
  • focusBorder#3e6a75
  • foreground#cfcfcf
  • gitDecoration.addedResourceForeground#d8ec3e
  • gitDecoration.conflictingResourceForeground#ffd78b
  • gitDecoration.deletedResourceForeground#ffcacd
  • gitDecoration.ignoredResourceForeground#e0e0e0
  • gitDecoration.modifiedResourceForeground#ffd78b
  • gitDecoration.stageDeletedResourceForeground#ffcacd
  • gitDecoration.stageModifiedResourceForeground#f8e191
  • gitDecoration.submoduleResourceForeground#96f0ff
  • gitDecoration.untrackedResourceForeground#ffcaa2
  • icon.foreground#cfcfcf
  • input.background#120d0c
  • input.border#a59a89
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#804c1aa3
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#bf6e01c9
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#5a5a5a80
  • list.errorForeground#c17b19
  • list.focusBackground#2c2725
  • list.focusForeground#cccccc
  • list.highlightForeground#bf6e01
  • list.hoverBackground#796b583a
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#84745f52
  • list.inactiveSelectionForeground#cccccc
  • list.invalidItemForeground#e4bc3e
  • list.warningForeground#e4bc3e80
  • listFilterWidget.background#324802
  • listFilterWidget.noMatchesOutline#ab5c5b
  • listFilterWidget.outline#6896027a
  • menu.background#2c2725
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#3e6a75
  • menu.selectionBorder#82828200
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#3f3f3f
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#25282a
  • merge.commonHeaderBackground#313234
  • merge.currentContentBackground#542f12
  • merge.currentHeaderBackground#3d1a02
  • merge.incomingContentBackground#324802
  • merge.incomingHeaderBackground#222e07
  • minimap.background#191514
  • minimap.errorHighlight#803f5397
  • minimap.findMatchHighlight#1e181881
  • minimap.selectionHighlight#18353d
  • minimap.warningHighlight#e4c37968
  • minimapGutter.addedBackground#b2c13c
  • minimapGutter.deletedBackground#ab5c5b
  • minimapGutter.modifiedBackground#206676
  • notificationCenter.border#474747
  • notificationCenterHeader.background#24201e
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#2c2725
  • notifications.border#363432
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#ab5c5b
  • notificationsInfoIcon.foreground#6fb5d7
  • notificationsWarningIcon.foreground#e57945
  • notificationToast.border#28505a
  • panel.background#120d0c
  • panel.border#80808059
  • panelSection.border#5871733e
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#1538548d
  • peekViewEditor.background#2c2725
  • peekViewEditor.matchHighlightBackground#be571d52
  • peekViewEditor.matchHighlightBorder#de7844c7
  • peekViewEditorGutter.background#3b3330
  • peekViewResult.background#3b3330
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#324802ab
  • peekViewResult.selectionBackground#324802
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#bf6e01
  • peekViewTitleDescription.foreground#120d0c
  • peekViewTitleLabel.foreground#120d0c
  • pickerGroup.border#804c1a
  • pickerGroup.foreground#bf6e01
  • progressBar.background#aec961
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#3e6a75
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cfcfcf
  • sideBar.background#2c2725
  • sideBar.dropBackground#5a5a5a80
  • sideBar.foreground#dddddd
  • sideBarSectionHeader.background#120d0c
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#28505a
  • statusBar.debuggingBackground#804c1a
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#f0f0f0
  • statusBar.noFolderBackground#7c4537
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#bf6e01
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#21444d
  • tab.activeBorder#00000000
  • tab.activeBorderTop#bf6e01
  • tab.activeForeground#ffffff
  • tab.border#e5d1ad3a
  • tab.inactiveBackground#120d0cd9
  • tab.inactiveForeground#d9d9d980
  • terminal.ansiBlack#4b4b4b
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#75cb7a
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#689c6b
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#fef97b
  • terminal.border#5871733e
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#bf6e01
  • terminalCursor.foreground#ffffff
  • textLink.foreground#bf6e01
  • titleBar.activeBackground#1e1818
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#1e181858
  • 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#a2cbd1
variable.other.generic-type.haskell#c17b19
storage.type.haskell#4296a0
support.variable.magic.python#a2cbd1
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#a59a89
variable.parameter.function.language.special.self.python#ac8188
storage.modifier.lifetime.rust#a59a89
support.function.std.rust#e4bc3e
entity.name.lifetime.rust#ac8188
variable.language.rust#a2cbd1
support.constant.edge#c17b19
constant.other.character-class.regexp#a2cbd1
keyword.operator.quantifier.regexp#4296a0
punctuation.definition.string.begin,punctuation.definition.string.end#f0daa7
variable.parameter.function#a59a89
comment markup.link#565048
markup.changed.diff#ac8188
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#e4bc3e
markup.inserted.diff#f0daa7
markup.deleted.diff#a2cbd1
meta.function.c,meta.function.cpp#a2cbd1
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#a59a89
punctuation.separator.key-value#a59a89
keyword.operator.expression.import#e4bc3e
support.constant.math#ac8188
support.constant.property.math#4296a0
variable.other.constant#ac8188
storage.type.annotation.java, storage.type.object.array.java#ac8188
source.java#a2cbd1
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#a59a89
meta.method.java#e4bc3e
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ac8188
keyword.operator.instanceof.java#c17b19
meta.definition.variable.name.java#a2cbd1
keyword.operator.logical#709431
keyword.operator.bitwise#709431
keyword.operator.channel#709431
support.constant.property-value.scss,support.constant.property-value.css#aec961
keyword.operator.css,keyword.operator.scss,keyword.operator.less#709431
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#4296a0
punctuation.separator.list.comma.css#a59a89
support.constant.color.w3c-standard-color-name.css#4296a0
support.type.vendored.property-name.css#709431
support.module.node,support.type.object.module,support.module.node#ac8188
entity.name.type.module#ac8188
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#a2cbd1
support.constant.json#4296a0
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#c17b19
support.type.object.console#a2cbd1
support.variable.property.process#4296a0
entity.name.function,support.function.console#e4bc3e
keyword.operator.misc.rust#a59a89
keyword.operator.sigil.rust#c17b19
keyword.operator.delete#c17b19
support.type.object.dom#709431
support.variable.dom,support.variable.property.dom#a2cbd1
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#709431
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#c17b19
punctuation.separator.delimiter#a59a89
punctuation.separator.c,punctuation.separator.cpp#c17b19
support.type.posix-reserved.c,support.type.posix-reserved.cpp#709431
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#c17b19
variable.parameter.function.language.python#4296a0
support.type.python#709431
keyword.operator.logical.python#c17b19
variable.parameter.function.python#4296a0
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#a59a89
meta.function-call.generic.python#e4bc3e
constant.character.format.placeholder.other.python#4296a0
keyword.operator#a59a89
keyword.operator.assignment.compound#c17b19
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#709431
keyword#c17b19
entity.name.namespace#ac8188
variable#a2cbd1
variable.c#a59a89
variable.language#ac8188
token.variable.parameter.java#a59a89
import.storage.java#ac8188
token.package.keyword#c17b19
token.package#a59a89
entity.name.function, meta.require, support.function.any-method, variable.function#e4bc3e
entity.name.type.namespace#ac8188
support.class, entity.name.type.class#ac8188
entity.name.class.identifier.namespace.type#ac8188
entity.name.class, variable.other.class.js, variable.other.class.ts#ac8188
variable.other.class.php#a2cbd1
entity.name.type#ac8188
keyword.control#c17b19
control.elements, keyword.operator.less#4296a0
keyword.other.special-method#e4bc3e
storage#c17b19
token.storage#c17b19
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#c17b19
token.storage.type.java#ac8188
support.function#709431
support.type.property-name#a59a89
support.constant.property-value#a59a89
support.constant.font-name#4296a0
meta.tag#a59a89
string#f0daa7
entity.other.inherited-class#ac8188
constant.other.symbol#709431
constant.numeric#aec961
constant#4296a0
punctuation.definition.constant#4296a0
entity.name.tag#aec961
entity.other.attribute-name#4296a0
entity.other.attribute-name.id#e4bc3enormal
entity.other.attribute-name.class.css#4296a0normal
meta.selector#c17b19
markup.heading#a2cbd1
markup.heading punctuation.definition.heading, entity.name.section#e4bc3e
keyword.other.unit#a2cbd1
markup.bold,todo.bold#4296a0
punctuation.definition.bold#ac8188
markup.italic, punctuation.definition.italic,todo.emphasis#c17b19
emphasis md#c17b19
entity.name.section.markdown#a2cbd1
punctuation.definition.heading.markdown#a2cbd1
punctuation.definition.list.begin.markdown#a2cbd1
markup.heading.setext#a59a89
punctuation.definition.bold.markdown#4296a0
markup.inline.raw.markdown#f0daa7
markup.inline.raw.string.markdown#f0daa7
punctuation.definition.list.markdown#a2cbd1
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#a2cbd1
beginning.punctuation.definition.list.markdown#a2cbd1
punctuation.definition.metadata.markdown#a2cbd1
markup.underline.link.markdown,markup.underline.link.image.markdown#c17b19
string.other.link.title.markdown,string.other.link.description.markdown#e4bc3e
string.regexp#709431
constant.character.escape#709431
punctuation.section.embedded, variable.interpolation#a2cbd1
punctuation.section.embedded.begin,punctuation.section.embedded.end#c17b19
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#a59a89
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#a2cbd1
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#a2cbd1
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#f0daa7
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#709431
support.type.property-name.json#a2cbd1
support.type.property-name.json punctuation#a2cbd1
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#c17b19
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#c17b19
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#ac8188
keyword.operator.error-control.php#c17b19
keyword.operator.type.php#c17b19
punctuation.section.array.begin.php#a59a89
punctuation.section.array.end.php#a59a89
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#ac8188
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#e4bc3e
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#a59a89
support.constant.core.rust#4296a0
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#4296a0
entity.name.goto-label.php,support.other.php#e4bc3e
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#709431
keyword.operator.regexp.php#c17b19
keyword.operator.comparison.php#709431
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#c17b19
meta.function.decorator.python#e4bc3e
support.token.decorator.python,meta.function.decorator.identifier.python#709431
function.parameter#a59a89
function.brace#a59a89
function.parameter.ruby, function.parameter.cs#a59a89
constant.language.symbol.ruby#709431
rgb-value#709431
inline-color-decoration rgb-value#4296a0
less rgb-value#4296a0
selector.sass#a2cbd1
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ac8188
block.scope.end,block.scope.begin#a59a89
storage.type.cs#ac8188
entity.name.variable.local.cs#a2cbd1
token.info-token#e4bc3e
token.warn-token#4296a0
token.error-token#f44747
token.debug-token#c17b19
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#c17b19
meta.template.expression#a59a89
keyword.operator.module#c17b19
support.type.type.flowtype#e4bc3e
support.type.primitive#ac8188
meta.property.object#a2cbd1
variable.parameter.function.js#a2cbd1
keyword.other.template.begin#f0daa7
keyword.other.template.end#f0daa7
keyword.other.substitution.begin#f0daa7
keyword.other.substitution.end#f0daa7
keyword.operator.assignment#709431
keyword.operator.assignment.go#ac8188
keyword.operator.arithmetic.go, keyword.operator.address.go#c17b19
entity.name.package.go#ac8188
support.type.prelude.elm#709431
support.constant.elm#4296a0
punctuation.quasi.element#c17b19
constant.character.entity#a2cbd1
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#709431
entity.global.clojure#ac8188
meta.symbol.clojure#a2cbd1
constant.keyword.clojure#709431
meta.arguments.coffee, variable.parameter.function.coffee#a2cbd1
source.ini#f0daa7
meta.scope.prerequisites.makefile#a2cbd1
source.makefile#ac8188
storage.modifier.import.groovy#ac8188
meta.method.groovy#e4bc3e
meta.definition.variable.name.groovy#a2cbd1
meta.definition.class.inherited.classes.groovy#f0daa7
support.variable.semantic.hlsl#ac8188
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#c17b19
text.variable, text.bracketed#a2cbd1
support.type.swift, support.type.vb.asp#ac8188
entity.name.function.xi#ac8188
entity.name.class.xi#709431
constant.character.character-class.regexp.xi#a2cbd1
constant.regexp.xi#c17b19
keyword.control.xi#709431
invalid.xi#a59a89
beginning.punctuation.definition.quote.markdown.xi#f0daa7
beginning.punctuation.definition.list.markdown.xi#565048
constant.character.xi#e4bc3e
accent.xi#e4bc3e
wikiword.xi#4296a0
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#565048
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ac8188
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#a2cbd1
meta.brace.square#a59a89
comment, punctuation.definition.comment#565048italic
markup.quote.markdown#565048
punctuation.definition.block.sequence.item.yaml#a59a89
constant.language.symbol.elixir#709431
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