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 Blue 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#CCDAE5
activityBar.dropBorder#1565C0
activityBar.foreground#1A2533
activityBar.inactiveForeground#999999
activityBarBadge.background#1565C0
activityBarBadge.foreground#F0F5FA
badge.background#1565C0
badge.foreground#F0F5FA
breadcrumb.activeSelectionForeground#1565C0
breadcrumb.focusForeground#1A2533
breadcrumb.foreground#808080
breadcrumbPicker.background#DDE8EF
button.background#1565C0
button.foreground#F0F5FA
button.hoverBackground#0D47A1
chat.avatarBackground#1565C0
chat.avatarForeground#F0F5FA
chat.requestBackground#DDE8EF
chat.requestBorder#1565C0
chat.slashCommandBackground#1565C0
chat.slashCommandForeground#F0F5FA
debugConsole.errorForeground#C62828
debugConsole.infoForeground#00838F
debugConsole.sourceForeground#1A2533
debugConsole.warningForeground#E65100
debugIcon.breakpointDisabledForeground#A7A8AA
debugIcon.breakpointForeground#C62828
debugToolBar.background#CCDAE5
debugToolBar.border#BCC9D0
descriptionForeground#575B61
diffEditor.insertedTextBackground#2E7D3240
diffEditor.removedTextBackground#C6282840
disabledForeground#A7A8AA
dropdown.background#F0F5FA
dropdown.border#CCDAE5
dropdown.foreground#1A2533
editor.background#F0F5FA
editor.findMatchBackground#1565C040
editor.findMatchHighlightBackground#BCC9D080
editor.foreground#1A2533
editor.hoverHighlightBackground#DDE8EF80
editor.inactiveSelectionBackground#CCDAE580
editor.lineHighlightBackground#DDE8EF
editor.lineHighlightBorder#CCDAE5
editor.selectionBackground#1565C040
editor.selectionHighlightBackground#DDE8EF80
editor.wordHighlightBackground#DDE8EF80
editor.wordHighlightStrongBackground#CCDAE580
editorBracketMatch.background#CCDAE5
editorBracketMatch.border#BCC9D0
editorCodeLens.foreground#808080
editorCursor.foreground#0D47A1
editorError.foreground#C62828
editorGhostText.foreground#9C9D9E
editorGroup.border#CCDAE5
editorGroup.dropBackground#DDE8EF80
editorGroupHeader.noTabsBackground#F0F5FA
editorGroupHeader.tabsBackground#DDE8EF
editorGutter.addedBackground#2E7D32
editorGutter.background#F0F5FA
editorGutter.deletedBackground#C62828
editorGutter.modifiedBackground#00838F
editorHoverWidget.background#F0F5FA
editorHoverWidget.border#CCDAE5
editorIndentGuide.activeBackground1#BCC9D0
editorIndentGuide.background1#CCDAE5
editorInfo.foreground#00838F
editorInlayHint.background#DDE8EF60
editorInlayHint.foreground#575B61
editorInlayHint.parameterBackground#DDE8EF60
editorInlayHint.parameterForeground#575B61
editorInlayHint.typeBackground#DDE8EF60
editorInlayHint.typeForeground#575B61
editorLineNumber.activeForeground#1565C0
editorLineNumber.foreground#808080
editorLink.activeForeground#1565C0
editorOverviewRuler.addedForeground#2E7D32CC
editorOverviewRuler.bracketMatchForeground#CCDAE5CC
editorOverviewRuler.deletedForeground#C62828CC
editorOverviewRuler.errorForeground#C62828CC
editorOverviewRuler.findMatchForeground#1565C080
editorOverviewRuler.infoForeground#00838FCC
editorOverviewRuler.modifiedForeground#00838FCC
editorOverviewRuler.selectionHighlightForeground#1565C040
editorOverviewRuler.warningForeground#E65100CC
editorRuler.foreground#CCDAE5
editorStickyScroll.background#F0F5FA
editorStickyScrollHover.background#DDE8EF
editorSuggestWidget.background#F0F5FA
editorSuggestWidget.border#CCDAE5
editorSuggestWidget.foreground#1A2533
editorSuggestWidget.highlightForeground#1565C0
editorSuggestWidget.selectedBackground#DDE8EF
editorWarning.foreground#E65100
editorWhitespace.foreground#BCC9D0
editorWidget.background#F0F5FA
editorWidget.border#CCDAE5
errorForeground#0D47A1
focusBorder#1565C0
foreground#1A2533
gitDecoration.addedResourceForeground#2E7D32
gitDecoration.conflictingResourceForeground#6D4674
gitDecoration.deletedResourceForeground#C62828
gitDecoration.ignoredResourceForeground#616468
gitDecoration.modifiedResourceForeground#00838F
gitDecoration.submoduleResourceForeground#37679D
gitDecoration.untrackedResourceForeground#2E7D32
icon.foreground#0D47A1
input.background#F0F5FA
input.border#CCDAE5
input.foreground#1A2533
input.placeholderForeground#999999
keybindingLabel.background#DDE8EF
keybindingLabel.border#CCDAE5
keybindingLabel.bottomBorder#BCC9D0
keybindingLabel.foreground#1A2533
list.activeSelectionBackground#DDE8EF
list.activeSelectionForeground#1A2533
list.deemphasizedForeground#6B7F8F
list.dropBackground#CCDAE5
list.errorForeground#0D47A1
list.focusBackground#DDE8EF
list.focusForeground#1A2533
list.highlightForeground#1565C0
list.hoverBackground#DDE8EF
list.hoverForeground#1A2533
list.inactiveSelectionBackground#DDE8EF
list.inactiveSelectionForeground#1A2533
list.warningForeground#E65100
merge.border#BCC9D080
merge.currentContentBackground#2E7D3225
merge.currentHeaderBackground#2E7D3240
merge.incomingContentBackground#00838F25
merge.incomingHeaderBackground#00838F40
minimap.errorHighlight#C62828CC
minimap.findMatchHighlight#1565C066
minimap.selectionHighlight#1565C040
minimap.warningHighlight#E65100CC
minimapGutter.addedBackground#2E7D32
minimapGutter.deletedBackground#C62828
minimapGutter.modifiedBackground#00838F
notificationCenterHeader.background#CCDAE5
notificationCenterHeader.foreground#1A2533
notificationLink.foreground#1565C0
notifications.background#DDE8EF
notifications.border#BCC9D0
notifications.foreground#1A2533
notificationsErrorIcon.foreground#C62828
notificationsInfoIcon.foreground#00838F
notificationsWarningIcon.foreground#E65100
panel.background#F0F5FA
panel.border#BCC9D0
panelTitle.activeBorder#1565C0
panelTitle.activeForeground#1A2533
panelTitle.inactiveForeground#5C5C5C
peekView.border#1565C0
peekViewEditor.background#DDE8EF
peekViewEditor.matchHighlightBackground#1565C040
peekViewEditorGutter.background#DDE8EF
peekViewResult.background#CCDAE5
peekViewResult.fileForeground#1A2533
peekViewResult.lineForeground#1A2533
peekViewResult.matchHighlightBackground#1565C040
peekViewResult.selectionBackground#BCC9D0
peekViewResult.selectionForeground#1A2533
peekViewTitle.background#CCDAE5
peekViewTitleDescription.foreground#5C5C5C
peekViewTitleLabel.foreground#1A2533
progressBar.background#1565C0
sash.hoverBorder#1565C0
scrollbar.shadow#BCC9D0
scrollbarSlider.activeBackground#1565C080
scrollbarSlider.background#BCC9D080
scrollbarSlider.hoverBackground#CCDAE580
selection.background#1565C040
settings.focusedRowBackground#1565C010
settings.headerForeground#1A2533
settings.modifiedItemIndicator#1565C0
settings.rowHoverBackground#DDE8EF80
sideBar.background#DDE8EF
sideBar.foreground#1A2533
sideBarSectionHeader.background#CCDAE5
sideBarSectionHeader.foreground#1A2533
sideBarTitle.foreground#1A2533
statusBar.background#CCDAE5
statusBar.debuggingBackground#1565C0
statusBar.debuggingForeground#F0F5FA
statusBar.foreground#1A2533
statusBar.noFolderBackground#CCDAE5
statusBar.noFolderForeground#1A2533
statusBarItem.activeBackground#BCC9D0
statusBarItem.hoverBackground#BCC9D0
statusBarItem.prominentBackground#CCDAE5
statusBarItem.prominentHoverBackground#BCC9D0
tab.activeBackground#F0F5FA
tab.activeBorder#1565C0
tab.activeForeground#1A2533
tab.border#CCDAE5
tab.inactiveBackground#DDE8EF
tab.inactiveForeground#5C5C5C
tab.unfocusedActiveBackground#F0F5FA
tab.unfocusedActiveForeground#1A2533
tab.unfocusedInactiveBackground#DDE8EF
tab.unfocusedInactiveForeground#5C5C5C
terminal.ansiBlack#17212D
terminal.ansiBlue#00838F
terminal.ansiBrightBlack#39424C
terminal.ansiBrightBlue#198F9A
terminal.ansiBrightCyan#198F9A
terminal.ansiBrightGreen#669643
terminal.ansiBrightMagenta#7831A4
terminal.ansiBrightRed#987C72
terminal.ansiBrightWhite#F0F5FA
terminal.ansiBrightYellow#607781
terminal.ansiCyan#00838F
terminal.ansiGreen#558B2F
terminal.ansiMagenta#6A1B9A
terminal.ansiRed#8D6E63
terminal.ansiWhite#F0F5FA
terminal.ansiYellow#4F6873
terminal.background#F0F5FA
terminal.foreground#1A2533
terminal.selectionBackground#1565C040
terminalCursor.foreground#1565C0
textBlockQuote.background#DDE8EF
textBlockQuote.border#1565C0
textCodeBlock.background#DDE8EF
textLink.activeForeground#0D47A1
textLink.foreground#1565C0
textPreformat.foreground#0D47A1
textSeparator.foreground#CCDAE5
titleBar.activeBackground#BCC9D0
titleBar.activeForeground#1A2533
titleBar.inactiveBackground#DDE8EF
titleBar.inactiveForeground#5C5C5C
tree.indentGuidesStroke#BCC9D0
tree.tableColumnsBorder#CCDAE5
walkthrough.stepTitle.foreground#1A2533
welcomePage.background#F0F5FA
welcomePage.progress.background#CCDAE5
welcomePage.progress.foreground#1565C0
welcomePage.tileBackground#DDE8EF
welcomePage.tileBorder#CCDAE5
welcomePage.tileHoverBackground#CCDAE5
widget.shadow#BCC9D0

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	#0D47A1	—
string, punctuation.definition.string, string.quoted, markup.inline.raw	#558B2F	—
markup.heading, markup.heading.setext, markup.heading.markdown, punctuation.definition.heading, entity.name.section	#1565C0	bold
entity.name.function, support.function, meta.function-call, entity.name.method, support.function.method, meta.method-call, entity.name.function.decorator, meta.decorator	#00838F	—
entity.name.class, entity.name.type, support.class, support.type, entity.other.inherited-class, meta.class, meta.type	#6A1B9A	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	#8D6E63	—
meta.object-literal.key, support.type.property-name, variable.object.property, entity.name.label, string.unquoted.label	#00838F	—
keyword.operator, punctuation.separator, punctuation.terminator, punctuation.section, punctuation.definition, meta.brace	#546E7A	—
markup.bold, markup.italic, markup.strikethrough, markup.underline, markup.quote, markup.list	#4E342E	—
string.regexp, constant.character.escape, constant.character.escape.backslash	#00838F	—