Velvet Dawn

Name: Velvet Dawn
Author: oblivious

Publisher: obliviousThemes in package: 2

A minimalistic, pastel-heavy, high-contrast theme for removing distractions.

Open in VS Code GitHub

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Velvet Dawn — Velvet Dawn Dark

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

actionBar.toggledBackground#3A0047
activityBar.activeBackground#120017
activityBar.activeBorder#FFEDF5
activityBar.activeFocusBorder#FFEDF5
activityBar.background#120017
activityBar.border#FFEDF5
activityBar.dropBorder#FFEDF5
activityBar.foreground#FFEDF5
activityBar.inactiveForeground#FFEDF5
activityBarBadge.background#120017
activityBarBadge.foreground#FFEDF5
activityBarTop.activeBackground#120017
activityBarTop.activeBorder#FFEDF5
activityBarTop.background#120017
activityBarTop.dropBorder#FFEDF5
activityBarTop.foreground#FFEDF5
activityBarTop.inactiveForeground#FFEDF5
badge.background#120017
badge.foreground#FFEDF5
breadcrumb.activeSelectionForeground#FFEDF5
breadcrumb.focusForeground#FFEDF5
breadcrumb.foreground#FFEDF5
button.background#120017
button.border#FFEDF5
button.foreground#FFEDF5
button.hoverBackground#3A0047
button.separator#FFEDF5
checkbox.background#120017
checkbox.border#FFEDF5
checkbox.foreground#FFEDF5
checkbox.selectBackground#8354B5
checkbox.selectBorder#FFEDF5
contrastActiveBorder#FFEDF5
contrastBorder#FFEDF5
debugTokenExpression.name#8354B5
debugToolBar.background#120017
debugToolBar.border#FFEDF5
debugView.stateLabelBackground#3A0047
debugView.stateLabelForeground#FFEDF5
debugView.valueChangedHighlight#3A0047
descriptionForeground#FFEDF5
diffEditor.border#FFEDF5
diffEditor.insertedTextBackground#2E6B5080
diffEditor.insertedTextBorder#FFEDF5
diffEditor.removedTextBackground#A55A4280
diffEditor.removedTextBorder#FFEDF5
diffEditor.unchangedRegionBackground#3A0047
diffEditor.unchangedRegionForeground#FFEDF5
diffEditorGutter.insertedLineBackground#3A0047
diffEditorGutter.removedLineBackground#3A0047
disabledForeground#3A0047
dropdown.background#120017
dropdown.border#FFEDF5
dropdown.foreground#FFEDF5
dropdown.listBackground#120017
editor.background#120017
editor.findMatchBackground#120017
editor.findMatchBorder#FFEDF5
editor.findMatchHighlightBorder#FFEDF5
editor.findMatchHighlightForeground#FFEDF5
editor.findRangeHighlightBackground#120017
editor.findRangeHighlightBorder#FFEDF5
editor.focusedStackFrameHighlightBackground#3A0047
editor.foldPlaceholderForeground#FFEDF5
editor.foreground#FFEDF5
editor.inactiveSelectionBackground#3A0047
editor.inlineValuesBackground#3A0047
editor.inlineValuesForeground#FFEDF5
editor.lineHighlightBorder#FFEDF5
editor.linkedEditingBackground#3A0047
editor.selectionBackground#3A0047
editor.selectionForeground#FFEDF5
editor.snippetTabstopHighlightBackground#3A0047
editor.snippetTabstopHighlightBorder#FFEDF5
editor.stackFrameHighlightBackground#3A0047
editor.symbolHighlightBackground#3A0047
editor.symbolHighlightBorder#FFEDF5
editor.wordHighlightBorder#FFEDF5
editor.wordHighlightStrongBorder#FFEDF5
editor.wordHighlightTextBorder#FFEDF5
editorBracketHighlight.foreground1#FFEDF5
editorBracketHighlight.foreground2#FFEDF5
editorBracketHighlight.foreground3#FFEDF5
editorBracketHighlight.foreground4#FFEDF5
editorBracketHighlight.foreground5#FFEDF5
editorBracketHighlight.foreground6#FFEDF5
editorBracketHighlight.unexpectedBracket.foreground#FFEDF5
editorBracketMatch.background#120017
editorBracketMatch.border#FFEDF5
editorCodeLens.foreground#8354B5
editorCursor.background#120017
editorCursor.foreground#FFEDF5
editorGroup.border#FFEDF5
editorGroup.dropBackground#3A0047
editorGroup.dropIntoPromptBackground#120017
editorGroup.dropIntoPromptBorder#FFEDF5
editorGroup.dropIntoPromptForeground#FFEDF5
editorGroup.emptyBackground#120017
editorGroup.focusedEmptyBorder#FFEDF5
editorGroupHeader.border#FFEDF5
editorGroupHeader.noTabsBackground#120017
editorGroupHeader.tabsBackground#120017
editorGroupHeader.tabsBorder#FFEDF5
editorGutter.background#120017
editorGutter.modifiedBackground#8354B5
editorHoverWidget.background#120017
editorHoverWidget.foreground#FFEDF5
editorIndentGuide.activeBackground#8354B5
editorIndentGuide.background#120017
editorLightBulb.foreground#FFEDF5
editorLightBulbAutoFix.foreground#FFEDF5
editorLineNumber.activeForeground#8354B5
editorLineNumber.dimmedForeground#FFEDF5
editorLineNumber.foreground#FFEDF5
editorLink.activeForeground#8354B5
editorOverviewRuler.background#120017
editorOverviewRuler.border#FFEDF5
editorOverviewRuler.findMatchForeground#FFEDF5
editorPane.background#120017
editorRuler.foreground#FFEDF5
editorWhitespace.foreground#120017
editorWidget.background#120017
editorWidget.border#FFEDF5
errorForeground#FF8577
extensionButton.foreground#FFEDF5
extensionButton.hoverBackground#120017
extensionButton.prominentForeground#FFEDF5
extensionButton.prominentHoverBackground#120017
extensionButton.separator#FFEDF5
focusBorder#FFEDF5
foreground#FFEDF5
icon.foreground#FFEDF5
input.background#120017
input.border#FFEDF5
input.foreground#FFEDF5
input.placeholderForeground#FFEDF5
inputOption.activeBackground#120017
inputOption.activeBorder#FFEDF5
inputOption.activeForeground#FFEDF5
inputOption.hoverBackground#120017
keybindingLabel.background#120017
keybindingLabel.border#FFEDF5
keybindingLabel.bottomBorder#FFEDF5
keybindingLabel.foreground#FFEDF5
keybindingTable.headerBackground#120017
keybindingTable.rowsBackground#120017
list.activeSelectionBackground#120017
list.activeSelectionForeground#FFEDF5
list.activeSelectionIconForeground#FFEDF5
list.deemphasizedForeground#FFEDF5
list.dropBackground#3A0047
list.errorForeground#FF8577
list.filterMatchBackground#3A0047
list.filterMatchBorder#FFEDF5
list.focusAndSelectionOutline#FFEDF5
list.focusBackground#120017
list.focusForeground#FFEDF5
list.focusHighlightForeground#FFEDF5
list.focusOutline#FFEDF5
list.highlightForeground#FFEDF5
list.hoverBackground#3A0047
list.hoverForeground#FFEDF5
list.inactiveFocusBackground#120017
list.inactiveFocusOutline#FFEDF5
list.inactiveSelectionBackground#120017
list.inactiveSelectionForeground#FFEDF5
list.inactiveSelectionIconForeground#FFEDF5
list.invalidItemForeground#FF8577
list.warningForeground#CCA300
listFilterWidget.background#120017
listFilterWidget.noMatchesOutline#FFEDF5
listFilterWidget.outline#FFEDF5
listFilterWidget.shadow#120017
notificationCenter.border#FFEDF5
notificationCenterHeader.background#120017
notificationCenterHeader.foreground#FFEDF5
notifications.background#120017
notifications.border#FFEDF5
notifications.foreground#FFEDF5
notificationToast.border#FFEDF5
panel.background#120017
panel.border#FFEDF5
panel.dropBorder#FFEDF5
panelInput.border#FFEDF5
panelTitle.activeBorder#FFEDF5
panelTitle.activeForeground#FFEDF5
panelTitle.inactiveForeground#FFEDF5
profileBadge.background#120017
profileBadge.foreground#FFEDF5
progressBar.background#8354B5
quickInput.background#120017
quickInput.border#FFEDF5
quickInput.foreground#FFEDF5
sash.hoverBorder#FFEDF5
scrollbar.shadow#120017
scrollbarSlider.activeBackground#8354B5
scrollbarSlider.background#3A0047
scrollbarSlider.hoverBackground#8354B5
search.resultsInfoForeground#FFEDF5
selection.background#3A0047
sideBar.background#120017
sideBar.border#FFEDF5
sideBar.dropBackground#3A0047
sideBar.foreground#FFEDF5
sideBarSectionHeader.background#120017
sideBarSectionHeader.border#FFEDF5
sideBarSectionHeader.foreground#FFEDF5
sideBarTitle.foreground#FFEDF5
sideBySideEditor.horizontalBorder#FFEDF5
sideBySideEditor.verticalBorder#FFEDF5
statusBar.background#120017
statusBar.border#FFEDF5
statusBar.debuggingBackground#120017
statusBar.debuggingBorder#FFEDF5
statusBar.debuggingForeground#FFEDF5
statusBar.foreground#FFEDF5
statusBar.noFolderBackground#120017
statusBar.noFolderBorder#FFEDF5
statusBar.noFolderForeground#FFEDF5
tab.activeBackground#120017
tab.activeBorder#FFEDF5
tab.activeBorderTop#FFEDF5
tab.activeForeground#FFEDF5
tab.activeModifiedBorder#FFEDF5
tab.border#FFEDF5
tab.hoverBackground#120017
tab.hoverBorder#FFEDF5
tab.hoverForeground#FFEDF5
tab.inactiveBackground#120017
tab.inactiveForeground#FFEDF5
tab.inactiveModifiedBorder#FFEDF5
tab.lastPinnedBorder#FFEDF5
tab.unfocusedActiveBackground#120017
tab.unfocusedActiveBorder#FFEDF5
tab.unfocusedActiveBorderTop#FFEDF5
tab.unfocusedActiveForeground#FFEDF5
tab.unfocusedActiveModifiedBorder#FFEDF5
tab.unfocusedHoverBackground#120017
tab.unfocusedHoverBorder#FFEDF5
tab.unfocusedHoverForeground#FFEDF5
tab.unfocusedInactiveBackground#120017
tab.unfocusedInactiveForeground#FFEDF5
tab.unfocusedInactiveModifiedBorder#FFEDF5
terminal.background#120017
terminal.border#FFEDF5
terminal.findMatchBackground#120017
terminal.findMatchBorder#FFEDF5
terminal.findMatchHighlightBackground#120017
terminal.findMatchHighlightBorder#FFEDF5
terminal.foreground#FFEDF5
terminal.hoverHighlightBackground#120017
terminal.tab.activeBorder#FFEDF5
terminalCursor.background#120017
terminalCursor.foreground#FFEDF5
textBlockQuote.background#120017
textBlockQuote.border#FFEDF5
textCodeBlock.background#120017
textLink.activeForeground#FFEDF5
textLink.foreground#8354B5
textPreformat.background#3A0047
textPreformat.foreground#120017
textSeparator.foreground#FFEDF5
titleBar.activeBackground#120017
titleBar.activeForeground#FFEDF5
titleBar.border#FFEDF5
titleBar.inactiveBackground#120017
toolbar.activeBackground#8354B5
toolbar.hoverBackground#120017
toolbar.hoverOutline#FFEDF5
tree.inactiveIndentGuidesStroke#FFEDF5
tree.indentGuidesStroke#FFEDF5
tree.tableColumnsBorder#FFEDF5
tree.tableOddRowsBackground#120017
widget.border#FFEDF5
widget.shadow#120017
window.activeBorder#FFEDF5
window.inactiveBorder#FFEDF5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, comment.line, comment.line.double-slash, comment.line.double-dash, comment.line.number-sign, comment.line.percentage, comment.line.character, comment.block, comment.block.documentation	#8F6C7E
constant, constant.numeric, constant.character, constant.character.escape, constant.language, constant.other, markup.underline, markup.underline.link, markup.heading, markup.list, markup.list.numbered, markup.list.unnumbered, markup.quote, markup.raw, string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.quoted.other, string.unquoted, string.interpolated, string.regexp, string.other, text.html.derivative, entity.other.attribute-name.class.css	#8354B5	bold
entity, entity.name, entity.name.function, entity.name.type, entity.name.tag, entity.name.section, entity.other, entity.other.inherited-class, entity.other.attribute-name, markup.bold, fenced_code.block.language.markdown	#8354B5	italic bold
invalid, invalid.illegal, invalid.deprecated	#FFEDF5	bold
keyword, keyword.control, keyword.operator, keyword.other, markup.italic, storage, storage.type, storage.modifier, support, support.function, support.class, support.type, support.constant, support.variable, support.other, variable.language, entity.name.tag.html, support.type.property-name.json, entity.name.tag.yaml, punctuation.definition.link.title.begin.markdown, punctuation.definition.link.title.end.markdown, punctuation.definition.metadata.markdown, punctuation.definition.bold.markdown, punctuation.definition.link.description.begin.markdown, punctuation.definition.link.description.end.markdown, punctuation.definition.raw.markdown, punctuation.definition.markdown, markup.inline.raw.string.markdown, markup.bold.markdown, string.other.link.title.markdown, string.other.link.description.markdown, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, entity.name.tag.css, entity.name.tag.wildcard.css, entity.name.tag.script.html.vue, entity.name.tag.template.html.vue, entity.name.tag.style.html.vue	#FFEDF5	italic
markup, markup.other, meta, variable, variable.parameter, variable.other	#FFEDF5