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.

  • activityBar.activeBackground#AAAAAA10
  • activityBar.activeBorder#E5E1DA
  • activityBar.background#4d4f38c8
  • activityBar.border#B58162
  • activityBar.foreground#DACBC8
  • activityBar.inactiveForeground#c7dc8f
  • activityBarBadge.background#8C8474
  • activityBarBadge.foreground#FBE7C6
  • badge.background#8C8474
  • badge.foreground#aee7ff
  • breadcrumb.background#dfddb0c1
  • breadcrumbPicker.background#AF7B38
  • button.background#8997a4
  • button.border#834523
  • button.foreground#9a6a30
  • button.hoverBackground#76584E
  • button.secondaryBackground#AAAAAA20
  • button.secondaryForeground#BFA892
  • button.secondaryHoverBackground#AAAAAA35
  • charts.blue#6dc1ea
  • charts.foreground#c8c8c8
  • charts.green#b5f8cb
  • charts.lines#AC7245
  • charts.orange#f7a566
  • charts.purple#b0b5f8
  • charts.red#ef7876
  • charts.yellow#f0cf5a
  • checkbox.foreground#c7ca86
  • commandCenter.activeBackground#20202560
  • commandCenter.activeForeground#afafaf90
  • commandCenter.background#141417
  • commandCenter.border#060607
  • commandCenter.foreground#555555
  • contrastActiveBorder#41362C
  • contrastBorder#9ea191
  • debugExceptionWidget.background#45a6d3
  • debugExceptionWidget.border#C4C6B9
  • debugToolBar.background#5A4A49
  • descriptionForeground#f1eec4
  • diffEditor.border#CBC7BD
  • diffEditor.diagonalFill#c49759
  • diffEditor.insertedLineBackground
  • diffEditor.insertedTextBackground#3B3D37
  • diffEditor.insertedTextBorder
  • diffEditor.removedLineBackground
  • diffEditor.removedTextBackground#94764E
  • diffEditor.removedTextBorder
  • diffEditorGutter.insertedLineBackground#00000000
  • diffEditorGutter.removedLineBackground#00000000
  • diffEditorOverview.insertedForeground
  • diffEditorOverview.removedForeground
  • disabledForeground#6f6f6f
  • dropdown.background#806938
  • dropdown.border#55555550
  • dropdown.foreground#9D7855
  • dropdown.listBackground#141417
  • editor.background#443c2f
  • editor.findMatchBackground#977E4D
  • editor.findMatchBorder#AAAAAA60
  • editor.findMatchHighlightBackground#AAAAAA20
  • editor.findMatchHighlightBorder#3A4159
  • editor.foldBackground#6e5a33
  • editor.foreground#b0a18b
  • editor.hoverHighlightBackground#6b784c40
  • editor.inactiveSelectionBackground#715A5A
  • editor.lineHighlightBackground#505341
  • editor.lineHighlightBorder#967a45
  • editor.rangeHighlightBackground#AAAAAA20
  • editor.selectionBackground#312E34
  • editor.selectionForeground#CFC9C2
  • editor.selectionHighlightBackground#AAAAAA15
  • editor.selectionHighlightBorder#b89c5e
  • editor.wordHighlightBackground#AAAAAA20
  • editor.wordHighlightStrongBackground#AAAAAA40
  • editorBracketHighlight.foreground1#e0e8a3
  • editorBracketHighlight.foreground2#303933
  • editorBracketHighlight.foreground3#badfb1
  • editorBracketHighlight.foreground4#97f1ec
  • editorBracketHighlight.foreground5#d7ed89
  • editorBracketHighlight.foreground6#acec8e
  • editorBracketHighlight.unexpectedBracket.foreground#ccbb92
  • editorBracketMatch.background#8cc79b
  • editorBracketMatch.border#8A7044
  • editorCodeLens.foreground#5B4035
  • editorCursor.background#d0af6c
  • editorCursor.foreground#D4BDB3
  • editorError.border#00000000
  • editorError.foreground#D62C2C
  • editorGhostText.border#CCBC87
  • editorGhostText.foreground#f5f0df
  • editorGroup.border#CCC8C5
  • editorGroup.dropBackground#4A3E3F
  • editorGroupHeader.border#5D3C25
  • editorGroupHeader.noTabsBackground#8C7444
  • editorGroupHeader.tabsBackground#624E37
  • editorGroupHeader.tabsBorder#060607
  • editorGutter.addedBackground#875D14
  • editorGutter.background#1F1D19
  • editorGutter.commentRangeForeground#BFA892
  • editorGutter.deletedBackground#C51E14
  • editorGutter.modifiedBackground#BFA03B
  • editorHoverWidget.background#977A48
  • editorHoverWidget.border#6D5849
  • editorIndentGuide.activeBackground#555555bb
  • editorIndentGuide.background#54574430
  • editorInfo.border
  • editorInlayHint.background#1F1D19
  • editorInlayHint.foreground#D0A77B
  • editorInlayHint.typeBackground#69482F
  • editorInlayHint.typeForeground#efe0af
  • editorLineNumber.activeForeground#e3dfd9
  • editorLineNumber.foreground#91757590
  • editorLink.activeForeground#c8c8c8
  • editorMarkerNavigation.background#0f0f11
  • editorMarkerNavigationError.background#f6525290
  • editorMarkerNavigationInfo.background#376c94
  • editorMarkerNavigationWarning.background#f3955f
  • editorOverviewRuler.border#060607
  • editorOverviewRuler.commonContentForeground#D1D4D2
  • editorOverviewRuler.currentContentForeground#64704D
  • editorOverviewRuler.incomingContentForeground#717777
  • editorRuler.foreground#eec38b
  • editorSuggestWidget.background#141417
  • editorSuggestWidget.border#060607
  • editorSuggestWidget.foreground#afafaf
  • editorSuggestWidget.highlightForeground#D8D3CC
  • editorSuggestWidget.selectedBackground#3D281C
  • editorWarning.border
  • editorWarning.foreground#BFA03B
  • editorWhitespace.foreground#55555560
  • editorWidget.background#271B11
  • editorWidget.resizeBorder#AAAAAA50
  • errorForeground#f75b5b
  • errorLens.errorForeground#B58162
  • errorLens.hintForeground#B58162
  • errorLens.infoForeground#B89755
  • errorLens.warningForeground#BFA892
  • extensionButton.background#271B11
  • extensionButton.foreground#ead7b1
  • extensionButton.hoverBackground#8C7444
  • extensionButton.prominentBackground#646764
  • extensionButton.prominentForeground#bbe0a2
  • extensionButton.prominentHoverBackground#8C7444
  • focusBorder#AC7245
  • foreground#997339
  • gitDecoration.conflictingResourceForeground#CFC7B3
  • gitDecoration.deletedResourceForeground#6F551A
  • gitDecoration.ignoredResourceForeground#555555
  • gitDecoration.modifiedResourceForeground#A4882D
  • gitDecoration.untrackedResourceForeground#b7f7cc
  • icon.foreground#d7e08f
  • input.background#00000000
  • input.border#55555560
  • input.foreground#a08d8d
  • input.placeholderForeground#c8c8c860
  • inputOption.activeBorder#AAAAAA
  • inputValidation.errorBackground#715A5A
  • inputValidation.errorBorder#C29A41
  • inputValidation.infoBackground#312E34
  • inputValidation.infoBorder#CFC9C2
  • inputValidation.warningBackground#202025
  • inputValidation.warningBorder#D5CFC2
  • keybindingLabel.border
  • keybindingLabel.bottomBorder
  • keybindingLabel.foreground
  • list.activeSelectionBackground#624E37
  • list.activeSelectionForeground#26382C
  • list.dropBackground#8C7444
  • list.errorForeground#D62C2C
  • list.focusBackground#AAAAAA40
  • list.focusForeground#f3c78b
  • list.highlightForeground#A38738
  • list.hoverBackground#B27D3B
  • list.hoverForeground#d5d5d5
  • list.inactiveSelectionBackground#54463D
  • list.inactiveSelectionForeground#D6C5AB
  • list.warningForeground#BFBCB3
  • menu.background#43362a
  • menu.border#FBF3D8
  • menu.foreground#c4a88b
  • menu.selectionForeground#efefef
  • menu.separatorBackground#69482F
  • menubar.selectionBackground#926636
  • menubar.selectionForeground#0DBAE3
  • merge.border#87725a
  • merge.commonContentBackground#FFB63830
  • merge.commonHeaderBackground#a6875180
  • merge.currentContentBackground#42DD7630
  • merge.currentHeaderBackground#42DD7680
  • merge.incomingContentBackground#C19EFA30
  • merge.incomingHeaderBackground#C19EFA80
  • notificationCenterHeader.background#202025
  • notificationCenterHeader.foreground#c8c8c8
  • notificationLink.foreground#B5854D
  • notifications.background#2B2A2E
  • notifications.border#65504B
  • notifications.foreground#C5BFBA
  • notificationsErrorIcon.foreground#D62C2C
  • notificationsInfoIcon.foreground#D1C9BB
  • notificationsWarningIcon.foreground#5ee9a8
  • panel.background#96855d
  • panel.border#706968
  • panel.dropBorder#C6BEAF
  • panelSection.border#39405A
  • panelSectionHeader.background#9ecfe620
  • panelSectionHeader.border#C29D3A
  • panelSectionHeader.foreground#E5DBC1
  • panelTitle.activeBorder#B78C40
  • panelTitle.activeForeground#775429
  • panelTitle.inactiveForeground#555555
  • peekView.border#835F33
  • peekViewEditor.background#4B463F
  • peekViewEditor.matchHighlightBackground#20202540
  • peekViewEditorGutter.background#20202540
  • peekViewResult.background#20202540
  • peekViewResult.fileForeground#c8c8c8
  • peekViewResult.lineForeground#c8c8c8
  • peekViewResult.matchHighlightBackground#202025
  • peekViewResult.selectionBackground#202025
  • peekViewResult.selectionForeground#c8c8c8
  • peekViewTitle.background#060607
  • peekViewTitleDescription.foreground#c8c8c8
  • peekViewTitleLabel.foreground#c8c8c8
  • pickerGroup.border#8282a7
  • pickerGroup.foreground#49474D
  • profileBadge.background#d2bfa2
  • profileBadge.foreground#141417
  • progressBar.background#6F663D
  • quickInput.foreground#a2a2a2
  • quickInputList.focusBackground#2F2E2B
  • quickInputList.focusForeground#efefef
  • quickInputTitle.background#695a4a
  • sash.hoverBorder#a79a65
  • scrollbar.shadow#D0A77B
  • scrollbarSlider.activeBackground#6F551A
  • scrollbarSlider.background#d8ee7753
  • scrollbarSlider.hoverBackground#e3e78f30
  • selection.background#5C422F
  • settings.headerForeground#CFC7B3
  • settings.modifiedItemIndicator#A4882D
  • sideBar.background#5e4e38
  • sideBar.border#bba985
  • sideBar.foreground#eef2c4
  • sideBarSectionHeader.background#987556c2
  • sideBarSectionHeader.border#4B9192
  • sideBarSectionHeader.foreground#dbe0c4
  • sideBarTitle.foreground#f6d2ac
  • statusBar.background#676e5c
  • statusBar.border#060607
  • statusBar.debuggingBackground#775429
  • statusBar.debuggingForeground#B78C40
  • statusBar.foreground#C6BEAF
  • statusBar.noFolderBackground#9a7342
  • statusBar.noFolderBorder#C29D3A
  • statusBar.noFolderForeground#E5DBC1
  • statusBarItem.activeBackground#4B463F
  • statusBarItem.errorBackground#f6525290
  • statusBarItem.hoverBackground#A38738
  • statusBarItem.prominentBackground#39405A
  • statusBarItem.prominentHoverBackground#26382C
  • statusBarItem.warningBackground#f3955f
  • tab.activeBackground#271B11
  • tab.activeBorder#141417
  • tab.activeBorderTop#AAAAAA
  • tab.activeForeground#BFA892
  • tab.border#65504B
  • tab.hoverBackground#2B2A2E
  • tab.hoverBorder#C5BFBA
  • tab.inactiveBackground#4B463F
  • tab.inactiveForeground#E5DBC1
  • tab.lastPinnedBorder#060607
  • tab.unfocusedActiveForeground#D0A77B
  • tab.unfocusedHoverBackground#835F33
  • tab.unfocusedHoverBorder#C29D3A
  • tab.unfocusedInactiveForeground#69482F
  • terminal.ansiBlack#141417
  • terminal.ansiBlue#9ebdfa
  • terminal.ansiBrightBlack#302f31
  • terminal.ansiBrightBlue#4a3dff
  • terminal.ansiBrightCyan#20f6e4
  • terminal.ansiBrightGreen#37f576
  • terminal.ansiBrightMagenta#fc4ac7
  • terminal.ansiBrightRed#f83333
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#fff942
  • terminal.ansiCyan#97f6ee
  • terminal.ansiGreen#9ef1ba
  • terminal.ansiMagenta#f79ee4
  • terminal.ansiRed#f66666
  • terminal.ansiWhite#f8f0f0
  • terminal.ansiYellow#f5d7a2
  • terminal.background#1F1D19
  • terminal.foreground#D0A77B
  • terminal.selectionForeground#c8c8c8
  • terminalCursor.background#69482F
  • terminalCursor.foreground#FBF3D8
  • textBlockQuote.background#C19EFA34
  • textBlockQuote.border#CDC1B8
  • textCodeBlock.background#9fbff2
  • textLink.activeForeground#CBC2B8
  • textLink.foreground#4C78A6
  • textPreformat.foreground#4B9192
  • textSeparator.foreground#452D1F
  • titleBar.activeBackground#4B463F
  • titleBar.activeForeground#E5DBC1
  • titleBar.border#C6BEAF
  • titleBar.inactiveBackground#835F33
  • titleBar.inactiveForeground#C29D3A
  • toolbar.hoverBackground#e3c365
  • tree.indentGuidesStroke#55555570
  • walkThrough.embeddedEditorBackground#452D1F
  • welcomePage.progress.background#B58162
  • welcomePage.progress.foreground#A0E7E5
  • welcomePage.tileBackground#afafaf10
  • welcomePage.tileBorder#B4F8C8
  • welcomePage.tileHoverBackground#472F25
  • widget.shadow#676e5c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
support.module.elm, entity.other.inherited-class.python, variable.other.object, support.other.namespace.php, entity.other.attribute-name.namespace.xml, record.accessor, entity.name.record.field.accessor, storage.modifier.import.java, storage.modifier.import.groovy, meta.import.swift entity.name.type.swift, entity.name.variable.parameter.cs, meta.member.access.python, variable.other.property.ts, variable.other.property.js, constant.language.symbol.elixir#f1b779
entity.name.type#f1e0a8
comment, punctuation.definition.comment, string.quoted.docstring.multi, comment.block.documentation source#e7da68italic
constant, support.constant.core.php#BFA892
source, support, constant.character.entity.named, meta.jsx.children, source.lua, text.html.derivative, source.graphql meta.selections variable.other.alias.graphql, source.graphql meta.type.interface.graphql meta.type.object.graphql variable.graphql, source.graphql variable.arguments.graphql#CFCCC8
entity.name.function.decorator, meta.decorator entity.name.function, meta.decorator punctuation.decorator, punctuation.definition.decorator, meta.decorator variable.other.readwrite.ts, variable.parameter.gdscript#d3e98b
keyword.control.export, support.type.object.module#ecd295
support.function, entity.name.function, meta.function-call, meta.function, meta.method.declaration, meta.function-call support, meta.decorator meta.definition.method entity.name.function, meta.decorator meta.method.declaration entity.name.function, variable.language.super.ts, source.directive, meta.function-call.generic, meta.method-call.static.php, meta.method-call.php, meta.class storage.type, meta.method.groovy, meta.bracket.square.access, entity.name.function-call.elixir, punctuation.output.liquid support.variable.liquid, meta.function.echo.edge source.js keyword.operator.error-control.js, entity.name.type.variant.gdscript#f4d8a4
keyword.control.import, meta.module.name.elm support, meta.import.elm support, keyword.control.at-rule, punctuation.definition.keyword, variable.control.import.include, keyword.other.import.java#a0d5ee
keyword.control, keyword.control.conditional, storage.modifier, keyword.operator.new, keyword.operator.expression, keyword.begin.blade, keyword.end.blade, keyword.blade, keyword.type-alias, keyword.type, support.class.console, keyword.other.await, storage.type.class.jsdoc, punctuation.definition.block.tag.jsdoc, keyword.other.new, keyword.other.phpdoc, keyword.other.use.php, keyword.operator.logical.python, keyword.other.import.static.groovy, keyword.other.import.groovy, punctuation.definition.attribute.swift, source.svelte meta.scope.tag.main.svelte meta.tag.start.svelte variable.function.svelte, meta.directive.on.svelte entity.name.type.svelte, keyword.other.special-method.elixir, keyword.edge, entity.name.function.edge, support.constant.edge, keyword.other.gdscript, keyword.other.onready.gdscript, source.graphql meta.fragment.graphql keyword.on.graphql, source.graphql meta.type.interface.graphql keyword.implements.graphql, source.graphql meta.type.interface.graphql meta.type.object.graphql meta.type.list.graphql keyword.operator.nulltype.graphql, source.graphql meta.variables.graphql keyword.operator.nulltype.graphql, source.graphql meta.type.interface.graphql meta.type.object.graphql keyword.operator.nulltype.graphql, keyword.operator.class.php, keyword.operator.spread.php, keyword.operator.type.php, keyword.operator.increment-decrement.php, keyword.operator.increment-increment.php, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, keyword.operator.string.php, keyword.operator.ternary.php, keyword.operator.variadic.php, keyword.operator.nullable-type.php, keyword.other.use-as.php#71aac9
meta.object-literal.key, variable.object.property#98ddf2
keyword.other.definition.ini, support.type.property-name, entity.name.tag.yaml#dfb766
keyword.operator.comparison, storage.type.function.arrow, keyword.operator.lua, keyword.operator.assignment, keyword.operator.relational, keyword.operator.increment, keyword.operator.decrement, keyword.operator.logical, keyword.operator.arithmetic, keyword.operator.math#caefa6
punctuation, attribute_value, meta.brace, punctuation.definition.parameters, punctuation.definition.template-expression, keyword.operator, keyword.other, punctuation.terminator, punctuation.separator, punctuation.definition.generic.begin, punctuation.definition.generic.end, meta.function.type-declaration, keyword.other.colon.elm, meta.record.field.elm keyword.other.elm, keyword.other.period.elm, meta.tag.xml, meta.tag.preprocessor.xml, punctuation.definition.block, punctuation.accessor, constant.name.attribute.tag.pug, string.interpolated.pug, keyword.other.whitespace.liquid, meta.tag.template.block.twig, meta.tag.template.value.twig, begin.bracket, end.bracket, text.html.twig meta.tag.inline.any, text.html.twig meta.tag.block.any, support.function.construct.begin.blade, support.function.construct.end.blade source.php, support.function.construct.end.blade, meta.function.echo.blade source.php, punctuation.definition.list.begin.python, punctuation.definition.list.end.python, text.html.vue-html meta.tag.block.any, entity.name.variable.tuple-element.cs, keyword.operator.assignment.tsx, meta.definition.method.signature.java, meta.class.body.groovy, meta.definition.method.groovy meta.method.body.java meta.declaration.assertion.groovy, punctuation.definition.list.begin.erlang, meta.expression.parenthesized, meta.definition.function.swift meta.parameter-clause.swift, source.swift meta.function-call.swift, punctuation.section.embedded.end.swift source.swift, source.lua, meta.function.lua, punctuation.definition.keyword.svelte, source.svelte meta.scope.tag.SpeakerPicture.svelte meta.tag.start.svelte entity.other.attribute-name.svelte, expression.embbeded.vue punctuation.definition.tag.begin.html.vue, expression.embbeded.vue punctuation.definition.tag.end.html.vue, source.graphql meta.type.interface.graphql meta.type.object.graphql meta.type.list.graphql meta.brace.square.graphql, punctuation.definition.variable.php#f2e5cc
variable.language.this, variable.language.special.self, variable.parameter.function.language.special.self, variable.language.this.php punctuation.definition.variable.php, meta.class.body.php storage.type.php, variable.parameter.function.swift entity.name.function.swift, variable.other.jsdoc#E5E1DA
storage, meta.var.expr storage.type, storage.type.function, keyword.function, storage.type.class, storage.type.property, keyword.other, keyword.local.lua, entity.name.class, meta.function.lua keyword.control.lua, storage.type.enum, storage.type.interface, storage.type.type, entity.name.type.class.java, support.class.php, entity.other.inherited-class.php, entity.name.type.class.groovy, storage.type.rust, entity.name.type.class.swift, source.svelte meta.script.svelte source.ts entity.name.label.ts, meta.directive.on.svelte keyword.control.svelte, storage.type.const.gdscript, storage.type.var.gdscript, source.graphql declaration.meta.type keyword, source.graphql meta.type.interface.graphql keyword.type.graphql, source.graphql keyword.schema.graphql, source.graphql keyword.operation.graphql, source.graphql meta.enum.graphql keyword.enum.graphql, source.graphql meta.fragment.graphql keyword.fragment.graphql, storage.type.trait.php#f1daaa
string, string.template, string.quoted.single, punctuation.definition.string, punctuation.definition.string.template, punctuation.definition.string.begin, punctuation.definition.string.end.html source.js-ignored-vscode, punctuation.definition.string.end, string.other.link, constant.character.escape.regexp, variable.parameter.url, constant.other.symbol.quoted.single.erlang, constant.other.symbol.quoted.single.erlang punctuation.definition.symbol.begin.erlang, constant.other.symbol.quoted.single.erlang punctuation.definition.symbol.end.erlang, meta.import.ts punctuation.definition.variable.svelte, punctuation.definition.string.end.html source.css-ignored-vscode, text.html.edge punctuation.definition.variable.js, string.unquoted.plain.out.yaml#f2dfa8
string.quoted.docstring.multi.python, string.quoted.double.block.python punctuation.definition.string.end.python, string.quoted.double.block.python punctuation.definition.string.begin.python, string.quoted.double.block.python#7bb770
entity.name.type, support.type, support.class, storage.type, entity.other.inherited-class, keyword.type, storage.type.java, storage.type.primitive.java, storage.type.generic.java, keyword.other.type, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php source.php, punctuation.section.embedded.end.php, storage.type.object.array.java, storage.type.primitive.groovy, storage.type.groovy, meta.definition.type.body.swift meta.function-call.swift, meta.definition.type.class.swift meta.inheritance-clause.swift, variable.other.constant.elixir, source.graphql declaration.meta.type support, source.graphql meta.selections, source.graphql meta.enum.graphql meta.type.object.graphql constant.character.enum.graphql, source.graphql meta.fragment.graphql entity.name.fragment.graphql, entity.name.type.class.php, support.class.php, entity.other.inherited-class.php, entity.other.alias.php#DFD1B1
variable, variable.language, entity.name.type.class.js, entity.name.variable, support.variable.magic, meta.method.body, entity.name.variable, punctuation.definition.variable, meta.class variable.object.property, variable.other.constant entity.name.function, entity.name.variable.tuple-element.cs punctuation.separator.colon.cs, meta.definition.variable.name.groovy, meta.body.struct.cpp, parameter.variable.function.elixir, meta.directive.edge source.js, meta.function.echo.edge source.js, text.html.edge meta.function.echo.edge meta.function-call.js, source.css variable.parameter.keyframe-list.css, source.css meta.property-value.css, source.css.scss meta.at-rule.keyframes.scss entity.name.function.scss, source.css.scss meta.property-value.scss#84bca1
source.elm constant.type-constructor#d2b496
source.elm storage.type#ebcaa6
entity.name.tag.other.html, meta.tag.other.html punctuation.definition.tag.end.html, meta.tag.other.html punctuation.definition.tag.begin.html, entity.name.tag support.class.component, support.class.component.html#f5b469
source.diff meta.diff.header.to-file, source.diff markup.inserted.diff, source.diff punctuation.definition.to-file.diff, source.diff punctuation.definition.inserted.diff#c0f096
source.diff punctuation.definition.from-file.diff, source.diff meta.diff.header.from-file, source.diff markup.deleted.diff, source.diff punctuation.definition.deleted.diff#c8dda2
source.diff meta.diff.header.command#a2f0bc
source.diff punctuation.definition.range.diff, source.diff meta.diff.range.unified#a0f2f2
support.variable.liquid, support.class.liquid#9fe9b8
text.html.basic entity.name, source.js-ignored-vscode, entity.name.tag, meta.embedded.block.blade constant.other.php, meta.embedded.block.blade keyword.operator.comparison.php, meta.embedded.block.blade keyword.operator.arithmetic.php, meta.tag.start.svelte keyword.control.svelte, meta.tag.end.svelte keyword.control.svelte#CFC7B3
meta.tag.sgml.doctype.html, punctuation.definition.tag, meta.tag.block.any, meta.tag.block.any.html, meta.tag.inline.any, source.css-ignored-vscode, meta.tag.metadata.style.end.html, text.html.vue invalid.illegal.character-not-allowed-here.html, meta.tag.inline.i.start.html, meta.tag.structure.div.start.html, punctuation.definition.tag.end.html.vue, invalid.illegal.character-not-allowed-here.html#e3d174
entity.other.attribute-name, entity.name.tag.liquid, invalid.deprecated.entity.other.attribute-name, meta.embedded.block.blade storage.type.php#BFA892
markup.inline.raw.string.markdown, punctuation.definition.raw.markdown, markup.fenced_code.block.markdown, markup.fenced_code.block.markdown punctuation, markup.raw.block.markdown#7dd0d6
fenced_code.block.language#e8b088
punctuation.definition.list.begin#C4C6B9
punctuation.definition.list.begin#54c3f6
entity.name.section, markup.heading.setext#d5b1ae
punctuation.definition.heading#eedd8a
markup.underline.link, markup.underline.link.image#E5DBC1
markup.bold, punctuation.definition.bold#efd48abold
markup.strikethrough, punctuation.definition.strikethrough#efae5f
markup.italic, punctuation.definition.italic#D0A77Bitalic
markup.quote, markup.quote.markdown punctuation.definition.quote.begin#fdebb0
punctuation.definition.quote.begin#eda36a
meta.embedded.block.frontmatter punctuation.definition.tag.begin, meta.embedded.block.frontmatter punctuation.definition.tag.end, meta.embedded.block.frontmatter string.unquoted.plain.out#4eaf9citalic
entity.other.attribute-name.pseudo-class#f3af88
entity.other.attribute-name.pseudo-element#DACBC8
entity.other.attribute-name.class, entity.other.attribute-name.class punctuation.definition.entity#f8ffc8
entity.other.attribute-name.parent-selector-suffix punctuation.definition.entity#b5c07b
support.type.property-name.css, support.type.vendored.property-name, meta.property-list entity.name.tag.css, meta.property-list.scss meta.property-list.scss entity.name.tag.css, meta.property-list meta.property-name, source.css.scss meta.property-list.scss entity.name.tag.css#c8c8c8
source.css.scss entity.other.attribute-name.id , source.css entity.other.attribute-name.id , entity.other.attribute-name.id punctuation.definition.entity#c07a57
entity.name.tag.reference, meta.property-list#e1a255
keyword.other.unit#D3B284
support.constant.property-value, support.constant.font-name, meta.property-value.css, meta.attribute.style.html#ede2c0
constant.numeric#e2c263
entity.name.tag.css, meta.property-list.scss entity.name.tag.css#CCBC87