Ember Theme
Publisher: DonPedroTVThemes in package: 1
A cozy dark theme with warm coral accents, soft contrast, and muted syntax colors that stay easy on the eyes through long sessions.
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.activeBorder#da7756
- activityBar.background#20211f
- activityBar.foreground#d7d1c3
- activityBar.inactiveForeground#777970
- activityBarBadge.background#315b71
- activityBarBadge.foreground#e7e2d6
- badge.background#315b71
- badge.foreground#edf0e6
- button.background#da7756
- button.foreground#fff7ed
- button.hoverBackground#e88a68
- contrastBorder#3b3a37
- descriptionForeground#9c978d
- diffEditor.insertedLineBackground#78a68722
- diffEditor.insertedTextBackground#78a68733
- diffEditor.removedLineBackground#dc746522
- diffEditor.removedTextBackground#dc746533
- dropdown.background#292a27
- dropdown.border#464741
- dropdown.foreground#d5d0c5
- editor.background#1b1c1b
- editor.findMatchBackground#8c593777
- editor.findMatchHighlightBackground#6d493466
- editor.foreground#c9c4ba
- editor.inactiveSelectionBackground#233d48
- editor.lineHighlightBackground#282a27
- editor.selectionBackground#294957
- editor.selectionHighlightBackground#294957aa
- editor.wordHighlightBackground#33343055
- editor.wordHighlightStrongBackground#33343077
- editorBracketHighlight.foreground1#83b7c6
- editorBracketHighlight.foreground2#ceb478
- editorBracketHighlight.foreground3#c58bc3
- editorBracketHighlight.foreground4#83c5b2
- editorBracketHighlight.foreground5#da7756
- editorBracketHighlight.foreground6#b8ce7b
- editorBracketHighlight.unexpectedBracket.foreground#ef7b6d
- editorBracketMatch.background#2d4350
- editorBracketMatch.border#5d8798
- editorCursor.foreground#da7756
- editorError.foreground#ef7b6d
- editorGroupHeader.tabsBackground#1c1d1b
- editorHint.foreground#83c5b2
- editorIndentGuide.activeBackground1#5d5e57
- editorIndentGuide.background1#343532
- editorInfo.foreground#78b9d6
- editorLineNumber.activeForeground#969a91
- editorLineNumber.foreground#5b5e59
- editorOverviewRuler.errorForeground#ef7b6d
- editorOverviewRuler.infoForeground#78b9d6
- editorOverviewRuler.warningForeground#d6b56e
- editorSuggestWidget.selectedBackground#294651
- editorWarning.foreground#d6b56e
- editorWhitespace.foreground#444540
- editorWidget.background#292a28
- editorWidget.border#454640
- errorForeground#ef7b6d
- focusBorder#6faec4
- foreground#d5d0c5
- gitDecoration.addedResourceForeground#78a687
- gitDecoration.deletedResourceForeground#dc7465
- gitDecoration.ignoredResourceForeground#5b5e59
- gitDecoration.modifiedResourceForeground#d9b45d
- icon.foreground#bbb6ac
- input.background#292a27
- input.border#464741
- input.foreground#d5d0c5
- inputOption.activeBackground#294957
- inputOption.activeBorder#6faec4
- list.activeSelectionBackground#2b4651
- list.activeSelectionForeground#f0eadc
- list.focusOutline#6faec4
- list.hoverBackground#30312e
- list.inactiveSelectionBackground#293f49
- menu.background#252624
- menu.border#3b3a37
- menu.foreground#d5d0c5
- menu.selectionBackground#294957
- merge.currentHeaderBackground#315b7166
- merge.incomingHeaderBackground#8c593766
- notificationCenterHeader.background#292a27
- notifications.background#292a27
- notifications.border#464741
- panel.background#1c1d1b
- panel.border#373834
- panelTitle.activeBorder#da7756
- peekViewEditor.background#20211f
- peekViewTitle.background#292a27
- problemsErrorIcon.foreground#ef7b6d
- problemsInfoIcon.foreground#78b9d6
- problemsWarningIcon.foreground#d6b56e
- progressBar.background#d8773d
- quickInput.background#252624
- quickInput.foreground#d5d0c5
- scrollbarSlider.activeBackground#a2a29877
- scrollbarSlider.background#66676055
- scrollbarSlider.hoverBackground#8a8a8066
- sideBar.background#252624
- sideBar.foreground#c5c0b5
- sideBarSectionHeader.background#292a28
- sideBarSectionHeader.foreground#aaa69d
- sideBarTitle.foreground#c5c0b5
- statusBar.background#1b1c1a
- statusBar.debuggingBackground#714d32
- statusBar.foreground#aaa69d
- statusBar.noFolderBackground#1b1c1a
- statusBarItem.hoverBackground#333430
- statusBarItem.remoteBackground#315b71
- tab.activeBackground#252624
- tab.activeBorderTop#da7756
- tab.activeForeground#e5dfd2
- tab.border#30312e
- tab.hoverBackground#292a27
- tab.inactiveBackground#1c1d1b
- tab.inactiveForeground#89867d
- terminal.ansiBlack#1b1c1b
- terminal.ansiBlue#78b9d6
- terminal.ansiBrightBlack#6a716c
- terminal.ansiBrightBlue#91cce8
- terminal.ansiBrightCyan#9bd8c4
- terminal.ansiBrightGreen#b9d978
- terminal.ansiBrightMagenta#d7aaef
- terminal.ansiBrightRed#ef8d7f
- terminal.ansiBrightWhite#f0f2eb
- terminal.ansiBrightYellow#e6ca83
- terminal.ansiCyan#83c5b2
- terminal.ansiGreen#78a687
- terminal.ansiMagenta#c792ea
- terminal.ansiRed#dc7465
- terminal.ansiWhite#d5d8d0
- terminal.ansiYellow#d9b45d
- terminal.background#1c1d1b
- terminal.foreground#d5d0c5
- terminalCursor.foreground#da7756
- titleBar.activeBackground#1b1b1a
- titleBar.activeForeground#d5d0c5
- titleBar.inactiveBackground#171716
- titleBar.inactiveForeground#77736c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #787f78 | italic |
| string, constant.other.symbol | #b8ce7b | — |
| constant.numeric, constant.language | #c792ea | — |
| keyword, storage, storage.type | #ca8d78 | — |
| entity.name.function, support.function | #83b7c6 | — |
| entity.name.type, support.class, support.type | #ceb478 | — |
| variable.parameter, variable.language | #b8bcb5 | — |
| keyword.operator, punctuation | #999f97 | — |
| invalid | #ffffff | — |
| entity.name.tag.yaml, entity.name.tag property.yaml, support.type.property-name.yaml, variable.other.key.yaml | #78b9d6 | — |
| string.quoted.single.yaml, string.quoted.double.yaml, string.unquoted.plain.out.yaml | #b9d978 | — |
| constant.numeric.yaml, constant.language.yaml | #c792ea | — |
| keyword.control.flow.yaml, punctuation.definition.block.sequence.item.yaml | #91c0cf | — |
| punctuation.separator.key-value.yaml, punctuation.definition.mapping.yaml | #6f7882 | — |
| comment.line.number-sign.yaml | #697482 | italic |
| variable.other.php, variable.language.php, variable.parameter.php | #8fc7e3 | — |
| variable.other.property.php, meta.property.object.php | #95b8c8 | — |
| entity.name.function.php, support.function.php, meta.function-call.php | #d6c17a | — |
| entity.name.type.class.php, support.class.php, support.type.php | #83c5b2 | — |
| keyword.control.php, storage.type.php, storage.modifier.php | #c58bc3 | — |
| constant.numeric.php | #c792ea | — |
| string.quoted.php, string.unquoted.php | #b8ce7b | — |
| variable.other.readwrite.js, variable.other.readwrite.ts, variable.parameter.js, variable.parameter.ts | #b8bcb5 | — |
| entity.name.function.js, entity.name.function.ts, support.function.js, support.function.ts | #83b7c6 | — |
| entity.name.type.ts, entity.name.type.module.ts, support.class.js, support.class.ts | #ceb478 | — |
| keyword.control.js, keyword.control.ts, storage.type.js, storage.type.ts | #ca8d78 | — |
| string.quoted.js, string.quoted.ts, template.expression.js | #b8ce7b | — |
| markup.heading | #e5924f | bold |
| markup.bold | #e5dfd2 | bold |
| markup.italic | #d5d0c5 | italic |
| markup.underline.link, string.other.link | #78b9d6 | — |
| markup.inline.raw | #83c5b2 | — |
| markup.quote | #9c978d | italic |