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 Teal 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#1E3A40
activityBar.dropBorder#4DB6AC
activityBar.foreground#B0D4D0
activityBar.inactiveForeground#999999
activityBarBadge.background#4DB6AC
activityBarBadge.foreground#0E2025
badge.background#4DB6AC
badge.foreground#0E2025
breadcrumb.activeSelectionForeground#4DB6AC
breadcrumb.focusForeground#B0D4D0
breadcrumb.foreground#708A88
breadcrumbPicker.background#162D32
button.background#4DB6AC
button.foreground#0E2025
button.hoverBackground#4DB6ACCC
chat.avatarBackground#4DB6AC
chat.avatarForeground#0E2025
chat.requestBackground#162D32
chat.requestBorder#4DB6AC
chat.slashCommandBackground#4DB6AC
chat.slashCommandForeground#0E2025
debugConsole.errorForeground#FFCCCC
debugConsole.infoForeground#CCFFFF
debugConsole.sourceForeground#B0D4D0
debugConsole.warningForeground#E5E5B7
debugIcon.breakpointDisabledForeground#4D6465
debugIcon.breakpointForeground#FFCCCC
debugToolBar.background#1E3A40
debugToolBar.border#1E3A40
descriptionForeground#89A7A4
diffEditor.insertedTextBackground#81C78440
diffEditor.removedTextBackground#EF9A9A40
disabledForeground#4D6465
dropdown.background#0E2025
dropdown.border#162D32
dropdown.foreground#B0D4D0
editor.background#0E2025
editor.findMatchBackground#4DB6AC40
editor.findMatchHighlightBackground#1E3A4080
editor.foreground#B0D4D0
editor.hoverHighlightBackground#1E3A4080
editor.inactiveSelectionBackground#162D3280
editor.lineHighlightBackground#162D32
editor.lineHighlightBorder#1E3A40
editor.selectionBackground#4DB6AC40
editor.selectionHighlightBackground#1E3A4080
editor.wordHighlightBackground#1E3A4080
editor.wordHighlightStrongBackground#162D3280
editorBracketMatch.background#162D32
editorBracketMatch.border#1E3A40
editorCodeLens.foreground#999999
editorCursor.foreground#4DB6AC
editorError.foreground#FFCCCC
editorGhostText.foreground#576F6F
editorGroup.border#1E3A40
editorGroup.dropBackground#162D3280
editorGroupHeader.noTabsBackground#0E2025
editorGroupHeader.tabsBackground#162D32
editorGutter.addedBackground#81C784
editorGutter.background#0E2025
editorGutter.deletedBackground#EF9A9A
editorGutter.modifiedBackground#4FC3F7
editorHoverWidget.background#0E2025
editorHoverWidget.border#162D32
editorIndentGuide.activeBackground1#1E3A40
editorIndentGuide.background1#162D32
editorInfo.foreground#CCFFFF
editorInlayHint.background#162D3260
editorInlayHint.foreground#83A09D
editorInlayHint.parameterBackground#162D3260
editorInlayHint.parameterForeground#83A09D
editorInlayHint.typeBackground#162D3260
editorInlayHint.typeForeground#83A09D
editorLineNumber.activeForeground#4DB6AC
editorLineNumber.foreground#999999
editorLink.activeForeground#4DB6AC
editorOverviewRuler.addedForeground#81C784CC
editorOverviewRuler.bracketMatchForeground#1E3A40CC
editorOverviewRuler.deletedForeground#EF9A9ACC
editorOverviewRuler.errorForeground#FFCCCCCC
editorOverviewRuler.findMatchForeground#4DB6AC80
editorOverviewRuler.infoForeground#CCFFFFCC
editorOverviewRuler.modifiedForeground#4FC3F7CC
editorOverviewRuler.selectionHighlightForeground#4DB6AC40
editorOverviewRuler.warningForeground#B2B28ECC
editorRuler.foreground#162D32
editorStickyScroll.background#0E2025
editorStickyScrollHover.background#162D32
editorSuggestWidget.background#0E2025
editorSuggestWidget.border#162D32
editorSuggestWidget.foreground#F0F0F0
editorSuggestWidget.highlightForeground#4DB6AC
editorSuggestWidget.selectedBackground#1E3A40
editorWarning.foreground#FFFFCC
editorWhitespace.foreground#1E3A40
editorWidget.background#0E2025
editorWidget.border#1E3A40
errorForeground#FFCCCC
focusBorder#4DB6AC
foreground#B0D4D0
gitDecoration.addedResourceForeground#81C784
gitDecoration.conflictingResourceForeground#A6C1BC
gitDecoration.deletedResourceForeground#EF9A9A
gitDecoration.ignoredResourceForeground#485F60
gitDecoration.modifiedResourceForeground#4FC3F7
gitDecoration.submoduleResourceForeground#61A19B
gitDecoration.untrackedResourceForeground#81C784
icon.foreground#4DB6AC
input.background#0E2025
input.border#162D32
input.foreground#B0D4D0
input.placeholderForeground#999999
keybindingLabel.background#1E3A40
keybindingLabel.border#1E3A40
keybindingLabel.bottomBorder#162D32
keybindingLabel.foreground#B0D4D0
list.activeSelectionBackground#1E3A40
list.activeSelectionForeground#B0D4D0
list.deemphasizedForeground#80CBC4
list.dropBackground#162D32
list.errorForeground#EF9A9A
list.focusBackground#1E3A40
list.focusForeground#B0D4D0
list.highlightForeground#4DB6AC
list.hoverBackground#162D32
list.hoverForeground#B0D4D0
list.inactiveSelectionBackground#162D32
list.inactiveSelectionForeground#B0D4D0
list.warningForeground#FFF59D
merge.border#1E3A4080
merge.currentContentBackground#81C78430
merge.currentHeaderBackground#81C78450
merge.incomingContentBackground#4FC3F730
merge.incomingHeaderBackground#4FC3F750
minimap.errorHighlight#FFCCCCCC
minimap.findMatchHighlight#4DB6AC66
minimap.selectionHighlight#4DB6AC40
minimap.warningHighlight#B2B28ECC
minimapGutter.addedBackground#81C784
minimapGutter.deletedBackground#EF9A9A
minimapGutter.modifiedBackground#4FC3F7
notificationCenterHeader.background#1E3A40
notificationCenterHeader.foreground#B0D4D0
notificationLink.foreground#4DB6AC
notifications.background#162D32
notifications.border#1E3A40
notifications.foreground#B0D4D0
notificationsErrorIcon.foreground#FFCCCC
notificationsInfoIcon.foreground#CCFFFF
notificationsWarningIcon.foreground#E5E5B7
panel.background#0E2025
panel.border#1E3A40
panelTitle.activeBorder#4DB6AC
panelTitle.activeForeground#B0D4D0
panelTitle.inactiveForeground#999999
peekView.border#4DB6AC
peekViewEditor.background#162D32
peekViewEditor.matchHighlightBackground#4DB6AC40
peekViewEditorGutter.background#162D32
peekViewResult.background#0E2025
peekViewResult.fileForeground#F0F0F0
peekViewResult.lineForeground#F0F0F0
peekViewResult.matchHighlightBackground#4DB6AC40
peekViewResult.selectionBackground#1E3A40
peekViewResult.selectionForeground#4DB6AC
peekViewTitle.background#1E3A40
peekViewTitleDescription.foreground#999999
peekViewTitleLabel.foreground#F0F0F0
progressBar.background#4DB6AC
sash.hoverBorder#4DB6AC
scrollbar.shadow#081418
scrollbarSlider.activeBackground#4DB6AC80
scrollbarSlider.background#1E3A4080
scrollbarSlider.hoverBackground#162D3280
selection.background#4DB6AC40
settings.focusedRowBackground#4DB6AC10
settings.headerForeground#B0D4D0
settings.modifiedItemIndicator#4DB6AC
settings.rowHoverBackground#162D3280
sideBar.background#162D32
sideBar.foreground#B0D4D0
sideBarSectionHeader.background#1E3A40
sideBarSectionHeader.foreground#B0D4D0
sideBarTitle.foreground#B0D4D0
statusBar.background#1E3A40
statusBar.debuggingBackground#4DB6AC
statusBar.debuggingForeground#0E2025
statusBar.foreground#B0D4D0
statusBar.noFolderBackground#1E3A40
statusBar.noFolderForeground#B0D4D0
statusBarItem.activeBackground#162D32
statusBarItem.hoverBackground#162D32
statusBarItem.prominentBackground#1E3A40
statusBarItem.prominentHoverBackground#162D32
tab.activeBackground#0E2025
tab.activeBorder#4DB6AC
tab.activeForeground#4DB6AC
tab.border#162D32
tab.inactiveBackground#162D32
tab.inactiveForeground#999999
tab.unfocusedActiveBackground#0E2025
tab.unfocusedActiveForeground#4DB6AC
tab.unfocusedInactiveBackground#162D32
tab.unfocusedInactiveForeground#999999
terminal.ansiBlack#213136
terminal.ansiBlue#80DEEA
terminal.ansiBrightBlack#4D5A5E
terminal.ansiBrightBlue#93E2ED
terminal.ansiBrightCyan#93E2ED
terminal.ansiBrightGreen#FFB7A1
terminal.ansiBrightMagenta#D5A3DD
terminal.ansiBrightRed#C6B6B1
terminal.ansiBrightWhite#AAC9C5
terminal.ansiBrightYellow#A1C5AF
terminal.ansiCyan#80DEEA
terminal.ansiGreen#FFAB91
terminal.ansiMagenta#CE93D8
terminal.ansiRed#BCAAA4
terminal.ansiWhite#A1C3BF
terminal.ansiYellow#91BBA2
terminal.background#0E2025
terminal.foreground#B0D4D0
terminal.selectionBackground#4DB6AC40
terminalCursor.foreground#4DB6AC
textBlockQuote.background#162D32
textBlockQuote.border#4DB6AC
textCodeBlock.background#162D32
textLink.activeForeground#F48FB1
textLink.foreground#4DB6AC
textPreformat.foreground#4DB6AC
textSeparator.foreground#1E3A40
titleBar.activeBackground#1E3A40
titleBar.activeForeground#B0D4D0
titleBar.inactiveBackground#162D32
titleBar.inactiveForeground#999999
tree.indentGuidesStroke#1E3A40
tree.tableColumnsBorder#1E3A40
walkthrough.stepTitle.foreground#B0D4D0
welcomePage.background#0E2025
welcomePage.progress.background#1E3A40
welcomePage.progress.foreground#4DB6AC
welcomePage.tileBackground#162D32
welcomePage.tileBorder#1E3A40
welcomePage.tileHoverBackground#1E3A40
widget.shadow#081418

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment, string.comment	#708A88	italic
keyword, storage, storage.type, entity.name.tag, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical	#4DB6AC	—
string, punctuation.definition.string, string.quoted, markup.inline.raw	#FFAB91	—
markup.heading, markup.heading.setext, markup.heading.markdown, punctuation.definition.heading, entity.name.section	#F48FB1	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	#CE93D8	bold
variable, support.variable, punctuation.definition.variable, variable.parameter, variable.other, variable.language, meta.parameter-type	#B0D4D0	—
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	#80CBC4	—
markup.bold, markup.italic, markup.strikethrough, markup.underline, markup.quote, markup.list	#BCAAA4	—
string.regexp, constant.character.escape, constant.character.escape.backslash	#80DEEA	—