Autumn Leaf
Publisher: kohhThemes in package: 1
this is colorTheme like Leaf of Autumn
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#74b103
- activityBar.background#3b3f36
- activityBar.foreground#aec08d
- activityBarBadge.background#679e00
- badge.background#596444
- dropdown.background#2e312a
- editor.background#1F211D
- editor.findMatchHighlightBackground#5c83138e
- editor.foreground#c8d1bd
- editor.lineHighlightBackground#3E3D32
- editor.selectionBackground#49483E
- editorCursor.foreground#F8F8F0
- editorGroupHeader.tabsBackground#262923
- editorLineNumber.foreground#606951
- editorSuggestWidget.highlightForeground#7ab904
- editorWhitespace.foreground#3B3A32
- editorWidget.background#191b18
- focusBorder#69911f
- foreground#c8d1bd
- input.background#2e312a
- input.border#545552
- list.activeSelectionBackground#535a4db9
- list.focusBackground#3c4138b9
- list.hoverBackground#3c4138b9
- list.inactiveSelectionBackground#3c4138b9
- menu.background#191b18
- minimap.findMatchHighlight#5c83138e
- notifications.background#282b25
- panel.background#1F211D
- progressBar.background#679e00
- sideBar.background#282b25
- sideBarSectionHeader.background#373b33
- statusBar.background#3b442a
- statusBar.debuggingBackground#3b442a
- statusBar.foreground#e4e6e0
- statusBar.noFolderBackground#3b442a
- statusBarItem.remoteBackground#679e00
- tab.activeBackground#373b33
- tab.activeForeground#dce6d1
- tab.border#181a16
- tab.inactiveBackground#262923
- terminal.ansiBlue#1f76e9
- terminal.ansiBrightBlack#6e787e
- terminal.ansiBrightMagenta#ee3059
- terminal.ansiBrightRed#f33a22
- terminal.ansiBrightYellow#e7db36
- titleBar.activeBackground#323530
- titleBar.activeForeground#c8d1bd
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, string.comment | #75715E | italic |
| string, string.template | #FFCB6B | — |
| constant.numeric | #cc7fff | — |
| string.embedded.begin, string.embedded.end, punctuation.definition.template-expression, punctuation.section.embedded | #cc7fff | — |
| punctuation.section.embedded.begin.js, punctuation.section.embedded.end.js, punctuation.section.embedded.begin.erb, punctuation.section.embedded.end.erb, source.elixir.embedded, punctuation.separator, punctuation.accessor, meta.brace | #c8d1bd | — |
| constant.language | #EB917B | — |
| constant.character, constant.other | #c8d1bd | — |
| variable.language | #E64565 | — |
| variable.other, variable.other.property, variable.other.block | #c8d1bd | — |
| keyword, keyword.operator.logical, keyword.operator.constructor | #F2644E | — |
| keyword.operator | #F2644E | — |
| storage | #E64565 | — |
| storage.type | #cc7fff | — |
| entity.name.class, entity.name.module, entity.name.type, storage.identifier, support.class | #2DE069 | — |
| variable.other.object, variable.other.constant, variable.other.global, variable.other.readwrite.class, variable.other.readwrite.instance, variable.other.readwrite.batchfile, variable.readwrite, variable.readwrite.other.block | #c8d1bd | — |
| entity.other.inherited-class | #2DE069 | — |
| entity.name.function, support.function | #A5DE50 | — |
| variable.parameter, entity.name.variable.parameter, parameter.variable | #fdaf1f | italic |
| entity.name.function-call | #A5DE50 | — |
| function.support.builtin, function.support.core | #A5DE50 | — |
| entity.name.tag, entity.name.tag.class.js | #E66B53 | — |
| entity.other.attribute-name | #B6DE3C | — |
| support.constant | #c8d1bd | — |
| support.function | #B6DE3C | — |
| support.type, support.variable | #2DE069 | — |
| support.dictionary.json | #2DE069 | — |
| support.other.variable | — | |
| variable.css, variable.scss, variable.less, variable.sass | #56d8c7 | — |
| invalid | #F8F8F0 | — |
| invalid.deprecated | #F8F8F0 | — |
| markup.italic, markup.italic.markdown | — | italic |
| punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, punctuation.definition.heading.markdown | #676f7d | — |
| punctuation.definition.italic.markdown | — | italic |
| markup.underline.link.markdown | #56d8c7 | — |
| markup.bold.markdown | — | bold |
| markup.heading.markdown | #F2644E | italic bold |
| markup.quote.markdown | #98c379 | — |
| meta.separator.markdown | #c678dd | bold |
| markup.raw.inline.markdown, markup.raw.block.markdown | #56b6c2 | — |
| punctuation.definition.list_item.markdown | #ffffff | bold |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...