Solarized Espresso Soda
Publisher: Daur GamisoniaThemes in package: 1
Converted syntax theme for VSC from the original Soda Theme available for Sublime Text editor
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#DDD6C1
- activityBar.dropBackground#EEE8D5
- activityBar.foreground#584C27
- activityBarBadge.background#B58900
- badge.background#B58900AA
- button.background#AC9D57
- debugExceptionWidget.background#DDD6C1
- debugExceptionWidget.border#AB395B
- debugToolBar.background#DDD6C1
- dropdown.background#EEE8D5
- dropdown.border#D3AF86
- editor.background#FAF8E4
- editor.lineHighlightBackground#EEE8D5
- editor.selectionBackground#E9E1C9
- editorCursor.foreground#657B83
- editorGroup.background#FFFBF2
- editorGroup.border#DDD6C1
- editorGroup.dropBackground#DDD6C1AA
- editorGroupHeader.tabsBackground#D9D2C2
- editorHoverWidget.background#CCC4B0
- editorWhitespace.foreground#586E7580
- editorWidget.background#EEE8D5
- extensionButton.prominentBackground#B58900
- extensionButton.prominentHoverBackground#584C27AA
- focusBorder#D3AF86
- input.background#DDD6C1
- input.foreground#586E75
- input.placeholderForeground#586E75AA
- inputOption.activeBorder#D3AF86
- list.activeSelectionBackground#DFCA88
- list.activeSelectionForeground#6C6C6C
- list.focusBackground#DFCA8866
- list.highlightForeground#B58900
- list.hoverBackground#DFCA8844
- list.inactiveSelectionBackground#D1CBB8
- notification.background#999178
- panel.border#DDD6C1
- peekView.border#B58900
- peekViewEditor.background#FFFBF2
- peekViewEditor.matchHighlightBackground#7744AA40
- peekViewResult.background#EEE8D5
- peekViewTitle.background#EEE8D5
- pickerGroup.border#2AA19899
- pickerGroup.foreground#2AA19899
- progressBar.background#B58900
- selection.background#CCC4B0
- sideBar.background#EEE8D5
- sideBar.foreground#000000
- sideBarTitle.foreground#586E75
- statusBar.background#EEE8D5
- statusBar.debuggingBackground#EEE8D5
- statusBar.foreground#586E75
- statusBar.noFolderBackground#EEE8D5
- statusBarItem.prominentBackground#DDD6C1
- statusBarItem.prominentHoverBackground#DDD6C199
- tab.activeBackground#FDF6E3
- tab.border#DDD6C1
- tab.inactiveBackground#D3CBB7
- tab.inactiveForeground#586E75
- terminal.ansiBlack#073642
- terminal.ansiBlue#268BD2
- terminal.ansiBrightBlack#586E75
- terminal.ansiBrightBlue#839496
- terminal.ansiBrightCyan#93A1A1
- terminal.ansiBrightGreen#586E75
- terminal.ansiBrightMagenta#6C71C4
- terminal.ansiBrightRed#CB4B16
- terminal.ansiBrightWhite#7F6D34
- terminal.ansiBrightYellow#657B83
- terminal.ansiCyan#2AA198
- terminal.ansiGreen#859900
- terminal.ansiMagenta#D33682
- terminal.ansiRed#DC322F
- terminal.ansiWhite#7F6D34
- terminal.ansiYellow#B58900
- titleBar.activeBackground#EEE8D5
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #000000 | — |
| comment, comment punctuation | #93A1A1 | — |
| comment.block.preprocessor | #ADADAD | — |
| comment.documentation, comment.block.documentation | #BC670F | — |
| invalid.deprecated | — | italic underline |
| invalid.illegal | #000000 | — |
| keyword.operator | #626FC9 | — |
| keyword, storage | #61862F | — |
| storage.type, support.type | #6700B9 | — |
| constant.language, support.constant, variable.language | #7653C1 | — |
| variable, support.variable, meta.at-rule.include.scss, punctuation.definition.variable.less | #4C8FC7 | — |
| entity.name.function, support.function, entity | #61862F | — |
| entity.name.type, entity.other.inherited-class, support.class | #3A1D72 | — |
| entity.name.exception | #F93232 | — |
| entity.name.section | — | |
| constant.numeric, constant | #7653C1 | — |
| punctuation, keyword.operator.attribute-selector.less | #000000 | — |
| constant.character, string, meta.attribute-selector.scss | #BC670F | — |
| string punctuation | #E69A4C | — |
| constant.character.escape | — | bold |
| string.regexp | #699D36 | — |
| constant.other.symbol | — | bold |
| string source, text source | #434343 | — |
| markup.changed | #000000 | — |
| markup.deleted | #000000 | — |
| markup.italic | — | italic |
| markup.error | #F9F2CE | — |
| markup.inserted | #000000 | — |
| markup.output, markup.raw | #7F7F7F | — |
| markup.prompt | #555555 | — |
| markup.heading | — | bold |
| markup.bold | — | bold |
| markup.traceback | #F93232 | — |
| markup.underline | — | underline |
| meta.diff.range, meta.diff.index, meta.separator | #434343 | — |
| meta.diff.header.from-file | #434343 | — |
| meta.diff.header.to-file | #434343 | — |
| meta.tag.sgml.doctype | #7F7F7F | — |
| entity.name.tag | #2F6F9F | — |
| meta.tag string punctuation | #5FAFEF | — |
| punctuation.definition.tag | #4F9FCF | — |
| constant.character.entity | #000000 | — |
| entity.other.attribute-name | #4C8FC7 | — |
| meta.tag string.quoted, meta.tag string.quoted constant.character.entity | #D44950 | — |
| text.pug meta.tag string.quoted | #BC670F | — |
| entity.name.tag.pug | #61862F | — |
| entity.other.attribute-name.tag.pug | #2F6F9F | — |
| entity.name.function.pug | #9C27B0 | — |
| entity.other.attribute-name.class.pug | #4F9FCF | — |
| text.pug variable.other.readwrite.js, variable.control.import.include.pug | #268BD2 | — |
| string.comment.buffered.block.pug | #777 | — |
| meta.property-name, support.type.property-name | #D4430D | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation | #3A77BF | — |
| entity.other.attribute-name, entity.other.attribute-name.parent-selector-suffix.css punctuation.definition.entity.css | #4F9FCF | — |
| constant.other.color.rgb-value.hex.css, constant.other.color.rgb-value.hex.css punctuation.definition.constant.css | #43A202 | — |
| entity.name.tag.css, entity.name.tag.less | #2F6F9F | — |
| meta.property-value constant.numeric, meta.property-value constant, meta.property-value keyword, keyword.other.unit.px.css, keyword.other.unit.s.css, constant.numeric.css, meta.definition.variable.scss keyword.other.unit.percentage.css, constant.numeric.less, constant.other.color.rgb-value.less punctuation.definition.constant.less | #43A202 | — |
| entity.other.attribute-name.class.css punctuation.definition.entity.css, entity.other.attribute-name.class.less punctuation.definition.entity.less | #4C8FC7 | — |
| entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.less, entity.other.attribute-name.pseudo-class.less | #4C8FC7 | — |
| punctuation.definition.entity.css, punctuation.definition.entity.less | #4C8FC7 | — |
| support.function.misc.css, support.function.misc.scss, support.function.transform.css, support.function.transform.less, support.function.gradient.css, support.function.gradient.less, entity.name.function.scss, support.function.color.less | #61862F | — |
| punctuation.definition.keyword.css, punctuation.definition.keyword.scss, punctuation.definition.keyword.less | #61862F | — |
| keyword.other.important.css, keyword.other.important.scss, keyword.other.important.less, keyword.other.important.less punctuation.separator.less | #D33682 | — |
| meta.at-rule.extend.scss, meta.at-rule.extend.scss support.constant.mathematical-symbols.scss | #4F9FCF | — |
| source.css.scss entity.other.attribute-name.placeholder.css punctuation.definition.entity.css | #4F9FCF | — |
| meta.function-call.less | #7653C1 | — |
| keyword.other.pseudo-class.less | #7653C1 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...