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 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#C0DFD8
activityBar.dropBorder#00796B
activityBar.foreground#1A3330
activityBar.inactiveForeground#999999
activityBarBadge.background#00796B
activityBarBadge.foreground#F0FAF8
badge.background#00796B
badge.foreground#F0FAF8
breadcrumb.activeSelectionForeground#00796B
breadcrumb.focusForeground#1A3330
breadcrumb.foreground#808080
breadcrumbPicker.background#D8EFE8
button.background#00796B
button.foreground#F0FAF8
button.hoverBackground#00695C
chat.avatarBackground#00796B
chat.avatarForeground#F0FAF8
chat.requestBackground#D8EFE8
chat.requestBorder#00796B
chat.slashCommandBackground#00796B
chat.slashCommandForeground#F0FAF8
debugConsole.errorForeground#B71C1C
debugConsole.infoForeground#336666
debugConsole.sourceForeground#1A3330
debugConsole.warningForeground#E65100
debugIcon.breakpointDisabledForeground#A7AAAA
debugIcon.breakpointForeground#B71C1C
debugToolBar.background#C0DFD8
debugToolBar.border#B0CFC8
descriptionForeground#576160
diffEditor.insertedTextBackground#66BB6A40
diffEditor.removedTextBackground#C6282840
disabledForeground#A7AAAA
dropdown.background#F0FAF8
dropdown.border#C0DFD8
dropdown.foreground#1A3330
editor.background#F0FAF8
editor.findMatchBackground#00796B40
editor.findMatchHighlightBackground#B0CFC880
editor.foreground#1A3330
editor.hoverHighlightBackground#D8EFE880
editor.inactiveSelectionBackground#C0DFD880
editor.lineHighlightBackground#D8EFE8
editor.lineHighlightBorder#C0DFD8
editor.selectionBackground#00796B40
editor.selectionHighlightBackground#D8EFE880
editor.wordHighlightBackground#D8EFE880
editor.wordHighlightStrongBackground#C0DFD880
editorBracketMatch.background#C0DFD8
editorBracketMatch.border#B0CFC8
editorCodeLens.foreground#808080
editorCursor.foreground#00695C
editorError.foreground#B71C1C
editorGhostText.foreground#9C9E9E
editorGroup.border#C0DFD8
editorGroup.dropBackground#D8EFE880
editorGroupHeader.noTabsBackground#F0FAF8
editorGroupHeader.tabsBackground#D8EFE8
editorGutter.addedBackground#66BB6A
editorGutter.background#F0FAF8
editorGutter.deletedBackground#C62828
editorGutter.modifiedBackground#4FC3F7
editorHoverWidget.background#F0FAF8
editorHoverWidget.border#C0DFD8
editorIndentGuide.activeBackground1#B0CFC8
editorIndentGuide.background1#C0DFD8
editorInfo.foreground#336666
editorInlayHint.background#D8EFE860
editorInlayHint.foreground#576160
editorInlayHint.parameterBackground#D8EFE860
editorInlayHint.parameterForeground#576160
editorInlayHint.typeBackground#D8EFE860
editorInlayHint.typeForeground#576160
editorLineNumber.activeForeground#00796B
editorLineNumber.foreground#808080
editorLink.activeForeground#00796B
editorOverviewRuler.addedForeground#66BB6ACC
editorOverviewRuler.bracketMatchForeground#C0DFD8CC
editorOverviewRuler.deletedForeground#C62828CC
editorOverviewRuler.errorForeground#B71C1CCC
editorOverviewRuler.findMatchForeground#00796B80
editorOverviewRuler.infoForeground#336666CC
editorOverviewRuler.modifiedForeground#4FC3F7CC
editorOverviewRuler.selectionHighlightForeground#00796B40
editorOverviewRuler.warningForeground#E65100CC
editorRuler.foreground#C0DFD8
editorStickyScroll.background#F0FAF8
editorStickyScrollHover.background#D8EFE8
editorSuggestWidget.background#F0FAF8
editorSuggestWidget.border#C0DFD8
editorSuggestWidget.foreground#1A3330
editorSuggestWidget.highlightForeground#00796B
editorSuggestWidget.selectedBackground#D8EFE8
editorWarning.foreground#E65100
editorWhitespace.foreground#B0CFC8
editorWidget.background#F0FAF8
editorWidget.border#C0DFD8
errorForeground#B71C1C
focusBorder#00796B
foreground#1A3330
gitDecoration.addedResourceForeground#66BB6A
gitDecoration.conflictingResourceForeground#5B4A43
gitDecoration.deletedResourceForeground#C62828
gitDecoration.ignoredResourceForeground#616868
gitDecoration.modifiedResourceForeground#4FC3F7
gitDecoration.submoduleResourceForeground#186058
gitDecoration.untrackedResourceForeground#66BB6A
icon.foreground#00695C
input.background#F0FAF8
input.border#C0DFD8
input.foreground#1A3330
input.placeholderForeground#999999
keybindingLabel.background#D8EFE8
keybindingLabel.border#C0DFD8
keybindingLabel.bottomBorder#B0CFC8
keybindingLabel.foreground#1A3330
list.activeSelectionBackground#D8EFE8
list.activeSelectionForeground#1A3330
list.deemphasizedForeground#5C8A85
list.dropBackground#C0DFD8
list.errorForeground#B71C1C
list.focusBackground#D8EFE8
list.focusForeground#1A3330
list.highlightForeground#00796B
list.hoverBackground#D8EFE8
list.hoverForeground#1A3330
list.inactiveSelectionBackground#D8EFE8
list.inactiveSelectionForeground#1A3330
list.warningForeground#E65100
merge.border#B0CFC880
merge.currentContentBackground#66BB6A25
merge.currentHeaderBackground#66BB6A40
merge.incomingContentBackground#4FC3F725
merge.incomingHeaderBackground#4FC3F740
minimap.errorHighlight#B71C1CCC
minimap.findMatchHighlight#00796B66
minimap.selectionHighlight#00796B40
minimap.warningHighlight#E65100CC
minimapGutter.addedBackground#66BB6A
minimapGutter.deletedBackground#C62828
minimapGutter.modifiedBackground#4FC3F7
notificationCenterHeader.background#C0DFD8
notificationCenterHeader.foreground#1A3330
notificationLink.foreground#00796B
notifications.background#D8EFE8
notifications.border#B0CFC8
notifications.foreground#1A3330
notificationsErrorIcon.foreground#B71C1C
notificationsInfoIcon.foreground#336666
notificationsWarningIcon.foreground#E65100
panel.background#F0FAF8
panel.border#B0CFC8
panelTitle.activeBorder#00796B
panelTitle.activeForeground#1A3330
panelTitle.inactiveForeground#5C5C5C
peekView.border#00796B
peekViewEditor.background#D8EFE8
peekViewEditor.matchHighlightBackground#00796B40
peekViewEditorGutter.background#D8EFE8
peekViewResult.background#C0DFD8
peekViewResult.fileForeground#1A3330
peekViewResult.lineForeground#1A3330
peekViewResult.matchHighlightBackground#00796B40
peekViewResult.selectionBackground#B0CFC8
peekViewResult.selectionForeground#1A3330
peekViewTitle.background#C0DFD8
peekViewTitleDescription.foreground#5C5C5C
peekViewTitleLabel.foreground#1A3330
progressBar.background#00796B
sash.hoverBorder#00796B
scrollbar.shadow#B0CFC8
scrollbarSlider.activeBackground#00796B80
scrollbarSlider.background#B0CFC880
scrollbarSlider.hoverBackground#C0DFD880
selection.background#00796B40
settings.focusedRowBackground#00796B10
settings.headerForeground#1A3330
settings.modifiedItemIndicator#00796B
settings.rowHoverBackground#D8EFE880
sideBar.background#D8EFE8
sideBar.foreground#1A3330
sideBarSectionHeader.background#C0DFD8
sideBarSectionHeader.foreground#1A3330
sideBarTitle.foreground#1A3330
statusBar.background#C0DFD8
statusBar.debuggingBackground#00796B
statusBar.debuggingForeground#F0FAF8
statusBar.foreground#1A3330
statusBar.noFolderBackground#C0DFD8
statusBar.noFolderForeground#1A3330
statusBarItem.activeBackground#B0CFC8
statusBarItem.hoverBackground#B0CFC8
statusBarItem.prominentBackground#C0DFD8
statusBarItem.prominentHoverBackground#B0CFC8
tab.activeBackground#F0FAF8
tab.activeBorder#00796B
tab.activeForeground#1A3330
tab.border#C0DFD8
tab.inactiveBackground#D8EFE8
tab.inactiveForeground#5C5C5C
tab.unfocusedActiveBackground#F0FAF8
tab.unfocusedActiveForeground#1A3330
tab.unfocusedInactiveBackground#D8EFE8
tab.unfocusedInactiveForeground#5C5C5C
terminal.ansiBlack#172D2B
terminal.ansiBlue#336666
terminal.ansiBrightBlack#394C4A
terminal.ansiBrightBlue#477575
terminal.ansiBrightCyan#477575
terminal.ansiBrightGreen#5E815E
terminal.ansiBrightMagenta#876387
terminal.ansiBrightRed#966E6E
terminal.ansiBrightWhite#F0FAF8
terminal.ansiBrightYellow#667455
terminal.ansiCyan#336666
terminal.ansiGreen#4D734D
terminal.ansiMagenta#7A527A
terminal.ansiRed#8B5E5E
terminal.ansiWhite#F0FAF8
terminal.ansiYellow#556543
terminal.background#F0FAF8
terminal.foreground#1A3330
terminal.selectionBackground#00796B40
terminalCursor.foreground#00796B
textBlockQuote.background#D8EFE8
textBlockQuote.border#00796B
textCodeBlock.background#D8EFE8
textLink.activeForeground#00695C
textLink.foreground#00796B
textPreformat.foreground#00695C
textSeparator.foreground#C0DFD8
titleBar.activeBackground#B0CFC8
titleBar.activeForeground#1A3330
titleBar.inactiveBackground#D8EFE8
titleBar.inactiveForeground#5C5C5C
tree.indentGuidesStroke#B0CFC8
tree.tableColumnsBorder#C0DFD8
walkthrough.stepTitle.foreground#1A3330
welcomePage.background#F0FAF8
welcomePage.progress.background#C0DFD8
welcomePage.progress.foreground#00796B
welcomePage.tileBackground#D8EFE8
welcomePage.tileBorder#C0DFD8
welcomePage.tileHoverBackground#C0DFD8
widget.shadow#B0CFC8

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	#00695C	—
string, punctuation.definition.string, string.quoted, markup.inline.raw	#4D734D	—
markup.heading, markup.heading.setext, markup.heading.markdown, punctuation.definition.heading, entity.name.section	#00796B	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	#5A6B47	—
markup.bold, markup.italic, markup.strikethrough, markup.underline, markup.quote, markup.list	#6B5252	—
string.regexp, constant.character.escape, constant.character.escape.backslash	#4D7A7A	—