Beatles theme
Publisher: sdooodlyThemes in package: 8
An 8-theme pack inspired by the Beatles. Dark and light variants inspired by each Beatle.
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#E0E0DA
- activityBar.foreground#1C1C1A
- badge.background#4A5535
- badge.foreground#FFFFFF
- button.background#4A5535
- button.foreground#FFFFFF
- dropdown.background#FFFFFF
- dropdown.foreground#1C1C1A
- editor.background#F5F5F0
- editor.foreground#1C1C1A
- editor.lineHighlightBackground#EDEDEA
- editor.selectionBackground#D8DCC8
- editorBracketMatch.background#D8DCC840
- editorBracketMatch.border#4A5535
- editorCursor.foreground#4A5535
- editorLineNumber.activeForeground#4A5535
- editorLineNumber.foreground#A0A098
- input.background#FFFFFF
- input.border#C8C8C0
- input.foreground#1C1C1A
- list.activeSelectionBackground#D8DCC8
- list.hoverBackground#E8E8E2
- panel.background#EAEAE5
- sideBar.background#EAEAE5
- sideBar.foreground#1C1C1A
- sideBarTitle.foreground#4A5535
- statusBar.background#4A5535
- statusBar.foreground#FFFFFF
- tab.activeBackground#F5F5F0
- tab.activeForeground#1C1C1A
- tab.inactiveBackground#EAEAE5
- terminal.background#F5F5F0
- terminal.foreground#1C1C1A
- titleBar.activeBackground#EAEAE5
- titleBar.activeForeground#1C1C1A
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8A8A80 | italic |
| string, string.quoted, string.template, string.interpolated | #4A5535 | — |
| constant.character.escape, string.regexp | #3D4A2A | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #1C1C1A | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex | #5C6B40 | — |
| constant.language, support.constant, constant.language.boolean, constant.language.null, constant.language.undefined | #3D4A2A | — |
| keyword, keyword.control, keyword.control.flow, keyword.control.conditional, keyword.control.loop | #1C1C1A | bold |
| storage.type, storage.modifier, keyword.control.def, keyword.control.class | #1C1C1A | bold |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison | #3A3A35 | — |
| entity.name.function, meta.function entity.name.function | #3D4A2A | — |
| meta.function-call entity.name.function, variable.function, support.function, meta.method-call entity.name.function, entity.name.function.call | #3D4A2A | — |
| support.function.builtin, support.function.magic, meta.function-call support.function | #3D4A2A | — |
| meta.method-call, variable.function.member | #3D4A2A | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.type.class | #5C6B40 | — |
| entity.other.inherited-class | #5C6B40 | italic |
| entity.name.type.interface, entity.name.type.parameter, entity.name.type.enum | #4A5535 | — |
| variable, variable.other, variable.other.readwrite | #1C1C1A | — |
| variable.parameter, variable.parameter.function | #3A3A35 | — |
| variable.other.property, variable.other.object.property, meta.object-literal.key, support.variable.property | #3D4A2A | — |
| variable.language, variable.language.this, variable.language.self, variable.language.special | #1C1C1A | italic |
| meta.decorator, entity.name.function.decorator, punctuation.definition.decorator, meta.annotation | #5C6B40 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.other.import | #1C1C1A | — |
| entity.name.import, entity.name.package, support.module | #4A5535 | — |
| entity.name.tag, punctuation.definition.tag | #1C1C1A | bold |
| entity.other.attribute-name | #4A5535 | — |
| support.type.property-name, meta.property-name | #3D4A2A | — |
| support.constant.property-value, meta.property-value | #4A5535 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #5C6B40 | — |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator | #5A5A50 | — |
| markup.heading, entity.name.section | #1C1C1A | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.inline.raw, markup.fenced_code | #4A5535 | — |