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

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.activeBorder#537397
activityBar.background#F1F1F3
activityBar.foreground#64646e
activityBar.inactiveForeground#90909D
activityBarBadge.background#537397
activityBarBadge.foreground#f5f1f5
badge.background#537397
badge.foreground#FAF9FA
breadcrumb.activeSelectionForeground#537397
breadcrumb.background#FAF9FA
breadcrumb.focusForeground#64646e
breadcrumb.foreground#90909D
button.background#537397
button.foreground#FAF9FA
button.hoverBackground#5f83a7
dropdown.background#F1F1F3
dropdown.border#F1F1F3
dropdown.foreground#64646e
editor.background#FAF9FA
editor.findMatchBackground#53739755
editor.findMatchHighlightBackground#53739733
editor.findRangeHighlightBackground#E7E7E944
editor.focusedStackFrameHighlightBackground#61743433
editor.foreground#64646e
editor.hoverHighlightBackground#F1F1F344
editor.lineHighlightBackground#F1F1F3AA
editor.rangeHighlightBackground#E7E7E944
editor.selectionBackground#53739733
editor.selectionHighlightBackground#53739722
editor.wordHighlightBackground#61743422
editor.wordHighlightStrongBackground#61743433
editorBracketMatch.background#B66D3A22
editorBracketMatch.border#B66D3A
editorCursor.foreground#64646e
editorError.foreground#8b4d3d
editorGroup.border#F1F1F3
editorGroupHeader.tabsBackground#F1F1F3
editorGutter.addedBackground#617434
editorGutter.deletedBackground#7B2000
editorGutter.modifiedBackground#537397
editorIndentGuide.activeBackground1#90909D
editorIndentGuide.background1#E7E7E9
editorInlayHint.background#F1F1F3
editorInlayHint.foreground#90909D
editorLineNumber.activeForeground#64646e
editorLineNumber.foreground#90909D
editorLink.activeForeground#537397
editorOverviewRuler.border#F1F1F3
editorWidget.background#F1F1F3
errorForeground#8b4d3d
focusBorder#537397
gitDecoration.addedResourceForeground#617434
gitDecoration.conflictingResourceForeground#7B2000
gitDecoration.deletedResourceForeground#7B2000
gitDecoration.ignoredResourceForeground#90909D
gitDecoration.modifiedResourceForeground#537397
gitDecoration.stageDeletedResourceForeground#7B2000
gitDecoration.stageModifiedResourceForeground#537397
gitDecoration.untrackedResourceForeground#617434
input.background#F1F1F3
input.border#cccccc
input.foreground#64646e
input.placeholderForeground#90909D
list.activeSelectionBackground#E7E7E9
list.activeSelectionForeground#26262B
list.errorForeground#8E629D
list.focusBackground#E7E7E9
list.focusForeground#26262B
list.highlightForeground#537397
list.hoverBackground#F1F1F3
list.hoverForeground#64646e
list.inactiveSelectionBackground#F1F1F3
list.inactiveSelectionForeground#64646e
list.warningForeground#B66D3A
minimap.findMatchHighlight#53739799
minimap.selectionHighlight#53739766
panel.background#F1F1F3
panel.border#F1F1F3
panelTitle.activeBorder#537397
panelTitle.activeForeground#64646e
panelTitle.inactiveForeground#90909D
progressBar.background#537397
scrollbar.shadow#00000011
scrollbarSlider.activeBackground#5979977F
scrollbarSlider.background#5979974D
scrollbarSlider.hoverBackground#5979977F
sideBar.background#F1F1F3
sideBar.border#cccccc
sideBar.foreground#64646e
sideBarSectionHeader.background#F1F1F3
sideBarSectionHeader.foreground#64646e
sideBarTitle.foreground#64646e
statusBar.background#F1F1F3
statusBar.border#cccccc
statusBar.debuggingBackground#B66D3A
statusBar.debuggingForeground#FAF9FA
statusBar.foreground#64646e
statusBar.noFolderBackground#F1F1F3
statusBarItem.activeBackground#E7E7E9
statusBarItem.hoverBackground#E7E7E9
statusBarItem.prominentBackground#8E629D
statusBarItem.prominentHoverBackground#7B2000
symbolIcon.interfaceForeground#516b91
symbolIcon.objectForeground#516b91
tab.activeBackground#FAF9FA
tab.activeBorder#537397
tab.activeForeground#64646e
tab.border#F1F1F3
tab.inactiveBackground#F1F1F3
tab.inactiveForeground#90909D
terminal.ansiBlack#131316
terminal.ansiBlue#537397
terminal.ansiBrightBlack#64646e
terminal.ansiBrightBlue#537397
terminal.ansiBrightCyan#5f83a7
terminal.ansiBrightGreen#617434
terminal.ansiBrightMagenta#B66D3A
terminal.ansiBrightRed#8E629D
terminal.ansiBrightWhite#FAF9FA
terminal.ansiBrightYellow#6a588c
terminal.ansiCyan#5f83a7
terminal.ansiGreen#617434
terminal.ansiMagenta#B66D3A
terminal.ansiRed#8E629D
terminal.ansiWhite#FAF9FA
terminal.ansiYellow#6a588c
terminal.background#FAF9FA
terminal.foreground#64646e
textLink.foreground#537397
titleBar.activeBackground#F1F1F3
titleBar.activeForeground#64646e
titleBar.inactiveBackground#F1F1F3
titleBar.inactiveForeground#90909D
widget.shadow#00000022

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	#26262B
variable.parameter	#26262B	italic
support, constant, punctuation.definition.tag, punctuation.definition.constant, support.type.builtin	#595964
keyword, storage.type	#595964	bold
comment, punctuation.definition.comment	#90909D	italic
entity.name, meta.function-call, function	#537397
keyword.control.loop, keyword.control.conditional, keyword.control.switch	#7c4191
string, punctuation.definition.string, entity.name.import.go	#617434	—
entity.name.class, entity.name.type, punctuation.section.embedded	#B66D3A	—
entity.name.function, support.class	#7B2000	—
constant.numeric	#238282	—