draft note
Publisher: saladdaysThemes in package: 2
A minimal and elegant theme for an immersive writing and reading experience.
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.background#202A30
- activityBar.border#ffffff24
- activityBar.foreground#ffffffe5
- activityBar.inactiveForeground#ffffff80
- activityBarBadge.background#ffffffe5
- activityBarBadge.foreground#202A30
- button.background#ffffffe5
- button.foreground#202A30
- button.hoverBackground#ffffff
- dropdown.background#202A30
- dropdown.border#ffffff24
- editor.background#202A30
- editor.findMatchBackground#FFF26B80
- editor.findMatchHighlightBackground#FFF26B
- editor.foreground#ffffffe5
- editor.lineHighlightBackground#00000000
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#5AC6AD40
- editorCursor.foreground#ffffffe5
- editorError.foreground#F0718A
- editorGroup.border#ffffff24
- editorGroupHeader.tabsBackground#202A30
- editorGroupHeader.tabsBorder#ffffff24
- editorInfo.background#FFB44220
- editorInfo.border#FFB44200
- editorInfo.foreground#FFB442
- editorLineNumber.activeForeground#ffffffe5
- editorLineNumber.foreground#ffffff80
- editorWarning.background#FFB44220
- editorWarning.border#FFB44200
- editorWarning.foreground#FFB442
- errorForeground#F0718A
- focusBorder#00000000
- foreground#ffffffe5
- gitDecoration.modifiedResourceForeground#FFB442
- icon.foreground#ffffffa8
- input.background#202A30
- input.border#ffffff24
- input.foreground#ffffffe5
- input.placeholderForeground#ffffff80
- list.activeSelectionBackground#2A343A
- list.activeSelectionForeground#ffffffe5
- list.focusBackground#2A343A
- list.highlightForeground#ffffffe5
- list.hoverBackground#2A343A
- list.inactiveSelectionBackground#202A30
- selection.background#5AC6AD40
- sideBar.background#202A30
- sideBar.border#ffffff24
- sideBar.foreground#ffffffe5
- sideBarSectionHeader.background#202A30
- sideBarSectionHeader.border#ffffff24
- sideBarSectionHeader.foreground#ffffffe5
- sideBarTitle.foreground#ffffffe5
- statusBar.background#2A343A
- statusBar.border#ffffff24
- statusBar.debuggingBackground#5AC6AD
- statusBar.debuggingForeground#202A30
- statusBar.foreground#ffffffe5
- statusBar.noFolderBackground#2A343A
- tab.activeBackground#202A30
- tab.activeBorderTop#ffffffe5
- tab.activeForeground#ffffffe5
- tab.activeModifiedBorder#FFB442
- tab.border#ffffff24
- tab.inactiveBackground#202A30
- tab.inactiveForeground#ffffff80
- tab.lastPinnedBorder#FFB442
- tab.unfocusedActiveModifiedBorder#FFB442
- titleBar.activeBackground#202A30
- titleBar.activeForeground#ffffffe5
- titleBar.border#ffffff24
- titleBar.inactiveBackground#202A30
- titleBar.inactiveForeground#ffffff80
- widget.shadow#00000024
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| text.html.markdown, markup.bold.markdown, markup.list.unnumbered.markdown, entity.name.section.markdown, markup.heading.markdown, markup.italic.markdown, markup.quote.markdown, punctuation.definition.heading.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.quote.begin.markdown, punctuation.definition.list.begin.markdown | #ffffffe5 | |
| markup.bold.markdown | #ffffffe5 | bold |
| markup.italic.markdown | #ffffffa8 | italic |
| markup.heading.markdown, entity.name.section.markdown | #ffffffe5 | bold |
| comment, punctuation.definition.comment | #ffffffa8 | italic |
| constant.other.color | #ffffffe5 | — |
| keyword, punctuation.definition.keyword, storage.type, storage.modifier | #F0718A | — |
| variable, meta.definition.variable.js, entity.name.function, entity.name.class, support.function, support.class, support.type, meta.object-literal.key | #FFB442 | — |
| string, punctuation.definition.string, string.template | #5AC6AD | — |
| constant.numeric, constant.language, constant.character, constant.other | #ffffffe5 | — |
| entity.name.tag, punctuation.definition.tag | #5AC6AD | — |
| entity.other.attribute-name | #FFB442 | — |
| string.regexp, constant.character.escape | #5AC6AD | — |
| punctuation.section.embedded | #F0718A | — |
| invalid | #F0718A | bold |