Moonerized Theme

Name: Moonerized Theme
Author: Brody Reid

Publisher: Brody ReidThemes in package: 2

Shameless ripoff of Alex Blackie's Lunarized theme for Neovim 🌝

Open in VS Code

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Moonerized Theme — Moonerized Dark

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.activeBorder#89b0dee5
activityBar.background#131a24
activityBar.foreground#dbdbdd
activityBar.inactiveForeground#71839b
activityBarBadge.background#89b0de
activityBarBadge.foreground#dbdbdd
badge.background#89b0de
badge.foreground#dbdbdd
breadcrumb.activeSelectionForeground#89b0de
breadcrumb.background#131a24
breadcrumb.focusForeground#dbdbdd
breadcrumb.foreground#71839b
button.background#89b0de
button.foreground#dbdbdd
button.hoverBackground#a492d6
dropdown.background#131a24
dropdown.border#212e3f
dropdown.foreground#dbdbdd
editor.background#192330
editor.findMatchBackground#cfc08440
editor.findMatchHighlightBackground#cfc08430
editor.focusedStackFrameHighlightBackground#cfc08440
editor.foreground#dbdbdd
editor.lineHighlightBackground#232d3ac8
editor.selectionBackground#89b0de40
editor.selectionHighlightBackground#89b0de30
editor.wordHighlightBackground#a492d640
editor.wordHighlightStrongBackground#a492d650
editorCursor.foreground#dbdbdd
editorError.foreground#c3656f
editorGroup.border#212e3f
editorGroupHeader.tabsBackground#131a24
editorGutter.addedBackground#9fb99384
editorGutter.deletedBackground#c3656f80
editorGutter.modifiedBackground#c99975
editorIndentGuide.activeBackground1#39506d
editorIndentGuide.background1#212e3f
editorInlayHint.background#212e3f
editorInlayHint.foreground#71839b
editorLineNumber.activeForeground#868686
editorLineNumber.foreground#4a5460
editorOverviewRuler.border#212e3f
editorWarning.foreground#cfc084
editorWidget.background#131a24
errorForeground#c3656f
focusBorder#89b0de
gitDecoration.addedResourceForeground#9fb993bc
gitDecoration.conflictingResourceForeground#cfc08499
gitDecoration.deletedResourceForeground#c3656fcb
gitDecoration.ignoredResourceForeground#71839b99
gitDecoration.modifiedResourceForeground#c99975ac
gitDecoration.untrackedResourceForeground#9fb993bc
input.background#131a24
input.border#212e3f
input.foreground#dbdbdd
input.placeholderForeground#71839b
list.activeSelectionBackground#3c5372
list.activeSelectionForeground#dbdbdd
list.focusBackground#3c5372
list.focusForeground#dbdbdd
list.highlightForeground#89b0de
list.hoverBackground#2b3b51
list.hoverForeground#c5c6c7
list.inactiveSelectionBackground#2b3b51
list.inactiveSelectionForeground#c5c6c7
minimap.findMatchHighlight#ac785360
minimap.selectionHighlight#465f3e44
panel.background#131a24
panel.border#212e3f
panelTitle.activeBorder#89b0de
panelTitle.activeForeground#c5c6c7
panelTitle.inactiveForeground#71839b
progressBar.background#89b0de
scrollbar.shadow#00000066
scrollbarSlider.activeBackground#39506d7F
scrollbarSlider.background#39506d4D
scrollbarSlider.hoverBackground#39506d7F
sideBar.background#131a24
sideBar.border#212e3f
sideBar.foreground#c5c6c7
sideBarSectionHeader.background#131a24
sideBarSectionHeader.foreground#c5c6c7
sideBarTitle.foreground#c5c6c7
statusBar.background#131a24
statusBar.border#212e3f
statusBar.debuggingBackground#ac7853
statusBar.debuggingForeground#c5c6c7
statusBar.foreground#c5c6c7
statusBar.noFolderBackground#131a24
statusBarItem.activeBackground#39506d
statusBarItem.errorForeground#c3656f
statusBarItem.hoverBackground#39506d
statusBarItem.prominentBackground#ac7853
statusBarItem.prominentHoverBackground#cfc084
statusBarItem.warningForeground#cfc084
symbolIcon.interfaceForeground#c99975
symbolIcon.objectForeground#c99975
tab.activeBackground#192330
tab.activeBorder#89b0de
tab.activeForeground#c5c6c7
tab.border#131a24
tab.inactiveBackground#131a24
tab.inactiveForeground#71839b
terminal.ansiBlack#131a24
terminal.ansiBlue#89b0de
terminal.ansiBrightBlack#71839b
terminal.ansiBrightBlue#89b0de
terminal.ansiBrightCyan#3e546f
terminal.ansiBrightGreen#9fb993
terminal.ansiBrightMagenta#a492d6
terminal.ansiBrightRed#c3656f
terminal.ansiBrightWhite#b8b9ba
terminal.ansiBrightYellow#cfc084
terminal.ansiCyan#3e546f
terminal.ansiGreen#9fb993
terminal.ansiMagenta#c99975
terminal.ansiRed#c3656f
terminal.ansiWhite#c5c6c7
terminal.ansiYellow#cfc084
terminal.background#131a24
terminal.foreground#c5c6c7
titleBar.activeBackground#131a24
titleBar.activeForeground#c5c6c7
titleBar.inactiveBackground#131a24
titleBar.inactiveForeground#71839b
widget.shadow#00000066

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword.operator, variable, punctuation, meta, variable.object.property, punctuation.support.type.property-name, support.type.property-name, support.type.vendored.property-name	#dbdbdd
variable.parameter	#dbdbdd	italic
support, constant, punctuation.definition.tag, punctuation.definition.constant, support.type.builtin	#bababd
keyword, storage.type	#bababd	bold
comment, punctuation.definition.comment	#888892	italic
entity.name, meta.function-call, function	#89b0de
keyword.control.loop, keyword.control.conditional, keyword.control.switch	#a492d6
string, punctuation.definition.string, entity.name.import.go	#9fb993	—
entity.name.class, entity.name.type, punctuation.section.embedded	#c99975	—
entity.name.function, support.class	#c3656f	—
constant.numeric	#cfc084	—