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 Yellow 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#DDD8B8
activityBar.dropBorder#9E7700
activityBar.foreground#33300A
activityBar.inactiveForeground#999999
activityBarBadge.background#9E7700
activityBarBadge.foreground#FFFDE8
badge.background#9E7700
badge.foreground#FFFDE8
breadcrumb.activeSelectionForeground#9E7700
breadcrumb.focusForeground#33300A
breadcrumb.foreground#808080
breadcrumbPicker.background#F0ECD0
button.background#9E7700
button.foreground#FFFDE8
button.hoverBackground#7E6000
chat.avatarBackground#9E7700
chat.avatarForeground#FFFDE8
chat.requestBackground#F0ECD0
chat.requestBorder#9E7700
chat.slashCommandBackground#9E7700
chat.slashCommandForeground#FFFDE8
debugConsole.errorForeground#993300
debugConsole.infoForeground#336666
debugConsole.sourceForeground#33300A
debugConsole.warningForeground#CC6633
debugIcon.breakpointDisabledForeground#ACABA4
debugIcon.breakpointForeground#993300
debugToolBar.background#DDD8B8
debugToolBar.border#CCC8A8
descriptionForeground#616050
diffEditor.insertedTextBackground#66996640
diffEditor.removedTextBackground#99330040
disabledForeground#ACABA4
dropdown.background#FFFDE8
dropdown.border#DDD8B8
dropdown.foreground#33300A
editor.background#FFFDE8
editor.findMatchBackground#9E770040
editor.findMatchHighlightBackground#CCC8A880
editor.foreground#33300A
editor.hoverHighlightBackground#F0ECD080
editor.inactiveSelectionBackground#DDD8B880
editor.lineHighlightBackground#F0ECD0
editor.lineHighlightBorder#DDD8B8
editor.selectionBackground#9E770040
editor.selectionHighlightBackground#F0ECD080
editor.wordHighlightBackground#F0ECD080
editor.wordHighlightStrongBackground#DDD8B880
editorBracketMatch.background#DDD8B8
editorBracketMatch.border#CCC8A8
editorCodeLens.foreground#808080
editorCursor.foreground#7E6000
editorError.foreground#993300
editorGhostText.foreground#9F9F9A
editorGroup.border#DDD8B8
editorGroup.dropBackground#F0ECD080
editorGroupHeader.noTabsBackground#FFFDE8
editorGroupHeader.tabsBackground#F0ECD0
editorGutter.addedBackground#669966
editorGutter.background#FFFDE8
editorGutter.deletedBackground#993300
editorGutter.modifiedBackground#669999
editorHoverWidget.background#FFFDE8
editorHoverWidget.border#DDD8B8
editorIndentGuide.activeBackground1#CCC8A8
editorIndentGuide.background1#DDD8B8
editorInfo.foreground#336666
editorInlayHint.background#F0ECD060
editorInlayHint.foreground#616050
editorInlayHint.parameterBackground#F0ECD060
editorInlayHint.parameterForeground#616050
editorInlayHint.typeBackground#F0ECD060
editorInlayHint.typeForeground#616050
editorLineNumber.activeForeground#9E7700
editorLineNumber.foreground#808080
editorLink.activeForeground#9E7700
editorOverviewRuler.addedForeground#669966CC
editorOverviewRuler.bracketMatchForeground#DDD8B8CC
editorOverviewRuler.deletedForeground#993300CC
editorOverviewRuler.errorForeground#993300CC
editorOverviewRuler.findMatchForeground#9E770080
editorOverviewRuler.infoForeground#336666CC
editorOverviewRuler.modifiedForeground#669999CC
editorOverviewRuler.selectionHighlightForeground#9E770040
editorOverviewRuler.warningForeground#CC6633CC
editorRuler.foreground#DDD8B8
editorStickyScroll.background#FFFDE8
editorStickyScrollHover.background#F0ECD0
editorSuggestWidget.background#FFFDE8
editorSuggestWidget.border#DDD8B8
editorSuggestWidget.foreground#33300A
editorSuggestWidget.highlightForeground#9E7700
editorSuggestWidget.selectedBackground#F0ECD0
editorWarning.foreground#CC6633
editorWhitespace.foreground#CCC8A8
editorWidget.background#FFFDE8
editorWidget.border#DDD8B8
errorForeground#993300
focusBorder#9E7700
foreground#33300A
gitDecoration.addedResourceForeground#669966
gitDecoration.conflictingResourceForeground#9B5500
gitDecoration.deletedResourceForeground#993300
gitDecoration.ignoredResourceForeground#68685C
gitDecoration.modifiedResourceForeground#669999
gitDecoration.submoduleResourceForeground#7E671F
gitDecoration.untrackedResourceForeground#669966
icon.foreground#7E6000
input.background#FFFDE8
input.border#DDD8B8
input.foreground#33300A
input.placeholderForeground#999999
keybindingLabel.background#F0ECD0
keybindingLabel.border#DDD8B8
keybindingLabel.bottomBorder#CCC8A8
keybindingLabel.foreground#33300A
list.activeSelectionBackground#F0ECD0
list.activeSelectionForeground#33300A
list.deemphasizedForeground#8B7A40
list.dropBackground#DDD8B8
list.errorForeground#993300
list.focusBackground#F0ECD0
list.focusForeground#33300A
list.highlightForeground#9E7700
list.hoverBackground#F0ECD0
list.hoverForeground#33300A
list.inactiveSelectionBackground#F0ECD0
list.inactiveSelectionForeground#33300A
list.warningForeground#CC6633
merge.border#CCC8A880
merge.currentContentBackground#66996625
merge.currentHeaderBackground#66996640
merge.incomingContentBackground#66999925
merge.incomingHeaderBackground#66999940
minimap.errorHighlight#993300CC
minimap.findMatchHighlight#9E770066
minimap.selectionHighlight#9E770040
minimap.warningHighlight#CC6633CC
minimapGutter.addedBackground#669966
minimapGutter.deletedBackground#993300
minimapGutter.modifiedBackground#669999
notificationCenterHeader.background#DDD8B8
notificationCenterHeader.foreground#33300A
notificationLink.foreground#9E7700
notifications.background#F0ECD0
notifications.border#CCC8A8
notifications.foreground#33300A
notificationsErrorIcon.foreground#993300
notificationsInfoIcon.foreground#336666
notificationsWarningIcon.foreground#CC6633
panel.background#FFFDE8
panel.border#CCC8A8
panelTitle.activeBorder#9E7700
panelTitle.activeForeground#33300A
panelTitle.inactiveForeground#5C5C5C
peekView.border#9E7700
peekViewEditor.background#F0ECD0
peekViewEditor.matchHighlightBackground#9E770040
peekViewEditorGutter.background#F0ECD0
peekViewResult.background#DDD8B8
peekViewResult.fileForeground#33300A
peekViewResult.lineForeground#33300A
peekViewResult.matchHighlightBackground#9E770040
peekViewResult.selectionBackground#CCC8A8
peekViewResult.selectionForeground#33300A
peekViewTitle.background#DDD8B8
peekViewTitleDescription.foreground#5C5C5C
peekViewTitleLabel.foreground#33300A
progressBar.background#9E7700
sash.hoverBorder#9E7700
scrollbar.shadow#CCC8A8
scrollbarSlider.activeBackground#9E770080
scrollbarSlider.background#CCC8A880
scrollbarSlider.hoverBackground#DDD8B880
selection.background#9E770040
settings.focusedRowBackground#9E770010
settings.headerForeground#33300A
settings.modifiedItemIndicator#9E7700
settings.rowHoverBackground#F0ECD080
sideBar.background#F0ECD0
sideBar.foreground#33300A
sideBarSectionHeader.background#DDD8B8
sideBarSectionHeader.foreground#33300A
sideBarTitle.foreground#33300A
statusBar.background#DDD8B8
statusBar.debuggingBackground#9E7700
statusBar.debuggingForeground#FFFDE8
statusBar.foreground#33300A
statusBar.noFolderBackground#DDD8B8
statusBar.noFolderForeground#33300A
statusBarItem.activeBackground#CCC8A8
statusBarItem.hoverBackground#CCC8A8
statusBarItem.prominentBackground#DDD8B8
statusBarItem.prominentHoverBackground#CCC8A8
tab.activeBackground#FFFDE8
tab.activeBorder#9E7700
tab.activeForeground#33300A
tab.border#DDD8B8
tab.inactiveBackground#F0ECD0
tab.inactiveForeground#5C5C5C
tab.unfocusedActiveBackground#FFFDE8
tab.unfocusedActiveForeground#33300A
tab.unfocusedInactiveBackground#F0ECD0
tab.unfocusedInactiveForeground#5C5C5C
terminal.ansiBlack#2D2B09
terminal.ansiBlue#336666
terminal.ansiBrightBlack#4C4A2D
terminal.ansiBrightBlue#477575
terminal.ansiBrightCyan#477575
terminal.ansiBrightGreen#5E815E
terminal.ansiBrightMagenta#876387
terminal.ansiBrightRed#966E6E
terminal.ansiBrightWhite#FFFDE8
terminal.ansiBrightYellow#747455
terminal.ansiCyan#336666
terminal.ansiGreen#4D734D
terminal.ansiMagenta#7A527A
terminal.ansiRed#8B5E5E
terminal.ansiWhite#FFFDE8
terminal.ansiYellow#656543
terminal.background#FFFDE8
terminal.foreground#33300A
terminal.selectionBackground#9E770040
terminalCursor.foreground#9E7700
textBlockQuote.background#F0ECD0
textBlockQuote.border#9E7700
textCodeBlock.background#F0ECD0
textLink.activeForeground#7E6000
textLink.foreground#9E7700
textPreformat.foreground#7E6000
textSeparator.foreground#DDD8B8
titleBar.activeBackground#CCC8A8
titleBar.activeForeground#33300A
titleBar.inactiveBackground#F0ECD0
titleBar.inactiveForeground#5C5C5C
tree.indentGuidesStroke#CCC8A8
tree.tableColumnsBorder#DDD8B8
walkthrough.stepTitle.foreground#33300A
welcomePage.background#FFFDE8
welcomePage.progress.background#DDD8B8
welcomePage.progress.foreground#9E7700
welcomePage.tileBackground#F0ECD0
welcomePage.tileBorder#DDD8B8
welcomePage.tileHoverBackground#DDD8B8
widget.shadow#CCC8A8

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	#7E6000	—
string, punctuation.definition.string, string.quoted, markup.inline.raw	#4D734D	—
markup.heading, markup.heading.setext, markup.heading.markdown, punctuation.definition.heading, entity.name.section	#9E7700	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	#7A6B33	—
keyword.operator, punctuation.separator, punctuation.terminator, punctuation.section, punctuation.definition, meta.brace	#6B6B47	—
markup.bold, markup.italic, markup.strikethrough, markup.underline, markup.quote, markup.list	#7A5E3D	—
string.regexp, constant.character.escape, constant.character.escape.backslash	#7A6B33	—