Leonic
Publisher: Leon J. LeeThemes in package: 2
A VS Code theme palette: Light evokes writing on warm hanji in a traditional study, while Dark recalls the late-1990s telnet revival.
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.activeBorder#9d7124
- activityBar.background#ded8cc
- activityBar.border#cfc8ba
- activityBar.foreground#1a1a1a
- activityBar.inactiveForeground#625c54
- activityBarBadge.background#9d7124
- activityBarBadge.foreground#ffffff
- breadcrumb.background#f7f3e9
- breadcrumb.focusForeground#1a1a1a
- breadcrumb.foreground#625c54
- dropdown.background#fffaf1
- dropdown.border#d8d1c5
- dropdown.foreground#2e2e2e
- editor.background#f7f3e9
- editor.foldBackground#cfcf9e40
- editor.foreground#2e2e2e
- editor.inactiveSelectionBackground#c4d0dc80
- editor.lineHighlightBackground#00000008
- editor.selectionBackground#c4d0dc
- editor.selectionForeground#1a1a1a
- editorCursor.foreground#1a1a1a
- editorError.foreground#ff0000
- editorGroup.border#d8d1c5
- editorGroupHeader.tabsBackground#e6e0d5
- editorGroupHeader.tabsBorder#d8d1c5
- editorGutter.background#f2eede
- editorIndentGuide.activeBackground1#9a9a9a
- editorIndentGuide.background1#c8c8c8
- editorInfo.foreground#aaaaaa
- editorLineNumber.activeForeground#1a1a1a
- editorLineNumber.foreground#9a9a9a
- editorRuler.foreground#d2d2d2
- editorWarning.foreground#be9117
- editorWhitespace.foreground#c4c4c4
- input.background#fffaf1
- input.border#d8d1c5
- input.foreground#2e2e2e
- list.activeSelectionBackground#ded8cc
- list.activeSelectionForeground#1a1a1a
- list.focusBackground#e6e0d5
- list.hoverBackground#eee9df
- list.inactiveSelectionBackground#e6e0d5
- menu.background#fffaf1
- menu.border#d8d1c5
- menu.foreground#2e2e2e
- menu.selectionBackground#eee9df
- menu.selectionForeground#1a1a1a
- panel.background#f2eee5
- panel.border#d8d1c5
- panelTitle.activeBorder#9d7124
- panelTitle.activeForeground#1a1a1a
- panelTitle.inactiveForeground#625c54
- quickInput.background#fffaf1
- quickInput.foreground#2e2e2e
- quickInputList.focusBackground#eee9df
- sideBar.background#eee9df
- sideBar.border#d8d1c5
- sideBar.foreground#2e2e2e
- sideBarSectionHeader.background#e6e0d5
- sideBarSectionHeader.foreground#2e2e2e
- statusBar.background#ded8cc
- statusBar.border#cfc8ba
- statusBar.debuggingBackground#d8ccb8
- statusBar.foreground#1a1a1a
- statusBar.noFolderBackground#ded8cc
- tab.activeBackground#f7f3e9
- tab.activeBorderTop#9d7124
- tab.activeForeground#1a1a1a
- tab.border#d8d1c5
- tab.inactiveBackground#e8e2d7
- tab.inactiveForeground#625c54
- terminal.background#f7f3e9
- terminal.foreground#2e2e2e
- titleBar.activeBackground#ded8cc
- titleBar.activeForeground#1a1a1a
- titleBar.border#cfc8ba
- titleBar.inactiveBackground#e8e2d7
- titleBar.inactiveForeground#625c54
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #a0a0a0 | — |
| comment.block.documentation, comment.documentation | #9fb2ac | italic |
| keyword, storage.type, storage.modifier, keyword.control, keyword.operator.new | #009610 | — |
| string, string.quoted, string.template | #9d7124 | — |
| constant.character.escape, constant.regexp | #9d7124 | — |
| constant.numeric | #e06600 | — |
| constant.language, constant.other, variable.other.constant, support.constant | #8000c2 | — |
| entity.name.function, support.function, meta.function-call entity.name.function | #e0218a | — |
| support.function.builtin | #e0218a | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.other.inherited-class, entity.name.type.parameter, entity.name.type.enum | #0036e0 | — |
| entity.name.type.interface | #0a6e7a | — |
| entity.name.namespace | #2e2e2e | — |
| variable.parameter | #000000 | italic |
| variable.language.this, variable.language.self | #000000 | — |
| variable.other.property.js, variable.other.property.ts, variable.other.object.property.js, variable.other.object.property.ts, meta.object-literal.key | #000000 | — |
| entity.name.tag, punctuation.definition.tag | #009610 | — |
| entity.other.attribute-name | #7b3005 | — |
| meta.decorator, entity.name.function.decorator, punctuation.definition.decorator | #0a6e7a | underline |
| keyword.other.unit, support.type.property-name | #8000c2 | — |
| invalid | #ff0000 | — |
| variable, variable.other | #000000 | — |
| string.unquoted.plain.out.yaml, string.unquoted.plain.in.yaml, string.quoted.single.yaml, string.quoted.double.yaml, string.unquoted.block.yaml | #9d7124 | — |