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#83570a
- activityBar.background#ded8cc
- activityBar.border#cfc8ba
- activityBar.foreground#1a1a1a
- activityBar.inactiveForeground#625c54
- activityBarBadge.background#83570a
- 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#d8cfae40
- editor.foreground#4e4e4e
- editor.inactiveSelectionBackground#ded8c880
- editor.lineHighlightBackground#f7f3e9
- editor.selectionBackground#ded8c8
- editor.selectionForeground#1a1a1a
- editorCursor.foreground#1a1a1a
- editorError.foreground#ff0000
- editorGroup.border#d8d1c5
- editorGroupHeader.tabsBackground#e6e0d5
- editorGroupHeader.tabsBorder#d8d1c5
- editorGutter.background#f3efe5
- editorIndentGuide.activeBackground1#a09884
- editorIndentGuide.background1#d5cfbf
- editorInfo.foreground#999999
- editorLineNumber.activeForeground#1a1a1a
- editorLineNumber.foreground#a09884
- editorRuler.foreground#e0dac9
- editorWarning.foreground#be9117
- editorWhitespace.foreground#d5cfbf
- 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#efece2
- panel.border#d8d1c5
- panelTitle.activeBorder#83570a
- 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#83570a
- tab.activeForeground#1a1a1a
- tab.border#d8d1c5
- tab.inactiveBackground#e8e2d7
- tab.inactiveForeground#625c54
- terminal.background#efece2
- terminal.foreground#4e4e4e
- 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 | #B7B3A9 | — |
| comment.block.documentation, comment.documentation | #B7B3A9 | italic |
| storage.type.class.jsdoc, punctuation.definition.block.tag.jsdoc, comment.block.documentation entity.name.tag | #6e867e | bold italic |
| keyword, storage.type, storage.modifier, keyword.control, keyword.operator.new | #15701f | — |
| string, string.quoted, string.template | #83570a | — |
| constant.character.escape, constant.regexp | #83570a | — |
| constant.numeric | #c45a00 | — |
| constant.language, constant.other, variable.other.constant, support.constant | #7a1fae | — |
| entity.name.function, support.function, meta.function-call entity.name.function | #b8146f | — |
| support.function.builtin | #b8146f | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.other.inherited-class, entity.name.type.parameter, entity.name.type.enum | #1542c1 | — |
| entity.name.type.interface | #44b2d2 | — |
| entity.name.namespace | #1542c1 | — |
| variable.parameter | #262626 | italic |
| variable.language.this, variable.language.self | #262626 | — |
| variable.other.property.js, variable.other.property.ts, variable.other.object.property.js, variable.other.object.property.ts, meta.object-literal.key | #262626 | — |
| entity.name.tag, punctuation.definition.tag | #15701f | — |
| entity.other.attribute-name | #8a3a0c | — |
| meta.decorator, meta.decorator.ts, meta.decorator.tsx, punctuation.decorator, punctuation.decorator.ts, punctuation.decorator.tsx, entity.name.function.decorator, punctuation.definition.decorator, meta.decorator entity.name.function, meta.decorator support.function, meta.decorator variable.function, meta.decorator variable.other.property, meta.decorator variable.other.object.property, meta.decorator meta.function-call entity.name.function | #44b2d2 | — |
| keyword.other.unit, support.type.property-name | #7a1fae | — |
| entity.name.function.preprocessor, meta.preprocessor keyword.control, keyword.control.directive | #15701f | — |
| invalid | #ff0000 | — |
| variable, variable.other | #262626 | — |
| string.unquoted.plain.out.yaml, string.unquoted.plain.in.yaml, string.quoted.single.yaml, string.quoted.double.yaml, string.unquoted.block.yaml | #83570a | — |