Darker Solarized
Publisher: SokLay SamThemes in package: 1
The best Solarized (Dark) Theme for VS Code
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#073642
- button.background#2aa19899
- debugExceptionWidget.background#002b36
- debugExceptionWidget.border#dc322fbb
- debugToolBar.background#002b36
- dropdown.background#073642
- dropdown.border#2aa19899
- editor.background#002028
- editor.foreground#839496
- editor.lineHighlightBackground#073642
- editor.selectionBackground#073642
- editor.selectionHighlightBackground#005a6faa
- editor.wordHighlightBackground#004454aa
- editor.wordHighlightStrongBackground#005a6faa
- editorBracketHighlight.foreground1#268bd2
- editorBracketHighlight.foreground2#b58900
- editorBracketHighlight.foreground3#d33682
- editorCursor.foreground#839496
- editorGroup.border#eee8d52b
- editorGroupHeader.tabsBackground#002028
- editorHoverWidget.background#004052
- editorIndentGuide.background#073642bb
- editorLineNumber.activeForeground#93a1a1
- editorLineNumber.foreground#586e75
- editorMarkerNavigationError.background#dc322fbb
- editorMarkerNavigationWarning.background#b58900bb
- editorWhitespace.foreground#073642bb
- editorWidget.background#002b36
- errorForeground#eee8d5
- focusBorder#2aa19899
- foreground#839496
- input.background#073642
- input.border#2aa198
- input.foreground#93a1a1
- input.placeholderForeground#93a1a1aa
- inputOption.activeBorder#2aa19899
- inputValidation.errorBackground#571b26
- inputValidation.errorBorder#a92049
- inputValidation.infoBackground#052730
- inputValidation.infoBorder#363b5f
- inputValidation.warningBackground#5d5938
- inputValidation.warningBorder#9d8a5e
- list.activeSelectionBackground#005a6f
- list.dropBackground#00445488
- list.focusBackground#005a6f
- list.highlightForeground#1ebcc5
- list.hoverBackground#004454aa
- list.inactiveSelectionBackground#00445488
- panel.border#eee8d52b
- panelTitle.activeBorder#2aa198
- peekView.border#eee8d52b
- peekViewEditor.background#002b30
- peekViewEditor.matchHighlightBackground#d3368250
- peekViewResult.background#002b36
- peekViewTitle.background#002b36
- pickerGroup.border#2aa19899
- pickerGroup.foreground#2aa19899
- selection.background#2aa19899
- sideBar.background#002028
- sideBar.border#eee8d52b
- sideBar.foreground#93a1a1
- sideBarTitle.foreground#fdf6e3
- tab.activeBackground#002028
- tab.activeBorderTop#2aa198
- tab.activeForeground#eee8d5
- tab.border#002028
- tab.inactiveBackground#002b36
- tab.inactiveForeground#93a1a1
- terminal.ansiBlack#073642
- terminal.ansiBlue#268bd2
- terminal.ansiBrightBlack#586e75
- terminal.ansiBrightBlue#839496
- terminal.ansiBrightCyan#93a1a1
- terminal.ansiBrightGreen#859900
- terminal.ansiBrightMagenta#6c71c4
- terminal.ansiBrightRed#cb4b16
- terminal.ansiBrightWhite#839496
- terminal.ansiBrightYellow#657b83
- terminal.ansiCyan#2aa198
- terminal.ansiGreen#859900
- terminal.ansiMagenta#d33682
- terminal.ansiRed#dc322f
- terminal.ansiWhite#839496
- terminal.ansiYellow#b58900
- terminal.border#eee8d52b
- terminal.foreground#839496
- titleBar.activeBackground#073642
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.block, punctuation.definition.comment | #586e75 | italic |
| variable | #839496 | — |
| string, string.quoted, constant.numeric | #2aa198 | — |
| string.regexp, keyword.operator.quantifier.regexp | #d33682 | — |
| keyword.control, keyword.operator, storage.type, storage.modifier, punctuation.separator | #859900 | — |
| constant.language | #cb4b16 | — |
| constant.character.escape | #b58900 | — |
| variable.language.this | #d33682 | — |
| entity.name.function | #268bd2 | — |
| variable.parameter | #cb4b16 | — |
| entity.name.type, entity.other.inherited-class | #93a1a1 | bold |
| entity.name.type.class | #b58900 | — |
| support.type | #b58900 | — |
| invalid.illegal | #dc322f | — |
| invalid.deprecated | — | strikethrough |
| entity.name.tag | #d33682 | — |
| punctuation.definition.tag, punctuation.attribute-shorthand, punctuation.separator.key-value.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #b58900 | — |
| entity.other.attribute-name | #cb4b16 | — |
| markup.heading | #859900 | — |
| punctuation.definition.markdown, punctuation.definition.link.markdown, punctuation.definition.quote.begin.markdown, punctuation.definition.quote.end.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.strikethrough.markdown, punctuation.definition.list.begin.markdown, punctuation.definition.list.end.markdown, meta.link.inline.markdown, meta.link.image.markdown, meta.link.reference.markdown, meta.image.inline.markdown | #586e75 | — |
| markup.inline.raw.string.markdown | #d33682 | — |
| markup.raw.block.markdown | #6c71c4 | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #268bd2 | — |
| markup.quote.markdown | #657b83 | italic |
| markup.italic.markdown | #cb4b16 | italic |
| markup.bold.markdown | #cb4b16 | bold |
| markup.strikethrough.markdown | #dc322f | — |
| support.function.builtin.shell | #d33682 | — |