SeeSharp Theme
Publisher: Armant GoldswainThemes in package: 23
A colourful vibrant syntax theme for C#, Svelte, JavaScript, TypeScript, CSS, HTML, and Python.
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#050B05
- activityBar.foreground#00FF41
- activityBar.inactiveForeground#4D6E4D
- activityBarBadge.background#00FF41
- activityBarBadge.foreground#050B05
- badge.background#1A351A
- badge.foreground#D6F0D6
- button.background#00FF41CC
- button.foreground#050B05
- button.hoverBackground#00FF41
- button.secondaryBackground#122212
- button.secondaryForeground#D6F0D6
- button.secondaryHoverBackground#1A301A
- diffEditor.insertedTextBackground#00FF4133
- diffEditor.removedTextBackground#FF335533
- dropdown.background#0C160C
- dropdown.border#1A3A1A
- dropdown.foreground#D6F0D6
- editor.background#080E08
- editor.findMatchBackground#00FF4166
- editor.findMatchHighlightBackground#FFB86C33
- editor.foreground#D6F0D6
- editor.lineHighlightBackground#0F1C0F
- editor.selectionBackground#1A4A1A88
- editor.selectionHighlightBackground#00FF4122
- editor.wordHighlightBackground#00000000
- editor.wordHighlightStrongBackground#00000000
- editor.wordHighlightTextBackground#00000000
- editorBracketHighlight.foreground1#00FF41
- editorBracketHighlight.foreground2#FFB86C
- editorBracketHighlight.foreground3#FF79C6
- editorBracketHighlight.foreground4#7AD0FF
- editorBracketHighlight.foreground5#39FF88
- editorBracketHighlight.foreground6#FF6B8B
- editorBracketHighlight.unexpectedBracket.foreground#FF3355
- editorCursor.foreground#7FFF00
- editorError.foreground#FF3355
- editorGroup.border#1A3A1A
- editorGroupHeader.tabsBackground#0C160C
- editorGroupHeader.tabsBorder#1A3A1A
- editorHoverWidget.background#0C160C
- editorHoverWidget.border#00FF4166
- editorIndentGuide.activeBackground1#00FF41AA
- editorIndentGuide.background1#1A351A
- editorInfo.foreground#7AD0FF
- editorLineNumber.activeForeground#00FF41
- editorLineNumber.foreground#3D6E3D
- editorRuler.foreground#1A3A1A
- editorSuggestWidget.background#0C160C
- editorSuggestWidget.border#1A3A1A
- editorSuggestWidget.foreground#D6F0D6
- editorSuggestWidget.selectedBackground#1A301A
- editorWarning.foreground#FFB86C
- editorWhitespace.foreground#1A351A
- editorWidget.background#0C160C
- editorWidget.border#1A3A1A
- focusBorder#00FF41
- foreground#D6F0D6
- gitDecoration.addedResourceForeground#00FF41
- gitDecoration.conflictingResourceForeground#FFB86C
- gitDecoration.deletedResourceForeground#FF3355
- gitDecoration.ignoredResourceForeground#3D6E3D
- gitDecoration.modifiedResourceForeground#7AD0FF
- gitDecoration.stageDeletedResourceForeground#FF3355BF
- gitDecoration.stageModifiedResourceForeground#7AD0FFBF
- gitDecoration.submoduleResourceForeground#FFB86C
- gitDecoration.untrackedResourceForeground#00FF41
- input.background#122212
- input.border#1A3A1A
- input.foreground#D6F0D6
- list.activeSelectionBackground#1A3A1A
- list.activeSelectionForeground#D6F0D6
- list.focusBackground#1A4A1A
- list.focusForeground#D6F0D6
- list.highlightForeground#00FF41
- list.hoverBackground#122212
- list.inactiveSelectionBackground#122212
- list.inactiveSelectionForeground#D6F0D6
- menu.background#0C160C
- menu.foreground#D6F0D6
- menu.selectionBackground#1A301A
- menu.selectionForeground#D6F0D6
- panel.background#0C160C
- panel.border#1A3A1A
- panelTitle.activeForeground#00FF41
- panelTitle.inactiveForeground#4D6E4D
- peekView.border#00FF41
- peekViewEditor.background#0A120A
- peekViewResult.background#0C160C
- scrollbarSlider.activeBackground#3A8A3A88
- scrollbarSlider.background#1A4A1A80
- scrollbarSlider.hoverBackground#2A6A2A88
- sideBar.background#0A120A
- sideBar.border#1A3A1A
- sideBar.foreground#D6F0D6
- sideBarSectionHeader.background#122212
- sideBarSectionHeader.foreground#00FF41
- sideBarTitle.foreground#D6F0D6
- statusBar.background#00AA2A
- statusBar.debuggingBackground#00FF41
- statusBar.debuggingForeground#050B05
- statusBar.foreground#050B05
- statusBar.noFolderBackground#0C160C
- statusBar.noFolderForeground#D6F0D6
- statusBarItem.hoverBackground#1A301A
- statusBarItem.hoverForeground#D6F0D6
- tab.activeBackground#080E08
- tab.activeBorderTop#00FF41
- tab.activeForeground#D6F0D6
- tab.border#1A3A1A
- tab.hoverBackground#122212
- tab.inactiveBackground#0C160C
- tab.inactiveForeground#4D6E4D
- terminal.ansiBlack#050B05
- terminal.ansiBlue#7AD0FF
- terminal.ansiBrightBlack#3D6E3D
- terminal.ansiBrightBlue#A8E0FF
- terminal.ansiBrightCyan#88FFD5
- terminal.ansiBrightGreen#39FF88
- terminal.ansiBrightMagenta#FFA8E0
- terminal.ansiBrightRed#FF6B8B
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFD080
- terminal.ansiCyan#55FFBB
- terminal.ansiGreen#00FF41
- terminal.ansiMagenta#FF79C6
- terminal.ansiRed#FF3355
- terminal.ansiWhite#D6F0D6
- terminal.ansiYellow#FFB86C
- terminalCursor.foreground#7FFF00
- titleBar.activeBackground#0A150A
- titleBar.activeForeground#D6F0D6
- titleBar.inactiveBackground#050B05
- titleBar.inactiveForeground#4D6E4D
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment markup.link, comment, punctuation.definition.comment, unused.comment, wildcard.comment, comment.line.number-sign.python, punctuation.definition.comment.python | #3D6E3D | italic |
| text, source | #D6F0D6 | — |
| emphasis | — | italic |
| strong | — | bold |
| invalid | #FF3355 | italic |
| invalid.deprecated | — | underline italic |
| invalid.illegal | #E6457B | underline italic |
| variable.language.self, entity.type.enum, variable.other.object.property, entity.name.type.enum | #FF9243 | — |
| entity.name.type | #5AFF8A | bold |
| keyword.operator.accessor, entity.name.tag.class.jsx, JSXNested | #7AD0FF | italic |
| keyword.other.unit | #00FF41 | — |
| keyword.other.special-method, entity.name.other.preprocessor.macro, variable.other.event | #FFB86C | — |
| constant.character | #55FFBB | — |
| constant.character.escape | #FF79C6 | — |
| entity.name.label, entity.name.namespace | #A8FFC8 | — |
| keyword.control.export.js, keyword.control.import.js, keyword.control.export.jsx, keyword.control.import.jsx, keyword.control.export.ts, keyword.control.import.ts, keyword.control.export.tsx, keyword.control.import.tsx, keyword.control.from.python, keyword.control.import.python | #66FFA8 | — |
| variable, entity.name.variable, variable.other.readwrite.js, variable.other.readwrite.jsx, variable.other.readwrite.ts, variable.other.readwrite.tsx, variable.other.readwrite.python | #A8FFC8 | italic |
| variable.parameter, variable.parameter.function.js, variable.parameter.function.jsx, variable.parameter.function.ts, variable.parameter.function.tsx, variable.parameter.function.python, variable.parameter.function.language.python, meta.function.parameters.python variable.parameter | #FF8AE0 | italic |
| entity.name.type.type-parameter | #55FFBB | |
| variable.other.object, string.quoted.template variable.other.readwrite, variable.language.arguments | #FFFFFF | italic |
| support.type, support.type.builtin.python, support.type.python, support.type.primitive.ts, support.type.primitive.tsx | #55FFBB | italic |
| entity.name.section, entity.name.type.module, support.type.primitive, variable.other.enummember | #FF79C6 | |
| keyword.control.default, keyword.control.export, keyword.control.from, keyword.control.import, keyword.control.module, support.type.object.module | #FF9EE7 | — |
| meta.protocol-list.objc, meta.return-type.objc, meta.return-type, source.go storage.type, source.groovy storage.type, source.java storage.type, source.powershell entity.other.attribute-name | #38B3FF | — |
| entity.name.type.class, support.class, variable.other.class, entity.name.class | #7AD0FF | — |
| storage.class.std.rust, storage.type.annotation.groovy, storage.type.annotation.java, storage.type.attribute.swift, storage.type.boolean.go, storage.type.byte.go, storage.type.c, storage.type.core.rust, storage.type.cs, storage.type.cs, storage.type.error.go, storage.type.generic.cs, storage.type.generic.groovy, storage.type.generic.java, storage.type.groovy, storage.type.groovy, storage.type.haskell, storage.type.java, storage.type.modifier.cs, storage.type.numeric.go, storage.type.objc, storage.type.object.array.groovy, storage.type.object.array.java, storage.type.ocaml, storage.type.parameters.groovy, storage.type.php, storage.type.primitive.array.groovy, storage.type.primitive.array.java, storage.type.primitive.groovy, storage.type.primitive.java, storage.type.rune.go, storage.type.string.go, storage.type.struct, storage.type.token.java, storage.type.uintptr.go, storage.type.variable.cs, variable.css, variable.scss, entity.other.inherited-class, entity.name.scope-resolution, entity.other.attribute, keyword.primitive-datatypes.swift, keyword.type.cs, storage.type.function.python, storage.type.class.python, storage.type.primitive.ts, storage.type.primitive.tsx, storage.type.interface.ts, storage.type.type.ts | #55FFBB | italic |
| entity.name.function.accessor, entity.name.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal, meta.method-call.java meta.method, meta.method.groovy, keyword.operator.function.infix, keyword.control.require, meta.function-call.python, support.function.builtin.python, support.function.magic.python, entity.name.function.decorator.python | #39FF14 | — |
| entity.name.function.member, support.function, entity.name.function.method, entity.name.function.method.ts, entity.name.function.method.tsx | #66FFA8 | |
| keyword.operator | #00FF41 | |
| support.type.vendored.property-name, variable.other.less, source.coffee.embedded, variable.other.constant.property, keyword.constant.numeric, variable.other.constant.property.js, variable.other.constant.property.jsx, variable.other.constant.property.ts, variable.other.constant.property.tsx | #FF79C6 | |
| support.type.property-name, variable.other.property, support.type.property-name.svelte, support.type.property-name.postcss, variable.other.property.js, variable.other.property.jsx, variable.other.property.ts, variable.other.property.tsx | #7AD0FF | |
| string, meta.embedded.assembly, string.tag, string.value | #FFB86C | — |
| meta.implementation storage.type.objc, meta.interface-or-protocol storage.type.objc, source.groovy storage.type.def, storage.type.accessor, storage.type.class.jsdoc, storage.type.property, storage | #55FFBB | italic |
| storage.modifier, storage.type.modifier, entity.name.operator, keyword.control.module.reference, keyword.operator.alignas, keyword.operator.alignof, keyword.operator.cast, keyword.operator.delete, keyword.operator.expression, keyword.operator.in, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.noexcept, keyword.operator.of, keyword.operator.sizeof, keyword.operator.typeid, keyword.operator.typeof, keyword.operator.void, keyword.operator.readonly, keyword.operator.wordlike, keyword.other.operator, source.cpp keyword.operator.new, storage.type.extends, storage.control, keyword.storage, keyword.constant.storage, punctuation.flowtype, meta.object.flowtype, keyword.operator.new, keyword.control.new, storage, keyword.operator.member, keyword.control.directive, keyword.control, punctuation.definition.keyword, keyword.other.important, keyword.other.new, keyword.other, entity.name.type.keyword, entity.name.type.namespace, keyword.other.using, keyword.other.namespace, keyword.control.conditional.python, keyword.control.flow.python, keyword.control.repeat.python, keyword.control.exception.python, keyword.control.svelte, keyword.control.if.svelte, keyword.control.each.svelte, keyword.control.await.svelte, keyword.control.key.svelte, keyword.operator.expression.in.python, keyword.operator.expression.is.python, keyword.operator.expression.not.python | #55FFBB | italic |
| storage.type, storage.type.js, storage.type.function.arrow.ts, storage.type.function.ts, storage.type.interface.ts, storage.type.type.ts | #4FE0E0 | italic bold |
| variable.other.constant, support.function.magic, variable.other.predefined, constant, constant.variable, constant.language, support.constant, constant.language.boolean.python, constant.language.none.python, constant.language.ellipsis.python | #A78BFA | bold |
| constant.numeric, keyword.operator.plus.exponent, keyword.operator.minus.exponent | #FF79C6 | |
| keyword.expressions-and-types.swift, variable.language, variable.language punctuation.definition.variable.php, variable.other.readwrite.instance.ruby, variable.parameter.function.language.special, variable.language.special.self.python, variable.language.special.cls.python | #4FE0E0 | — |
| punctuation.section.embedded, meta.string-contents.quoted.double punctuation.definition.variable, punctuation.definition.interpolation.begin, punctuation.definition.interpolation.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded.begin, punctuation.section.embedded.coffee, punctuation.section.embedded.end, punctuation.section.embedded.end source.php, punctuation.section.embedded.end source.ruby, punctuation.definition.variable.makefile | #FF79C6 | — |
| keyword.operator.decorator, punctuation.decorator, entity.name.class.decorator, variable.other.readwrite.decorator, punctuation.definition.decorator.python, meta.function.decorator.python | #FFB86C | — |
| constant.other.color, constant.other.symbol, punctuation.definition.block.tag, punctuation.accessor, punctuation.definition.typeparameters, punctuation.separator, support.class.component | #1eff78 | bold italic |
| meta.attribute.href.html, punctuation.definition.tag.jsx, punctuation.definition.tag.tsx | #fff9fa | — |
| support.type.object.console | #2FDE73 | — |
| support.type.object.dom | #4FE0E0 | — |
| variable.interpolation | #E6457B | — |
| meta.definition.variable.name | #FF9EE7 | — |
| meta.object-literal.key, variable.language.this | #C0FFD8 | — |
| JSXAttrs, JSXNested, support.type.property-name.css, support.type.property-name.scss | #15e2e6 | — |
| meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom | #2FDE73 | — |
| comment keyword.codetag.notation, comment.block.documentation keyword, comment.block.documentation storage.type.class | #4FE0E0 | — |
| comment.block.documentation entity.name.type punctuation.definition.bracket, comment.block.documentation entity.name.type | #2FDE73 | italic |
| comment.block.documentation variable | #A8FFC8 | italic |
| punctuation.separator.parameter, punctuation.terminator.statement, meta.array-binding-pattern-variable, keyword.operator.other.powershell, keyword.other.statement-separator.powershell, meta.brace.curly, meta.brace.round, meta.brace.square, punctuation.definition.arguments.begin, punctuation.definition.arguments.end, punctuation.definition.entity.begin, punctuation.definition.entity.end, punctuation.definition.tag, punctuation.definition.type.begin, punctuation.definition.type.end, punctuation.section.scope.begin, punctuation.section.scope.end, storage.type.generic.java, string.template meta.brace, string.template punctuation.accessor, punctuation.definition.tag.svelte, punctuation.section.embedded.begin.svelte, punctuation.section.embedded.end.svelte | #D6F0D6 | — |
| punctuation.definition.entity, string.unquoted.heredoc punctuation.definition.string, punctuation.separator.annotation, punctuation.colon.graphql, punctuation.definition.entity.other.inherited-class, punctuation.function.swift, meta.object-binding-pattern-variable punctuation.destructuring, entity.other.attribute-name.placeholder punctuation, constant.other.symbol.hashkey punctuation.definition.constant.ruby, entity.other.attribute-name.pseudo-class punctuation, punctuation.separator.dictionary.key-value, punctuation.separator.hash, punctuation.separator.inheritance, punctuation.separator.key-value.mapping.yaml, punctuation.separator.namespace, punctuation.separator.pointer-access, punctuation.separator.slice | #55FFBB | — |
| meta.embedded, source.groovy.embedded | #D3D1EB | — |
| entity.name.tag | #00FF41 | — |
| entity.other.attribute-name | #ff3b58 | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.class, entity.other.attribute-name.class.mixin, entity.other.attribute-name.parent-selector, entity.other.attribute-name.attribute, meta.group.double.toml, meta.group.toml, support.other.chomping-indicator.yaml, entity.other.attribute-name.id | #7AD0FF | — |
| support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color | #50B6FF | — |
| support.constant.property-value | #D3D1EB | — |
| punctuation.separator.key-value | #4FE0E0 | — |
| punctuation.definition.constant | #FF9EE7 | — |
| meta.property-list punctuation.separator.key-value | #D3D1EB | — |
| meta.selector | #4FE0E0 | — |
| header | #BA95B3 | — |
| constant.other.object.key string.unquoted, punctuation.quasi.element, keyword.other.definition, variable.language.prototype, variable.other.jsdoc | #F84364 | — |
| punctuation.definition.block.scalar.folded.yaml, punctuation.definition.block.scalar.literal.yaml, punctuation.definition.block.sequence.item.yaml | #AB80FF | — |
| meta.preprocessor, entity.name.function.preprocessor | #E6E667 | — |
| meta.preprocessor.string | #50B6FF | — |
| meta.preprocessor.numeric | #ff76dd | — |
| meta.structure.dictionary.key.python | #D74BBE | — |
| meta.diff.header | #4FE0E0 | — |
| meta.decorator variable.other.readwrite, meta.decorator variable.other.property, meta.decorator variable.other.object | #d3d3d3 | — |
| entity.name.function.target.makefile, entity.name.section.toml, variable.other.key.toml | #D74BBE | — |
| constant.other.date, constant.other.timestamp | #4FE0E0 | — |
| meta.indexer.mapped type.declaration entity.name.type, meta.type.parameters entity.name.type | #D3D1EB | — |
| punctuation.support.type.property-name.begin, punctuation.support.type.property-name.end | #D74BBE | — |
| string.quoted.docstring.multi, string.quoted.docstring.multi.python punctuation.definition.string.begin, string.quoted.docstring.multi.python punctuation.definition.string.end, string.quoted.docstring.multi.python constant.character.escape, string.quoted.docstring.single.python, string.quoted.docstring.single.python punctuation.definition.string.begin, string.quoted.docstring.single.python punctuation.definition.string.end | #66CCBB | — |
| source.shell variable.other | #2FDE73 | — |
| meta.scope.prerequisites.makefile | #50B6FF | — |
| support.function.git-rebase | #FF9EE7 | — |
| constant.sha.git-rebase | #FF9EE7 | — |
| markup.underline | — | underline |
| punctuation.definition.bold.markdown, markup.bold | #f9f9f9e5 | |
| markup.italic | #2FDE73 | italic |
| beginning.punctuation.definition.list.markdown, entity.name.section.markdown, markup.heading.setext, markup.heading, punctuation.definition.heading.markdown, punctuation.definition.list.begin.markdown, text.html.markdown invalid.deprecated, text.html.markdown punctuation.definition.tag | #FFB86C | — |
| markup.heading punctuation.definition.heading | #E6E667 | — |
| markup.error, markup.deleted | #fa5170 | — |
| markup.fenced_code.block.markdown, markup.inline.raw.markdown, markup.inline.raw.string.markdown, markup.inline.raw, markup.inserted, markup.raw.block.markdown, markup.raw, punctuation.definition.markdown, punctuation.definition.raw.markdown | #2FDE73 | — |
| constant.other.reference.link.markdown, string.other.link.description.markdown, string.other.link.title.markdown | #FF9EE7 | — |
| markup.changed, punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown, punctuation.definition.constant.markdown, punctuation.definition.metadata.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, string.other.link.description.title.markdown, text.html.markdown string.quoted | #AB80FF | — |
| beginning.punctuation.definition.quote.markdown, markup.link, markup.quote.markdown, markup.quote, markup.underline.link.image.markdown, markup.underline.link.markdown, meta.attribute.href.html string.quoted.double.html, meta.attribute.href.html string.quoted.single.html, punctuation.definition.link.restructuredtext | #34fde6 | — |
| string.regexp, constant.regexp, keyword.operator.or.regexp | #39FF14 | — |
| constant.character.escape.backslash.regexp, meta.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, support.other.parenthesis.regexp | #4FE0E0 | — |
| constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp, punctuation.definition.group.regexp, punctuation.definition.group.capture.regexp, keyword.control.anchor.regexp | #AB80FF | — |
| keyword.operator.quantifier.regexp | #E6E667 | — |
| keyword.operator.negation.regexp, constant.character.regexp, punctuation.definition.range.regexp | #FF9EE7 | — |
| keyword.control.new, keyword.operator.new | — | bold italic |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| entity.name.tag, entity.name.tag.class.js, entity.name.tag.class.jsx, entity.name.tag.svelte, entity.name.tag.script.svelte, entity.name.tag.style.svelte | #00FF41 | — |
| storage.type.accessor, entity.name.tag.class, entity.name.tag.id, support.class.component.svelte, entity.name.tag.component.svelte | #39FF14 | |
| entity.other.attribute-name, entity.other.attribute-name.svelte, entity.other.attribute-name.event.svelte, entity.other.attribute-name.bind.svelte, entity.other.attribute-name.transition.svelte, entity.other.attribute-name.animation.svelte, entity.other.attribute-name.action.svelte, entity.other.attribute-name.directive.svelte | #7AD0FF | italic |
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#061315
- activityBar.foreground#E5B454
- activityBar.inactiveForeground#849A98
- activityBarBadge.background#2DD4BF
- activityBarBadge.foreground#071B1D
- badge.background#16484F
- badge.foreground#F4F1D9
- button.background#E5B454CC
- button.foreground#160F02
- button.hoverBackground#E5B454
- button.secondaryBackground#103A40
- button.secondaryForeground#F4F1D9
- button.secondaryHoverBackground#16484F
- debugExceptionWidget.background#00212b
- debugExceptionWidget.border#ab395b
- debugToolBar.background#00212b
- dropdown.background#103A40
- dropdown.border#1E4A50
- dropdown.foreground#F4F1D9
- editor.background#071B1D
- editor.findMatchBackground#E5B45466
- editor.findMatchHighlightBackground#E5B45433
- editor.foreground#F4F1D9
- editor.hoverHighlightBackground#0b4654
- editor.lineHighlightBackground#0D282C
- editor.selectionBackground#C9912844
- editor.selectionHighlightBackground#C9912844
- editor.wordHighlightBackground#00000000
- editor.wordHighlightStrongBackground#00000000
- editor.wordHighlightTextBackground#00000000
- editorBracketHighlight.foreground1#E5B454
- editorBracketHighlight.foreground2#E5B454
- editorBracketHighlight.foreground3#2DD4BF
- editorBracketHighlight.foreground4#2DD4BF
- editorBracketHighlight.foreground5#7CE667
- editorBracketHighlight.foreground6#EF5F6B
- editorBracketHighlight.unexpectedBracket.foreground#EF5F6B
- editorBracketMatch.background#80cbc423
- editorBracketMatch.border#00000000
- editorCursor.foreground#2DD4BF
- editorError.foreground#EF5F6B
- editorGroup.border#1E4A50
- editorGroup.dropBackground#2aa19844
- editorGroupHeader.tabsBackground#0B3035
- editorGroupHeader.tabsBorder#1E4A50
- editorHoverWidget.background#0B3035
- editorHoverWidget.border#1E4A50
- editorIndentGuide.activeBackground1#E5B454
- editorIndentGuide.background1#1E4A50
- editorInfo.foreground#2DD4BF
- editorLineNumber.activeForeground#E5B454
- editorLineNumber.foreground#849A98
- editorMarkerNavigationError.background#ab395b
- editorMarkerNavigationWarning.background#5b7e7a
- editorRuler.foreground#1E4A50
- editorSuggestWidget.background#0B3035
- editorSuggestWidget.border#1E4A50
- editorSuggestWidget.foreground#F4F1D9
- editorSuggestWidget.selectedBackground#16484F
- editorWarning.foreground#E5B454
- editorWhitespace.foreground#1E4A50AA
- editorWidget.background#0B3035
- editorWidget.border#1E4A50
- editorWidget.resizeBorder#80cbc4
- errorForeground#ffeaea
- focusBorder#E5B454
- foreground#F4F1D9
- gitDecoration.addedResourceForeground#7CE667
- gitDecoration.conflictingResourceForeground#E5B454
- gitDecoration.deletedResourceForeground#2DD4BF
- gitDecoration.ignoredResourceForeground#406080
- gitDecoration.modifiedResourceForeground#E5B454
- gitDecoration.stageDeletedResourceForeground#f22468bf
- gitDecoration.stageModifiedResourceForeground#aa99ffbf
- gitDecoration.submoduleResourceForeground#ffdf40
- gitDecoration.untrackedResourceForeground#2DD4BF
- input.background#103A40
- input.border#1E4A50
- input.foreground#F4F1D9
- input.placeholderForeground#93a1a1aa
- inputOption.activeBorder#2aa19899
- inputValidation.errorBackground#571b26
- inputValidation.errorBorder#a92049
- inputValidation.infoBackground#052730
- inputValidation.infoBorder#363b5f
- inputValidation.warningBackground#5d5938
- inputValidation.warningBorder#9d8a5e
- list.activeSelectionBackground#3A3823
- list.activeSelectionForeground#F4F1D9
- list.dropBackground#00445488
- list.focusBackground#3A3823
- list.focusForeground#F4F1D9
- list.highlightForeground#E5B454
- list.hoverBackground#103A40
- list.inactiveSelectionBackground#103A40
- list.inactiveSelectionForeground#F4F1D9
- menu.background#0B3035
- menu.foreground#F4F1D9
- menu.selectionBackground#16484F
- menu.selectionForeground#F4F1D9
- minimap.selectionHighlight#274642
- panel.background#0B3035
- panel.border#1E4A50
- panelTitle.activeBorder#80cbc4
- panelTitle.activeForeground#E5B454
- panelTitle.inactiveForeground#849A98
- peekView.border#E5B454
- peekViewEditor.background#082327
- peekViewEditor.matchHighlightBackground#004052
- peekViewResult.background#0B3035
- peekViewTitle.background#00212b
- pickerGroup.border#2aa19899
- pickerGroup.foreground#2aa19899
- progressBar.background#047aa6
- scrollbar.shadow#002b36
- scrollbarSlider.activeBackground#E5B45488
- scrollbarSlider.background#1E4A5080
- scrollbarSlider.hoverBackground#E5B45455
- selection.background#2aa19899
- sideBar.background#08272B
- sideBar.border#1E4A50
- sideBar.foreground#F4F1D9
- sideBarSectionHeader.background#103A40
- sideBarSectionHeader.foreground#E5B454
- sideBarTitle.foreground#F4F1D9
- statusBar.background#C99128
- statusBar.debuggingBackground#2DD4BF
- statusBar.debuggingForeground#071B1D
- statusBar.foreground#160F02
- statusBar.noFolderBackground#0B3035
- statusBar.noFolderForeground#F4F1D9
- statusBarItem.hoverBackground#16484F
- statusBarItem.hoverForeground#F4F1D9
- statusBarItem.prominentBackground#004052
- statusBarItem.prominentForeground#F4F1D9
- statusBarItem.prominentHoverBackground#004052
- statusBarItem.remoteBackground#2aa19899
- statusBarItem.remoteForeground#071B1D
- tab.activeBackground#071B1D
- tab.activeBorder#80cbc4
- tab.activeBorderTop#E5B454
- tab.activeForeground#F4F1D9
- tab.border#1E4A50
- tab.hoverBackground#103A40
- tab.inactiveBackground#0B3035
- tab.inactiveForeground#849A98
- terminal.ansiBlack#14151A
- terminal.ansiBlue#E5B454
- terminal.ansiBrightBlack#5C6673
- terminal.ansiBrightBlue#E5B454
- terminal.ansiBrightCyan#2DD4BF
- terminal.ansiBrightGreen#49F249
- terminal.ansiBrightMagenta#2DD4BF
- terminal.ansiBrightRed#F22468
- terminal.ansiBrightWhite#F0F1F2
- terminal.ansiBrightYellow#E5B454
- terminal.ansiCyan#2DD4BF
- terminal.ansiGreen#49F249
- terminal.ansiMagenta#2DD4BF
- terminal.ansiRed#F22468
- terminal.ansiWhite#D7DAE0
- terminal.ansiYellow#E5B454
- terminal.background#05222a
- terminal.border#0a4e61
- terminalCursor.foreground#2DD4BF
- titleBar.activeBackground#082126
- titleBar.activeForeground#F4F1D9
- titleBar.inactiveBackground#061315
- titleBar.inactiveForeground#849A98
- tree.indentGuidesStroke#ffffff33
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment markup.link, comment, punctuation.definition.comment, unused.comment, wildcard.comment, comment.line.number-sign.python, punctuation.definition.comment.python | #8D8D8D | italic |
| text, source | #ffffff | — |
| emphasis | — | italic |
| strong | — | bold |
| invalid | #E6457B | italic |
| invalid.deprecated | #99611F | underline italic |
| invalid.illegal | #E6457B | underline italic |
| variable.language.self, entity.type.enum, variable.other.object.property, entity.name.type.enum | #FF9243 | — |
| entity.name.type | #2FDE73 | bold |
| keyword.operator.accessor, entity.name.tag.class.jsx, JSXNested | #50BCFF | italic |
| keyword.other.unit | #fe395d | — |
| keyword.other.special-method, entity.name.other.preprocessor.macro, variable.other.event | #E6E667 | — |
| constant.character | #4FE0E0 | — |
| constant.character.escape | #FB48C4 | — |
| entity.name.label, entity.name.namespace | #d3d3d3 | — |
| keyword.control.export.js, keyword.control.import.js, keyword.control.export.jsx, keyword.control.import.jsx, keyword.control.export.ts, keyword.control.import.ts, keyword.control.export.tsx, keyword.control.import.tsx, keyword.control.from.python, keyword.control.import.python | #72f1b8 | — |
| variable, entity.name.variable, variable.other.readwrite.js, variable.other.readwrite.jsx, variable.other.readwrite.ts, variable.other.readwrite.tsx, variable.other.readwrite.python | #BCA5F7 | italic |
| variable.parameter, variable.parameter.function.js, variable.parameter.function.jsx, variable.parameter.function.ts, variable.parameter.function.tsx, variable.parameter.function.python, variable.parameter.function.language.python, meta.function.parameters.python variable.parameter | #ff8ae0 | italic |
| entity.name.type.type-parameter | #00D2B3 | |
| variable.other.object, string.quoted.template variable.other.readwrite, variable.language.arguments | #FFFFFF | italic |
| support.type, support.type.builtin.python, support.type.python, support.type.primitive.ts, support.type.primitive.tsx | #00c3ff | italic |
| entity.name.section, entity.name.type.module, support.type.primitive, variable.other.enummember | #FF4CD2 | |
| keyword.control.default, keyword.control.export, keyword.control.from, keyword.control.import, keyword.control.module, support.type.object.module | #FF9EE7 | — |
| meta.protocol-list.objc, meta.return-type.objc, meta.return-type, source.go storage.type, source.groovy storage.type, source.java storage.type, source.powershell entity.other.attribute-name | #38B3FF | — |
| entity.name.type.class, support.class, variable.other.class, entity.name.class | #739FFF | — |
| storage.class.std.rust, storage.type.annotation.groovy, storage.type.annotation.java, storage.type.attribute.swift, storage.type.boolean.go, storage.type.byte.go, storage.type.c, storage.type.core.rust, storage.type.cs, storage.type.cs, storage.type.error.go, storage.type.generic.cs, storage.type.generic.groovy, storage.type.generic.java, storage.type.groovy, storage.type.groovy, storage.type.haskell, storage.type.java, storage.type.modifier.cs, storage.type.numeric.go, storage.type.objc, storage.type.object.array.groovy, storage.type.object.array.java, storage.type.ocaml, storage.type.parameters.groovy, storage.type.php, storage.type.primitive.array.groovy, storage.type.primitive.array.java, storage.type.primitive.groovy, storage.type.primitive.java, storage.type.rune.go, storage.type.string.go, storage.type.struct, storage.type.token.java, storage.type.uintptr.go, storage.type.variable.cs, variable.css, variable.scss, entity.other.inherited-class, entity.name.scope-resolution, entity.other.attribute, keyword.primitive-datatypes.swift, keyword.type.cs, storage.type.function.python, storage.type.class.python, storage.type.primitive.ts, storage.type.primitive.tsx, storage.type.interface.ts, storage.type.type.ts | #00F0FF | italic |
| entity.name.function.accessor, entity.name.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal, meta.method-call.java meta.method, meta.method.groovy, keyword.operator.function.infix, keyword.control.require, meta.function-call.python, support.function.builtin.python, support.function.magic.python, entity.name.function.decorator.python | #07FB3C | — |
| entity.name.function.member, support.function, entity.name.function.method, entity.name.function.method.ts, entity.name.function.method.tsx | #07fb69 | |
| keyword.operator | #f75f73 | |
| support.type.vendored.property-name, variable.other.less, source.coffee.embedded, variable.other.constant.property, keyword.constant.numeric, variable.other.constant.property.js, variable.other.constant.property.jsx, variable.other.constant.property.ts, variable.other.constant.property.tsx | #FB48C4 | |
| support.type.property-name, variable.other.property, support.type.property-name.svelte, support.type.property-name.postcss, variable.other.property.js, variable.other.property.jsx, variable.other.property.ts, variable.other.property.tsx | #00b4fc | |
| string, meta.embedded.assembly, string.tag, string.value | #ECEC0E | — |
| meta.implementation storage.type.objc, meta.interface-or-protocol storage.type.objc, source.groovy storage.type.def, storage.type.accessor, storage.type.class.jsdoc, storage.type.property, storage | #35F6F6 | italic |
| storage.modifier, storage.type.modifier, entity.name.operator, keyword.control.module.reference, keyword.operator.alignas, keyword.operator.alignof, keyword.operator.cast, keyword.operator.delete, keyword.operator.expression, keyword.operator.in, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.noexcept, keyword.operator.of, keyword.operator.sizeof, keyword.operator.typeid, keyword.operator.typeof, keyword.operator.void, keyword.operator.readonly, keyword.operator.wordlike, keyword.other.operator, source.cpp keyword.operator.new, storage.type.extends, storage.control, keyword.storage, keyword.constant.storage, punctuation.flowtype, meta.object.flowtype, keyword.operator.new, keyword.control.new, storage, keyword.operator.member, keyword.control.directive, keyword.control, punctuation.definition.keyword, keyword.other.important, keyword.other.new, keyword.other, entity.name.type.keyword, entity.name.type.namespace, keyword.other.using, keyword.other.namespace, keyword.control.conditional.python, keyword.control.flow.python, keyword.control.repeat.python, keyword.control.exception.python, keyword.control.svelte, keyword.control.if.svelte, keyword.control.each.svelte, keyword.control.await.svelte, keyword.control.key.svelte, keyword.operator.expression.in.python, keyword.operator.expression.is.python, keyword.operator.expression.not.python | #FE2149 | italic |
| storage.type, storage.type.js, storage.type.function.arrow.ts, storage.type.function.ts, storage.type.interface.ts, storage.type.type.ts | #4FE0E0 | italic bold |
| variable.other.constant, support.function.magic, variable.other.predefined, constant, constant.variable, constant.language, support.constant, constant.language.boolean.python, constant.language.none.python, constant.language.ellipsis.python | #9D59F8 | bold |
| constant.numeric, keyword.operator.plus.exponent, keyword.operator.minus.exponent | #ff02ee | |
| keyword.expressions-and-types.swift, variable.language, variable.language punctuation.definition.variable.php, variable.other.readwrite.instance.ruby, variable.parameter.function.language.special, variable.language.special.self.python, variable.language.special.cls.python | #4FE0E0 | — |
| punctuation.section.embedded, meta.string-contents.quoted.double punctuation.definition.variable, punctuation.definition.interpolation.begin, punctuation.definition.interpolation.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded.begin, punctuation.section.embedded.coffee, punctuation.section.embedded.end, punctuation.section.embedded.end source.php, punctuation.section.embedded.end source.ruby, punctuation.definition.variable.makefile | #FF9EE7 | — |
| keyword.operator.decorator, punctuation.decorator, entity.name.class.decorator, variable.other.readwrite.decorator, punctuation.definition.decorator.python, meta.function.decorator.python | #E6E667 | — |
| constant.other.color, constant.other.symbol, punctuation.definition.block.tag, punctuation.accessor, punctuation.definition.typeparameters, punctuation.separator, support.class.component | #1eff78 | bold italic |
| meta.attribute.href.html, punctuation.definition.tag.jsx, punctuation.definition.tag.tsx | #fff9fa | — |
| support.type.object.console | #2FDE73 | — |
| support.type.object.dom | #4FE0E0 | — |
| variable.interpolation | #E6457B | — |
| meta.definition.variable.name | #FF9EE7 | — |
| meta.object-literal.key, variable.language.this | #FFBEFE | — |
| JSXAttrs, JSXNested, support.type.property-name.css, support.type.property-name.scss | #15e2e6 | — |
| meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom | #2FDE73 | — |
| comment keyword.codetag.notation, comment.block.documentation keyword, comment.block.documentation storage.type.class | #4FE0E0 | — |
| comment.block.documentation entity.name.type punctuation.definition.bracket, comment.block.documentation entity.name.type | #2FDE73 | italic |
| comment.block.documentation variable | #D3D1EB | italic |
| punctuation.separator.parameter, punctuation.terminator.statement, meta.array-binding-pattern-variable, keyword.operator.other.powershell, keyword.other.statement-separator.powershell, meta.brace.curly, meta.brace.round, meta.brace.square, punctuation.definition.arguments.begin, punctuation.definition.arguments.end, punctuation.definition.entity.begin, punctuation.definition.entity.end, punctuation.definition.tag, punctuation.definition.type.begin, punctuation.definition.type.end, punctuation.section.scope.begin, punctuation.section.scope.end, storage.type.generic.java, string.template meta.brace, string.template punctuation.accessor, punctuation.definition.tag.svelte, punctuation.section.embedded.begin.svelte, punctuation.section.embedded.end.svelte | #D3D1EB | — |
| punctuation.definition.entity, string.unquoted.heredoc punctuation.definition.string, punctuation.separator.annotation, punctuation.colon.graphql, punctuation.definition.entity.other.inherited-class, punctuation.function.swift, meta.object-binding-pattern-variable punctuation.destructuring, entity.other.attribute-name.placeholder punctuation, constant.other.symbol.hashkey punctuation.definition.constant.ruby, entity.other.attribute-name.pseudo-class punctuation, punctuation.separator.dictionary.key-value, punctuation.separator.hash, punctuation.separator.inheritance, punctuation.separator.key-value.mapping.yaml, punctuation.separator.namespace, punctuation.separator.pointer-access, punctuation.separator.slice | #4FE0E0 | — |
| meta.embedded, source.groovy.embedded | #D3D1EB | — |
| entity.name.tag | #5A6BC8 | — |
| entity.other.attribute-name | #ff3b58 | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.class, entity.other.attribute-name.class.mixin, entity.other.attribute-name.parent-selector, entity.other.attribute-name.attribute, meta.group.double.toml, meta.group.toml, support.other.chomping-indicator.yaml, entity.other.attribute-name.id | #739FFF | — |
| support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color | #50B6FF | — |
| support.constant.property-value | #D3D1EB | — |
| punctuation.separator.key-value | #4FE0E0 | — |
| punctuation.definition.constant | #FF9EE7 | — |
| meta.property-list punctuation.separator.key-value | #D3D1EB | — |
| meta.selector | #4FE0E0 | — |
| header | #BA95B3 | — |
| constant.other.object.key string.unquoted, punctuation.quasi.element, keyword.other.definition, variable.language.prototype, variable.other.jsdoc | #F84364 | — |
| punctuation.definition.block.scalar.folded.yaml, punctuation.definition.block.scalar.literal.yaml, punctuation.definition.block.sequence.item.yaml | #AB80FF | — |
| meta.preprocessor, entity.name.function.preprocessor | #E6E667 | — |
| meta.preprocessor.string | #50B6FF | — |
| meta.preprocessor.numeric | #ff76dd | — |
| meta.structure.dictionary.key.python | #D74BBE | — |
| meta.diff.header | #4FE0E0 | — |
| meta.decorator variable.other.readwrite, meta.decorator variable.other.property, meta.decorator variable.other.object | #d3d3d3 | — |
| entity.name.function.target.makefile, entity.name.section.toml, variable.other.key.toml | #D74BBE | — |
| constant.other.date, constant.other.timestamp | #4FE0E0 | — |
| meta.indexer.mapped type.declaration entity.name.type, meta.type.parameters entity.name.type | #D3D1EB | — |
| punctuation.support.type.property-name.begin, punctuation.support.type.property-name.end | #D74BBE | — |
| string.quoted.docstring.multi, string.quoted.docstring.multi.python punctuation.definition.string.begin, string.quoted.docstring.multi.python punctuation.definition.string.end, string.quoted.docstring.multi.python constant.character.escape, string.quoted.docstring.single.python, string.quoted.docstring.single.python punctuation.definition.string.begin, string.quoted.docstring.single.python punctuation.definition.string.end | #50B6FF | — |
| source.shell variable.other | #2FDE73 | — |
| meta.scope.prerequisites.makefile | #50B6FF | — |
| support.function.git-rebase | #FF9EE7 | — |
| constant.sha.git-rebase | #FF9EE7 | — |
| markup.underline | — | underline |
| punctuation.definition.bold.markdown, markup.bold | #f9f9f9e5 | |
| markup.italic | #2FDE73 | italic |
| beginning.punctuation.definition.list.markdown, entity.name.section.markdown, markup.heading.setext, markup.heading, punctuation.definition.heading.markdown, punctuation.definition.list.begin.markdown, text.html.markdown invalid.deprecated, text.html.markdown punctuation.definition.tag | #D74BBE | — |
| markup.heading punctuation.definition.heading | #E6E667 | — |
| markup.error, markup.deleted | #fa5170 | — |
| markup.fenced_code.block.markdown, markup.inline.raw.markdown, markup.inline.raw.string.markdown, markup.inline.raw, markup.inserted, markup.raw.block.markdown, markup.raw, punctuation.definition.markdown, punctuation.definition.raw.markdown | #2FDE73 | — |
| constant.other.reference.link.markdown, string.other.link.description.markdown, string.other.link.title.markdown | #FF9EE7 | — |
| markup.changed, punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown, punctuation.definition.constant.markdown, punctuation.definition.metadata.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, string.other.link.description.title.markdown, text.html.markdown string.quoted | #AB80FF | — |
| beginning.punctuation.definition.quote.markdown, markup.link, markup.quote.markdown, markup.quote, markup.underline.link.image.markdown, markup.underline.link.markdown, meta.attribute.href.html string.quoted.double.html, meta.attribute.href.html string.quoted.single.html, punctuation.definition.link.restructuredtext | #34fde6 | — |
| string.regexp, constant.regexp, keyword.operator.or.regexp | #2FDE73 | — |
| constant.character.escape.backslash.regexp, meta.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, support.other.parenthesis.regexp | #4FE0E0 | — |
| constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp, punctuation.definition.group.regexp, punctuation.definition.group.capture.regexp, keyword.control.anchor.regexp | #AB80FF | — |
| keyword.operator.quantifier.regexp | #E6E667 | — |
| keyword.operator.negation.regexp, constant.character.regexp, punctuation.definition.range.regexp | #FF9EE7 | — |
| keyword.control.new, keyword.operator.new | — | bold italic |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| entity.name.tag, entity.name.tag.class.js, entity.name.tag.class.jsx, entity.name.tag.svelte, entity.name.tag.script.svelte, entity.name.tag.style.svelte | #FE2149 | — |
| storage.type.accessor, entity.name.tag.class, entity.name.tag.id, support.class.component.svelte, entity.name.tag.component.svelte | #4afe83 | — |
| entity.other.attribute-name, entity.other.attribute-name.svelte, entity.other.attribute-name.event.svelte, entity.other.attribute-name.bind.svelte, entity.other.attribute-name.transition.svelte, entity.other.attribute-name.animation.svelte, entity.other.attribute-name.action.svelte, entity.other.attribute-name.directive.svelte | #29caff | italic |
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#041115
- activityBar.border#001418
- activityBar.foreground#7EE787
- activityBar.inactiveForeground#7F9697
- activityBarBadge.background#FFB454
- activityBarBadge.foreground#06191E
- badge.background#174653
- badge.foreground#F1F7E8
- breadcrumb.background#001a20
- breadcrumb.foreground#F1F7E8
- breadcrumbPicker.background#001a20
- button.background#7EE78799
- button.foreground#021513
- button.hoverBackground#7EE787
- button.secondaryBackground#103842
- button.secondaryForeground#F1F7E8
- button.secondaryHoverBackground#174653
- charts.blue#399fe8
- charts.foreground#cedbdb
- charts.green#94a522
- charts.lines#cedbdb
- charts.orange#d8822c
- charts.purple#ce81c8
- charts.red#eb4937
- charts.yellow#dfbe5a
- checkbox.foreground#cedbdb
- commandCenter.activeBackground#022f3a60
- commandCenter.activeForeground#F1F7E8
- commandCenter.background#001a20
- commandCenter.border#001418
- commandCenter.foreground#F1F7E8
- contrastActiveBorder#00000000
- contrastBorder#001418
- debugExceptionWidget.background#022f3a
- debugExceptionWidget.border#001418
- debugToolBar.background#022f3a
- descriptionForeground#cedbdb
- diffEditor.border#001418
- diffEditor.diagonalFill#00141880
- diffEditor.insertedTextBackground#94a52220
- diffEditor.removedTextBackground#eb493725
- diffEditorGutter.insertedLineBackground#00000000
- diffEditorGutter.removedLineBackground#00000000
- dropdown.background#103842
- dropdown.border#1E4852
- dropdown.foreground#F1F7E8
- dropdown.listBackground#001a20
- editor.background#06191E
- editor.findMatchBackground#FFB45466
- editor.findMatchBorder#47cfc460
- editor.findMatchHighlightBackground#FFB45433
- editor.findMatchHighlightBorder#47cfc440
- editor.foreground#F1F7E8
- editor.hoverHighlightBackground#47cfc440
- editor.inactiveSelectionBackground#47cfc420
- editor.lineHighlightBackground#0D272E
- editor.lineHighlightBorder#47cfc41a
- editor.rangeHighlightBackground#47cfc420
- editor.selectionBackground#26B7A044
- editor.selectionForeground#47cfc4
- editor.selectionHighlightBackground#26B7A044
- editor.selectionHighlightBorder#47cfc460
- editor.wordHighlightBackground#00000000
- editor.wordHighlightStrongBackground#00000000
- editor.wordHighlightTextBackground#00000000
- editorBracketHighlight.foreground1#7EE787
- editorBracketHighlight.foreground2#FFB454
- editorBracketHighlight.foreground3#FFB454
- editorBracketHighlight.foreground4#7DD3FC
- editorBracketHighlight.foreground5#7CE667
- editorBracketHighlight.foreground6#FF6B7A
- editorBracketHighlight.unexpectedBracket.foreground#FF6B7A
- editorBracketMatch.background#47cfc420
- editorBracketMatch.border#47cfc440
- editorCodeLens.foreground#B8C6C680
- editorCursor.background#47cfc4
- editorCursor.foreground#FFB454
- editorError.border#00000000
- editorError.foreground#FF6B7A
- editorGhostText.background#94a52210
- editorGhostText.border#00000000
- editorGhostText.foreground#94a52270
- editorGroup.border#1E4852
- editorGroup.dropBackground#47cfc415
- editorGroupHeader.border#bb272700
- editorGroupHeader.noTabsBackground#001a20
- editorGroupHeader.tabsBackground#0B2D35
- editorGroupHeader.tabsBorder#1E4852
- editorGutter.addedBackground#94a522cc
- editorGutter.background#001a20
- editorGutter.commentRangeForeground#022f3a
- editorGutter.deletedBackground#eb4937cc
- editorGutter.modifiedBackground#399fe8cc
- editorHoverWidget.background#0B2D35
- editorHoverWidget.border#1E4852
- editorIndentGuide.activeBackground1#7EE787
- editorIndentGuide.background1#1E4852
- editorInfo.foreground#7DD3FC
- editorInlayHint.background#B8C6C620
- editorInlayHint.foreground#F1F7E8
- editorInlayHint.typeBackground#767cde30
- editorInlayHint.typeForeground#F1F7E8
- editorLineNumber.activeForeground#7EE787
- editorLineNumber.foreground#7F9697
- editorLink.activeForeground#cedbdb
- editorMarkerNavigation.background#002229
- editorMarkerNavigationError.background#eb493790
- editorMarkerNavigationInfo.background#399fe890
- editorMarkerNavigationWarning.background#dfbe5a90
- editorOverviewRuler.border#001418
- editorOverviewRuler.commonContentForeground#dfbe5a
- editorOverviewRuler.currentContentForeground#eb4937
- editorOverviewRuler.incomingContentForeground#94a522
- editorRuler.foreground#1E4852
- editorSuggestWidget.background#0B2D35
- editorSuggestWidget.border#1E4852
- editorSuggestWidget.foreground#F1F7E8
- editorSuggestWidget.highlightForeground#dfbe5a
- editorSuggestWidget.selectedBackground#174653
- editorWarning.foreground#FFB454
- editorWhitespace.foreground#1E4852AA
- editorWidget.background#0B2D35
- editorWidget.border#1E4852
- editorWidget.resizeBorder#47cfc450
- errorForeground#eb4937
- errorLens.errorForeground#eb493799
- errorLens.hintForeground#399fe899
- errorLens.infoForeground#399fe899
- errorLens.warningForeground#dfbe5a99
- extensionButton.prominentBackground#47cfc49d
- extensionButton.prominentForeground#06191E
- extensionButton.prominentHoverBackground#47cfc4
- focusBorder#7EE787
- foreground#F1F7E8
- gitDecoration.addedResourceForeground#7CE667
- gitDecoration.conflictingResourceForeground#FFB454
- gitDecoration.deletedResourceForeground#FFB454
- gitDecoration.ignoredResourceForeground#406080
- gitDecoration.modifiedResourceForeground#7EE787
- gitDecoration.stageDeletedResourceForeground#f22468bf
- gitDecoration.stageModifiedResourceForeground#aa99ffbf
- gitDecoration.submoduleResourceForeground#ffdf40
- gitDecoration.untrackedResourceForeground#7DD3FC
- icon.foreground#B8C6C6AA
- input.background#103842
- input.border#1E4852
- input.foreground#F1F7E8
- input.placeholderForeground#cedbdb60
- inputOption.activeBorder#47cfc4
- inputValidation.errorBackground#022f3a
- inputValidation.errorBorder#dfbe5a
- inputValidation.infoBackground#022f3a
- inputValidation.infoBorder#47cfc4
- inputValidation.warningBackground#022f3a
- inputValidation.warningBorder#dfbe5a
- list.activeSelectionBackground#284B3F
- list.activeSelectionForeground#F1F7E8
- list.dropBackground#47cfc415
- list.errorForeground#eb4937
- list.focusBackground#284B3F
- list.focusForeground#B8C6C6
- list.highlightForeground#7EE787
- list.hoverBackground#103842
- list.hoverForeground#cedbdb
- list.inactiveSelectionBackground#103842
- list.inactiveSelectionForeground#F1F7E8
- list.warningForeground#dfbe5a
- menu.background#0B2D35
- menu.border#001418
- menu.foreground#F1F7E8
- menu.selectionBackground#174653
- menu.selectionForeground#F1F7E8
- menu.separatorBackground#001418
- menubar.selectionBackground#022f3a
- menubar.selectionForeground#B8C6C6
- merge.border#001418
- merge.commonContentBackground#dfbe5a30
- merge.commonHeaderBackground#dfbe5a80
- merge.currentContentBackground#94a52230
- merge.currentHeaderBackground#94a52280
- merge.incomingContentBackground#399fe830
- merge.incomingHeaderBackground#399fe880
- notificationCenterHeader.background#022f3a
- notificationCenterHeader.foreground#cedbdb
- notificationLink.foreground#dfbe5a
- notifications.background#022f3a
- notifications.border#001418
- notifications.foreground#B8C6C6
- notificationsErrorIcon.foreground#eb4937
- notificationsInfoIcon.foreground#399fe8
- notificationsWarningIcon.foreground#d8822c
- panel.background#0B2D35
- panel.border#1E4852
- panelInput.border#547783
- panelSection.border#001418
- panelSectionHeader.background#54778320
- panelSectionHeader.border#001418
- panelSectionHeader.foreground#cedbdb
- panelTitle.activeBorder#47cfc4
- panelTitle.activeForeground#7EE787
- panelTitle.inactiveForeground#7F9697
- peekView.border#7EE787
- peekViewEditor.background#082127
- peekViewEditor.matchHighlightBackground#022f3a40
- peekViewEditorGutter.background#022f3a40
- peekViewResult.background#0B2D35
- peekViewResult.fileForeground#cedbdb
- peekViewResult.lineForeground#cedbdb
- peekViewResult.matchHighlightBackground#022f3a
- peekViewResult.selectionBackground#022f3a
- peekViewResult.selectionForeground#cedbdb
- peekViewTitle.background#001418
- peekViewTitleDescription.foreground#cedbdb
- peekViewTitleLabel.foreground#cedbdb
- pickerGroup.border#001418
- pickerGroup.foreground#cedbdb
- progressBar.background#dfbe5a
- sash.hoverBorder#47cfc450
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#7EE78788
- scrollbarSlider.background#1E485280
- scrollbarSlider.hoverBackground#7EE78755
- selection.background#47cfc460
- settings.headerForeground#47cfc4
- settings.modifiedItemIndicator#47cfc4
- sideBar.background#08242B
- sideBar.border#1E4852
- sideBar.foreground#F1F7E8
- sideBarSectionHeader.background#103842
- sideBarSectionHeader.border#001418
- sideBarSectionHeader.foreground#7EE787
- sideBarTitle.foreground#F1F7E8
- statusBar.background#26B7A0
- statusBar.border#001418
- statusBar.debuggingBackground#FFB454
- statusBar.debuggingForeground#06191E
- statusBar.foreground#021513
- statusBar.noFolderBackground#0B2D35
- statusBar.noFolderBorder#47cfc4
- statusBar.noFolderForeground#cedbdb
- statusBarItem.activeBackground#022f3a
- statusBarItem.errorBackground#eb4937
- statusBarItem.errorForeground#06191E
- statusBarItem.hoverBackground#174653
- statusBarItem.hoverForeground#F1F7E8
- statusBarItem.prominentBackground#001418
- statusBarItem.prominentForeground#F1F7E8
- statusBarItem.prominentHoverBackground#022f3a
- tab.activeBackground#06191E
- tab.activeBorder#001a20
- tab.activeBorderTop#7EE787
- tab.activeForeground#F1F7E8
- tab.border#1E4852
- tab.hoverBackground#103842
- tab.hoverBorder#00000000
- tab.inactiveBackground#0B2D35
- tab.inactiveForeground#7F9697
- tab.lastPinnedBorder#001418
- tab.unfocusedActiveForeground#cedbdb
- tab.unfocusedHoverBackground#47cfc410
- tab.unfocusedHoverBorder#00000000
- tab.unfocusedInactiveForeground#cedbdb
- terminal.ansiBlack#14151A
- terminal.ansiBlue#7EE787
- terminal.ansiBrightBlack#5C6673
- terminal.ansiBrightBlue#7EE787
- terminal.ansiBrightCyan#7DD3FC
- terminal.ansiBrightGreen#49F249
- terminal.ansiBrightMagenta#FFB454
- terminal.ansiBrightRed#F22468
- terminal.ansiBrightWhite#F0F1F2
- terminal.ansiBrightYellow#FFB454
- terminal.ansiCyan#7DD3FC
- terminal.ansiGreen#49F249
- terminal.ansiMagenta#FFB454
- terminal.ansiRed#F22468
- terminal.ansiWhite#D7DAE0
- terminal.ansiYellow#FFB454
- terminal.background#05222a
- terminal.border#0a4e61
- terminal.foreground#cedbdb
- terminal.selectionForeground#cedbdb
- terminalCursor.background#dfbe5a
- terminalCursor.foreground#FFB454
- textBlockQuote.background#399fe834
- textBlockQuote.border#399fe8b9
- textCodeBlock.background#399fe834
- textLink.activeForeground#399fe8
- textLink.foreground#399fe8
- textPreformat.foreground#dfbe5a
- textSeparator.foreground#47cfc4
- titleBar.activeBackground#071F25
- titleBar.activeForeground#F1F7E8
- titleBar.border#001418
- titleBar.inactiveBackground#041115
- titleBar.inactiveForeground#7F9697
- toolbar.hoverBackground#54778360
- tree.indentGuidesStroke#54778370
- walkThrough.embeddedEditorBackground#001a20
- widget.shadow#00141830
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment markup.link, comment, punctuation.definition.comment, unused.comment, wildcard.comment, comment.line.number-sign.python, punctuation.definition.comment.python | #8D8D8D | italic |
| text, source | #ffffff | — |
| emphasis | — | italic |
| strong | — | bold |
| invalid | #E6457B | italic |
| invalid.deprecated | #99611F | underline italic |
| invalid.illegal | #E6457B | underline italic |
| variable.language.self, entity.type.enum, variable.other.object.property, entity.name.type.enum | #FF9243 | — |
| entity.name.type | #2FDE73 | bold |
| keyword.operator.accessor, entity.name.tag.class.jsx, JSXNested | #50BCFF | italic |
| keyword.other.unit | #fe395d | — |
| keyword.other.special-method, entity.name.other.preprocessor.macro, variable.other.event | #E6E667 | — |
| constant.character | #4FE0E0 | — |
| constant.character.escape | #FB48C4 | — |
| entity.name.label, entity.name.namespace | #d3d3d3 | — |
| keyword.control.export.js, keyword.control.import.js, keyword.control.export.jsx, keyword.control.import.jsx, keyword.control.export.ts, keyword.control.import.ts, keyword.control.export.tsx, keyword.control.import.tsx, keyword.control.from.python, keyword.control.import.python | #72f1b8 | — |
| variable, entity.name.variable, variable.other.readwrite.js, variable.other.readwrite.jsx, variable.other.readwrite.ts, variable.other.readwrite.tsx, variable.other.readwrite.python | #BCA5F7 | italic |
| variable.parameter, variable.parameter.function.js, variable.parameter.function.jsx, variable.parameter.function.ts, variable.parameter.function.tsx, variable.parameter.function.python, variable.parameter.function.language.python, meta.function.parameters.python variable.parameter | #ff8ae0 | italic |
| entity.name.type.type-parameter | #00D2B3 | |
| variable.other.object, string.quoted.template variable.other.readwrite, variable.language.arguments | #FFFFFF | italic |
| support.type, support.type.builtin.python, support.type.python, support.type.primitive.ts, support.type.primitive.tsx | #00c3ff | italic |
| entity.name.section, entity.name.type.module, support.type.primitive, variable.other.enummember | #FF4CD2 | |
| keyword.control.default, keyword.control.export, keyword.control.from, keyword.control.import, keyword.control.module, support.type.object.module | #FF9EE7 | — |
| meta.protocol-list.objc, meta.return-type.objc, meta.return-type, source.go storage.type, source.groovy storage.type, source.java storage.type, source.powershell entity.other.attribute-name | #38B3FF | — |
| entity.name.type.class, support.class, variable.other.class, entity.name.class | #739FFF | — |
| storage.class.std.rust, storage.type.annotation.groovy, storage.type.annotation.java, storage.type.attribute.swift, storage.type.boolean.go, storage.type.byte.go, storage.type.c, storage.type.core.rust, storage.type.cs, storage.type.cs, storage.type.error.go, storage.type.generic.cs, storage.type.generic.groovy, storage.type.generic.java, storage.type.groovy, storage.type.groovy, storage.type.haskell, storage.type.java, storage.type.modifier.cs, storage.type.numeric.go, storage.type.objc, storage.type.object.array.groovy, storage.type.object.array.java, storage.type.ocaml, storage.type.parameters.groovy, storage.type.php, storage.type.primitive.array.groovy, storage.type.primitive.array.java, storage.type.primitive.groovy, storage.type.primitive.java, storage.type.rune.go, storage.type.string.go, storage.type.struct, storage.type.token.java, storage.type.uintptr.go, storage.type.variable.cs, variable.css, variable.scss, entity.other.inherited-class, entity.name.scope-resolution, entity.other.attribute, keyword.primitive-datatypes.swift, keyword.type.cs, storage.type.function.python, storage.type.class.python, storage.type.primitive.ts, storage.type.primitive.tsx, storage.type.interface.ts, storage.type.type.ts | #00F0FF | italic |
| entity.name.function.accessor, entity.name.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal, meta.method-call.java meta.method, meta.method.groovy, keyword.operator.function.infix, keyword.control.require, meta.function-call.python, support.function.builtin.python, support.function.magic.python, entity.name.function.decorator.python | #07FB3C | — |
| entity.name.function.member, support.function, entity.name.function.method, entity.name.function.method.ts, entity.name.function.method.tsx | #07fb69 | |
| keyword.operator | #f75f73 | |
| support.type.vendored.property-name, variable.other.less, source.coffee.embedded, variable.other.constant.property, keyword.constant.numeric, variable.other.constant.property.js, variable.other.constant.property.jsx, variable.other.constant.property.ts, variable.other.constant.property.tsx | #FB48C4 | |
| support.type.property-name, variable.other.property, support.type.property-name.svelte, support.type.property-name.postcss, variable.other.property.js, variable.other.property.jsx, variable.other.property.ts, variable.other.property.tsx | #00b4fc | |
| string, meta.embedded.assembly, string.tag, string.value | #ECEC0E | — |
| meta.implementation storage.type.objc, meta.interface-or-protocol storage.type.objc, source.groovy storage.type.def, storage.type.accessor, storage.type.class.jsdoc, storage.type.property, storage | #35F6F6 | italic |
| storage.modifier, storage.type.modifier, entity.name.operator, keyword.control.module.reference, keyword.operator.alignas, keyword.operator.alignof, keyword.operator.cast, keyword.operator.delete, keyword.operator.expression, keyword.operator.in, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.noexcept, keyword.operator.of, keyword.operator.sizeof, keyword.operator.typeid, keyword.operator.typeof, keyword.operator.void, keyword.operator.readonly, keyword.operator.wordlike, keyword.other.operator, source.cpp keyword.operator.new, storage.type.extends, storage.control, keyword.storage, keyword.constant.storage, punctuation.flowtype, meta.object.flowtype, keyword.operator.new, keyword.control.new, storage, keyword.operator.member, keyword.control.directive, keyword.control, punctuation.definition.keyword, keyword.other.important, keyword.other.new, keyword.other, entity.name.type.keyword, entity.name.type.namespace, keyword.other.using, keyword.other.namespace, keyword.control.conditional.python, keyword.control.flow.python, keyword.control.repeat.python, keyword.control.exception.python, keyword.control.svelte, keyword.control.if.svelte, keyword.control.each.svelte, keyword.control.await.svelte, keyword.control.key.svelte, keyword.operator.expression.in.python, keyword.operator.expression.is.python, keyword.operator.expression.not.python | #FE2149 | italic |
| storage.type, storage.type.js, storage.type.function.arrow.ts, storage.type.function.ts, storage.type.interface.ts, storage.type.type.ts | #4FE0E0 | italic bold |
| variable.other.constant, support.function.magic, variable.other.predefined, constant, constant.variable, constant.language, support.constant, constant.language.boolean.python, constant.language.none.python, constant.language.ellipsis.python | #9D59F8 | bold |
| constant.numeric, keyword.operator.plus.exponent, keyword.operator.minus.exponent | #ff02ee | |
| keyword.expressions-and-types.swift, variable.language, variable.language punctuation.definition.variable.php, variable.other.readwrite.instance.ruby, variable.parameter.function.language.special, variable.language.special.self.python, variable.language.special.cls.python | #4FE0E0 | — |
| punctuation.section.embedded, meta.string-contents.quoted.double punctuation.definition.variable, punctuation.definition.interpolation.begin, punctuation.definition.interpolation.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded.begin, punctuation.section.embedded.coffee, punctuation.section.embedded.end, punctuation.section.embedded.end source.php, punctuation.section.embedded.end source.ruby, punctuation.definition.variable.makefile | #FF9EE7 | — |
| keyword.operator.decorator, punctuation.decorator, entity.name.class.decorator, variable.other.readwrite.decorator, punctuation.definition.decorator.python, meta.function.decorator.python | #E6E667 | — |
| constant.other.color, constant.other.symbol, punctuation.definition.block.tag, punctuation.accessor, punctuation.definition.typeparameters, punctuation.separator, support.class.component | #1eff78 | bold italic |
| meta.attribute.href.html, punctuation.definition.tag.jsx, punctuation.definition.tag.tsx | #fff9fa | — |
| support.type.object.console | #2FDE73 | — |
| support.type.object.dom | #4FE0E0 | — |
| variable.interpolation | #E6457B | — |
| meta.definition.variable.name | #FF9EE7 | — |
| meta.object-literal.key, variable.language.this | #FFBEFE | — |
| JSXAttrs, JSXNested, support.type.property-name.css, support.type.property-name.scss | #15e2e6 | — |
| meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom | #2FDE73 | — |
| comment keyword.codetag.notation, comment.block.documentation keyword, comment.block.documentation storage.type.class | #4FE0E0 | — |
| comment.block.documentation entity.name.type punctuation.definition.bracket, comment.block.documentation entity.name.type | #2FDE73 | italic |
| comment.block.documentation variable | #D3D1EB | italic |
| punctuation.separator.parameter, punctuation.terminator.statement, meta.array-binding-pattern-variable, keyword.operator.other.powershell, keyword.other.statement-separator.powershell, meta.brace.curly, meta.brace.round, meta.brace.square, punctuation.definition.arguments.begin, punctuation.definition.arguments.end, punctuation.definition.entity.begin, punctuation.definition.entity.end, punctuation.definition.tag, punctuation.definition.type.begin, punctuation.definition.type.end, punctuation.section.scope.begin, punctuation.section.scope.end, storage.type.generic.java, string.template meta.brace, string.template punctuation.accessor, punctuation.definition.tag.svelte, punctuation.section.embedded.begin.svelte, punctuation.section.embedded.end.svelte | #D3D1EB | — |
| punctuation.definition.entity, string.unquoted.heredoc punctuation.definition.string, punctuation.separator.annotation, punctuation.colon.graphql, punctuation.definition.entity.other.inherited-class, punctuation.function.swift, meta.object-binding-pattern-variable punctuation.destructuring, entity.other.attribute-name.placeholder punctuation, constant.other.symbol.hashkey punctuation.definition.constant.ruby, entity.other.attribute-name.pseudo-class punctuation, punctuation.separator.dictionary.key-value, punctuation.separator.hash, punctuation.separator.inheritance, punctuation.separator.key-value.mapping.yaml, punctuation.separator.namespace, punctuation.separator.pointer-access, punctuation.separator.slice | #4FE0E0 | — |
| meta.embedded, source.groovy.embedded | #D3D1EB | — |
| entity.name.tag | #5A6BC8 | — |
| entity.other.attribute-name | #ff3b58 | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.class, entity.other.attribute-name.class.mixin, entity.other.attribute-name.parent-selector, entity.other.attribute-name.attribute, meta.group.double.toml, meta.group.toml, support.other.chomping-indicator.yaml, entity.other.attribute-name.id | #739FFF | — |
| support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color | #50B6FF | — |
| support.constant.property-value | #D3D1EB | — |
| punctuation.separator.key-value | #4FE0E0 | — |
| punctuation.definition.constant | #FF9EE7 | — |
| meta.property-list punctuation.separator.key-value | #D3D1EB | — |
| meta.selector | #4FE0E0 | — |
| header | #BA95B3 | — |
| constant.other.object.key string.unquoted, punctuation.quasi.element, keyword.other.definition, variable.language.prototype, variable.other.jsdoc | #F84364 | — |
| punctuation.definition.block.scalar.folded.yaml, punctuation.definition.block.scalar.literal.yaml, punctuation.definition.block.sequence.item.yaml | #AB80FF | — |
| meta.preprocessor, entity.name.function.preprocessor | #E6E667 | — |
| meta.preprocessor.string | #50B6FF | — |
| meta.preprocessor.numeric | #ff76dd | — |
| meta.structure.dictionary.key.python | #D74BBE | — |
| meta.diff.header | #4FE0E0 | — |
| meta.decorator variable.other.readwrite, meta.decorator variable.other.property, meta.decorator variable.other.object | #d3d3d3 | — |
| entity.name.function.target.makefile, entity.name.section.toml, variable.other.key.toml | #D74BBE | — |
| constant.other.date, constant.other.timestamp | #4FE0E0 | — |
| meta.indexer.mapped type.declaration entity.name.type, meta.type.parameters entity.name.type | #D3D1EB | — |
| punctuation.support.type.property-name.begin, punctuation.support.type.property-name.end | #D74BBE | — |
| string.quoted.docstring.multi, string.quoted.docstring.multi.python punctuation.definition.string.begin, string.quoted.docstring.multi.python punctuation.definition.string.end, string.quoted.docstring.multi.python constant.character.escape, string.quoted.docstring.single.python, string.quoted.docstring.single.python punctuation.definition.string.begin, string.quoted.docstring.single.python punctuation.definition.string.end | #50B6FF | — |
| source.shell variable.other | #2FDE73 | — |
| meta.scope.prerequisites.makefile | #50B6FF | — |
| support.function.git-rebase | #FF9EE7 | — |
| constant.sha.git-rebase | #FF9EE7 | — |
| markup.underline | — | underline |
| punctuation.definition.bold.markdown, markup.bold | #f9f9f9e5 | |
| markup.italic | #2FDE73 | italic |
| beginning.punctuation.definition.list.markdown, entity.name.section.markdown, markup.heading.setext, markup.heading, punctuation.definition.heading.markdown, punctuation.definition.list.begin.markdown, text.html.markdown invalid.deprecated, text.html.markdown punctuation.definition.tag | #D74BBE | — |
| markup.heading punctuation.definition.heading | #E6E667 | — |
| markup.error, markup.deleted | #fa5170 | — |
| markup.fenced_code.block.markdown, markup.inline.raw.markdown, markup.inline.raw.string.markdown, markup.inline.raw, markup.inserted, markup.raw.block.markdown, markup.raw, punctuation.definition.markdown, punctuation.definition.raw.markdown | #2FDE73 | — |
| constant.other.reference.link.markdown, string.other.link.description.markdown, string.other.link.title.markdown | #FF9EE7 | — |
| markup.changed, punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown, punctuation.definition.constant.markdown, punctuation.definition.metadata.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, string.other.link.description.title.markdown, text.html.markdown string.quoted | #AB80FF | — |
| beginning.punctuation.definition.quote.markdown, markup.link, markup.quote.markdown, markup.quote, markup.underline.link.image.markdown, markup.underline.link.markdown, meta.attribute.href.html string.quoted.double.html, meta.attribute.href.html string.quoted.single.html, punctuation.definition.link.restructuredtext | #34fde6 | — |
| string.regexp, constant.regexp, keyword.operator.or.regexp | #2FDE73 | — |
| constant.character.escape.backslash.regexp, meta.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, support.other.parenthesis.regexp | #4FE0E0 | — |
| constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp, punctuation.definition.group.regexp, punctuation.definition.group.capture.regexp, keyword.control.anchor.regexp | #AB80FF | — |
| keyword.operator.quantifier.regexp | #E6E667 | — |
| keyword.operator.negation.regexp, constant.character.regexp, punctuation.definition.range.regexp | #FF9EE7 | — |
| keyword.control.new, keyword.operator.new | — | bold italic |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| entity.name.tag, entity.name.tag.class.js, entity.name.tag.class.jsx, entity.name.tag.svelte, entity.name.tag.script.svelte, entity.name.tag.style.svelte | #FE2149 | — |
| storage.type.accessor, entity.name.tag.class, entity.name.tag.id, support.class.component.svelte, entity.name.tag.component.svelte | #4afe83 | — |
| entity.other.attribute-name, entity.other.attribute-name.svelte, entity.other.attribute-name.event.svelte, entity.other.attribute-name.bind.svelte, entity.other.attribute-name.transition.svelte, entity.other.attribute-name.animation.svelte, entity.other.attribute-name.action.svelte, entity.other.attribute-name.directive.svelte | #29caff | italic |
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#0C0E13
- activityBar.foreground#8BA7FF
- activityBar.inactiveForeground#7D8492
- activityBarBadge.background#FF6B9D
- activityBarBadge.foreground#101319
- badge.background#262E3D
- badge.foreground#F5F7FB
- button.background#8BA7FF99
- button.foreground#F5F7FB
- button.hoverBackground#586AA3
- button.secondaryBackground#1D2330
- button.secondaryForeground#F5F7FB
- button.secondaryHoverBackground#262E3D
- dropdown.background#1D2330
- dropdown.border#283142
- dropdown.foreground#F5F7FB
- editor.background#101319
- editor.findMatchBackground#8BA7FF66
- editor.findMatchHighlightBackground#8BA7FF33
- editor.foreground#F5F7FB
- editor.lineHighlightBackground#171B24
- editor.selectionBackground#40517266
- editor.selectionHighlightBackground#40517244
- editor.wordHighlightBackground#00000000
- editor.wordHighlightStrongBackground#00000000
- editor.wordHighlightTextBackground#00000000
- editorBracketHighlight.foreground1#8BA7FF
- editorBracketHighlight.foreground2#F7D66D
- editorBracketHighlight.foreground3#FF6B9D
- editorBracketHighlight.foreground4#65DCE8
- editorBracketHighlight.foreground5#7CE667
- editorBracketHighlight.foreground6#FF6B7A
- editorBracketHighlight.unexpectedBracket.foreground#FF6B7A
- editorCursor.foreground#F7D66D
- editorError.foreground#FF6B7A
- editorGroup.border#283142
- editorGroupHeader.tabsBackground#171B24
- editorGroupHeader.tabsBorder#283142
- editorHoverWidget.background#171B24
- editorHoverWidget.border#283142
- editorIndentGuide.activeBackground1#8BA7FF
- editorIndentGuide.background1#283142
- editorInfo.foreground#65DCE8
- editorLineNumber.activeForeground#8BA7FF
- editorLineNumber.foreground#7D8492
- editorRuler.foreground#283142
- editorSuggestWidget.background#171B24
- editorSuggestWidget.border#283142
- editorSuggestWidget.foreground#F5F7FB
- editorSuggestWidget.selectedBackground#262E3D
- editorWarning.foreground#F7D66D
- editorWhitespace.foreground#283142AA
- editorWidget.background#171B24
- editorWidget.border#283142
- focusBorder#8BA7FF
- foreground#F5F7FB
- gitDecoration.addedResourceForeground#7CE667
- gitDecoration.conflictingResourceForeground#F7D66D
- gitDecoration.deletedResourceForeground#FF6B9D
- gitDecoration.ignoredResourceForeground#406080
- gitDecoration.modifiedResourceForeground#8BA7FF
- gitDecoration.stageDeletedResourceForeground#f22468bf
- gitDecoration.stageModifiedResourceForeground#aa99ffbf
- gitDecoration.submoduleResourceForeground#ffdf40
- gitDecoration.untrackedResourceForeground#65DCE8
- input.background#1D2330
- input.border#283142
- input.foreground#F5F7FB
- list.activeSelectionBackground#28344C
- list.activeSelectionForeground#F5F7FB
- list.focusBackground#28344C
- list.focusForeground#F5F7FB
- list.highlightForeground#8BA7FF
- list.hoverBackground#1D2330
- list.inactiveSelectionBackground#1D2330
- list.inactiveSelectionForeground#F5F7FB
- menu.background#171B24
- menu.foreground#F5F7FB
- menu.selectionBackground#262E3D
- menu.selectionForeground#F5F7FB
- panel.background#171B24
- panel.border#283142
- panelTitle.activeForeground#8BA7FF
- panelTitle.inactiveForeground#7D8492
- peekView.border#8BA7FF
- peekViewEditor.background#141820
- peekViewResult.background#171B24
- scrollbarSlider.activeBackground#8BA7FF88
- scrollbarSlider.background#28314280
- scrollbarSlider.hoverBackground#8BA7FF55
- sideBar.background#11151C
- sideBar.border#283142
- sideBar.foreground#F5F7FB
- sideBarSectionHeader.background#1D2330
- sideBarSectionHeader.foreground#8BA7FF
- sideBarTitle.foreground#F5F7FB
- statusBar.background#323A4D
- statusBar.debuggingBackground#FF6B9D
- statusBar.debuggingForeground#101319
- statusBar.foreground#F5F7FB
- statusBar.noFolderBackground#171B24
- statusBar.noFolderForeground#F5F7FB
- statusBarItem.hoverBackground#262E3D
- statusBarItem.hoverForeground#F5F7FB
- tab.activeBackground#101319
- tab.activeBorderTop#8BA7FF
- tab.activeForeground#F5F7FB
- tab.border#283142
- tab.hoverBackground#1D2330
- tab.inactiveBackground#171B24
- tab.inactiveForeground#7D8492
- terminal.ansiBlack#14151A
- terminal.ansiBlue#8BA7FF
- terminal.ansiBrightBlack#3b4149
- terminal.ansiBrightBlue#8BA7FF
- terminal.ansiBrightCyan#65DCE8
- terminal.ansiBrightGreen#49F249
- terminal.ansiBrightMagenta#FF6B9D
- terminal.ansiBrightRed#F22468
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#F7D66D
- terminal.ansiCyan#65DCE8
- terminal.ansiGreen#49F249
- terminal.ansiMagenta#FF6B9D
- terminal.ansiRed#F22468
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#F7D66D
- terminalCursor.foreground#F7D66D
- titleBar.activeBackground#11151C
- titleBar.activeForeground#F5F7FB
- titleBar.inactiveBackground#0C0E13
- titleBar.inactiveForeground#7D8492
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment markup.link, comment, punctuation.definition.comment, unused.comment, wildcard.comment, comment.line.number-sign.python, punctuation.definition.comment.python | #8D8D8D | italic |
| text, source | #ffffff | — |
| emphasis | — | italic |
| strong | — | bold |
| invalid | #E6457B | italic |
| invalid.deprecated | #99611F | underline italic |
| invalid.illegal | #E6457B | underline italic |
| variable.language.self, entity.type.enum, variable.other.object.property, entity.name.type.enum | #FF9243 | — |
| entity.name.type | #2FDE73 | bold |
| keyword.operator.accessor, entity.name.tag.class.jsx, JSXNested | #50BCFF | italic |
| keyword.other.unit | #fe395d | — |
| keyword.other.special-method, entity.name.other.preprocessor.macro, variable.other.event | #E6E667 | — |
| constant.character | #4FE0E0 | — |
| constant.character.escape | #FB48C4 | — |
| entity.name.label, entity.name.namespace | #d3d3d3 | — |
| keyword.control.export.js, keyword.control.import.js, keyword.control.export.jsx, keyword.control.import.jsx, keyword.control.export.ts, keyword.control.import.ts, keyword.control.export.tsx, keyword.control.import.tsx, keyword.control.from.python, keyword.control.import.python | #72f1b8 | — |
| variable, entity.name.variable, variable.other.readwrite.js, variable.other.readwrite.jsx, variable.other.readwrite.ts, variable.other.readwrite.tsx, variable.other.readwrite.python | #BCA5F7 | italic |
| variable.parameter, variable.parameter.function.js, variable.parameter.function.jsx, variable.parameter.function.ts, variable.parameter.function.tsx, variable.parameter.function.python, variable.parameter.function.language.python, meta.function.parameters.python variable.parameter | #ff8ae0 | italic |
| entity.name.type.type-parameter | #00D2B3 | |
| variable.other.object, string.quoted.template variable.other.readwrite, variable.language.arguments | #FFFFFF | italic |
| support.type, support.type.builtin.python, support.type.python, support.type.primitive.ts, support.type.primitive.tsx | #00c3ff | italic |
| entity.name.section, entity.name.type.module, support.type.primitive, variable.other.enummember | #FF4CD2 | |
| keyword.control.default, keyword.control.export, keyword.control.from, keyword.control.import, keyword.control.module, support.type.object.module | #FF9EE7 | — |
| meta.protocol-list.objc, meta.return-type.objc, meta.return-type, source.go storage.type, source.groovy storage.type, source.java storage.type, source.powershell entity.other.attribute-name | #38B3FF | — |
| entity.name.type.class, support.class, variable.other.class, entity.name.class | #739FFF | — |
| storage.class.std.rust, storage.type.annotation.groovy, storage.type.annotation.java, storage.type.attribute.swift, storage.type.boolean.go, storage.type.byte.go, storage.type.c, storage.type.core.rust, storage.type.cs, storage.type.cs, storage.type.error.go, storage.type.generic.cs, storage.type.generic.groovy, storage.type.generic.java, storage.type.groovy, storage.type.groovy, storage.type.haskell, storage.type.java, storage.type.modifier.cs, storage.type.numeric.go, storage.type.objc, storage.type.object.array.groovy, storage.type.object.array.java, storage.type.ocaml, storage.type.parameters.groovy, storage.type.php, storage.type.primitive.array.groovy, storage.type.primitive.array.java, storage.type.primitive.groovy, storage.type.primitive.java, storage.type.rune.go, storage.type.string.go, storage.type.struct, storage.type.token.java, storage.type.uintptr.go, storage.type.variable.cs, variable.css, variable.scss, entity.other.inherited-class, entity.name.scope-resolution, entity.other.attribute, keyword.primitive-datatypes.swift, keyword.type.cs, storage.type.function.python, storage.type.class.python, storage.type.primitive.ts, storage.type.primitive.tsx, storage.type.interface.ts, storage.type.type.ts | #00F0FF | italic |
| entity.name.function.accessor, entity.name.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal, meta.method-call.java meta.method, meta.method.groovy, keyword.operator.function.infix, keyword.control.require, meta.function-call.python, support.function.builtin.python, support.function.magic.python, entity.name.function.decorator.python | #07FB3C | — |
| entity.name.function.member, support.function, entity.name.function.method, entity.name.function.method.ts, entity.name.function.method.tsx | #07fb69 | |
| keyword.operator | #f75f73 | |
| support.type.vendored.property-name, variable.other.less, source.coffee.embedded, variable.other.constant.property, keyword.constant.numeric, variable.other.constant.property.js, variable.other.constant.property.jsx, variable.other.constant.property.ts, variable.other.constant.property.tsx | #FB48C4 | |
| support.type.property-name, variable.other.property, support.type.property-name.svelte, support.type.property-name.postcss, variable.other.property.js, variable.other.property.jsx, variable.other.property.ts, variable.other.property.tsx | #00b4fc | |
| string, meta.embedded.assembly, string.tag, string.value | #ECEC0E | — |
| meta.implementation storage.type.objc, meta.interface-or-protocol storage.type.objc, source.groovy storage.type.def, storage.type.accessor, storage.type.class.jsdoc, storage.type.property, storage | #35F6F6 | italic |
| storage.modifier, storage.type.modifier, entity.name.operator, keyword.control.module.reference, keyword.operator.alignas, keyword.operator.alignof, keyword.operator.cast, keyword.operator.delete, keyword.operator.expression, keyword.operator.in, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.noexcept, keyword.operator.of, keyword.operator.sizeof, keyword.operator.typeid, keyword.operator.typeof, keyword.operator.void, keyword.operator.readonly, keyword.operator.wordlike, keyword.other.operator, source.cpp keyword.operator.new, storage.type.extends, storage.control, keyword.storage, keyword.constant.storage, punctuation.flowtype, meta.object.flowtype, keyword.operator.new, keyword.control.new, storage, keyword.operator.member, keyword.control.directive, keyword.control, punctuation.definition.keyword, keyword.other.important, keyword.other.new, keyword.other, entity.name.type.keyword, entity.name.type.namespace, keyword.other.using, keyword.other.namespace, keyword.control.conditional.python, keyword.control.flow.python, keyword.control.repeat.python, keyword.control.exception.python, keyword.control.svelte, keyword.control.if.svelte, keyword.control.each.svelte, keyword.control.await.svelte, keyword.control.key.svelte, keyword.operator.expression.in.python, keyword.operator.expression.is.python, keyword.operator.expression.not.python | #FE2149 | italic |
| storage.type, storage.type.js, storage.type.function.arrow.ts, storage.type.function.ts, storage.type.interface.ts, storage.type.type.ts | #4FE0E0 | italic bold |
| variable.other.constant, support.function.magic, variable.other.predefined, constant, constant.variable, constant.language, support.constant, constant.language.boolean.python, constant.language.none.python, constant.language.ellipsis.python | #9D59F8 | bold |
| constant.numeric, keyword.operator.plus.exponent, keyword.operator.minus.exponent | #ff02ee | |
| keyword.expressions-and-types.swift, variable.language, variable.language punctuation.definition.variable.php, variable.other.readwrite.instance.ruby, variable.parameter.function.language.special, variable.language.special.self.python, variable.language.special.cls.python | #4FE0E0 | — |
| punctuation.section.embedded, meta.string-contents.quoted.double punctuation.definition.variable, punctuation.definition.interpolation.begin, punctuation.definition.interpolation.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded.begin, punctuation.section.embedded.coffee, punctuation.section.embedded.end, punctuation.section.embedded.end source.php, punctuation.section.embedded.end source.ruby, punctuation.definition.variable.makefile | #FF9EE7 | — |
| keyword.operator.decorator, punctuation.decorator, entity.name.class.decorator, variable.other.readwrite.decorator, punctuation.definition.decorator.python, meta.function.decorator.python | #E6E667 | — |
| constant.other.color, constant.other.symbol, punctuation.definition.block.tag, punctuation.accessor, punctuation.definition.typeparameters, punctuation.separator, support.class.component | #1eff78 | bold italic |
| meta.attribute.href.html, punctuation.definition.tag.jsx, punctuation.definition.tag.tsx | #fff9fa | — |
| support.type.object.console | #2FDE73 | — |
| support.type.object.dom | #4FE0E0 | — |
| variable.interpolation | #E6457B | — |
| meta.definition.variable.name | #FF9EE7 | — |
| meta.object-literal.key, variable.language.this | #FFBEFE | — |
| JSXAttrs, JSXNested, support.type.property-name.css, support.type.property-name.scss | #15e2e6 | — |
| meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom | #2FDE73 | — |
| comment keyword.codetag.notation, comment.block.documentation keyword, comment.block.documentation storage.type.class | #4FE0E0 | — |
| comment.block.documentation entity.name.type punctuation.definition.bracket, comment.block.documentation entity.name.type | #2FDE73 | italic |
| comment.block.documentation variable | #D3D1EB | italic |
| punctuation.separator.parameter, punctuation.terminator.statement, meta.array-binding-pattern-variable, keyword.operator.other.powershell, keyword.other.statement-separator.powershell, meta.brace.curly, meta.brace.round, meta.brace.square, punctuation.definition.arguments.begin, punctuation.definition.arguments.end, punctuation.definition.entity.begin, punctuation.definition.entity.end, punctuation.definition.tag, punctuation.definition.type.begin, punctuation.definition.type.end, punctuation.section.scope.begin, punctuation.section.scope.end, storage.type.generic.java, string.template meta.brace, string.template punctuation.accessor, punctuation.definition.tag.svelte, punctuation.section.embedded.begin.svelte, punctuation.section.embedded.end.svelte | #D3D1EB | — |
| punctuation.definition.entity, string.unquoted.heredoc punctuation.definition.string, punctuation.separator.annotation, punctuation.colon.graphql, punctuation.definition.entity.other.inherited-class, punctuation.function.swift, meta.object-binding-pattern-variable punctuation.destructuring, entity.other.attribute-name.placeholder punctuation, constant.other.symbol.hashkey punctuation.definition.constant.ruby, entity.other.attribute-name.pseudo-class punctuation, punctuation.separator.dictionary.key-value, punctuation.separator.hash, punctuation.separator.inheritance, punctuation.separator.key-value.mapping.yaml, punctuation.separator.namespace, punctuation.separator.pointer-access, punctuation.separator.slice | #4FE0E0 | — |
| meta.embedded, source.groovy.embedded | #D3D1EB | — |
| entity.name.tag | #5A6BC8 | — |
| entity.other.attribute-name | #ff3b58 | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.class, entity.other.attribute-name.class.mixin, entity.other.attribute-name.parent-selector, entity.other.attribute-name.attribute, meta.group.double.toml, meta.group.toml, support.other.chomping-indicator.yaml, entity.other.attribute-name.id | #739FFF | — |
| support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color | #50B6FF | — |
| support.constant.property-value | #D3D1EB | — |
| punctuation.separator.key-value | #4FE0E0 | — |
| punctuation.definition.constant | #FF9EE7 | — |
| meta.property-list punctuation.separator.key-value | #D3D1EB | — |
| meta.selector | #4FE0E0 | — |
| header | #BA95B3 | — |
| constant.other.object.key string.unquoted, punctuation.quasi.element, keyword.other.definition, variable.language.prototype, variable.other.jsdoc | #F84364 | — |
| punctuation.definition.block.scalar.folded.yaml, punctuation.definition.block.scalar.literal.yaml, punctuation.definition.block.sequence.item.yaml | #AB80FF | — |
| meta.preprocessor, entity.name.function.preprocessor | #E6E667 | — |
| meta.preprocessor.string | #50B6FF | — |
| meta.preprocessor.numeric | #ff76dd | — |
| meta.structure.dictionary.key.python | #D74BBE | — |
| meta.diff.header | #4FE0E0 | — |
| meta.decorator variable.other.readwrite, meta.decorator variable.other.property, meta.decorator variable.other.object | #d3d3d3 | — |
| entity.name.function.target.makefile, entity.name.section.toml, variable.other.key.toml | #D74BBE | — |
| constant.other.date, constant.other.timestamp | #4FE0E0 | — |
| meta.indexer.mapped type.declaration entity.name.type, meta.type.parameters entity.name.type | #D3D1EB | — |
| punctuation.support.type.property-name.begin, punctuation.support.type.property-name.end | #D74BBE | — |
| string.quoted.docstring.multi, string.quoted.docstring.multi.python punctuation.definition.string.begin, string.quoted.docstring.multi.python punctuation.definition.string.end, string.quoted.docstring.multi.python constant.character.escape, string.quoted.docstring.single.python, string.quoted.docstring.single.python punctuation.definition.string.begin, string.quoted.docstring.single.python punctuation.definition.string.end | #50B6FF | — |
| source.shell variable.other | #2FDE73 | — |
| meta.scope.prerequisites.makefile | #50B6FF | — |
| support.function.git-rebase | #FF9EE7 | — |
| constant.sha.git-rebase | #FF9EE7 | — |
| markup.underline | — | underline |
| punctuation.definition.bold.markdown, markup.bold | #f9f9f9e5 | |
| markup.italic | #2FDE73 | italic |
| beginning.punctuation.definition.list.markdown, entity.name.section.markdown, markup.heading.setext, markup.heading, punctuation.definition.heading.markdown, punctuation.definition.list.begin.markdown, text.html.markdown invalid.deprecated, text.html.markdown punctuation.definition.tag | #D74BBE | — |
| markup.heading punctuation.definition.heading | #E6E667 | — |
| markup.error, markup.deleted | #fa5170 | — |
| markup.fenced_code.block.markdown, markup.inline.raw.markdown, markup.inline.raw.string.markdown, markup.inline.raw, markup.inserted, markup.raw.block.markdown, markup.raw, punctuation.definition.markdown, punctuation.definition.raw.markdown | #2FDE73 | — |
| constant.other.reference.link.markdown, string.other.link.description.markdown, string.other.link.title.markdown | #FF9EE7 | — |
| markup.changed, punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown, punctuation.definition.constant.markdown, punctuation.definition.metadata.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, string.other.link.description.title.markdown, text.html.markdown string.quoted | #AB80FF | — |
| beginning.punctuation.definition.quote.markdown, markup.link, markup.quote.markdown, markup.quote, markup.underline.link.image.markdown, markup.underline.link.markdown, meta.attribute.href.html string.quoted.double.html, meta.attribute.href.html string.quoted.single.html, punctuation.definition.link.restructuredtext | #34fde6 | — |
| string.regexp, constant.regexp, keyword.operator.or.regexp | #2FDE73 | — |
| constant.character.escape.backslash.regexp, meta.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, support.other.parenthesis.regexp | #4FE0E0 | — |
| constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp, punctuation.definition.group.regexp, punctuation.definition.group.capture.regexp, keyword.control.anchor.regexp | #AB80FF | — |
| keyword.operator.quantifier.regexp | #E6E667 | — |
| keyword.operator.negation.regexp, constant.character.regexp, punctuation.definition.range.regexp | #FF9EE7 | — |
| keyword.control.new, keyword.operator.new | — | bold italic |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| entity.name.tag, entity.name.tag.class.js, entity.name.tag.class.jsx, entity.name.tag.svelte, entity.name.tag.script.svelte, entity.name.tag.style.svelte | #FE2149 | — |
| storage.type.accessor, entity.name.tag.class, entity.name.tag.id, support.class.component.svelte, entity.name.tag.component.svelte | #4afe83 | — |
| entity.other.attribute-name, entity.other.attribute-name.svelte, entity.other.attribute-name.event.svelte, entity.other.attribute-name.bind.svelte, entity.other.attribute-name.transition.svelte, entity.other.attribute-name.animation.svelte, entity.other.attribute-name.action.svelte, entity.other.attribute-name.directive.svelte | #29caff | italic |