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 Dark Solarized

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...
~/my-project

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#303035
activityBar.dropBorder#90A4AE
activityBar.foreground#C8C8D0
activityBar.inactiveForeground#999999
activityBarBadge.background#90A4AE
activityBarBadge.foreground#1A1A1E
badge.background#90A4AE
badge.foreground#1A1A1E
breadcrumb.activeSelectionForeground#90A4AE
breadcrumb.focusForeground#C8C8D0
breadcrumb.foreground#8A8A90
breadcrumbPicker.background#252528
button.background#90A4AE
button.foreground#1A1A1E
button.hoverBackground#90A4AECC
chat.avatarBackground#90A4AE
chat.avatarForeground#1A1A1E
chat.requestBackground#252528
chat.requestBorder#90A4AE
chat.slashCommandBackground#90A4AE
chat.slashCommandForeground#1A1A1E
debugConsole.errorForeground#FFCCCC
debugConsole.infoForeground#CCFFFF
debugConsole.sourceForeground#C8C8D0
debugConsole.warningForeground#E5E5B7
debugIcon.breakpointDisabledForeground#626268
debugIcon.breakpointForeground#FFCCCC
debugToolBar.background#303035
debugToolBar.border#303035
descriptionForeground#A2A2A9
diffEditor.insertedTextBackground#81C78440
diffEditor.removedTextBackground#EF9A9A40
disabledForeground#626268
dropdown.background#1A1A1E
dropdown.border#252528
dropdown.foreground#C8C8D0
editor.background#1A1A1E
editor.findMatchBackground#90A4AE40
editor.findMatchHighlightBackground#30303580
editor.foreground#C8C8D0
editor.hoverHighlightBackground#30303580
editor.inactiveSelectionBackground#25252880
editor.lineHighlightBackground#252528
editor.lineHighlightBorder#303035
editor.selectionBackground#90A4AE40
editor.selectionHighlightBackground#30303580
editor.wordHighlightBackground#30303580
editor.wordHighlightStrongBackground#25252880
editorBracketMatch.background#252528
editorBracketMatch.border#303035
editorCodeLens.foreground#999999
editorCursor.foreground#90A4AE
editorError.foreground#FFCCCC
editorGhostText.foreground#6E6E73
editorGroup.border#303035
editorGroup.dropBackground#25252880
editorGroupHeader.noTabsBackground#1A1A1E
editorGroupHeader.tabsBackground#252528
editorGutter.addedBackground#81C784
editorGutter.background#1A1A1E
editorGutter.deletedBackground#EF9A9A
editorGutter.modifiedBackground#4FC3F7
editorHoverWidget.background#1A1A1E
editorHoverWidget.border#252528
editorIndentGuide.activeBackground1#303035
editorIndentGuide.background1#252528
editorInfo.foreground#CCFFFF
editorInlayHint.background#25252860
editorInlayHint.foreground#9C9CA3
editorInlayHint.parameterBackground#25252860
editorInlayHint.parameterForeground#9C9CA3
editorInlayHint.typeBackground#25252860
editorInlayHint.typeForeground#9C9CA3
editorLineNumber.activeForeground#90A4AE
editorLineNumber.foreground#999999
editorLink.activeForeground#90A4AE
editorOverviewRuler.addedForeground#81C784CC
editorOverviewRuler.bracketMatchForeground#303035CC
editorOverviewRuler.deletedForeground#EF9A9ACC
editorOverviewRuler.errorForeground#FFCCCCCC
editorOverviewRuler.findMatchForeground#90A4AE80
editorOverviewRuler.infoForeground#CCFFFFCC
editorOverviewRuler.modifiedForeground#4FC3F7CC
editorOverviewRuler.selectionHighlightForeground#90A4AE40
editorOverviewRuler.warningForeground#B2B28ECC
editorRuler.foreground#252528
editorStickyScroll.background#1A1A1E
editorStickyScrollHover.background#252528
editorSuggestWidget.background#1A1A1E
editorSuggestWidget.border#252528
editorSuggestWidget.foreground#F0F0F0
editorSuggestWidget.highlightForeground#90A4AE
editorSuggestWidget.selectedBackground#303035
editorWarning.foreground#FFFFCC
editorWhitespace.foreground#303035
editorWidget.background#1A1A1E
editorWidget.border#303035
errorForeground#FFCCCC
focusBorder#90A4AE
foreground#C8C8D0
gitDecoration.addedResourceForeground#81C784
gitDecoration.conflictingResourceForeground#C7B8BD
gitDecoration.deletedResourceForeground#EF9A9A
gitDecoration.ignoredResourceForeground#5D5D62
gitDecoration.modifiedResourceForeground#4FC3F7
gitDecoration.submoduleResourceForeground#96A2A8
gitDecoration.untrackedResourceForeground#81C784
icon.foreground#90A4AE
input.background#1A1A1E
input.border#252528
input.foreground#C8C8D0
input.placeholderForeground#999999
keybindingLabel.background#303035
keybindingLabel.border#303035
keybindingLabel.bottomBorder#252528
keybindingLabel.foreground#C8C8D0
list.activeSelectionBackground#303035
list.activeSelectionForeground#C8C8D0
list.deemphasizedForeground#B0BEC5
list.dropBackground#252528
list.errorForeground#EF9A9A
list.focusBackground#303035
list.focusForeground#C8C8D0
list.highlightForeground#90A4AE
list.hoverBackground#252528
list.hoverForeground#C8C8D0
list.inactiveSelectionBackground#252528
list.inactiveSelectionForeground#C8C8D0
list.warningForeground#FFF59D
merge.border#30303580
merge.currentContentBackground#81C78430
merge.currentHeaderBackground#81C78450
merge.incomingContentBackground#4FC3F730
merge.incomingHeaderBackground#4FC3F750
minimap.errorHighlight#FFCCCCCC
minimap.findMatchHighlight#90A4AE66
minimap.selectionHighlight#90A4AE40
minimap.warningHighlight#B2B28ECC
minimapGutter.addedBackground#81C784
minimapGutter.deletedBackground#EF9A9A
minimapGutter.modifiedBackground#4FC3F7
notificationCenterHeader.background#303035
notificationCenterHeader.foreground#C8C8D0
notificationLink.foreground#90A4AE
notifications.background#252528
notifications.border#303035
notifications.foreground#C8C8D0
notificationsErrorIcon.foreground#FFCCCC
notificationsInfoIcon.foreground#CCFFFF
notificationsWarningIcon.foreground#E5E5B7
panel.background#1A1A1E
panel.border#303035
panelTitle.activeBorder#90A4AE
panelTitle.activeForeground#C8C8D0
panelTitle.inactiveForeground#999999
peekView.border#90A4AE
peekViewEditor.background#252528
peekViewEditor.matchHighlightBackground#90A4AE40
peekViewEditorGutter.background#252528
peekViewResult.background#1A1A1E
peekViewResult.fileForeground#F0F0F0
peekViewResult.lineForeground#F0F0F0
peekViewResult.matchHighlightBackground#90A4AE40
peekViewResult.selectionBackground#303035
peekViewResult.selectionForeground#90A4AE
peekViewTitle.background#303035
peekViewTitleDescription.foreground#999999
peekViewTitleLabel.foreground#F0F0F0
progressBar.background#90A4AE
sash.hoverBorder#90A4AE
scrollbar.shadow#101012
scrollbarSlider.activeBackground#90A4AE80
scrollbarSlider.background#30303580
scrollbarSlider.hoverBackground#25252880
selection.background#90A4AE40
settings.focusedRowBackground#90A4AE10
settings.headerForeground#C8C8D0
settings.modifiedItemIndicator#90A4AE
settings.rowHoverBackground#25252880
sideBar.background#252528
sideBar.foreground#C8C8D0
sideBarSectionHeader.background#303035
sideBarSectionHeader.foreground#C8C8D0
sideBarTitle.foreground#C8C8D0
statusBar.background#303035
statusBar.debuggingBackground#90A4AE
statusBar.debuggingForeground#1A1A1E
statusBar.foreground#C8C8D0
statusBar.noFolderBackground#303035
statusBar.noFolderForeground#C8C8D0
statusBarItem.activeBackground#252528
statusBarItem.hoverBackground#252528
statusBarItem.prominentBackground#303035
statusBarItem.prominentHoverBackground#252528
tab.activeBackground#1A1A1E
tab.activeBorder#90A4AE
tab.activeForeground#90A4AE
tab.border#252528
tab.inactiveBackground#252528
tab.inactiveForeground#999999
tab.unfocusedActiveBackground#1A1A1E
tab.unfocusedActiveForeground#90A4AE
tab.unfocusedInactiveBackground#252528
tab.unfocusedInactiveForeground#999999
terminal.ansiBlack#2C2C30
terminal.ansiBlue#80DEEA
terminal.ansiBrightBlack#565659
terminal.ansiBrightBlue#93E2ED
terminal.ansiBrightCyan#93E2ED
terminal.ansiBrightGreen#B2DCB4
terminal.ansiBrightMagenta#F59FBC
terminal.ansiBrightRed#C6B6B1
terminal.ansiBrightWhite#BFBFC5
terminal.ansiBrightYellow#B9C0B2
terminal.ansiCyan#80DEEA
terminal.ansiGreen#A5D6A7
terminal.ansiMagenta#F48FB1
terminal.ansiRed#BCAAA4
terminal.ansiWhite#B8B8BF
terminal.ansiYellow#ADB5A5
terminal.background#1A1A1E
terminal.foreground#C8C8D0
terminal.selectionBackground#90A4AE40
terminalCursor.foreground#90A4AE
textBlockQuote.background#252528
textBlockQuote.border#90A4AE
textCodeBlock.background#252528
textLink.activeForeground#CE93D8
textLink.foreground#90A4AE
textPreformat.foreground#90A4AE
textSeparator.foreground#303035
titleBar.activeBackground#303035
titleBar.activeForeground#C8C8D0
titleBar.inactiveBackground#252528
titleBar.inactiveForeground#999999
tree.indentGuidesStroke#303035
tree.tableColumnsBorder#303035
walkthrough.stepTitle.foreground#C8C8D0
welcomePage.background#1A1A1E
welcomePage.progress.background#303035
welcomePage.progress.foreground#90A4AE
welcomePage.tileBackground#252528
welcomePage.tileBorder#303035
welcomePage.tileHoverBackground#303035
widget.shadow#101012

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment, string.comment	#8A8A90	italic
keyword, storage, storage.type, entity.name.tag, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical	#90A4AE	—
string, punctuation.definition.string, string.quoted, markup.inline.raw	#A5D6A7	—
markup.heading, markup.heading.setext, markup.heading.markdown, punctuation.definition.heading, entity.name.section	#CE93D8	bold
entity.name.function, support.function, meta.function-call, entity.name.method, support.function.method, meta.method-call, entity.name.function.decorator, meta.decorator	#80DEEA	—
entity.name.class, entity.name.type, support.class, support.type, entity.other.inherited-class, meta.class, meta.type	#F48FB1	bold
variable, support.variable, punctuation.definition.variable, variable.parameter, variable.other, variable.language, meta.parameter-type	#C8C8D0	—
constant.numeric, constant.language, constant.character, constant.other, support.constant	#BCAAA4	—
meta.object-literal.key, support.type.property-name, variable.object.property, entity.name.label, string.unquoted.label	#80DEEA	—
keyword.operator, punctuation.separator, punctuation.terminator, punctuation.section, punctuation.definition, meta.brace	#B0BEC5	—
markup.bold, markup.italic, markup.strikethrough, markup.underline, markup.quote, markup.list	#BCAAA4	—
string.regexp, constant.character.escape, constant.character.escape.backslash	#80DEEA	—