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#f5f5f5
- activityBar.foreground#202124
- activityBarBadge.background#0277bd
- editor.background#f3f3f3
- editor.findMatchHighlightBackground#e0e0e0
- editor.foreground#3c4043
- editor.hoverHighlightBackground#e0e0e0
- editor.selectionBackground#e0e0e0
- editor.selectionForeground#202124
- editor.selectionHighlightBackground#e0e0e0
- editor.wordHighlightBackground#e0e0e0
- editor.wordHighlightStrongBackground#e0e0e0
- editorGroupHeader.tabsBackground#fafafa
- editorInfo.foreground#048043
- editorWarning.foreground#d93025
- editorWidget.background#fafafa
- focusBorder#1a73e8
- gitDecoration.addedResourceForeground#048043
- gitDecoration.deletedResourceForeground#d93025
- gitDecoration.modifiedResourceForeground#007b83
- input.background#f5f5f5
- list.activeSelectionBackground#e8e8e8
- list.activeSelectionForeground#202124
- list.errorForeground#d93025
- list.focusAndSelectionOutline#0277bd
- list.hoverBackground#f1f3f4
- list.inactiveSelectionBackground#e8e8e8
- list.warningForeground#d93025
- minimap.findMatchHighlight#048043
- panelTitle.activeBorder#0277bd
- sideBar.background#fafafa
- sideBarSectionHeader.background#f5f5f5
- sideBarTitle.foreground#202124
- statusBar.background#fafafa
- statusBar.foreground#202124
- statusBar.noFolderBackground#fafafa
- tab.activeBackground#f3f3f3
- tab.activeBorder#0277bd
- tab.inactiveBackground#f5f5f5
- terminal.background#f3f3f3
- titleBar.activeBackground#f3f3f3
- titleBar.inactiveBackground#fafafa
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable | #3c4043 | — |
| variable.language | #9334e6 | — |
| variable.parameter | #BF5400 | — |
| variable.other.constant | #006064 | — |
| variable.scss, variable.other.interpolation.less | #006064 | — |
| entity.name.variable.parameter.cs | #BF5400 | — |
| comment, punctuation.definition.comment | #a0a1a7 | — |
| invalid, invalid.illegal | #d93025 | — |
| invalid.deprecated.entity.other.attribute-name | #0277bd | — |
| invalid.deprecated.media | #048043 | — |
| keyword | #d01884 | — |
| keyword.operator.new | — | bold |
| keyword.type.cs | #007b83 | — |
| storage | #d01884 | — |
| storage.type.cs | #0277bd | — |
| meta.paragraph.markdown, text.html.markdown | #5f6368 | — |
| punctuation.definition.heading.markdown | #d01884 | — |
| markup.heading.markdown | #0277bd | — |
| 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 | #9a6700 | — |
| constant, constant.numeric | #9334e6 | — |
| entity.name.type, entity.other.inherited-class, entity.other.attribute-name | #0277bd | — |
| entity.other.attribute-name.pseudo-element | #d01884 | — |
| entity.name.tag | #d01884 | — |
| entity.name.type.class | #0277bd | — |
| entity.name.namespace.cpp, entity.name.namespace.c | #007b83 | — |
| meta.function.parameters, entity.name.function | #048043 | — |
| 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 | #048043 | — |
| string.unquoted.attribute-value.css | #9334e6 | — |
| 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 | #007b83 | — |
| punctuation.definition.entity | #9334e6 | — |
| 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 | #007b83 | — |
| support.constant.color.w3c-standard-color-name.css, support.constant.property-value.css | #9334e6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...