Gray Matter
Publisher: philipbeThemes in package: 2
A pair of colour schemes that take aesthetic cues from popular minimalist writing apps and aims to minimise the visual impact of most of the markdown punctuation.
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#F5F5F5
- activityBar.foreground#B9B9B9
- activityBarBadge.background#EDEDED
- activityBarBadge.foreground#3C3C3C
- editor.background#F5F5F5
- editor.findMatchBackground#C3E8F3
- editor.findMatchHighlightBackground#C3E8F3
- editor.findRangeHighlightBackground#29BEEA
- editor.foreground#3C3C3C
- editor.hoverHighlightBackground#EDEDED
- editor.inactiveSelectionBackground#C3E8F3
- editor.lineHighlightBackground#EDEDED
- editor.rangeHighlightBackground#EDEDED
- editor.selectionBackground#C3E8F3
- editor.wordHighlightBackground#C3E8F3
- editor.wordHighlightStrongBackground#29BEEA
- editorCursor.background#FFF
- editorCursor.foreground#29BEEA
- editorGroupHeader.tabsBackground#F5F5F5
- editorIndentGuide.background#F5F5F5
- editorLineNumber.foreground#B9B9B9
- editorOverviewRuler.border#F5F5F5
- editorWhitespace.foreground#B9B9B9
- list.activeSelectionBackground#C3E8F3
- list.activeSelectionForeground#3C3C3C
- list.inactiveSelectionBackground#EDEDED
- peekViewEditor.matchHighlightBackground#EDEDED
- peekViewResult.matchHighlightBackground#C3E8F3
- scrollbar.shadow#EDEDED
- sideBar.background#F5F5F5
- sideBar.foreground#3C3C3C
- sideBarSectionHeader.background#F5F5F5
- sideBarSectionHeader.foreground#3C3C3C
- statusBar.background#F5F5F5
- statusBar.debuggingBackground#F5F5F5
- statusBar.foreground#3C3C3C
- statusBar.noFolderBackground#F5F5F5
- tab.activeBackground#EDEDED
- tab.activeBorder#EDEDED
- tab.activeForeground#3C3C3C
- tab.border#F5F5F5
- tab.inactiveBackground#F5F5F5
- tab.inactiveForeground#B9B9B9
- terminalCursor.background#FFF
- terminalCursor.foreground#29BEEA
- titleBar.activeBackground#F5F5F5
- titleBar.activeForeground#3C3C3C
- titleBar.inactiveBackground#F5F5F5
- titleBar.inactiveForeground#B9B9B9
- widget.shadow#EDEDED
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #3C3C3C | — |
| comment, comment punctuation | #B9B9B9 | |
| punctuation.definition.constant.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.heading.markdown, punctuation.definition.heading.begin.markdown, punctuation.definition.heading.end.markdown, punctuation.definition.heading.setext.markdown, punctuation.definition.list_item.markdown, markup.list.numbered.bullet.markdown, punctuation.definition.bold.begin.markdown, punctuation.definition.bold.end.markdown, punctuation.definition.italic.begin.markdown, punctuation.definition.italic.end.markdown | #B9B9B9 | — |
| punctuation.definition.heading.begin.markdown, punctuation.definition.heading.end.markdown | — | normal |
| markup.heading.1.markdown, markup.heading.2.markdown, markup.heading.3.markdown, markup.heading.4.markdown, markup.heading.5.markdown, markup.heading.6.markdown, markup.heading.markdown | #3C3C3C | — |
| markup.heading.1.markdown, markup.heading.2.markdown | — | bold italic |
| markup.heading.3.markdown, markup.heading.4.markdown | — | bold |
| markup.bold.markdown | — | bold |
| markup.italic.markdown | — | italic |
| markup.quote.markdown | — | italic |
| meta.separator.markdown, meta.separator.thematic-break.markdown, punctuation.definition.thematic-break.markdown | #B9B9B9 | — |
| punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.link.markdown, punctuation.definition.link.begin.markdown, punctuation.definition.link.end.markdown, punctuation.definition.metadata.markdown, punctuation.definition.blockquote.markdown | #B9B9B9 | — |
| punctuation.definition.metadata.markdown, string.other.link.title.markdown, meta.link.inline.markdown, meta.link.reference.markdown, string.other.link.description.title.markdown, meta.link.reference.literal.markdown, punctuation.separator.key-value.markdown | #B9B9B9 | — |
| meta.image.inline.markdown, punctuation.definition.image.begin.markdown, punctuation.definition.image.end.markdown | #B9B9B9 | — |
| meta.image.reference.markdown | #B9B9B9 | — |
| string.other.link.title.markdown | #3C3C3C | — |
| markup.underline | #B9B9B9 | — |
| constant.character.escape.markdown | #B9B9B9 | — |
| markup.raw.block.markdown, markup.raw.inline.markdown, markup.raw.code-fence.markdown | — | — |
| punctuation.definition.raw.code-fence.begin.markdown, punctuation.definition.raw.code-fence.end.markdown | #B9B9B9 | — |
| meta.tag.inline.any.html, meta.tag.block.any.html | #B9B9B9 | — |
| meta.header.multimarkdown, keyword.other.multimarkdown, string.unquoted.multimarkdown, punctuation.separator.key-value.multimarkdown | #B9B9B9 | — |
| constant.other.reference.link.markdown | #B9B9B9 | — |
| punctuation.definition.table-cell-alignment.markdown, punctuation.section.table-header.markdown, punctuation.separator.table-cell.markdown | #B9B9B9 | — |
| meta.table.header.markdown, meta.table.header.markdown-gfm, meta.table.header-separator.markdown-gfm | — | bold |
| meta.link.reference.literal.footnote-id.markdown | #B9B9B9 | — |
| meta.link.reference.def.markdown markup.underline.link.markdown | #3C3C3C | — |
| markup.raw.yaml.front-matter | #B9B9B9 | — |
| entity.name.reference.link.markdown | #B9B9B9 | — |
| footnote.delim.pandoc | #B9B9B9 | — |
| citation.bracket.pandoc | #B9B9B9 | — |
| footnote.num.pandoc | #B9B9B9 | — |
| quote.pandoc | — | italic |
| markup.deleted.git_gutter, markup.inserted.git_gutter, markup.changed.git_guttermmarkup.ignored.git_gutter, markup.untracked.git_gutter | #B9B9B9 | — |
| string.other.link.description.markdown | #3C3C3C | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...