Lo-Fi Green Dark
Publisher: Reas VynThemes in package: 1
Lo-Fi Green Dark 🌿
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#0d0f0c
- activityBar.foreground#66b366
- activityBar.inactiveForeground#4a8a4a
- activityBarBadge.background#a7ffc1
- activityBarBadge.foreground#0d0f0c
- diffEditor.insertedTextBackground#66b36633
- diffEditor.removedTextBackground#ffb67344
- editor.background#0d0f0c
- editor.findMatchBackground#ffda5555
- editor.findMatchHighlightBackground#ffda5544
- editor.foreground#f5f2c4
- editor.lineHighlightBackground#162016
- editor.selectionBackground#66b36655
- editor.selectionHighlightBackground#66b36633
- editor.wordHighlightBackground#66b36644
- editor.wordHighlightStrongBackground#66b36655
- editorBracketMatch.background#66b36666
- editorBracketMatch.border#66b366
- editorCursor.foreground#a7ffc1
- editorGroupHeader.tabsBackground#0d0f0c
- editorGutter.addedBackground#66b366
- editorGutter.background#0d0f0c
- editorGutter.deletedBackground#ffb673
- editorGutter.modifiedBackground#ffda55
- editorLineNumber.activeForeground#a7ffc1
- editorLineNumber.foreground#4a8a4a
- editorOverviewRuler.addedForeground#66b366bb
- editorOverviewRuler.border#222a22
- editorOverviewRuler.deletedForeground#ffb673bb
- editorOverviewRuler.modifiedForeground#ffda55bb
- editorSuggestWidget.background#242a24
- editorSuggestWidget.border#66b366
- editorSuggestWidget.foreground#f5f2c4
- editorSuggestWidget.highlightForeground#a7ffc1
- editorSuggestWidget.selectedBackground#334133
- editorWhitespace.foreground#66b36677
- panel.background#0d0f0c
- panel.border#222a22
- peekViewEditor.background#222a22
- peekViewResult.background#242a24
- peekViewResult.selectionBackground#66b36644
- peekViewTitle.background#1a2017
- sideBar.background#121512
- sideBar.foreground#e6e6d1
- sideBarSectionHeader.background#162016
- sideBarSectionHeader.foreground#66b366
- statusBar.background#0d0f0c
- statusBar.debuggingBackground#ffb673
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#d3ddc4
- statusBar.noFolderBackground#162016
- statusBarItem.remoteBackground#a7ffc1
- statusBarItem.remoteForeground#0d0f0c
- tab.activeBackground#0d0f0c
- tab.activeBorderTop#a7ffc1
- tab.activeForeground#ffda55
- tab.border#222a22
- tab.inactiveBackground#162016
- tab.inactiveForeground#888888
- terminal.ansiBlue#39bcda
- terminal.ansiCyan#66b366
- terminal.ansiGreen#66b366
- terminal.ansiRed#ff6699
- terminal.ansiYellow#ffda55
- terminal.background#0d0f0c
- terminal.foreground#f5f2c4
- titleBar.activeBackground#0d0f0c
- titleBar.activeForeground#f5f2c4
- titleBar.inactiveBackground#1a2017
- titleBar.inactiveForeground#aaaaaa
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line, comment.block, punctuation.definition.comment, comment.block.documentation, comment.documentation, comment support.class, comment keyword.other.type | #3c553c | italic |
| string, meta.quoted, meta.class, keyword.control.return, keyword.control.throw, keyword.control.yield, storage, storage.type, storage.modifier, storage.class, punctuation, punctuation.definition, punctuation.separator, punctuation.terminator, meta.brackets, variable.other.member, string.template, meta.template.expression | #66b366 | — |
| constant.character.escape, entity.name.class, entity.name.type.class, entity.other.inherited-class, support.class, keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.ternary, variable, meta.definition.variable.name, support.variable, variable.language.this, constant.language.boolean, constant.language.true, constant.language.false, variable.object.property, meta.property.object, entity.other.attribute-name, variable.other.attribute, markup.bold | #ffda55 | — |
| keyword.control, keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.control.import, keyword.control.export, entity.name.function, support.function, meta.function-call, variable.function, entity.name.type.interface, support.type, support.type.primitive, entity.name.tag, meta.tag, meta.tag.sgml, string.other.link, meta.link.inline, markup.underline.link, entity.name.section, entity.name.function.blade | #39bcda | — |
| entity.name.type.namespace, constant.other, variable.parameter, meta.function.parameters, entity.name.variable.parameter, keyword.other.type, keyword.control.default, variable.other.constant, constant, constant.language, constant.numeric, constant.numeric.integer, constant.numeric.float, support.type.property-name.json, meta.structure.dictionary.key, markup.code, fenced_code.block | #f38357 | — |
| entity.name.type.enum | #d8c3ff | — |
| punctuation.definition.tag, punctuation.section.embedded, keyword.blade, support.function.construct.begin.blade, support.function.construct.end.blade | #83928a | — |
| invalid, invalid.illegal, invalid.illegal.character-not-allowed-here, invalid.deprecated | #ff6699 | underline |
| entity.name.class, entity.name.type.class, entity.other.inherited-class, support.class, keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.control.import, keyword.control.export, keyword.control.return, keyword.control.throw, keyword.control.yield, variable.language.this, markup.bold | — | bold |
| comment, comment.line, comment.block, punctuation.definition.comment, comment.block.documentation, comment.documentation, comment support.class, comment keyword.other.type, markup.italic, meta.embedded.block.shellscript | — | italic |
| string.other.link, meta.link.inline, markup.underline.link, invalid, invalid.illegal, invalid.illegal.character-not-allowed-here, invalid.deprecated | — | underline |