Lemonade
Publisher: mekanoideThemes in package: 1
A very dark theme with hints of lemon, lime, orange and grapefruit.
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#bfc21c
- activityBar.background#121212
- activityBar.border#202020
- activityBar.foreground#bfc21c
- activityBar.inactiveForeground#363636
- activityBarBadge.background#bfc21c
- activityBarBadge.foreground#121212
- breadcrumb.activeSelectionForeground#c4c4c4
- breadcrumb.background#121212
- button.background#bfc21c
- button.foreground#121212
- button.secondaryBackground#484848
- button.secondaryForeground#c4c4c4
- editor.background#121212
- editor.foreground#c4c4c4
- editor.lineHighlightBackground#121212
- editor.lineHighlightBorder#989898
- editor.selectionBackground#98989848
- editorBracketHighlight.foreground1#686868
- editorBracketHighlight.foreground2#686868
- editorBracketHighlight.foreground3#686868
- editorBracketHighlight.foreground4#686868
- editorBracketHighlight.foreground5#686868
- editorBracketHighlight.foreground6#686868
- editorBracketHighlight.unexpectedBracket.foreground#686868
- editorCursor.background#bfc21c
- editorCursor.foreground#bfc21c
- editorError.foreground#e94833
- editorGroup.border#202020
- editorGroup.dropBackground#202020
- editorGroupHeader.border#202020
- editorGroupHeader.noTabsBackground#121212
- editorGroupHeader.tabsBackground#121212
- editorGroupHeader.tabsBorder#202020
- editorGutter.addedBackground#4cda3f
- editorGutter.deletedBackground#E94833
- editorGutter.foldingControlForeground#989898
- editorGutter.modifiedBackground#95c44f
- editorInfo.foreground#b48845
- editorLineNumber.activeForeground#bfc21c
- editorLineNumber.foreground#363636
- editorMarkerNavigation.background#121212
- editorMarkerNavigationError.background#E94833
- editorMarkerNavigationInfo.background#b48845
- editorMarkerNavigationWarning.background#bfc21c
- editorWarning.foreground#bfc21c
- editorWidget.background#121212
- editorWidget.border#484848
- editorWidget.foreground#c4c4c4
- editorWidget.resizeBorder#bfc21c
- focusBorder#484848
- gitDecoration.addedResourceForeground#A4EB47
- gitDecoration.conflictingResourceForeground#bfc21c
- gitDecoration.deletedResourceForeground#c98151
- gitDecoration.ignoredResourceForeground#686868
- gitDecoration.modifiedResourceForeground#95c44f
- gitDecoration.stageDeletedResourceForeground#c98151
- gitDecoration.stageModifiedResourceForeground#95c44f
- gitDecoration.submoduleResourceForeground#c4c4c4
- gitDecoration.untrackedResourceForeground#b48845
- input.background#202020
- input.foreground#c4c4c4
- list.activeSelectionBackground#bfc21c
- list.activeSelectionForeground#121212
- list.activeSelectionIconForeground#121212
- list.deemphasizedForeground#686868
- list.highlightForeground#bfc21c
- list.hoverBackground#202020
- list.hoverForeground#c4c4c4
- list.inactiveSelectionBackground#202020
- list.inactiveSelectionForeground#c4c4c4
- list.inactiveSelectionIconForeground#c4c4c4
- menu.background#121212
- menu.border#202020
- menu.foreground#c4c4c4
- menu.selectionBackground#202020
- menu.selectionBorder#202020
- menu.selectionForeground#c4c4c4
- menu.separatorBackground#202020
- minimap.errorHighlight#E94833
- minimap.infoHighlight#b48845
- minimap.selectionHighlight#bfc21c28
- minimap.warningHighlight#bfc21c
- minimapGutter.addedBackground#4cda3f
- minimapGutter.deletedBackground#E94833
- minimapGutter.modifiedBackground#95c44f
- progressBar.background#bfc21c
- selection.background#bfc21c
- sideBar.background#121212
- sideBar.border#202020
- sideBar.foreground#989898
- sideBarSectionHeader.background#121212
- sideBarSectionHeader.border#202020
- sideBarTitle.foreground#989898
- statusBar.background#121212
- statusBar.border#202020
- statusBar.debuggingBackground#c98151
- statusBar.debuggingForeground#121212
- statusBar.foreground#c4c4c4
- statusBar.noFolderBackground#121212
- tab.activeBorder#bfc21c
- tab.activeForeground#c4c4c4
- tab.border#202020
- tab.inactiveBackground#121212
- tab.inactiveForeground#686868
- textLink.foreground#95c44f
- titleBar.activeBackground#121212
- titleBar.activeForeground#989898
- titleBar.border#202020
- titleBar.inactiveBackground#121212
- tree.indentGuidesStroke#484848
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #484848 | |
| storage.type, storage.modifier, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #989898 | — |
| variable, string constant.other.placeholder | #95c44f | — |
| punctuation.separator.key-value, keyword.operator.assignment | #989898 | — |
| meta.object-literal.key.ts, meta.object-literal.key.js | #C4C4C4 | — |
| entity.name.function, entity.name.tag, entity.name.class, support.class.component.html | #bfc21c | — |
| punctuation, punctuation.definition.tag, punctuation.definition.typeparameters.begin, meta.brace.round, meta.function-call punctuation, punctuation.definition.arguments, punctuation.definition.entity, punctuation.definition.type, punctuation.section.scope, string.template meta.brace, meta.tag.block.any.html, punctuation.separator.key-value.html | #686868 | — |
| string | #c98151 | — |
| meta.attribute | #c4c4c4 | — |
| meta.attribute.class.html, text.html.derivative, meta.tag.block.any.html | #989898 | — |
| keyword.control, meta.directive.vue | #c4c4c4 | — |
| support.variable.property.ts, variable.other.property, variable.other.object.property, variable.other.property, variable.other.object.property, variable.other.constant.property | #C4C4C4 | — |
| constant, meta.type.parameters, meta.parameters.ts, entity.name.type | #b4c073 | — |
| support.type.property-name.json.comments, string.json | #bfc21c | — |
| string.quoted.double.json, string.quoted.single.json | #c4c4c4 | — |
| meta.property-value.css | #c98151 | — |
| meta.selector.css, entity.name.tag.css, variable.parameter.keyframe-list.css | #bfc21c | — |
| entity.other.attribute-name.pseudo-class.css | #95c44f | — |
| entity.other.attribute-name.value.css, meta.at-rule.apply.tailwind, meta.at-rule.layer.body.tailwind | #c4c4c4 | — |
| meta.function.variable.css, meta.function.color.css | #989898 | — |
| variable.argument.css, entity.other.keyframe-offset.css | #95c44f | — |
| string.other.link.title.markdown, string.other.link.markdown | #95c44f | — |
| markup.heading.markdown | #c4c4c4 | bold |
| markup.fenced_code.block.markdown | #989898 | — |
| keyword.operator.type.annotation | #989898 | — |
| support.type.primitive.ts, entity.name.type.ts, support.type.builtin.ts, keyword.operator.type.ts, meta.type.tuple.ts | #989898 | italic |