Dominvm Theme

Name: Dominvm Theme
Author: DOMINVM

Publisher: DOMINVMThemes in package: 50

50 Premium Light, Dark, and Solarized Themes in 16 Color Families

Open in VS Code GitHub

Color themes

VS Code preview

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

Dominvm Theme — Dominvm Grey Light

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.ts

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

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#D0D0D5
activityBar.dropBorder#607D8B
activityBar.foreground#252530
activityBar.inactiveForeground#999999
activityBarBadge.background#607D8B
activityBarBadge.foreground#F5F5F7
badge.background#607D8B
badge.foreground#F5F5F7
breadcrumb.activeSelectionForeground#607D8B
breadcrumb.focusForeground#252530
breadcrumb.foreground#808080
breadcrumbPicker.background#E5E5E8
button.background#607D8B
button.foreground#F5F5F7
button.hoverBackground#455A64
chat.avatarBackground#607D8B
chat.avatarForeground#F5F5F7
chat.requestBackground#E5E5E8
chat.requestBorder#607D8B
chat.slashCommandBackground#607D8B
chat.slashCommandForeground#F5F5F7
debugConsole.errorForeground#B71C1C
debugConsole.infoForeground#336666
debugConsole.sourceForeground#252530
debugConsole.warningForeground#E65100
debugIcon.breakpointDisabledForeground#A8A8A9
debugIcon.breakpointForeground#B71C1C
debugToolBar.background#D0D0D5
debugToolBar.border#C0C0C5
descriptionForeground#5B5B60
diffEditor.insertedTextBackground#66BB6A40
diffEditor.removedTextBackground#C6282840
disabledForeground#A8A8A9
dropdown.background#F5F5F7
dropdown.border#D0D0D5
dropdown.foreground#252530
editor.background#F5F5F7
editor.findMatchBackground#607D8B40
editor.findMatchHighlightBackground#C0C0C580
editor.foreground#252530
editor.hoverHighlightBackground#E5E5E880
editor.inactiveSelectionBackground#D0D0D580
editor.lineHighlightBackground#E5E5E8
editor.lineHighlightBorder#D0D0D5
editor.selectionBackground#607D8B40
editor.selectionHighlightBackground#E5E5E880
editor.wordHighlightBackground#E5E5E880
editor.wordHighlightStrongBackground#D0D0D580
editorBracketMatch.background#D0D0D5
editorBracketMatch.border#C0C0C5
editorCodeLens.foreground#808080
editorCursor.foreground#455A64
editorError.foreground#B71C1C
editorGhostText.foreground#9D9D9D
editorGroup.border#D0D0D5
editorGroup.dropBackground#E5E5E880
editorGroupHeader.noTabsBackground#F5F5F7
editorGroupHeader.tabsBackground#E5E5E8
editorGutter.addedBackground#66BB6A
editorGutter.background#F5F5F7
editorGutter.deletedBackground#C62828
editorGutter.modifiedBackground#4FC3F7
editorHoverWidget.background#F5F5F7
editorHoverWidget.border#D0D0D5
editorIndentGuide.activeBackground1#C0C0C5
editorIndentGuide.background1#D0D0D5
editorInfo.foreground#336666
editorInlayHint.background#E5E5E860
editorInlayHint.foreground#5B5B60
editorInlayHint.parameterBackground#E5E5E860
editorInlayHint.parameterForeground#5B5B60
editorInlayHint.typeBackground#E5E5E860
editorInlayHint.typeForeground#5B5B60
editorLineNumber.activeForeground#607D8B
editorLineNumber.foreground#808080
editorLink.activeForeground#607D8B
editorOverviewRuler.addedForeground#66BB6ACC
editorOverviewRuler.bracketMatchForeground#D0D0D5CC
editorOverviewRuler.deletedForeground#C62828CC
editorOverviewRuler.errorForeground#B71C1CCC
editorOverviewRuler.findMatchForeground#607D8B80
editorOverviewRuler.infoForeground#336666CC
editorOverviewRuler.modifiedForeground#4FC3F7CC
editorOverviewRuler.selectionHighlightForeground#607D8B40
editorOverviewRuler.warningForeground#E65100CC
editorRuler.foreground#D0D0D5
editorStickyScroll.background#F5F5F7
editorStickyScrollHover.background#E5E5E8
editorSuggestWidget.background#F5F5F7
editorSuggestWidget.border#D0D0D5
editorSuggestWidget.foreground#252530
editorSuggestWidget.highlightForeground#607D8B
editorSuggestWidget.selectedBackground#E5E5E8
editorWarning.foreground#E65100
editorWhitespace.foreground#C0C0C5
editorWidget.background#F5F5F7
editorWidget.border#D0D0D5
errorForeground#B71C1C
focusBorder#607D8B
foreground#252530
gitDecoration.addedResourceForeground#66BB6A
gitDecoration.conflictingResourceForeground#8B4C53
gitDecoration.deletedResourceForeground#C62828
gitDecoration.ignoredResourceForeground#646468
gitDecoration.modifiedResourceForeground#4FC3F7
gitDecoration.submoduleResourceForeground#687982
gitDecoration.untrackedResourceForeground#66BB6A
icon.foreground#455A64
input.background#F5F5F7
input.border#D0D0D5
input.foreground#252530
input.placeholderForeground#999999
keybindingLabel.background#E5E5E8
keybindingLabel.border#D0D0D5
keybindingLabel.bottomBorder#C0C0C5
keybindingLabel.foreground#252530
list.activeSelectionBackground#E5E5E8
list.activeSelectionForeground#252530
list.deemphasizedForeground#78909C
list.dropBackground#D0D0D5
list.errorForeground#B71C1C
list.focusBackground#E5E5E8
list.focusForeground#252530
list.highlightForeground#607D8B
list.hoverBackground#E5E5E8
list.hoverForeground#252530
list.inactiveSelectionBackground#E5E5E8
list.inactiveSelectionForeground#252530
list.warningForeground#E65100
merge.border#C0C0C580
merge.currentContentBackground#66BB6A25
merge.currentHeaderBackground#66BB6A40
merge.incomingContentBackground#4FC3F725
merge.incomingHeaderBackground#4FC3F740
minimap.errorHighlight#B71C1CCC
minimap.findMatchHighlight#607D8B66
minimap.selectionHighlight#607D8B40
minimap.warningHighlight#E65100CC
minimapGutter.addedBackground#66BB6A
minimapGutter.deletedBackground#C62828
minimapGutter.modifiedBackground#4FC3F7
notificationCenterHeader.background#D0D0D5
notificationCenterHeader.foreground#252530
notificationLink.foreground#607D8B
notifications.background#E5E5E8
notifications.border#C0C0C5
notifications.foreground#252530
notificationsErrorIcon.foreground#B71C1C
notificationsInfoIcon.foreground#336666
notificationsWarningIcon.foreground#E65100
panel.background#F5F5F7
panel.border#C0C0C5
panelTitle.activeBorder#607D8B
panelTitle.activeForeground#252530
panelTitle.inactiveForeground#5C5C5C
peekView.border#607D8B
peekViewEditor.background#E5E5E8
peekViewEditor.matchHighlightBackground#607D8B40
peekViewEditorGutter.background#E5E5E8
peekViewResult.background#D0D0D5
peekViewResult.fileForeground#252530
peekViewResult.lineForeground#252530
peekViewResult.matchHighlightBackground#607D8B40
peekViewResult.selectionBackground#C0C0C5
peekViewResult.selectionForeground#252530
peekViewTitle.background#D0D0D5
peekViewTitleDescription.foreground#5C5C5C
peekViewTitleLabel.foreground#252530
progressBar.background#607D8B
sash.hoverBorder#607D8B
scrollbar.shadow#C0C0C5
scrollbarSlider.activeBackground#607D8B80
scrollbarSlider.background#C0C0C580
scrollbarSlider.hoverBackground#D0D0D580
selection.background#607D8B40
settings.focusedRowBackground#607D8B10
settings.headerForeground#252530
settings.modifiedItemIndicator#607D8B
settings.rowHoverBackground#E5E5E880
sideBar.background#E5E5E8
sideBar.foreground#252530
sideBarSectionHeader.background#D0D0D5
sideBarSectionHeader.foreground#252530
sideBarTitle.foreground#252530
statusBar.background#D0D0D5
statusBar.debuggingBackground#607D8B
statusBar.debuggingForeground#F5F5F7
statusBar.foreground#252530
statusBar.noFolderBackground#D0D0D5
statusBar.noFolderForeground#252530
statusBarItem.activeBackground#C0C0C5
statusBarItem.hoverBackground#C0C0C5
statusBarItem.prominentBackground#D0D0D5
statusBarItem.prominentHoverBackground#C0C0C5
tab.activeBackground#F5F5F7
tab.activeBorder#607D8B
tab.activeForeground#252530
tab.border#D0D0D5
tab.inactiveBackground#E5E5E8
tab.inactiveForeground#5C5C5C
tab.unfocusedActiveBackground#F5F5F7
tab.unfocusedActiveForeground#252530
tab.unfocusedInactiveBackground#E5E5E8
tab.unfocusedInactiveForeground#5C5C5C
terminal.ansiBlack#21212B
terminal.ansiBlue#336666
terminal.ansiBrightBlack#42424A
terminal.ansiBrightBlue#477575
terminal.ansiBrightCyan#477575
terminal.ansiBrightGreen#5E815E
terminal.ansiBrightMagenta#876387
terminal.ansiBrightRed#966E6E
terminal.ansiBrightWhite#F5F5F7
terminal.ansiBrightYellow#676767
terminal.ansiCyan#336666
terminal.ansiGreen#4D734D
terminal.ansiMagenta#7A527A
terminal.ansiRed#8B5E5E
terminal.ansiWhite#F5F5F7
terminal.ansiYellow#575757
terminal.background#F5F5F7
terminal.foreground#252530
terminal.selectionBackground#607D8B40
terminalCursor.foreground#607D8B
textBlockQuote.background#E5E5E8
textBlockQuote.border#607D8B
textCodeBlock.background#E5E5E8
textLink.activeForeground#455A64
textLink.foreground#607D8B
textPreformat.foreground#455A64
textSeparator.foreground#D0D0D5
titleBar.activeBackground#C0C0C5
titleBar.activeForeground#252530
titleBar.inactiveBackground#E5E5E8
titleBar.inactiveForeground#5C5C5C
tree.indentGuidesStroke#C0C0C5
tree.tableColumnsBorder#D0D0D5
walkthrough.stepTitle.foreground#252530
welcomePage.background#F5F5F7
welcomePage.progress.background#D0D0D5
welcomePage.progress.foreground#607D8B
welcomePage.tileBackground#E5E5E8
welcomePage.tileBorder#D0D0D5
welcomePage.tileHoverBackground#D0D0D5
widget.shadow#C0C0C5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment, string.comment	#808080	italic
keyword, storage, storage.type, entity.name.tag, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical	#455A64	—
string, punctuation.definition.string, string.quoted, markup.inline.raw	#4D734D	—
markup.heading, markup.heading.setext, markup.heading.markdown, punctuation.definition.heading, entity.name.section	#607D8B	bold
entity.name.function, support.function, meta.function-call, entity.name.method, support.function.method, meta.method-call, entity.name.function.decorator, meta.decorator	#336666	—
entity.name.class, entity.name.type, support.class, support.type, entity.other.inherited-class, meta.class, meta.type	#7A527A	bold
variable, support.variable, punctuation.definition.variable, variable.parameter, variable.other, variable.language, meta.parameter-type	#5C5C5C	—
constant.numeric, constant.language, constant.character, constant.other, support.constant	#8B5E5E	—
meta.object-literal.key, support.type.property-name, variable.object.property, entity.name.label, string.unquoted.label	#4D7A7A	—
keyword.operator, punctuation.separator, punctuation.terminator, punctuation.section, punctuation.definition, meta.brace	#5C5C5C	—
markup.bold, markup.italic, markup.strikethrough, markup.underline, markup.quote, markup.list	#6B5252	—
string.regexp, constant.character.escape, constant.character.escape.backslash	#4D7A7A	—