Velvet Dusk
Publisher: MayraThemes in package: 1
A soft dark VS Code theme with muted purple, teal, and blue-gray tones for long coding 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.background#141820
- activityBar.foreground#a8b8d0
- activityBar.inactiveForeground#3a4055
- activityBarBadge.background#9060c0
- activityBarBadge.foreground#e8e0f0
- badge.background#9060c0
- badge.foreground#e8e0f0
- button.background#9060c0
- button.foreground#e8e0f0
- button.hoverBackground#a870c8
- dropdown.background#181c22
- dropdown.border#2a2f3d
- dropdown.foreground#a8b8d0
- editor.background#1e2129
- editor.findMatchBackground#c0587040
- editor.findMatchHighlightBackground#c0587025
- editor.foreground#a8b8d0
- editor.inactiveSelectionBackground#9060c025
- editor.lineHighlightBackground#252a34
- editor.selectionBackground#9060c040
- editor.selectionHighlightBackground#9060c025
- editor.wordHighlightBackground#6878c030
- editor.wordHighlightStrongBackground#6878c050
- editorBracketHighlight.foreground1#7888b8
- editorBracketHighlight.foreground2#9878d8
- editorBracketHighlight.foreground3#5aab98
- editorBracketHighlight.foreground4#c070a8
- editorBracketHighlight.foreground5#c08848
- editorBracketHighlight.foreground6#7aaa80
- editorBracketHighlight.unexpectedBracket.foreground#c05870
- editorBracketMatch.background#9060c030
- editorBracketMatch.border#9060c0
- editorBracketPairGuide.activeBackground1#7888b840
- editorBracketPairGuide.activeBackground2#9878d840
- editorBracketPairGuide.activeBackground3#5aab9840
- editorBracketPairGuide.activeBackground4#c070a840
- editorBracketPairGuide.activeBackground5#c0884840
- editorBracketPairGuide.activeBackground6#7aaa8040
- editorBracketPairGuide.background1#7888b818
- editorBracketPairGuide.background2#9878d818
- editorBracketPairGuide.background3#5aab9818
- editorBracketPairGuide.background4#c070a818
- editorBracketPairGuide.background5#c0884818
- editorBracketPairGuide.background6#7aaa8018
- editorCursor.foreground#c4a8d8
- editorError.foreground#b86868
- editorGroupHeader.tabsBackground#181c22
- editorGutter.addedBackground#4e8060
- editorGutter.background#1e2129
- editorGutter.deletedBackground#c05870
- editorGutter.modifiedBackground#6878c0
- editorHint.foreground#4a9888
- editorIndentGuide.activeBackground1#3a3f52
- editorIndentGuide.background1#252a34
- editorInfo.foreground#5870a8
- editorLineNumber.activeForeground#6878c0
- editorLineNumber.foreground#2e3450
- editorRuler.foreground#252a34
- editorWarning.foreground#b09458
- editorWhitespace.foreground#2a2f3d
- focusBorder#9060c060
- foreground#a8b8d0
- gitDecoration.addedResourceForeground#6aaa80
- gitDecoration.deletedResourceForeground#c05870
- gitDecoration.ignoredResourceForeground#3a4055
- gitDecoration.modifiedResourceForeground#6878c0
- gitDecoration.untrackedResourceForeground#7a9060
- input.background#141820
- input.border#2a2f3d
- input.foreground#a8b8d0
- input.placeholderForeground#3a4055
- inputOption.activeBorder#9060c0
- list.activeSelectionBackground#9060c030
- list.activeSelectionForeground#a8b8d0
- list.focusBackground#9060c030
- list.highlightForeground#9060c0
- list.hoverBackground#9060c015
- list.inactiveSelectionBackground#9060c020
- notificationLink.foreground#9060c0
- notifications.background#181c22
- notifications.foreground#a8b8d0
- panel.background#181c22
- panel.border#141820
- panelTitle.activeBorder#9060c0
- panelTitle.activeForeground#a8b8d0
- panelTitle.inactiveForeground#4a5068
- quickInput.background#181c22
- quickInput.foreground#a8b8d0
- scrollbarSlider.activeBackground#9060c060
- scrollbarSlider.background#3a3f5240
- scrollbarSlider.hoverBackground#3a3f5280
- selection.background#9060c040
- sideBar.background#181c22
- sideBar.border#141820
- sideBar.foreground#8090a8
- sideBarSectionHeader.background#141820
- sideBarSectionHeader.foreground#8090a8
- sideBarTitle.foreground#6878c0
- statusBar.background#141820
- statusBar.border#141820
- statusBar.debuggingBackground#c05870
- statusBar.foreground#6878c0
- statusBar.noFolderBackground#141820
- statusBarItem.hoverBackground#9060c025
- tab.activeBackground#1e2129
- tab.activeBorder#9060c0
- tab.activeForeground#a8b8d0
- tab.border#141820
- tab.inactiveBackground#181c22
- tab.inactiveForeground#4a5068
- tab.unfocusedActiveBorder#3a3f52
- terminal.ansiBlack#1e2129
- terminal.ansiBlue#5870a8
- terminal.ansiBrightBlack#4a5268
- terminal.ansiBrightBlue#7088c0
- terminal.ansiBrightCyan#5aab98
- terminal.ansiBrightGreen#6aaa80
- terminal.ansiBrightMagenta#a870a8
- terminal.ansiBrightRed#c07878
- terminal.ansiBrightWhite#b8c8d8
- terminal.ansiBrightYellow#c8a860
- terminal.ansiCyan#4a9888
- terminal.ansiGreen#5a9870
- terminal.ansiMagenta#906090
- terminal.ansiRed#a86868
- terminal.ansiWhite#8898b0
- terminal.ansiYellow#b09458
- terminal.background#181c22
- terminal.foreground#a8b8d0
- titleBar.activeBackground#141820
- titleBar.activeForeground#8090a8
- titleBar.inactiveBackground#141820
- titleBar.inactiveForeground#3a4055
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7272a8 | italic |
| keyword.control, keyword.operator.new, keyword.operator.expression, keyword.other.debugger | #c070a8 | — |
| storage.type | #5aab98 | — |
| storage.modifier, keyword.control.import, keyword.control.export, keyword.control.from | #c08848 | — |
| keyword | #c070a8 | — |
| entity.name.function, support.function, meta.function-call entity.name.function | #9878d8 | — |
| string, string.template | #7aaa80 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #c08848 | — |
| constant.numeric | #c07878 | — |
| constant.language | #c07878 | — |
| variable, variable.other, variable.other.readwrite | #b8c8de | — |
| variable.parameter | #c8d8ee | italic |
| variable.other.constant, constant.other | #d4b878 | — |
| entity.name.type, entity.name.class, support.class, support.type | #b898d8 | — |
| support.type.primitive, keyword.type, storage.type.interface, storage.type.type | #6aa8c8 | — |
| entity.name.tag, meta.tag.sgml | #b06878 | — |
| support.class.component, support.class.component.jsx, support.class.component.tsx | #b898d8 | — |
| meta.object-literal.key, meta.object.member, variable.object.property, variable.object.property.ts, variable.object.property.tsx, meta.definition.property.ts, variable.other.object.property | #9868b8 | — |
| entity.other.attribute-name | #8888b8 | — |
| keyword.operator | #7888b8 | — |
| storage.type.function.arrow, keyword.operator.arrow | #5aab98 | — |
| punctuation.definition, punctuation.separator, punctuation.terminator, meta.brace | #5a6078 | — |
| support.type.property-name | #8888b8 | — |
| support.constant.property-value, support.constant.font-name, support.constant.media-type | #c08848 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, meta.selector | #caaaf0 | — |
| variable.other.custom-property, variable.css, support.type.custom-property, variable.other.custom-property.name | #7aaa80 | — |
| keyword.control.at-rule, keyword.at-rule, punctuation.definition.keyword.css | #c070a8 | — |
| constant.other.color, keyword.other.unit | #c07878 | — |
| support.type.property-name.json | #9868b8 | — |
| markup.heading, entity.name.section | #c070a8 | bold |
| markup.bold | #c4a8d8 | bold |
| markup.italic | #a8b8d0 | italic |
| markup.underline.link | #5aab98 | — |
| markup.inline.raw, markup.fenced_code | #c07878 | — |
| invalid, invalid.deprecated | #c05870 | strikethrough |
| entity.name.function.decorator, meta.function.decorator entity.name.function, support.function.decorator, punctuation.definition.decorator | #c08848 | — |
| variable.language.special.self, variable.parameter.function.language.special.self | #9878d8 | italic |
| support.function.magic | #9878d8 | italic |
| support.function.builtin | #9878d8 | — |
| support.type.python, support.class.python | #6aa8c8 | — |
| support.type.exception.python | #b898d8 | — |
| meta.fstring.python punctuation.definition.template-expression, punctuation.definition.template-expression.begin.python, punctuation.definition.template-expression.end.python | #c08848 | — |
| keyword.declaration.function.lambda | #5aab98 | — |