Moin Theme

Name: Moin Theme
Author: nwwdles

Publisher: nwwdlesThemes in package: 6

A couple of high contrast themes

Open in VS Code

Color themes

VS Code preview

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

Moin Theme — Moin 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.activeBackground#fff2
activityBar.activeBorder#fffb
activityBar.activeFocusBorder#383838
activityBar.background#111
activityBar.border#383838
activityBar.foreground#fff
activityBar.inactiveForeground#fff9
activityBarBadge.background#000
activityBarBadge.foreground#fff
badge.foreground#fff
button.background#222
button.foreground#fff
checkbox.border#383838
contrastBorder#383838
dropdown.border#383838
editor.background#000
editor.foreground#fff
editor.hoverHighlightBackground#fff2
editor.inactiveSelectionBackground#fff2
editor.lineHighlightBackground#fff2
editor.selectionBackground#fff4
editor.selectionHighlightBackground#fff4
editorGroup.border#383838
editorGroupHeader.border#383838
editorGroupHeader.noTabsBackground#111
editorGroupHeader.tabsBackground#111
editorGroupHeader.tabsBorder#383838
editorGutter.addedBackground#6ba
editorGutter.deletedBackground#c00
editorGutter.modifiedBackground#9cf
editorIndentGuide.activeBackground#fff4
editorIndentGuide.background#fff2
editorRuler.foreground#fff4
editorSuggestWidget.border#383838
editorWidget.background#111
editorWidget.border#383838
editorWidget.resizeBorder#222
focusBorder#383838
foreground#fff
gitDecoration.addedResourceForeground#8ec
gitDecoration.conflictingResourceForeground#f00
gitDecoration.deletedResourceForeground#c00
gitDecoration.ignoredResourceForeground#fffb
gitDecoration.modifiedResourceForeground#ec0
gitDecoration.submoduleResourceForeground#9cf
gitDecoration.untrackedResourceForeground#6ba
input.background#000
input.border#383838
input.foreground#fff
input.placeholderForeground#fff
inputOption.activeBorder#383838
list.activeSelectionBackground#fff4
list.activeSelectionForeground#fff
list.focusBackground#fff2
list.hoverBackground#fff2
list.inactiveSelectionBackground#fff2
menu.border#383838
menu.selectionBorder#383838
menubar.selectionBorder#383838
notificationCenter.border#383838
notifications.background#111
notifications.border#383838
notificationToast.border#383838
panel.background#000
panel.border#383838
panelInput.border#383838
quickInput.background#111
scrollbar.shadow#0004
searchEditor.textInputBorder#383838
selection.background#fff4
settings.checkboxBorder#383838
settings.dropdownBorder#383838
settings.dropdownListBorder#383838
settings.textInputBorder#383838
sideBar.background#111
sideBar.border#383838
sideBar.foreground#fff
sideBarSectionHeader.background#222
sideBarSectionHeader.border#383838
statusBar.background#222
statusBar.border#383838
statusBar.debuggingBackground#fff4
statusBar.foreground#fff
statusBar.noFolderBackground#000
tab.activeBackground#000
tab.activeBorder#000
tab.activeBorderTop#383838
tab.activeForeground#fff
tab.border#383838
tab.hoverBackground#fff4
tab.inactiveBackground#111
tab.inactiveForeground#fffb
tab.unfocusedActiveBorder#000
tab.unfocusedActiveBorderTop#383838
terminal.ansiBlack#222
terminal.ansiBlue#9cf
terminal.ansiBrightBlack#333
terminal.ansiBrightBlue#bdf
terminal.ansiBrightCyan#5ee
terminal.ansiBrightGreen#8ec
terminal.ansiBrightMagenta#faf
terminal.ansiBrightRed#f00
terminal.ansiBrightWhite#f3f3f3
terminal.ansiBrightYellow#fe0
terminal.ansiCyan#4bb
terminal.ansiGreen#6ba
terminal.ansiMagenta#d9f
terminal.ansiRed#c00
terminal.ansiWhite#ddd
terminal.ansiYellow#ec0
terminal.background#000
terminal.foreground#fff
terminalCursor.background#000
terminalCursor.foreground#fff
titleBar.border#383838

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
invalid	#e22	bold underline
markup.inserted.diff	#6ba	—
markup.deleted.diff	#c00	—
string, constant, entity.name.import	#bdf	—
meta.paragraph, string.unquoted.argument, constant.other.option, punctuation.definition.logical-expression, punctuation.definition.dictionary, punctuation.definition.array, punctuation.definition.evaluation, meta	#fff	—
keyword, fenced_code.block.language, punctuation.separator, constant.character.escape, constant.other.placeholder	#ecf	—
entity, storage, support, markup.heading, punctuation.definition.heading, entity.name.section	#cbf	—
variable, entity.name, meta.attribute, markup.inline.raw	#9bf	—
entity.name.function, support.function, meta.function-call, meta.function, entity.name.command	#8ec	—
comment, punctuation.definition.comment	#999	—
markup.underline	—	underline
markup.italic	—	italic
keyword.operator	#fff	none
strong, emphasis, markup.bold, entity.name.type.org, entity.name.function.org, entity.other.attribute-name.org	—	bold