Lemonade Theme
Publisher: dennerrondinelyThemes in package: 1
A modern theme based on Atom Material with a unique color palette
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#1E2024
- activityBar.foreground#E8E8E8
- activityBarBadge.background#FF6B6B
- activityBarBadge.foreground#FFFFFF
- editor.background#2A2D34
- editor.foreground#E8E8E8
- editorGroup.border#3A3D44
- editorGroupHeader.tabsBackground#1E2024
- panel.background#1E2024
- panel.border#3A3D44
- sideBar.background#1E2024
- sideBar.foreground#E8E8E8
- sideBarTitle.foreground#E8E8E8
- statusBar.background#1E2024
- statusBar.foreground#E8E8E8
- tab.activeBackground#2A2D34
- tab.activeForeground#E8E8E8
- tab.inactiveBackground#1E2024
- tab.inactiveForeground#8B8B8B
- terminal.ansiBlack#1E2024
- terminal.ansiBlue#4ECDC4
- terminal.ansiBrightBlack#3A3D44
- terminal.ansiBrightBlue#4ECDC4
- terminal.ansiBrightCyan#4ECDC4
- terminal.ansiBrightGreen#95E1D3
- terminal.ansiBrightMagenta#FF6B6B
- terminal.ansiBrightRed#FF6B6B
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFD93D
- terminal.ansiCyan#4ECDC4
- terminal.ansiGreen#95E1D3
- terminal.ansiMagenta#FF6B6B
- terminal.ansiRed#FF6B6B
- terminal.ansiWhite#E8E8E8
- terminal.ansiYellow#FFD93D
- terminal.background#1E2024
- terminal.foreground#E8E8E8
- terminal.selectionBackground#3A3D44
- terminal.selectionForeground#E8E8E8
- terminalCursor.background#E8E8E8
- terminalCursor.foreground#FF6B6B
- titleBar.activeBackground#1E2024
- titleBar.activeForeground#E8E8E8
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6A6A6A | — |
| variable, string constant.other.placeholder | #E8E8E8 | — |
| keyword, storage.type, storage.modifier | #FF6B6B | — |
| entity.name.function, support.function | #4ECDC4 | — |
| string, string.quoted | #95E1D3 | — |
| constant.numeric | #FFD93D | — |
| entity.name.type, support.type | #4ECDC4 | — |
| entity.name.class, entity.name.type.class | #4ECDC4 | — |
| keyword.operator | #FF6B6B | — |
| entity.name.tag | #FF6B6B | — |
| entity.other.attribute-name, meta.attribute, meta.attribute.html, meta.attribute.jsx, meta.attribute.tsx, meta.attribute.vue | #95E1D3 | italic |
| string.quoted.double.html, string.quoted.single.html, string.quoted.double.jsx, string.quoted.single.jsx, string.quoted.double.tsx, string.quoted.single.tsx, string.quoted.double.vue, string.quoted.single.vue | #FFD93D | — |
| meta.embedded.expression.jsx, meta.embedded.expression.tsx, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #4ECDC4 | — |
| entity.name.tag.template.vue, entity.name.tag.style.vue, entity.name.tag.script.vue | #FF6B6B | — |
| entity.other.attribute-name.directive.vue, entity.other.attribute-name.directive.argument.vue, entity.other.attribute-name.directive.modifier.vue | #95E1D3 | bold |
| support.type.property-name.css | #4ECDC4 | — |
| support.constant.property-value.css | #95E1D3 | — |
| support.type.property-name.json | #4ECDC4 | — |
| markup.heading | #FF6B6B | — |
| markup.underline.link | #4ECDC4 | — |
| markup.bold | #FFD93D | bold |
| markup.italic | #95E1D3 | italic |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.begin.jsx, punctuation.definition.tag.end.jsx, punctuation.definition.tag.begin.tsx, punctuation.definition.tag.end.tsx, punctuation.definition.tag.begin.vue, punctuation.definition.tag.end.vue, punctuation.definition.tag.xml, punctuation.definition.tag.end.xml | #AEEBFF | — |
| punctuation.definition.tag.self-closing.html, punctuation.definition.tag.self-closing.jsx, punctuation.definition.tag.self-closing.tsx, punctuation.definition.tag.self-closing.vue, punctuation.definition.tag.self-closing.xml | #AEEBFF | — |
| punctuation.definition.tag.html, punctuation.definition.tag.jsx, punctuation.definition.tag.tsx, punctuation.definition.tag.vue, punctuation.definition.tag.xml | #AEEBFF | — |
| punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.definition.string.begin.json, punctuation.definition.string.end.json, punctuation.definition.string.begin.js, punctuation.definition.string.end.js, punctuation.definition.string.begin.ts, punctuation.definition.string.end.ts, punctuation.definition.string.begin.jsx, punctuation.definition.string.end.jsx, punctuation.definition.string.begin.tsx, punctuation.definition.string.end.tsx, punctuation.definition.string.begin.python, punctuation.definition.string.end.python | #AEEBFF | — |
| punctuation.terminator.statement, punctuation.terminator.statement.js, punctuation.terminator.statement.ts, punctuation.terminator.statement.jsx, punctuation.terminator.statement.tsx, punctuation.terminator.statement.css, punctuation.terminator.statement.scss, punctuation.terminator.statement.less | #AEEBFF | — |