Dusty Rose Dark
Publisher: Fineline StudioThemes in package: 1
A warm, dark theme with dusty rose and cream tones.
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#4A2E2E
- activityBar.foreground#F5ECDF
- activityBarBadge.background#A3685A
- activityBarBadge.foreground#FFFFFF
- button.background#8D5C58
- button.foreground#F5ECDF
- button.hoverBackground#B67C79
- dropdown.background#3B2A2A
- dropdown.border#8D5C58
- editor.background#2A1E1E
- editor.foreground#F5ECDF
- editor.inactiveSelectionBackground#5D3D3D80
- editor.lineHighlightBackground#3B2A2A
- editor.selectionBackground#5D3D3D
- editorCursor.foreground#EBD0C2
- editorHoverWidget.background#3B2A2A
- editorHoverWidget.border#8D5C58
- editorHoverWidget.foreground#F5ECDF
- editorIndentGuide.activeBackground1#8D5C58
- editorIndentGuide.background1#4A2E2E
- editorLineNumber.foreground#A77B74
- editorSuggestWidget.background#3B2A2A
- editorSuggestWidget.foreground#F5ECDF
- editorSuggestWidget.highlightForeground#EBD0C2
- editorSuggestWidget.selectedBackground#4A2E2E
- editorWidget.background#2A1E1E
- input.background#2A1E1E
- input.border#8D5C58
- list.inactiveSelectionForeground#F5ECDF
- scrollbarSlider.background#8D5C5888
- scrollbarSlider.hoverBackground#A3685AAA
- sideBar.background#2A1E1E
- sideBar.foreground#F5ECDF
- statusBar.background#4A2E2E
- statusBar.debuggingBackground#B67C79
- statusBar.foreground#FFFFFF
- statusBar.noFolderBackground#4A2E2E
- tab.activeBackground#2A1E1E
- tab.activeForeground#F5ECDF
- tab.inactiveBackground#3B2A2A
- tab.inactiveForeground#A3685A
- terminal.background#2A1E1E
- terminal.foreground#F5ECDF
- terminalCursor.foreground#EBD0C2
- textLink.activeForeground#EBD0C2
- textLink.foreground#CEA39E
- titleBar.activeBackground#2A1E1E
- titleBar.activeForeground#F5ECDF
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| entity.name.tag, meta.tag | #EBD0C2 | — |
| text.html, meta.tag.inline.any.html, string.quoted.double.html, string.quoted.single.html, string.unquoted, meta.attribute.value.html | #F0E2CF | — |
| support.type.property-name.css, support.constant.property-value.css | #EBD0C2 | — |
| meta.property-name.css | #EBD0C2 | — |
| string.quoted.double, string.quoted.single | #EBD0C2 | — |
| keyword, keyword.control, storage.type | #CEA39E | — |
| entity.name.function, support.function | #F5ECDF | — |
| comment, punctuation.definition.comment | #A77B74 | italic |
| variable, variable.parameter, variable.other.readwrite, object.key | #EBD0C2 | — |
| punctuation, punctuation.bracket, punctuation.curlybrace, punctuation.parenthesis, punctuation.section.block, punctuation.section.block.begin, punctuation.section.block.end, punctuation.definition.block, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.section.property-list.begin.bracket.curly.css, punctuation.section.property-list.end.bracket.curly.css, meta.brace.round, meta.brace.curly, meta.brace.square, meta.block, meta.block.js, meta.parameters, meta.parameters.js, meta.function, meta.function.expression, meta.group.braces.curly, meta.group.brackets.round, meta.group.brackets.square | #F5ECDF | — |