October Theme
Publisher: l5d.liThemes in package: 1
A warm dark theme 🍂☕️
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#16161d
- activityBar.border#595a63
- activityBarBadge.background#d0d0de
- activityBarBadge.foreground#111
- badge.background#d0d0de
- badge.foreground#111
- button.background#d0d0de
- button.foreground#111
- diffEditor.insertedLineBackground#2b3e2d
- diffEditor.insertedTextBackground#375639
- diffEditor.removedLineBackground#592d2d
- diffEditor.removedTextBackground#8d4444
- editor.background#16161d
- editor.foreground#d0d0de
- editorGutter.addedBackground#5c785f
- editorGutter.deletedBackground#c66b6b
- editorGutter.modifiedBackground#94a7bd
- editorInlayHint.background#333
- editorInlayHint.foreground#d0d0de
- editorSuggestWidget.selectedBackground#2e2f3f
- editorWarning.foreground#c9a88b
- editorWidget.background#16161d
- editorWidget.border#58586c
- focusBorder#d0d0de
- gitDecoration.deletedResourceForeground#c66b6b
- gitDecoration.modifiedResourceForeground#7eaee4
- gitDecoration.untrackedResourceForeground#73cd86
- input.background#111
- input.foreground#d0d0de
- input.placeholderForeground#bab6b6
- inputOption.activeBackground#414170
- inputOption.activeBorder#00000000
- list.activeSelectionBackground#2e2f3f
- list.hoverBackground#2e2f3f
- list.inactiveSelectionBackground#2e2f3f
- list.warningForeground#d0d0de
- quickInput.background#16161d
- quickInputList.focusBackground#2e2f3f
- sideBar.background#16161d
- sideBar.border#595a63
- sideBarSectionHeader.background#16161d
- sideBarSectionHeader.border#595a63
- sideBarTitle.foreground#d0d0de
- statusBar.background#111
- tab.activeBackground#111
- tab.inactiveBackground#16161d
- textLink.activeForeground#7f7fc8
- textLink.foreground#7f7fc8
- titleBar.activeBackground#16161d
- titleBar.inactiveBackground#16161d
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| string.template meta.template.expression, meta.type punctuation | #d0d0de | — |
| comment | #5b5e6b | — |
| entity.name.function, meta.function.definition | #fadc83 | — |
| variable, string.json.comments, support.type.property-name.json, keyword.other.definition | #fca664 | — |
| meta.object-literal.key | #e5c2a8 | — |
| constant | #f75d49 | — |
| entity.name.type.class, entity.name.namespace | #b5b4ff | — |
| meta.type, entity.name.type, support.type, meta.interface entity.other.inherited-class | #e3958c | — |
| string.quoted, string.template, string.regexp, heading | #92df81 | — |
| meta.attribute | #80dfb1 | — |
| meta.link | #7f7fc8 | — |
| markup.fenced_code, markup.inline | #909094 | — |
| entity.name.tag | #fbbd8e | — |
| meta.tag.attributes | #cb9e7b | — |
| storage | #fa8383 | — |
| keyword.control, keyword.other | #fb97fa | — |
| keyword.operator | #f2c4f1 | — |
| text | #c0c3cd | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...