Simple Dark
Publisher: travisThemes in package: 4
A minimalist theme suite for focus. Includes Simple Dark & Light Soft (Eye-friendly) modes.
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#F3ECDE
- activityBar.foreground#202124
- activityBarBadge.background#005393
- editor.background#F8F1E3
- editor.findMatchHighlightBackground#E3DCCF
- editor.foreground#3c4043
- editor.hoverHighlightBackground#E3DCCF
- editor.selectionBackground#E3DCCF
- editor.selectionForeground#202124
- editor.selectionHighlightBackground#E3DCCF
- editor.wordHighlightBackground#E3DCCF
- editor.wordHighlightStrongBackground#E3DCCF
- editorGroupHeader.tabsBackground#FAF5E8
- editorInfo.foreground#00753B
- editorWarning.foreground#B71C1C
- editorWidget.background#FAF5E8
- focusBorder#155dbd
- gitDecoration.addedResourceForeground#00753B
- gitDecoration.deletedResourceForeground#B71C1C
- gitDecoration.modifiedResourceForeground#006F94
- input.background#F3ECDE
- list.activeSelectionBackground#EBE4D5
- list.activeSelectionForeground#202124
- list.errorForeground#B71C1C
- list.focusAndSelectionOutline#005393
- list.hoverBackground#EBE4D5
- list.inactiveSelectionBackground#EBE4D5
- list.warningForeground#B71C1C
- minimap.findMatchHighlight#00753B
- panelTitle.activeBorder#005393
- sideBar.background#FAF5E8
- sideBarSectionHeader.background#F3ECDE
- sideBarTitle.foreground#202124
- statusBar.background#FAF5E8
- statusBar.foreground#202124
- statusBar.noFolderBackground#FAF5E8
- tab.activeBackground#F8F1E3
- tab.activeBorder#005393
- tab.inactiveBackground#F3ECDE
- terminal.background#F8F1E3
- titleBar.activeBackground#F8F1E3
- titleBar.inactiveBackground#FAF5E8
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable | #3c4043 | — |
| variable.language | #8020D0 | — |
| variable.parameter | #BF5400 | — |
| variable.other.constant | #1B1F23 | — |
| variable.scss, variable.other.interpolation.less | #1B1F23 | — |
| entity.name.variable.parameter.cs | #BF5400 | — |
| comment, punctuation.definition.comment | #a0a1a7 | — |
| invalid, invalid.illegal | #B71C1C | — |
| invalid.deprecated.entity.other.attribute-name | #005393 | — |
| invalid.deprecated.media | #00753B | — |
| keyword | #d01884 | — |
| keyword.operator.new | — | bold |
| keyword.type.cs | #006F94 | — |
| storage | #d01884 | — |
| storage.type.cs | #005393 | — |
| meta.paragraph.markdown, text.html.markdown | #5f6368 | — |
| punctuation.definition.heading.markdown | #d01884 | — |
| markup.heading.markdown | #005393 | — |
| punctuation.definition.markdown, markup.fenced_code.block.markdown | #1967d2 | — |
| punctuation.definition.raw.markdown, markup.inline.raw.string.markdown | #1967d2 | — |
| markup.underline.link.markdown | #1967d2 | — |
| meta.link.inline.markdown | #BF5400 | — |
| punctuation.definition.bold.markdown, markup.bold.markdown | #BF5400 | — |
| punctuation.definition.list.begin.markdown, markup.list.unnumbered.markdown | #BF5400 | — |
| punctuation.definition.string.begin.markdown | #d01884 | — |
| markup.underline.link.image.markdown | #1967d2 | — |
| string.other.link.description.markdown | #6A1B9A | — |
| constant, constant.numeric | #8020D0 | — |
| entity.name.type, entity.other.inherited-class, entity.other.attribute-name | #005393 | — |
| entity.other.attribute-name.pseudo-element | #d01884 | — |
| entity.name.tag | #d01884 | — |
| entity.name.type.class | #005393 | — |
| entity.name.namespace.cpp, entity.name.namespace.c | #006F94 | — |
| meta.function.parameters, entity.name.function | #00753B | — |
| meta.toc-list.id.html, meta.attribute-with-value.id | #2e7d32 | — |
| meta.tag.block.any | #d01884 | — |
| meta.property-value.css | #d01884 | — |
| string.quoted.single, string.quoted.double, string.quoted.triple, string.quoted.other, string.template | #a31515 | — |
| string.regexp | #00753B | — |
| string.unquoted.attribute-value.css | #8020D0 | — |
| punctuation, punctuation.separator, punctuation.terminator, punctuation.separator.continuation, punctuation.accessor | #3c4043 | — |
| punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end | #a31515 | — |
| string.json, punctuation.support.type.property-name.begin, punctuation.support.type.property-name.end, variable.other.jsdoc | #006F94 | — |
| punctuation.definition.entity | #8020D0 | — |
| punctuation.definition.block.tag.jsdoc, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #d01884 | — |
| punctuation.definition.bracket.curly.begin.jsdoc, punctuation.definition.bracket.curly.end.jsdoc | #BF5400 | — |
| punctuation.separator.key-value, punctuation.definition.variable, punctuation.definition.keyword, punctuation.definition.entity.css, punctuation.definition.constant.css, punctuation.definition.interpolation, keyword.control.at-rule.import, variable.other.less | #d01884 | — |
| punctuation.accessor.optional | #d01884 | — |
| punctuation.definition.directive.cpp, punctuation.definition.directive.c | #d01884 | — |
| punctuation.definition.string.end.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.metadata.markdown | #d01884 | — |
| support.class, support.variable, support.function, support.type, support.constant | #006F94 | — |
| support.constant.color.w3c-standard-color-name.css, support.constant.property-value.css | #8020D0 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...