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 Baby 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#B3E5FC
activityBar.dropBorder#0288D1
activityBar.foreground#1A2533
activityBar.inactiveForeground#7A99AA
activityBarBadge.background#0288D1
activityBarBadge.foreground#F4FBFF
badge.background#0288D1
badge.foreground#F4FBFF
breadcrumb.activeSelectionForeground#0288D1
breadcrumb.focusForeground#1A2533
breadcrumb.foreground#7A99AA
breadcrumbPicker.background#E1F5FE
button.background#0288D1
button.foreground#F4FBFF
button.hoverBackground#0288D1
chat.avatarBackground#0288D1
chat.avatarForeground#F4FBFF
chat.requestBackground#E1F5FE
chat.requestBorder#0288D1
chat.slashCommandBackground#0288D1
chat.slashCommandForeground#F4FBFF
debugConsole.errorForeground#C62828
debugConsole.infoForeground#00838F
debugConsole.sourceForeground#1A2533
debugConsole.warningForeground#E65100
debugIcon.breakpointDisabledForeground#A7A8AA
debugIcon.breakpointForeground#C62828
debugToolBar.background#B3E5FC
debugToolBar.border#B3E5FC
descriptionForeground#808080
diffEditor.insertedTextBackground#2E7D3240
diffEditor.removedTextBackground#C6282840
disabledForeground#999999
dropdown.background#F4FBFF
dropdown.border#E1F5FE
dropdown.foreground#1A2533
editor.background#F4FBFF
editor.findMatchBackground#0288D140
editor.findMatchHighlightBackground#B3E5FC
editor.foreground#1A2533
editor.hoverHighlightBackground#B3E5FC
editor.inactiveSelectionBackground#E1F5FE
editor.lineHighlightBackground#E1F5FE
editor.lineHighlightBorder#B3E5FC
editor.selectionBackground#0288D140
editor.selectionHighlightBackground#B3E5FC
editor.wordHighlightBackground#B3E5FC
editor.wordHighlightStrongBackground#E1F5FE
editorBracketMatch.background#E1F5FE
editorBracketMatch.border#B3E5FC
editorCodeLens.foreground#7A99AA
editorCursor.foreground#0288D1
editorError.foreground#C62828
editorGhostText.foreground#AAAAAA
editorGroup.border#B3E5FC
editorGroup.dropBackground#E1F5FE
editorGroupHeader.noTabsBackground#F4FBFF
editorGroupHeader.tabsBackground#E1F5FE
editorGutter.addedBackground#2E7D32
editorGutter.background#F4FBFF
editorGutter.deletedBackground#C62828
editorGutter.modifiedBackground#00838F
editorHoverWidget.background#F4FBFF
editorHoverWidget.border#E1F5FE
editorIndentGuide.activeBackground1#B3E5FC
editorIndentGuide.background1#E1F5FE
editorInfo.foreground#00838F
editorInlayHint.background#E1F5FE
editorInlayHint.foreground#808080
editorInlayHint.parameterBackground#E1F5FE
editorInlayHint.parameterForeground#808080
editorInlayHint.typeBackground#E1F5FE
editorInlayHint.typeForeground#808080
editorLineNumber.activeForeground#0288D1
editorLineNumber.foreground#7A99AA
editorLink.activeForeground#0288D1
editorOverviewRuler.addedForeground#2E7D32CC
editorOverviewRuler.bracketMatchForeground#B3E5FC
editorOverviewRuler.deletedForeground#C62828CC
editorOverviewRuler.errorForeground#C62828CC
editorOverviewRuler.findMatchForeground#0288D180
editorOverviewRuler.infoForeground#00838FCC
editorOverviewRuler.modifiedForeground#00838FCC
editorOverviewRuler.selectionHighlightForeground#0288D140
editorOverviewRuler.warningForeground#E65100CC
editorRuler.foreground#E1F5FE
editorStickyScroll.background#F4FBFF
editorStickyScrollHover.background#E1F5FE
editorSuggestWidget.background#F4FBFF
editorSuggestWidget.border#E1F5FE
editorSuggestWidget.foreground#1A2533
editorSuggestWidget.highlightForeground#1565C0
editorSuggestWidget.selectedBackground#DDE8EF
editorWarning.foreground#E65100
editorWhitespace.foreground#B3E5FC
editorWidget.background#F4FBFF
editorWidget.border#B3E5FC
errorForeground#0D47A1
focusBorder#0288D1
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#0288D1
input.background#F4FBFF
input.border#E1F5FE
input.foreground#1A2533
input.placeholderForeground#7A99AA
keybindingLabel.background#B3E5FC
keybindingLabel.border#B3E5FC
keybindingLabel.bottomBorder#E1F5FE
keybindingLabel.foreground#1A2533
list.activeSelectionBackground#B3E5FC
list.activeSelectionForeground#1A2533
list.deemphasizedForeground#0288D1
list.dropBackground#E1F5FE
list.errorForeground#0D47A1
list.focusBackground#B3E5FC
list.focusForeground#1A2533
list.highlightForeground#0288D1
list.hoverBackground#E1F5FE
list.hoverForeground#1A2533
list.inactiveSelectionBackground#E1F5FE
list.inactiveSelectionForeground#1A2533
list.warningForeground#E65100
merge.border#B3E5FC
merge.currentContentBackground#2E7D3225
merge.currentHeaderBackground#2E7D3240
merge.incomingContentBackground#00838F25
merge.incomingHeaderBackground#00838F40
minimap.errorHighlight#C62828CC
minimap.findMatchHighlight#0288D166
minimap.selectionHighlight#0288D140
minimap.warningHighlight#E65100CC
minimapGutter.addedBackground#2E7D32
minimapGutter.deletedBackground#C62828
minimapGutter.modifiedBackground#00838F
notificationCenterHeader.background#B3E5FC
notificationCenterHeader.foreground#1A2533
notificationLink.foreground#0288D1
notifications.background#E1F5FE
notifications.border#B3E5FC
notifications.foreground#1A2533
notificationsErrorIcon.foreground#C62828
notificationsInfoIcon.foreground#00838F
notificationsWarningIcon.foreground#E65100
panel.background#F4FBFF
panel.border#B3E5FC
panelTitle.activeBorder#0288D1
panelTitle.activeForeground#1A2533
panelTitle.inactiveForeground#7A99AA
peekView.border#0288D1
peekViewEditor.background#E1F5FE
peekViewEditor.matchHighlightBackground#0288D140
peekViewEditorGutter.background#E1F5FE
peekViewResult.background#F4FBFF
peekViewResult.fileForeground#1A2533
peekViewResult.lineForeground#1A2533
peekViewResult.matchHighlightBackground#0288D140
peekViewResult.selectionBackground#B3E5FC
peekViewResult.selectionForeground#0288D1
peekViewTitle.background#B3E5FC
peekViewTitleDescription.foreground#7A99AA
peekViewTitleLabel.foreground#1A2533
progressBar.background#0288D1
sash.hoverBorder#0288D1
scrollbar.shadow#C0C0C0
scrollbarSlider.activeBackground#0288D180
scrollbarSlider.background#B3E5FC
scrollbarSlider.hoverBackground#E1F5FE
selection.background#0288D140
settings.focusedRowBackground#0288D110
settings.headerForeground#1A2533
settings.modifiedItemIndicator#0288D1
settings.rowHoverBackground#E1F5FE
sideBar.background#E1F5FE
sideBar.foreground#1A2533
sideBarSectionHeader.background#B3E5FC
sideBarSectionHeader.foreground#1A2533
sideBarTitle.foreground#1A2533
statusBar.background#B3E5FC
statusBar.debuggingBackground#0288D1
statusBar.debuggingForeground#F4FBFF
statusBar.foreground#1A2533
statusBar.noFolderBackground#B3E5FC
statusBar.noFolderForeground#1A2533
statusBarItem.activeBackground#E1F5FE
statusBarItem.hoverBackground#E1F5FE
statusBarItem.prominentBackground#B3E5FC
statusBarItem.prominentHoverBackground#E1F5FE
tab.activeBackground#F4FBFF
tab.activeBorder#0288D1
tab.activeForeground#0288D1
tab.border#E1F5FE
tab.inactiveBackground#E1F5FE
tab.inactiveForeground#7A99AA
tab.unfocusedActiveBackground#F4FBFF
tab.unfocusedActiveForeground#1A2533
tab.unfocusedInactiveBackground#E1F5FE
tab.unfocusedInactiveForeground#7A99AA
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#F4FBFF
terminal.foreground#1A2533
terminal.selectionBackground#0288D140
terminalCursor.foreground#0288D1
textBlockQuote.background#E1F5FE
textBlockQuote.border#0288D1
textCodeBlock.background#E1F5FE
textLink.activeForeground#0D47A1
textLink.foreground#0288D1
textPreformat.foreground#0288D1
textSeparator.foreground#B3E5FC
titleBar.activeBackground#B3E5FC
titleBar.activeForeground#1A2533
titleBar.inactiveBackground#E1F5FE
titleBar.inactiveForeground#7A99AA
tree.indentGuidesStroke#B3E5FC
tree.tableColumnsBorder#B3E5FC
walkthrough.stepTitle.foreground#1A2533
welcomePage.background#F4FBFF
welcomePage.progress.background#B3E5FC
welcomePage.progress.foreground#0288D1
welcomePage.tileBackground#E1F5FE
welcomePage.tileBorder#B3E5FC
welcomePage.tileHoverBackground#B3E5FC
widget.shadow#C0C0C0

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	#01579B	—
string, punctuation.definition.string, string.quoted, markup.inline.raw	#558B2F	—
markup.heading, markup.heading.setext, markup.heading.markdown, punctuation.definition.heading, entity.name.section	#0277BD	bold
entity.name.function, support.function, meta.function-call, entity.name.method, support.function.method, meta.method-call, entity.name.function.decorator, meta.decorator	#00695C	—
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	#795548	—
meta.object-literal.key, support.type.property-name, variable.object.property, entity.name.label, string.unquoted.label	#00796B	—
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	#00695C	—