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#2c2f32
- activityBar.foreground#f0f0f0
- activityBarBadge.background#4da5c9
- editor.background#24272A
- editor.findMatchHighlightBackground#444444
- editor.foreground#dcdcdc
- editor.hoverHighlightBackground#444444
- editor.selectionBackground#444444
- editor.selectionForeground#f0f0f0
- editor.selectionHighlightBackground#444444
- editor.wordHighlightBackground#444444
- editor.wordHighlightStrongBackground#444444
- editorGroupHeader.tabsBackground#202124
- editorInfo.foreground#56b97f
- editorWarning.foreground#f4433c
- editorWidget.background#202124
- focusBorder#00A1F1
- gitDecoration.addedResourceForeground#56b97f
- gitDecoration.deletedResourceForeground#FF6347
- gitDecoration.modifiedResourceForeground#9CCBD1
- input.background#2c2f32
- list.activeSelectionBackground#35363a
- list.activeSelectionForeground#f0f0f0
- list.errorForeground#FF6347
- list.focusAndSelectionOutline#4da5c9
- list.hoverBackground#3D4043
- list.inactiveSelectionBackground#35363a
- list.warningForeground#FF6347
- minimap.findMatchHighlight#56b97f
- panelTitle.activeBorder#4da5c9
- sideBar.background#202124
- sideBarSectionHeader.background#2c2f32
- sideBarTitle.foreground#f0f0f0
- statusBar.background#202124
- statusBar.foreground#f0f0f0
- statusBar.noFolderBackground#202124
- tab.activeBackground#24272A
- tab.activeBorder#4da5c9
- tab.inactiveBackground#2c2f32
- terminal.background#24272A
- titleBar.activeBackground#24272A
- titleBar.inactiveBackground#202124
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable | #dcdcdc | — |
| variable.language | #BD93F9 | — |
| variable.parameter | #D5B884 | — |
| variable.other.constant | #F0F0E0 | — |
| variable.scss, variable.other.interpolation.less | #F0F0E0 | — |
| entity.name.variable.parameter.cs | #D5B884 | — |
| comment, punctuation.definition.comment | #737373 | — |
| invalid, invalid.illegal | #f4433c | — |
| invalid.deprecated.entity.other.attribute-name | #4da5c9 | — |
| invalid.deprecated.media | #56b97f | — |
| keyword | #F572B7 | — |
| keyword.operator.new | — | bold |
| keyword.type.cs | #9CCBD1 | — |
| storage | #F572B7 | — |
| storage.type.cs | #4da5c9 | — |
| meta.paragraph.markdown, text.html.markdown | #D2D3D9 | — |
| punctuation.definition.heading.markdown | #F572B7 | — |
| markup.heading.markdown | #4da5c9 | — |
| punctuation.definition.markdown, markup.fenced_code.block.markdown | #75ABE0 | — |
| punctuation.definition.raw.markdown, markup.inline.raw.string.markdown | #75ABE0 | — |
| markup.underline.link.markdown | #75ABE0 | — |
| meta.link.inline.markdown | #D5B884 | — |
| punctuation.definition.bold.markdown, markup.bold.markdown | #D5B884 | — |
| punctuation.definition.list.begin.markdown, markup.list.unnumbered.markdown | #D5B884 | — |
| punctuation.definition.string.begin.markdown | #F572B7 | — |
| markup.underline.link.image.markdown | #75ABE0 | — |
| string.other.link.description.markdown | #eefa7a | — |
| constant, constant.numeric | #BD93F9 | — |
| entity.name.type, entity.other.inherited-class, entity.other.attribute-name | #4da5c9 | — |
| entity.other.attribute-name.pseudo-element | #F572B7 | — |
| entity.name.tag | #F572B7 | — |
| entity.name.type.class | #4da5c9 | — |
| entity.name.namespace.cpp, entity.name.namespace.c | #9CCBD1 | — |
| meta.function.parameters, entity.name.function | #56b97f | — |
| meta.toc-list.id.html, meta.attribute-with-value.id | #C3E88D | — |
| meta.tag.block.any | #F572B7 | — |
| meta.property-value.css | #F572B7 | — |
| string.quoted.single, string.quoted.double, string.quoted.triple, string.quoted.other, string.template | #C3E88D | — |
| string.regexp | #56b97f | — |
| string.unquoted.attribute-value.css | #BD93F9 | — |
| punctuation, punctuation.separator, punctuation.terminator, punctuation.separator.continuation, punctuation.accessor | #dcdcdc | — |
| punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end | #C3E88D | — |
| string.json, punctuation.support.type.property-name.begin, punctuation.support.type.property-name.end, variable.other.jsdoc | #9CCBD1 | — |
| punctuation.definition.entity | #BD93F9 | — |
| punctuation.definition.block.tag.jsdoc, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #F572B7 | — |
| punctuation.definition.bracket.curly.begin.jsdoc, punctuation.definition.bracket.curly.end.jsdoc | #D5B884 | — |
| 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 | #F572B7 | — |
| punctuation.accessor.optional | #F572B7 | — |
| punctuation.definition.directive.cpp, punctuation.definition.directive.c | #F572B7 | — |
| punctuation.definition.string.end.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.metadata.markdown | #F572B7 | — |
| support.class, support.variable, support.function, support.type, support.constant | #9CCBD1 | — |
| support.constant.color.w3c-standard-color-name.css, support.constant.property-value.css | #BD93F9 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...