BADBUG Theme
Publisher: 1MANDEV.COMThemes in package: 4
🔥 A collection of beautifully crafted modern themes for VSCode. 🎨 + 👌
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#000000
- activityBarBadge.background#000000
- editor.background#000000
- editor.findMatchBackground#ffff00
- editor.findMatchHighlightBackground#aaaa00
- editor.foreground#d4d4d4
- editor.lineHighlightBackground#00000000
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#ffffff
- editor.selectionForeground#000000
- editorBracketMatch.background#00000000
- editorBracketMatch.border#00000000
- editorGroup.border#000000
- editorGroup.dropBackground#000000
- editorGroup.emptyBackground#000000
- editorGroupHeader.noTabsBackground#000000
- editorGroupHeader.tabsBackground#000000
- editorGroupHeader.tabsBorder#000000
- editorGutter.addedBackground#ffc62910
- editorGutter.deletedBackground#ff2e2e10
- editorGutter.modifiedBackground#1fb64410
- editorOverviewRuler.addedForeground#1fb644
- editorOverviewRuler.deletedForeground#ff2e2e
- editorOverviewRuler.modifiedForeground#ffc629
- editorRuler.foreground#222222
- editorWhitespace.foreground#303030
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#ffffff44
- scrollbarSlider.background#ffffff22
- scrollbarSlider.hoverBackground#ffffff33
- sideBar.background#000000
- sideBar.border#222222
- sideBar.foreground#d4d4d4
- sideBarTitle.foreground#d4d4d4
- statusBar.background#000000
- statusBar.foreground#cccccc
- tab.activeBackground#000000
- tab.activeBorder#000000
- tab.activeForeground#ffffff
- tab.border#000000
- tab.inactiveBackground#000000
- tab.inactiveForeground#9c9c9c
- tab.unfocusedActiveBorder#000000
- tab.unfocusedActiveForeground#ffffff
- tab.unfocusedInactiveForeground#9c9c9c
- titleBar.activeBackground#000000
- titleBar.activeForeground#cccccc
- titleBar.border#000000
- titleBar.inactiveBackground#000000
- titleBar.inactiveForeground#cccccc
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| punctuation.definition.variable, support.variable.drive | #569CD6 | — |
| variable.other.member | #DCDCAA | — |
| meta.embedded, source.groovy.embedded | #D4D4D4 | — |
| emphasis | — | italic |
| strong | — | bold |
| header | #000080 | — |
| comment | #608B4E | — |
| constant.language | #569CD6 | — |
| constant.numeric | #B5CEA8 | — |
| constant.regexp | #646695 | — |
| entity.name.tag | #569CD6 | — |
| entity.name.tag.css | #D7BA7D | — |
| entity.other.attribute-name | #9CDCFE | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss | #D7BA7D | — |
| invalid | #F44747 | — |
| markup.underline | — | underline |
| markup.bold | — | bold |
| markup.heading | #569CD6 | bold |
| markup.italic | — | italic |
| markup.inserted | #B5CEA8 | — |
| markup.deleted | #CE9178 | — |
| markup.changed | #569CD6 | — |
| beginning.punctuation.definition.quote.markdown | #608B4E | — |
| beginning.punctuation.definition.list.markdown | #6796E6 | — |
| markup.inline.raw | #CE9178 | — |
| meta.selector | #D7BA7D | — |
| punctuation.definition.tag | #808080 | — |
| meta.preprocessor | #569CD6 | — |
| meta.preprocessor.string | #CE9178 | — |
| meta.preprocessor.numeric | #B5CEA8 | — |
| meta.structure.dictionary.key.python | #9CDCFE | — |
| meta.diff.header | #569CD6 | — |
| storage | #569CD6 | — |
| storage.type | #569CD6 | — |
| storage.modifier | #569CD6 | — |
| string | #CE9178 | — |
| string.tag | #CE9178 | — |
| string.value | #CE9178 | — |
| string.regexp | #D16969 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #569CD6 | — |
| meta.template.expression | #D4D4D4 | — |
| support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded | #9CDCFE | — |
| keyword | #569CD6 | — |
| keyword.control | #569CD6 | — |
| keyword.operator | #D4D4D4 | — |
| keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.logical.python | #569CD6 | — |
| keyword.other.unit | #B5CEA8 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #569CD6 | — |
| support.function.git-rebase | #9CDCFE | — |
| constant.sha.git-rebase | #B5CEA8 | — |
| storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java | #D4D4D4 | — |
| variable.language | #569CD6 | — |
| entity.name.function, support.function, support.constant.handlebars | #DCDCAA | — |
| meta.return-type, support.class, support.type, entity.name.type, entity.name.class, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy | #4EC9B0 | — |
| meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class | #4EC9B0 | — |
| keyword.control | #C586C0 | — |
| variable, meta.definition.variable.name, support.variable | #9CDCFE | — |
| meta.object-literal.key | #9CDCFE | — |
| support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color | #CE9178 | — |
| punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp | #CE9178 | — |
| constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp | #D16969 | — |
| keyword.operator.or.regexp, keyword.control.anchor.regexp | #DCDCAA | — |
| keyword.operator.quantifier.regexp | #D7BA7D | — |
| constant.character | #569CD6 | — |
| constant.character.escape | #D7BA7D | — |
| comment | #808080 | — |
| punctuation.definition.comment | #808080 | — |
| entity.name.type.instance.js | #9CDCFE | underline |
| entity.name.class.js | #9CDCFE | underline |
| variable.other.class.js | #9CDCFE | underline |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeBackground#2a263740
- activityBar.activeBorder#ff79c680
- activityBar.background#201b2d
- activityBar.foreground#e1e1e6
- activityBar.inactiveForeground#483c67
- activityBarBadge.background#ff79c6
- activityBarBadge.foreground#191622
- badge.background#2a2637
- badge.foreground#e1e1e6
- breadcrumb.activeSelectionForeground#e1e1e6
- breadcrumb.background#191622
- breadcrumb.focusForeground#e1e1e6
- breadcrumb.foreground#483c67
- breadcrumbPicker.background#15121e
- button.background#2a2637
- button.foreground#e1e1e6
- contrastBorder#15121e
- debugToolBar.background#13111b
- diffEditor.insertedTextBackground#67e48020
- diffEditor.removedTextBackground#e9637950
- dropdown.background#201b2d
- dropdown.border#15121e
- dropdown.foreground#e1e1e6
- editor.background#191622
- editor.findMatchBackground#e89e6480
- editor.findMatchHighlightBackground#e1e1e640
- editor.findRangeHighlightBackground#44475a75
- editor.foldBackground#13111b
- editor.foreground#e1e1e6
- editor.hoverHighlightBackground#15121e
- editor.lineHighlightBackground#00000000
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#78d1e115
- editor.selectionBackground#2a2637
- editor.selectionHighlightBackground#252131
- editor.snippetFinalTabstopHighlightBackground#191622
- editor.snippetFinalTabstopHighlightBorder#67e480
- editor.snippetTabstopHighlightBackground#191622
- editor.snippetTabstopHighlightBorder#483c67
- editor.wordHighlightBackground#988bc750
- editor.wordHighlightStrongBackground#67e48050
- editorBracketMatch.background#00000000
- editorBracketMatch.border#00000000
- editorCodeLens.foreground#483c67
- editorError.foreground#e96379
- editorGroup.border#2a2637
- editorGroup.dropBackground#44475a70
- editorGroupHeader.tabsBackground#15121e
- editorGutter.addedBackground#ffc62910
- editorGutter.deletedBackground#ff2e2e10
- editorGutter.modifiedBackground#1fb64410
- editorHoverWidget.background#191622
- editorHoverWidget.border#483c67
- editorIndentGuide.activeBackground#e1e1e645
- editorIndentGuide.background#ffffff1a
- editorLineNumber.foreground#483c67
- editorLink.activeForeground#988bc7
- editorMarkerNavigation.background#13111b
- editorOverviewRuler.addedForeground#1fb644
- editorOverviewRuler.border#15121e
- editorOverviewRuler.currentContentForeground#67e480
- editorOverviewRuler.deletedForeground#ff2e2e
- editorOverviewRuler.errorForeground#e9637980
- editorOverviewRuler.incomingContentForeground#78d1e1
- editorOverviewRuler.infoForeground#988bc780
- editorOverviewRuler.modifiedForeground#ffc629
- editorOverviewRuler.selectionHighlightForeground#e89e64
- editorOverviewRuler.warningForeground#e89e6480
- editorOverviewRuler.wordHighlightForeground#988bc7
- editorOverviewRuler.wordHighlightStrongForeground#67e480
- editorRuler.foreground#ffffff1a
- editorSuggestWidget.background#13111b
- editorSuggestWidget.foreground#e1e1e6
- editorSuggestWidget.selectedBackground#2a2637
- editorWarning.foreground#988bc7
- editorWhitespace.foreground#303030
- editorWidget.background#13111b
- errorForeground#e96379
- extensionButton.prominentBackground#67e48090
- extensionButton.prominentForeground#e1e1e6
- extensionButton.prominentHoverBackground#67e48060
- focusBorder#483c67
- foreground#e1e1e6
- gitDecoration.conflictingResourceForeground#e89e64
- gitDecoration.deletedResourceForeground#e96379
- gitDecoration.ignoredResourceForeground#483c67
- gitDecoration.modifiedResourceForeground#988bc7
- gitDecoration.untrackedResourceForeground#67e480
- input.background#191622
- input.border#15121e
- input.foreground#e1e1e6
- input.placeholderForeground#483c67
- inputOption.activeBorder#78d1e1
- inputValidation.errorBorder#e96379
- inputValidation.infoBorder#ff79c6
- inputValidation.warningBorder#e89e64
- list.activeSelectionBackground#2a263760
- list.activeSelectionForeground#e1e1e6
- list.dropBackground#2a2637
- list.errorForeground#e96379
- list.focusBackground#44475a75
- list.highlightForeground#988bc7
- list.hoverBackground#2a263765
- list.inactiveSelectionBackground#2a263740
- list.warningForeground#e89e64
- listFilterWidget.background#201b2d
- listFilterWidget.noMatchesOutline#e96379
- listFilterWidget.outline#252131
- merge.currentHeaderBackground#67e48090
- merge.incomingHeaderBackground#78d1e190
- panel.background#191622
- panel.border#ff79c6
- panelTitle.activeBorder#ff79c6
- panelTitle.activeForeground#e1e1e6
- panelTitle.inactiveForeground#e1e1e680
- peekView.border#2a2637
- peekViewEditor.background#191622
- peekViewEditor.matchHighlightBackground#e7de7980
- peekViewResult.background#13111b
- peekViewResult.fileForeground#e1e1e6
- peekViewResult.lineForeground#e1e1e6
- peekViewResult.matchHighlightBackground#e7de7980
- peekViewResult.selectionBackground#2a2637
- peekViewResult.selectionForeground#e1e1e6
- peekViewTitle.background#15121e
- peekViewTitleDescription.foreground#483c67
- peekViewTitleLabel.foreground#e1e1e6
- pickerGroup.border#78d1e1
- pickerGroup.foreground#988bc7
- progressBar.background#ff79c6
- scrollbar.shadow#00000000
- selection.background#78d1e1
- settings.checkboxBackground#13111b
- settings.checkboxBorder#15121e
- settings.checkboxForeground#e1e1e6
- settings.dropdownBackground#13111b
- settings.dropdownBorder#15121e
- settings.dropdownForeground#e1e1e6
- settings.headerForeground#e1e1e6
- settings.modifiedItemIndicator#e89e64
- settings.numberInputBackground#13111b
- settings.numberInputBorder#15121e
- settings.numberInputForeground#e1e1e6
- settings.textInputBackground#13111b
- settings.textInputBorder#15121e
- settings.textInputForeground#e1e1e6
- sideBar.background#13111b
- sideBarSectionHeader.background#191622
- sideBarSectionHeader.border#15121e
- sideBarTitle.foreground#e1e1e6
- statusBar.background#15121e
- statusBar.debuggingBackground#e96379
- statusBar.debuggingForeground#15121e
- statusBar.foreground#e1e1e6
- statusBar.noFolderBackground#15121e
- statusBar.noFolderForeground#e1e1e6
- statusBarItem.prominentBackground#e96379
- statusBarItem.prominentHoverBackground#e89e64
- statusBarItem.remoteBackground#78d1e1
- statusBarItem.remoteForeground#e1e1e6
- tab.activeBackground#191622
- tab.activeBorderTop#ff79c680
- tab.activeForeground#e1e1e6
- tab.border#15121e
- tab.inactiveBackground#13111b
- tab.inactiveForeground#483c67
- terminal.ansiBlack#201b2d
- terminal.ansiBlue#78d1e1
- terminal.ansiBrightBlack#626483
- terminal.ansiBrightBlue#78d1e1
- terminal.ansiBrightCyan#a4ffff
- terminal.ansiBrightGreen#00f769
- terminal.ansiBrightMagenta#988bc7
- terminal.ansiBrightRed#ed4556
- terminal.ansiBrightWhite#f7f7fb
- terminal.ansiBrightYellow#e7de79
- terminal.ansiCyan#a1efe4
- terminal.ansiGreen#67e480
- terminal.ansiMagenta#988bc7
- terminal.ansiRed#ff79c6
- terminal.ansiWhite#e1e1e6
- terminal.ansiYellow#e7de79
- terminal.background#191622
- terminal.foreground#e1e1e6
- terminal.selectionBackground#483c6745
- terminalCursor.background#201b2d
- terminalCursor.foreground#e1e1e6
- titleBar.activeBackground#13111b
- titleBar.activeForeground#e1e1e6
- titleBar.inactiveBackground#15121e
- titleBar.inactiveForeground#483c67
- walkThrough.embeddedEditorBackground#13111b
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| emphasis | — | italic |
| strong | — | bold |
| header | #78D1E1 | — |
| source | #E1E1E6 | — |
| meta.diff, meta.diff.header | #483C67 | — |
| markup.inserted | #67E480 | — |
| markup.deleted | #E96379 | — |
| markup.changed | #E89E64 | — |
| invalid | #E96379 | underline italic |
| invalid.deprecated | #E1E1E6 | underline italic |
| entity.name.filename | #E7DE79 | — |
| markup.error | #E96379 | — |
| markup.underline | — | underline |
| markup.bold | #E89E64 | bold |
| markup.heading | #78D1E1 | bold |
| markup.italic | #E7DE79 | italic |
| beginning.punctuation.definition.list.markdown, beginning.punctuation.definition.quote.markdown, punctuation.definition.link.restructuredtext | #988BC7 | — |
| markup.inline.raw, markup.raw.restructuredtext | #67E480 | — |
| markup.underline.link, markup.underline.link.image | #988BC7 | — |
| meta.link.reference.def.restructuredtext, punctuation.definition.directive.restructuredtext, string.other.link.description, string.other.link.title | #FF79C6 | — |
| entity.name.directive.restructuredtext, markup.quote | #E7DE79 | italic |
| meta.separator.markdown | #483C67 | — |
| fenced_code.block.language, markup.raw.inner.restructuredtext, markup.fenced_code.block.markdown punctuation.definition.markdown | #67E480 | — |
| punctuation.definition.constant.restructuredtext | #78D1E1 | — |
| markup.heading.markdown punctuation.definition.string.begin, markup.heading.markdown punctuation.definition.string.end | #78D1E1 | — |
| meta.paragraph.markdown punctuation.definition.string.begin, meta.paragraph.markdown punctuation.definition.string.end | #E1E1E6 | — |
| markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.begin, markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.end | #E7DE79 | — |
| entity.name.type.class, entity.name.class | #988BC7 | normal |
| keyword.expressions-and-types.swift, keyword.other.this, variable.language, variable.language punctuation.definition.variable.php, variable.other.readwrite.instance.ruby, variable.parameter.function.language.special | #78D1E1 | italic |
| entity.other.inherited-class | #988BC7 | italic |
| comment, punctuation.definition.comment, unused.comment, wildcard.comment | #483C67 | — |
| comment keyword.codetag.notation, comment.block.documentation keyword, comment.block.documentation storage.type.class | #FF79C6 | — |
| comment.block.documentation entity.name.type | #988BC7 | italic |
| comment.block.documentation entity.name.type punctuation.definition.bracket | #988BC7 | — |
| comment.block.documentation variable | #E89E64 | italic |
| constant, variable.other.constant | #78D1E1 | — |
| constant.character.escape, constant.character.string.escape, constant.regexp | #FF79C6 | — |
| entity.name.tag | #FF79C6 | — |
| entity.other.attribute-name.parent-selector | #FF79C6 | — |
| entity.other.attribute-name | #67E480 | italic |
| entity.name.function, meta.function-call.generic, meta.function-call.object, meta.function-call.php, meta.function-call.static, meta.method-call.java meta.method, meta.method.groovy, support.function.any-method.lua, keyword.operator.function.infix | #67E480 | — |
| entity.name.variable.parameter, meta.at-rule.function variable, meta.at-rule.mixin variable, meta.function.arguments variable.other.php, meta.selectionset.graphql meta.arguments.graphql variable.arguments.graphql, variable.parameter | #E89E64 | italic |
| meta.decorator variable.other.readwrite, meta.decorator variable.other.property | #67E480 | italic |
| meta.decorator variable.other.object | #67E480 | — |
| keyword, punctuation.definition.keyword | #FF79C6 | — |
| keyword.control.new, keyword.operator.new | — | bold |
| meta.selector | #FF79C6 | — |
| support | #988BC7 | italic |
| support.function.magic, support.variable, variable.other.predefined | #78D1E1 | regular |
| support.function, support.type.property-name | — | regular |
| constant.other.symbol.hashkey punctuation.definition.constant.ruby, entity.other.attribute-name.placeholder punctuation, entity.other.attribute-name.pseudo-class punctuation, entity.other.attribute-name.pseudo-element punctuation, meta.group.double.toml, meta.group.toml, meta.object-binding-pattern-variable punctuation.destructuring, punctuation.colon.graphql, punctuation.definition.block.scalar.folded.yaml, punctuation.definition.block.scalar.literal.yaml, punctuation.definition.block.sequence.item.yaml, punctuation.definition.entity.other.inherited-class, punctuation.function.swift, punctuation.separator.dictionary.key-value, punctuation.separator.hash, punctuation.separator.inheritance, punctuation.separator.key-value, punctuation.separator.key-value.mapping.yaml, punctuation.separator.namespace, punctuation.separator.pointer-access, punctuation.separator.slice, string.unquoted.heredoc punctuation.definition.string, support.other.chomping-indicator.yaml, punctuation.separator.annotation | #FF79C6 | — |
| keyword.operator.other.powershell, keyword.other.statement-separator.powershell, meta.brace.round, meta.function-call punctuation, punctuation.definition.arguments.begin, punctuation.definition.arguments.end, punctuation.definition.entity.begin, punctuation.definition.entity.end, punctuation.definition.tag.cs, 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 | #E1E1E6 | — |
| 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 | — |
| entity.name.function.target.makefile, entity.name.section.toml, entity.name.tag.yaml, variable.other.key.toml | #988BC7 | — |
| constant.other.date, constant.other.timestamp | #E89E64 | — |
| variable.other.alias.yaml | #67E480 | italic underline |
| storage, meta.implementation storage.type.objc, meta.interface-or-protocol storage.type.objc, source.groovy storage.type.def | #FF79C6 | regular |
| entity.name.type, keyword.primitive-datatypes.swift, keyword.type.cs, meta.protocol-list.objc, meta.return-type.objc, source.go storage.type, source.groovy storage.type, source.java storage.type, source.powershell entity.other.attribute-name, storage.class.std.rust, storage.type.attribute.swift, storage.type.c, storage.type.core.rust, storage.type.cs, storage.type.groovy, storage.type.objc, storage.type.php, storage.type.haskell, storage.type.ocaml | #988BC7 | italic |
| entity.name.type.type-parameter, meta.indexer.mappedtype.declaration entity.name.type, meta.type.parameters entity.name.type | #E89E64 | — |
| storage.modifier | #FF79C6 | — |
| string.regexp, constant.other.character-class.set.regexp, constant.character.escape.backslash.regexp | #E7DE79 | — |
| punctuation.definition.group.capture.regexp | #FF79C6 | — |
| string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end | #E96379 | — |
| punctuation.definition.character-class.regexp | #988BC7 | — |
| punctuation.definition.group.regexp | #E89E64 | — |
| punctuation.definition.group.assertion.regexp, keyword.operator.negation.regexp | #E96379 | — |
| meta.assertion.look-ahead.regexp | #67E480 | — |
| string | #E7DE79 | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #E7DE79 | — |
| punctuation.support.type.property-name.begin, punctuation.support.type.property-name.end | #7159C1 | — |
| 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 | #483C67 | — |
| variable, constant.other.key.perl, support.variable.property, variable.other.constant.js, variable.other.constant.ts, variable.other.constant.tsx | #E1E1E6 | — |
| meta.import variable.other.readwrite, meta.object-binding-pattern-variable variable.object.property, meta.variable.assignment.destructured.object.coffee variable | #E89E64 | italic |
| meta.import variable.other.readwrite.alias, meta.export variable.other.readwrite.alias, meta.variable.assignment.destructured.object.coffee variable variable | #E1E1E6 | normal |
| meta.selectionset.graphql variable | #E7DE79 | — |
| meta.selectionset.graphql meta.arguments variable | #E1E1E6 | — |
| entity.name.fragment.graphql, variable.fragment.graphql | #988BC7 | — |
| constant.other.symbol.hashkey.ruby, keyword.operator.dereference.java, keyword.operator.navigation.groovy, meta.scope.for-loop.shell punctuation.definition.string.begin, meta.scope.for-loop.shell punctuation.definition.string.end, meta.scope.for-loop.shell string, storage.modifier.import, punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx, punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx, punctuation.separator.list.comma.css, constant.language.empty-list.haskell | #E1E1E6 | — |
| source.shell variable.other | #78D1E1 | — |
| support.constant | #78D1E1 | normal |
| meta.scope.prerequisites.makefile | #E7DE79 | — |
| meta.attribute-selector.scss | #E7DE79 | — |
| punctuation.definition.attribute-selector.end.bracket.square.scss, punctuation.definition.attribute-selector.begin.bracket.square.scss | #E1E1E6 | — |
| meta.preprocessor.haskell | #483C67 | — |
| entity.name.type.instance.js | #988BC7 | underline |
| entity.name.class.js | #988BC7 | underline |
| variable.other.class.js | #988BC7 | underline |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
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#191324
- activityBar.border#191324
- activityBar.foreground#524763
- activityBarBadge.background#82d8d8
- activityBarBadge.foreground#191324
- badge.background#82d8d8
- badge.foreground#191324
- button.background#82d8d8
- button.foreground#191324
- button.hoverBackground#9ce0e0
- contrastBorder#ffffff00
- debugExceptionWidget.background#191324
- debugExceptionWidget.border#aaaaaa
- debugToolBar.background#191324
- descriptionForeground#aaaaaa
- diffEditor.insertedTextBackground#3ad90011
- diffEditor.insertedTextBorder#3ad90055
- diffEditor.removedTextBackground#ee3a4311
- diffEditor.removedTextBorder#ee3a4355
- dropdown.background#191324
- dropdown.border#191324
- dropdown.foreground#ffffff
- editor.background#191324
- editor.findMatchBackground#e54b4b
- editor.findMatchHighlightBackground#cad40f66
- editor.findRangeHighlightBackground#243e51
- editor.foreground#ffffff
- editor.hoverHighlightBackground#52476333
- editor.inactiveSelectionBackground#191324
- editor.lineHighlightBackground#00000000
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#52476366
- editor.selectionBackground#52476366
- editor.selectionHighlightBackground#524763
- editor.wordHighlightBackground#ffffff0d
- editor.wordHighlightStrongBackground#ffffff0d
- editorBracketMatch.background#00000000
- editorBracketMatch.border#00000000
- editorCodeLens.foreground#aaaaaa
- editorCursor.foreground#ffffff
- editorError.border#9887b3
- editorError.foreground#e54b4b
- editorGroup.background#e54b4b
- editorGroup.border#191324
- editorGroup.dropBackground#19132499
- editorGroupHeader.noTabsBackground#191324
- editorGroupHeader.tabsBackground#191324
- editorGroupHeader.tabsBorder#191324
- editorGutter.addedBackground#ffc62910
- editorGutter.background#19132466
- editorGutter.deletedBackground#ff2e2e10
- editorGutter.modifiedBackground#1fb64410
- editorHoverWidget.background#191324
- editorHoverWidget.border#191324
- editorIndentGuide.background#3b5364
- editorLineNumber.foreground#373142
- editorLink.activeForeground#524763
- editorMarkerNavigation.background#3b536433
- editorMarkerNavigationError.background#e54b4b
- editorMarkerNavigationWarning.background#524763
- editorOverviewRuler.addedForeground#1fb644
- editorOverviewRuler.border#191324
- editorOverviewRuler.commonContentForeground#52476355
- editorOverviewRuler.currentContentForeground#ee3a4355
- editorOverviewRuler.deletedForeground#ff2e2e
- editorOverviewRuler.incomingContentForeground#3ad90055
- editorOverviewRuler.modifiedForeground#ffc629
- editorRuler.foreground#524763
- editorSuggestWidget.background#191324
- editorSuggestWidget.border#191324
- editorSuggestWidget.foreground#ffffff
- editorSuggestWidget.highlightForeground#82d8d8
- editorSuggestWidget.selectedBackground#524763
- editorWarning.border#ffffff00
- editorWarning.foreground#524763
- editorWhitespace.foreground#303030
- editorWidget.background#191324
- editorWidget.border#191324
- errorForeground#e54b4b
- extensionButton.prominentBackground#82d8d8
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#ff9d00
- focusBorder#191324
- foreground#aaaaaa
- gitDecoration.deletedResourceForeground#e54b4b
- gitDecoration.ignoredResourceForeground#52476380
- gitDecoration.modifiedResourceForeground#82d8d8
- gitDecoration.untrackedResourceForeground#cbe56c
- input.background#291f3a
- input.border#191324
- input.foreground#9d8bbb
- input.placeholderForeground#aaaaaa
- inputOption.activeBorder#191324
- inputValidation.errorBackground#191324
- inputValidation.errorBorder#524763dd
- inputValidation.infoBackground#191324
- inputValidation.infoBorder#191324
- inputValidation.warningBackground#191324
- inputValidation.warningBorder#524763
- list.activeSelectionBackground#191324
- list.activeSelectionForeground#aaaaaa
- list.dropBackground#191324
- list.focusBackground#524763
- list.focusForeground#aaaaaa
- list.highlightForeground#cbe56c
- list.hoverBackground#191324
- list.hoverForeground#aaaaaa
- list.inactiveSelectionBackground#191324
- list.inactiveSelectionForeground#aaaaaa
- merge.border#ffffff00
- merge.commonContentBackground#ffffff00
- merge.commonHeaderBackground#ffffff00
- merge.currentContentBackground#ffffff00
- merge.currentHeaderBackground#ffffff00
- merge.incomingContentBackground#ffffff00
- merge.incomingHeaderBackground#ffffff00
- panel.background#191324
- panel.border#524763
- panelTitle.activeBorder#524763
- panelTitle.activeForeground#524763
- panelTitle.inactiveForeground#aaaaaa
- peekView.border#191324
- peekViewEditor.background#191324
- peekViewEditor.matchHighlightBackground#191324
- peekViewEditorGutter.background#191324
- peekViewResult.background#191324
- peekViewResult.fileForeground#aaaaaa
- peekViewResult.lineForeground#ffffff
- peekViewResult.matchHighlightBackground#191324
- peekViewResult.selectionBackground#191324
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#191324
- peekViewTitleDescription.foreground#aaaaaa
- peekViewTitleLabel.foreground#524763
- pickerGroup.border#191324
- pickerGroup.foreground#aaaaaa
- progressBar.background#524763
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#524763cc
- scrollbarSlider.background#52476380
- scrollbarSlider.hoverBackground#524763cc
- selection.background#82d8d8
- sideBar.background#191324
- sideBar.border#52476366
- sideBar.foreground#524763
- sideBarSectionHeader.background#191324
- sideBarSectionHeader.foreground#aaaaaa
- sideBarTitle.foreground#aaaaaa
- statusBar.background#191324
- statusBar.border#191324
- statusBar.debuggingBackground#191324
- statusBar.debuggingForeground#191324
- statusBar.foreground#524763
- statusBar.noFolderBackground#191324
- statusBar.noFolderForeground#524763
- statusBarItem.activeBackground#82d8d8
- statusBarItem.hoverBackground#191324
- statusBarItem.prominentBackground#191324
- statusBarItem.prominentHoverBackground#191324
- tab.activeBackground#191324
- tab.activeBorder#82d8d8
- tab.activeForeground#82d8d8
- tab.border#191324
- tab.inactiveBackground#191324
- tab.inactiveForeground#aaaaaa
- tab.unfocusedActiveForeground#aaaaaa
- tab.unfocusedInactiveForeground#aaaaaa
- terminal.ansiBlack#ff0000
- terminal.ansiBlue#82d8d8
- terminal.ansiBrightBlack#0050a4
- terminal.ansiBrightBlue#82d8d8
- terminal.ansiBrightCyan#80fcff
- terminal.ansiBrightGreen#3ad900
- terminal.ansiBrightMagenta#cf256d
- terminal.ansiBrightRed#ff628c
- terminal.ansiBrightWhite#191324
- terminal.ansiBrightYellow#524763
- terminal.ansiCyan#80fcff
- terminal.ansiGreen#3ad900
- terminal.ansiMagenta#cf256d
- terminal.ansiRed#ff628c
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#524763
- terminal.background#191324
- terminal.foreground#ffffff
- terminalCursor.background#524763
- terminalCursor.foreground#524763
- textBlockQuote.background#191324
- textBlockQuote.border#82d8d8
- textCodeBlock.background#191324
- textLink.activeForeground#82d8d8
- textLink.foreground#82d8d8
- textPreformat.foreground#524763
- textSeparator.foreground#191324
- titleBar.activeBackground#191324
- titleBar.activeForeground#ffffff
- titleBar.inactiveBackground#191324
- titleBar.inactiveForeground#ffffff33
- walkThrough.embeddedEditorBackground#191324
- welcomePage.buttonBackground#191324
- welcomePage.buttonHoverBackground#191324
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #82D8D8 | italic |
| constant | #FF628C | — |
| entity | #82D8D8 | — |
| invalid | #800F00 | — |
| keyword, storage.type.class.js | #E54B4B | — |
| meta | #9EFFFF | — |
| meta.brace | #9588AA | — |
| punctuation | #9588AA | — |
| punctuation.definition.parameters | #CBE56C | — |
| punctuation.definition.template-expression | #CBE56C | — |
| storage | #82D8D8 | — |
| storage.type.function.arrow | #82D8D8 | — |
| string, punctuation.definition.string | #CBE56C | — |
| string.template, punctuation.definition.string.template | #CBE56C | — |
| support | #CF256D | — |
| support.function | #FF9D00 | — |
| support.variable.property.dom | #B8B0C6 | — |
| variable | #B8B0C6 | — |
| source.css entity, source.stylus entity | #B8B0C6 | — |
| entity.other.attribute-name.id.css | #82D8D8 | — |
| entity.name.tag | #CF256D | — |
| source.css support, source.stylus support | #CBE56C | — |
| source.css constant, source.css support.constant, source.stylus constant, source.stylus support.constant | #82D8D8 | — |
| source.css string, source.css punctuation.definition.string, source.stylus string, source.stylus punctuation.definition.string | #82D8D8 | — |
| source.css variable, source.stylus variable | #9588AA | — |
| text.html.basic entity.name | #9588AA | — |
| meta.toc-list.id.html | #CBE56C | — |
| text.html.basic entity.other | #B8B0C6 | italic |
| meta.tag.metadata.script.html entity.name.tag.html | #B8B0C6 | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #92FC79 | — |
| source.ini entity | #E1EFFF | — |
| source.ini keyword | #524763 | — |
| source.ini punctuation.definition | #FFEE80 | — |
| source.ini punctuation.separator | #FF9D00 | — |
| source.js storage.type.function | #CF256D | — |
| variable.language, entity.name.type.class.js | #CF256D | — |
| entity.other.inherited-class.js | #CCCCCC | — |
| variable.parameter.function.language.special.self.python | #CF256D | — |
| source.json support | #B8B0C6 | — |
| source.json string, source.json punctuation.definition.string | #E1EFFF | — |
| punctuation.definition.heading.markdown | #E1EFFF | — |
| entity.name.section.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown | #E54B4B | bold |
| meta.paragraph.markdown | #E1EFFF | — |
| beginning.punctuation.definition.quote.markdown | #524763 | — |
| markup.quote.markdown meta.paragraph.markdown | #9EFFFF | italic |
| meta.separator.markdown | #524763 | — |
| markup.bold.markdown | #9EFFFF | bold |
| markup.italic.markdown | #9EFFFF | italic |
| beginning.punctuation.definition.list.markdown | #524763 | — |
| string.other.link.title.markdown | #CBE56C | — |
| string.other.link.title.markdown, string.other.link.description.markdown, string.other.link.description.title.markdown | #CBE56C | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #9EFFFF | — |
| fenced_code.block.language, markup.inline.raw.markdown | #9EFFFF | — |
| fenced_code.block.language, markup.inline.raw.markdown | #9EFFFF | — |
| text.jade entity.name | #9EFFFF | — |
| text.jade entity.other.attribute-name.tag | — | italic |
| text.jade string.interpolated | #FFEE80 | — |
| source.ts entity.name.type | #80FFBB | — |
| source.ts keyword | #524763 | — |
| source.ts punctuation.definition.parameters | #E1EFFF | — |
| meta.arrow.ts punctuation.definition.parameters | #FFEE80 | — |
| source.ts storage | #9EFFFF | — |
| source.php entity | #9EFFFF | — |
| variable.other.php | #524763 | — |
| modifier, this, comment, storage.modifier.js, entity.other.attribute-name.js | — | italic |
| entity.name.type.instance.js | #FF9D00 | underline |
| entity.name.class.js | #FF9D00 | underline |
| variable.other.class.js | #FF9D00 | underline |
| support.type.object.module.js | #FF9D00 | underline |
| comment, punctuation.definition.comment | #524763 | |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
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.activeBorder#000000
- activityBar.background#000000
- activityBar.border#000000
- activityBar.foreground#ffff7e
- activityBar.inactiveForeground#71be67
- activityBarBadge.background#80cbc4
- activityBarBadge.foreground#000000
- badge.background#00000030
- badge.foreground#464b5d
- breadcrumb.activeSelectionForeground#ffffff
- breadcrumb.background#000000
- breadcrumb.focusForeground#ffffff
- breadcrumb.foreground#c692fa
- breadcrumbPicker.background#000000
- button.background#717cb450
- button.hoverBackground#77777727
- debugToolBar.background#000000
- diffEditor.insertedTextBackground#c3e88d15
- diffEditor.removedTextBackground#ff537020
- dropdown.background#000000
- dropdown.border#000000
- dropdown.foreground#00ffff
- editor.background#000000
- editor.findMatchBackground#000000
- editor.findMatchBorder#80cbc4
- editor.findMatchHighlightBackground#00000050
- editor.findMatchHighlightBorder#ffffff30
- editor.foreground#8f93a2
- editor.lineHighlightBackground#00000000
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#717cb450
- editor.selectionHighlightBackground#ffcc0020
- editor.snippetTabstopHighlightBackground#ffffff15
- editor.snippetTabstopHighlightBorder#000000
- editorBracketMatch.background#00000000
- editorBracketMatch.border#00000000
- editorCursor.foreground#ffcc00
- editorError.foreground#ff537070
- editorGroup.border#00000030
- editorGroupHeader.tabsBackground#000000
- editorGutter.addedBackground#ffc62910
- editorGutter.deletedBackground#ff2e2e10
- editorGutter.modifiedBackground#1fb64410
- editorHoverWidget.background#0f111a
- editorHoverWidget.border#ffffff10
- editorIndentGuide.activeBackground#3b3f51
- editorIndentGuide.background#3b3f5170
- editorInfo.foreground#82aaff70
- editorLineNumber.activeForeground#525975
- editorLineNumber.foreground#3b3f5180
- editorLink.activeForeground#8f93a2
- editorMarkerNavigation.background#8f93a205
- editorOverviewRuler.addedForeground#1fb644
- editorOverviewRuler.border#000000
- editorOverviewRuler.deletedForeground#ff2e2e
- editorOverviewRuler.errorForeground#ff537040
- editorOverviewRuler.findMatchForeground#80cbc4
- editorOverviewRuler.infoForeground#82aaff40
- editorOverviewRuler.modifiedForeground#ffc629
- editorOverviewRuler.warningForeground#ffcb6b40
- editorRuler.foreground#3b3f51
- editorSuggestWidget.background#000000
- editorSuggestWidget.border#000000
- editorSuggestWidget.foreground#8f93a2
- editorSuggestWidget.highlightForeground#80cbc4
- editorSuggestWidget.selectedBackground#ffffff15
- editorWarning.foreground#ffcb6b70
- editorWhitespace.foreground#303030
- editorWidget.background#0f111a
- editorWidget.border#ff0000
- editorWidget.resizeBorder#80cbc4
- extensionButton.prominentBackground#c3e88d90
- extensionButton.prominentHoverBackground#c3e88d
- focusBorder#000000
- foreground#ffffff93
- gitDecoration.conflictingResourceForeground#ffcb6b90
- gitDecoration.deletedResourceForeground#ff537090
- gitDecoration.ignoredResourceForeground#52597590
- gitDecoration.modifiedResourceForeground#82aaff90
- gitDecoration.untrackedResourceForeground#c3e88d90
- input.background#000000
- input.border#ffffff10
- input.foreground#eeffff
- input.placeholderForeground#777777
- inputOption.activeBackground#8f93a230
- inputOption.activeBorder#8f93a230
- inputValidation.errorBorder#ff537050
- inputValidation.infoBorder#82aaff50
- inputValidation.warningBorder#ffcb6b50
- list.activeSelectionBackground#0f111a
- list.activeSelectionForeground#ffffff
- list.focusBackground#8f93a220
- list.focusForeground#ffffff
- list.highlightForeground#80cbc4
- list.hoverBackground#0f111a
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#0f111a
- list.inactiveSelectionForeground#ffffff
- listFilterWidget.background#00000030
- listFilterWidget.noMatchesOutline#00000030
- listFilterWidget.outline#00000030
- menu.background#0f111a
- menu.foreground#8f93a2
- menu.selectionBackground#00000050
- menu.selectionBorder#00000030
- menu.selectionForeground#80cbc4
- menu.separatorBackground#8f93a2
- menubar.selectionBackground#00000030
- menubar.selectionBorder#00000030
- menubar.selectionForeground#80cbc4
- notificationLink.foreground#80cbc4
- notifications.background#0f111a
- notifications.foreground#8f93a2
- panel.background#000000
- panel.border#20474b
- panelTitle.activeBorder#80cbc4
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#8f93a2
- peekView.border#00000030
- peekViewEditor.background#8f93a205
- peekViewEditor.matchHighlightBackground#717cb450
- peekViewEditorGutter.background#8f93a205
- peekViewResult.background#8f93a205
- peekViewResult.matchHighlightBackground#717cb450
- peekViewResult.selectionBackground#52597570
- peekViewTitle.background#8f93a205
- peekViewTitleDescription.foreground#8f93a260
- pickerGroup.foreground#80cbc4
- progressBar.background#80cbc4
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#ffffff7e
- scrollbarSlider.background#7e7e7e7e
- scrollbarSlider.hoverBackground#ffffff46
- selection.background#80cbc4
- settings.checkboxBackground#0f111a
- settings.checkboxForeground#8f93a2
- settings.dropdownBackground#000000
- settings.dropdownForeground#00ff00
- settings.dropdownListBorder#000000
- settings.headerForeground#80cbc4
- settings.modifiedItemIndicator#00ffff
- settings.numberInputBackground#000000
- settings.numberInputBorder#000000
- settings.numberInputForeground#ffff00
- settings.textInputBackground#000000
- settings.textInputBorder#000000
- settings.textInputForeground#ff00ff
- sideBar.background#000000
- sideBar.border#20474b
- sideBar.foreground#525975
- sideBarSectionHeader.background#000000
- sideBarSectionHeader.border#0f111a60
- sideBarSectionHeader.foreground#ff7700
- sideBarTitle.foreground#00ffff
- statusBar.background#000000
- statusBar.border#000000
- statusBar.debuggingBackground#000000
- statusBar.debuggingForeground#7e7e7e
- statusBar.foreground#00ffff
- statusBar.noFolderBackground#0f111a
- statusBarItem.hoverBackground#01fdfd1a
- statusBarItem.remoteBackground#80cbc4
- statusBarItem.remoteForeground#000000
- tab.activeBorder#000000
- tab.activeForeground#ffffff
- tab.activeModifiedBorder#525975
- tab.border#000000
- tab.inactiveBackground#000000
- tab.inactiveForeground#777777
- tab.unfocusedActiveBorder#464b5d
- tab.unfocusedActiveForeground#8f93a2
- terminal.ansiBlack#000000
- terminal.ansiBlue#82aaff
- terminal.ansiBrightBlack#464b5d
- terminal.ansiBrightBlue#82aaff
- terminal.ansiBrightCyan#89ddff
- terminal.ansiBrightGreen#c3e88d
- terminal.ansiBrightMagenta#bb77ff
- terminal.ansiBrightRed#ff5370
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffcb6b
- terminal.ansiCyan#89ddff
- terminal.ansiGreen#c3e88d
- terminal.ansiMagenta#bb77ff
- terminal.ansiRed#ff5370
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#ffcb6b
- terminal.background#000000
- terminalCursor.background#000000
- terminalCursor.foreground#ffcb6b
- textLink.activeForeground#8f93a2
- textLink.foreground#80cbc4
- titleBar.activeBackground#000000
- titleBar.activeForeground#00ff62b9
- titleBar.border#000000
- titleBar.inactiveBackground#0f111a
- titleBar.inactiveForeground#525975
- tree.indentGuidesStroke#3b3f51
- widget.shadow#00000030
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.quoted.docstring | #464B5D | italic |
| variable, string constant.other.placeholder | #8F93A2 | — |
| constant.other.php | #FFCB6B | — |
| constant.other.color | #FFFFFF | — |
| invalid, invalid.illegal | #FF5370 | — |
| invalid.deprecated | #BB77FF | — |
| keyword, storage.type, storage.modifier | #BB77FF | — |
| Keyword, Storage | — | italic |
| constant.other.color, punctuation.definition.tag, punctuation, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #89DDFF | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #F07178 | — |
| entity.name.function, variable.function, keyword.other.special-method | #82AAFF | — |
| source.cpp meta.block variable.other | #F07178 | — |
| variable.other.constant | #F07178 | — |
| support.other.variable, string.other.link | #F07178 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other | #F78C6C | — |
| variable.parameter.function.language.special, variable.parameter | #FF5370 | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #C3E88D | |
| entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #FFCB6B | — |
| support.type | #B2CCD6 | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #B2CCD6 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #FF5370 | — |
| variable.language | #FF5370 | italic |
| entity.name.method.js | #82AAFF | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #82AAFF | — |
| entity.other.attribute-name | #BB77FF | italic |
| entity.other.attribute-name.class | #FFCB6B | — |
| source.sass keyword.control | #82AAFF | — |
| markup.inserted | #C3E88D | — |
| markup.deleted | #FF5370 | — |
| markup.changed | #BB77FF | — |
| string.regexp | #89DDFF | — |
| constant.character.escape | #89DDFF | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #82AAFF | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #FF5370 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #BB77FF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFCB6B | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #F78C6C | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FF5370 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C17E70 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #82AAFF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #F07178 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #BB77FF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C3E88D | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #8F93A2 | — |
| text.html.markdown markup.inline.raw.markdown | #BB77FF | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #80869E50 | — |
| text.html.markdown meta.dummy.line-break | #FF7E00 | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #C3E88D | — |
| markup.italic | #F07178 | italic |
| markup.bold, markup.bold string | #F07178 | |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #F07178 | |
| markup.underline | #F78C6C | underline |
| markup.strike | #FF007E | |
| markup.quote punctuation.definition.blockquote.markdown | #80869E50 | — |
| markup.quote | #7EFF00 | italic |
| string.other.link.title.markdown | #82AAFF | — |
| string.other.link.description.title.markdown | #BB77FF | — |
| constant.other.reference.link.markdown | #FFCB6B | — |
| markup.raw.block | #BB77FF | — |
| markup.fenced_code.block.markdown, markup.inline.raw.string.markdown | #8F93A290 | — |
| variable.language.fenced.markdown | #80869E50 | — |
| meta.separator | #80869E50 | |
| markup.table | #8F93A2 | — |
| comment | #7E7E7E | |
| punctuation.definition.comment | #7E7E7E | |
| string | #FF7EFF | |
| constant.numeric | #FFFF00 | |
| entity.name.type | #FF3B3B | |
| entity.name.class | #FF3B3B | |
| support.type | #FF3B3B | |
| support.class | #FF3B3B | |
| entity.name.function | #7EFF7E | |
| variable | #7EFFFF | |
| entity.name.variable | #7EFFFF | |
| entity.name.type | — | underline |
| keyword.operator | #FFFF7E | — |
| keyword.operator.arithmetic | #FFFF00 | |
| keyword.operator.assignment | #FFFFFF | |
| keyword.operator.logical | #FFAEAE | italic |
| keyword.operator.new | #FFFFFF8A | |
| punctuation.definition.string.begin, punctuation.definition.string.end | #FF7EFF | |
| storage.type | #007EFF | |
| support.function | #FF0000 | italic |
| support.variable | #FC6A0F | |
| variable.language | #FF7E7E | |
| variable.parameter | #CBF2FF | italic |
| variable.other.readwrite | #FFFFFF | |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| entity.name | — | italic |
| constant | — | |
| string.quoted.single | — | |
| punctuation.separator | — | italic |
| punctuation.terminator | — | italic |
| meta.object-literal.key | #FF9191 | |
| comment.block | #7F0000 | |
| constant.language.boolean.false, constant.language.boolean.true, constant.language.nan, constant.language.null, constant.language.undefined, keyword.operator.comparison, constant.language.infinity, keyword.operator.expression.typeof, keyword.operator.expression.instanceof, keyword.operator.expression.is | #3FBFFF | |
| constant.numeric.binary, constant.numeric.decimal, constant.numeric.hex, constant.numeric.octal, keyword.operator.decrement, keyword.operator.increment, keyword.operator.arithmetic, keyword.operator.assignment.compound, keyword.operator.relational, support.constant.math, support.function.math, support.constant.property.math | #FFFF00 | |
| keyword.control.conditional, keyword.operator.ternary, keyword.control.switch | #FF7F00 | italic |
| keyword.control.flow | #FFB648 | |
| keyword.control.loop | #FF7FFF | italic |
| keyword.control.new, entity.name.type, keyword.operator.new | #AB5F23 | |
| keyword.control.trycatch | #FF0000 | italic |
| keyword.operator.expression.delete | #FF0000 | |
| keyword.operator.logical, keyword.operator.assignment.compound.bitwise, keyword.operator.bitwise | #FFAEAE | italic |
| punctuation.accessor | #FFFFFF | |
| entity.name.function | #7FFF00 | italic |
| storage.type.function.arrow | #7FFF00 | italic |
| storage.type.function | #7F00FF | italic |
| string.quoted.double, punctuation.definition.string.begin, punctuation.definition.string.end | #FF00FF | |
| string.quoted.single | #FFBF00 | |
| support.class.builtin | #B69100 | |
| support.function.dom | #FF4848 | italic |
| support.function.promise | #DAFF91 | italic |
| support.variable.property.dom | #FF9100 | |
| variable.language.arguments | #CBF2FF | italic |
| variable.language.this | #FFB648 | |
| variable.other.constant | #FFFFFF | underline |
| variable.other.constant.object | #FF9191 | underline |
| variable.other.object | #00FFFF | |
| variable.other.object.property | #FF9191 | |
| variable.other.property | #FF9191 | |
| variable.other.readwrite | #FFFFFF | — |
| storage.type | #7F00FF | |
| keyword.operator.assignment | #FFFFFF | — |
| variable.parameter | #CBF2FF | italic |
| support.function.console, support.class.console | #FF0000 | |
| punctuation.terminator.statement | — | |
| variable.other.constant.object | #00FFFF | |
| support.class.builtin | #AE00FF | |
| entity.name.type | #23AB6C | |
| keyword.operator.new | #23AB6C | |
| keyword.operator.expression.in.js | #FF7FFF | |
| keyword.operator.expression.of.js | #FF7FFF | |
| storage.type.class | #23AB6C | |
| support.function, keyword.control, support.class.promise | #FF3B3B | |
| storage.modifier.async | #C875FF | |
| keyword.control.import, keyword.control.from, support.type.object.module | #A2F890 | — |
| variable.other.constant | #FFFFFF | |
| support.class.component, entity.name.tag.html | #FF0077 | |
| variable.other.property, meta.object-literal.key | #BB77FF | — |
| storage.type.function | #0077FF | italic |
| storage.type | #0077FF | — |
| keyword.control.trycatch | #FF0077 | — |
| keyword.control.from | #FF7700 | — |
| keyword.control.import | #0077FF | — |
| support.function | #FF7700 | — |
| meta.jsx.children, text.html.derivative | #E4E4E4 | — |
| support.type.object.module | #FFB648 | — |
| support.type.object.module, keyword.control.default, keyword.control.export | #FF7700 | |
| meta.jsx.children | #FF7777 | |
| variable.object.property | #BB77FF | |
| punctuation.destructuring | #00FFFF | |
| punctuation.separator.key-value | #BB77FF | |
| punctuation.separator.comma | #FFFFFF | |
| keyword.control.as | #00FFFF | |
| punctuation.definition.comment | #7F0000 | |
| variable.other.object.property | #BB77FF | — |
| variable.language.this | #00FFFF | |
| punctuation.definition.group.regexp | #FF0000 | |
| constant.other.character-class.regexp | #FFFF00 | |
| meta.group.regexp | #00FFFF | |
| keyword.operator.or.regexp | #FF7700 | |
| keyword.other.js | #00FF00 | |
| keyword.operator.logical | #FF7F00 | |
| storage.type.class | #0077FF | italic |
| support.class | #FF0077 | |
| entity.name.type.class | #FF0077 | |
| entity.name.type | #FF0077 | |
| keyword.operator.new | #00FFFF | |
| comment | #666666 | |
| variable.other.constant | #FFFFFF | italic |
| keyword.control.as | #0077FF | — |
| support.type.primitive | #00FF90 | — |
| keyword.operator.type.annotation | #BB77FF | |
| support.variable.property | #FF7777 | — |
| entity.name.type.interface | #00FFFF | |
| storage.type.property | #BB77FF | — |
| storage.modifier | #FF7777 | — |
| constant.language.infinity | #FFFF00 | |
| constant.language.undefined, keyword.operator.expression.void, constant.language.null | #B4B4B4 | |
| keyword.generator.asterisk | #FFFFFF | italic |
| entity.name.type.module | #3FBFFF | — |
| entity.name.type | #FF8800 | |
| support.type.primitive | #FF0077 | |
| keyword.control.export, keyword.control.from, keyword.control.default, support.type.object.module | #FF4040 | — |
| support.function | #00FF77 | — |
| entity.name.type.instance.js | #FF5370 | underline |
| entity.name.class.js | — | underline |
| variable.other.class.js | — | underline |