🕹 Arcade
Publisher: Chris BaileyThemes in package: 2
Somewhere between neon and pastel
Color themes
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeBackground#e4e4e4
- activityBar.activeBorder#0000
- activityBar.background#ccc
- activityBar.foreground#000
- activityBarTop.activeBackground#e4e4e4
- activityBarTop.activeBorder#0000
- activityBarTop.background#ccc
- editor.background#f1f1f1
- editor.findMatchHighlightBackground#0003
- editor.lineHighlightBackground#ddd
- editor.selectionHighlightBackground#0002
- editorBracketHighlight.foreground1#fb0
- editorBracketHighlight.foreground2#f70
- editorBracketHighlight.foreground3#f20
- editorCursor.foreground#000
- editorGroup.border#bbb
- editorGroupHeader.tabsBackground#ccc
- editorLightBulb.foreground#fe0
- editorLightBulbAutoFix.foreground#3a7
- editorLineNumber.activeForeground#000
- editorLineNumber.foreground#aaa
- editorRuler.foreground#ccc
- editorStickyScroll.background#f1f1f1aa
- editorStickyScroll.shadow#f1f1f1aa
- editorStickyScrollGutter.background#f1f1f1aa
- editorSuggestWidget.background#ddd
- editorSuggestWidget.selectedBackground#bbb
- editorWidget.background#bbb
- input.background#eee
- list.warningForeground#db0
- panel.background#f1f1f1
- scrollbarSlider.background#1111
- sideBar.background#e4e4e4
- statusBar.background#bbb
- statusBar.foreground#000
- tab.activeBackground#f1f1f1
- tab.inactiveBackground#ddd
- terminal.ansiBlack#111
- terminal.ansiBlue#37c
- terminal.ansiBrightBlack#444
- terminal.ansiBrightBlue#00f
- terminal.ansiBrightCyan#069
- terminal.ansiBrightGreen#075
- terminal.ansiBrightMagenta#63b
- terminal.ansiBrightRed#f11
- terminal.ansiBrightWhite#aaa
- terminal.ansiBrightYellow#a90
- terminal.ansiCyan#09a
- terminal.ansiGreen#3a7
- terminal.ansiMagenta#a7f
- terminal.ansiRed#f04
- terminal.ansiWhite#777
- terminal.ansiYellow#cb3
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| anchor | #a7f | — |
| comment | #aaa | — |
| constant | #00f | — |
| constant.character.escape | #aaa | — |
| constant.language.merge | #a7f | — |
| entity | #cb3 | — |
| entity.name.function | #39f | — |
| entity.name.type.anchor | #36f | — |
| entity.name.tag.reference | #36f | — |
| entity.name.context | #333 | — |
| source.github-actions-workflow entity.name, source.yaml entity.name, source.helm entity.name | #a75 | — |
| entity.other.document | #333 | — |
| entity.other.inherited-class | #cb3 | — |
| entity.other.attribute-name | #a75 | — |
| entity.other.attribute-name.attribute | #a75 | — |
| entity.other.attribute-name.parent-selector-suffix punctuation | #cb3 | — |
| source.css entity.other.attribute-name | #cb3 | — |
| text entity.other.attribute-name | #a75 | — |
| entity.other.ng-binding-name.template entity | #a7f | — |
| entity.other.ng-binding-name.property entity | #36f | — |
| entity.other.ng-binding-name.event entity, entity.other.ng-binding-name.two-way entity | #39f | — |
| keyword | #777 | — |
| keyword.control | #a7f | — |
| keyword.control.as, case-clause keyword.control | #63b | — |
| keyword.control.-, keyword.control.@, keyword.control.-@, keyword.control.import, keyword.control.export, keyword.control.from | #777 | — |
| keyword.control.at-rule | #777 | — |
| keyword.control.at-rule.media | #a7f | — |
| keyword.directive | #a75 | — |
| keyword.operator | #333 | — |
| keyword.operator.expression | #a7f | — |
| keyword.operator.expression.import | #777 | — |
| keyword.operator.new | #63b | — |
| keyword.other.important | #333 | — |
| keyword.other.debugger | #a7f | — |
| keyword.other.special-method | #39f | — |
| meta.attribute-selector | #3a7 | — |
| meta.property-name, meta.object-literal.key | #a75 | — |
| meta.function, meta.function-call | #39f | — |
| meta.function support, meta.function-call support | #00f | — |
| meta.brace | #333 | — |
| meta.type, meta.selector | #cb3 | — |
| punctuation | #333 | — |
| punctuation.definition.comment, punctuation.definition.interpolation, punctuation.definition.string, punctuation.definition.tag, punctuation.definition.template-expression, punctuation.definition.type, punctuation.definition.typeparameters, punctuation.definition.variable | #aaa | — |
| punctuation.definition.anchor | #a7f | — |
| punctuation.definition.constant | #777 | — |
| source.nginx punctuation.definition.variable | #777 | — |
| punctuation.section, punctuation.support, punctuation.terminator | #aaa | — |
| punctuation.section.function, punctuation.section.property-list, punctuation.support.function, punctuation.support.property-list, punctuation.terminator.function, punctuation.terminator.property-list | #333 | — |
| storage | #63b | — |
| storage.modifier | #777 | — |
| string | #3a7 | — |
| string.ipaddress | #00f | — |
| support.constant | #00f | — |
| support.constant.mathematical-symbols | #333 | — |
| support.class, support.type | #cb3 | — |
| support.class.property-name, support.class.map.key, support.type.property-name, support.type.map.key | #a75 | — |
| support.class.object.module, support.type.object.module | #777 | — |
| support.function | #39f | — |
| support.variable | #36f | — |
| text.html | #333 | — |
| variable | #36f | — |
| variable.language | #00f | — |
| variable.parameter.url | #3a7 | — |