JMFramework for VS Code

Name: JMFramework for VS Code
Author: JMFramework

Publisher: JMFrameworkThemes in package: 2

Official VS Code extension for JMFramework with syntax highlighting, snippets, and development tools

Open in VS Code GitHub

Color themes

VS Code preview

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

JMFramework for VS Code — JMFramework 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.activeBackground#E2E8F0
activityBar.activeBorder#F6AD55
activityBar.background#FFFFFF
activityBar.foreground#2D3748
activityBarBadge.background#F6AD55
activityBarBadge.foreground#FFFFFF
breadcrumb.activeSelectionForeground#F6AD55
breadcrumb.background#FFFFFF
breadcrumb.focusForeground#F6AD55
breadcrumb.foreground#2D3748
editor.background#FFFFFF
editor.findMatchBackground#F6AD55
editor.findMatchHighlightBackground#F6AD5540
editor.foreground#2D3748
editor.lineHighlightBackground#F7FAFC
editor.selectionBackground#E2E8F0
editor.wordHighlightBackground#E2E8F0
editor.wordHighlightStrongBackground#E2E8F0
editorBracketMatch.background#E2E8F0
editorBracketMatch.border#A0AEC0
editorCursor.foreground#2D3748
editorGroupHeader.tabsBackground#FFFFFF
editorGutter.addedBackground#48BB78
editorGutter.deletedBackground#F56565
editorGutter.modifiedBackground#F6AD55
editorHoverWidget.background#F7FAFC
editorHoverWidget.border#E2E8F0
editorInlayHint.background#F7FAFC
editorInlayHint.foreground#2D3748
editorLineNumber.activeForeground#2D3748
editorLineNumber.foreground#A0AEC0
editorRuler.foreground#E2E8F0
editorSuggestWidget.background#F7FAFC
editorSuggestWidget.border#E2E8F0
editorSuggestWidget.highlightForeground#F6AD55
editorSuggestWidget.selectedBackground#E2E8F0
editorWhitespace.foreground#E2E8F0
iconTheme.activeForeground#F6AD55
iconTheme.errorForeground#F56565
iconTheme.foreground#2D3748
iconTheme.inactiveForeground#A0AEC0
iconTheme.infoForeground#4299E1
iconTheme.successForeground#48BB78
iconTheme.warningForeground#F6AD55
menu.background#F7FAFC
menu.foreground#2D3748
menu.selectionBackground#E2E8F0
menu.selectionForeground#F6AD55
menu.separatorBackground#E2E8F0
menubar.selectionBackground#E2E8F0
menubar.selectionForeground#F6AD55
notificationCenter.border#E2E8F0
notificationCenterHeader.background#F7FAFC
notificationCenterHeader.foreground#2D3748
notificationError.background#F56565
notificationError.foreground#FFFFFF
notificationInfo.background#4299E1
notificationInfo.foreground#FFFFFF
notificationLink.foreground#F6AD55
notifications.background#F7FAFC
notifications.border#E2E8F0
notifications.foreground#2D3748
notificationWarning.background#F6AD55
notificationWarning.foreground#FFFFFF
sideBar.background#FFFFFF
sideBar.foreground#2D3748
sideBarSectionHeader.background#F7FAFC
sideBarSectionHeader.border#E2E8F0
sideBarSectionHeader.foreground#2D3748
sideBarTitle.foreground#2D3748
statusBar.background#FFFFFF
statusBar.debuggingBackground#F56565
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#2D3748
statusBar.noFolderBackground#FFFFFF
statusBar.noFolderForeground#2D3748
tab.activeBackground#E2E8F0
tab.activeForeground#2D3748
tab.hoverBackground#E2E8F0
tab.inactiveBackground#F7FAFC
tab.inactiveForeground#A0AEC0
tab.unfocusedActiveBackground#F7FAFC
tab.unfocusedActiveForeground#A0AEC0
tab.unfocusedInactiveBackground#FFFFFF
tab.unfocusedInactiveForeground#E2E8F0
titleBar.activeBackground#FFFFFF
titleBar.activeForeground#2D3748
titleBar.inactiveBackground#FFFFFF
titleBar.inactiveForeground#A0AEC0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#A0AEC0	—
string, string.template, punctuation.definition.string	#48BB78	—
keyword, storage.type, storage.modifier, support.type.primitive	#805AD5	—
entity.name.function, support.function, meta.function-call	#4299E1	—
variable, variable.parameter, variable.other	#2D3748	—
variable.other.property, variable.other.object	#F6AD55	—
entity.name.type, entity.name.type.class, entity.name.type.interface	#805AD5	—
constant, constant.numeric, constant.language, constant.character, constant.other	#F6AD55	—
keyword.operator, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.bitwise, keyword.operator.comparison, keyword.operator.assignment	#4299E1	—
punctuation, punctuation.terminator, punctuation.separator, punctuation.definition	#A0AEC0	—
keyword.control.jmf, support.function.jmf, entity.name.type.jmf, variable.other.jmf, constant.language.jmf	#805AD5	—
entity.name.type.component.jmf, keyword.control.component.jmf	#4299E1	—
entity.name.type.style.jmf, keyword.control.style.jmf	#48BB78	—
variable.other.property.jmf, keyword.control.property.jmf	#F6AD55	—
support.function.dynamic.jmf, keyword.control.dynamic.jmf	#805AD5	—
entity.name.type.module.jmf, keyword.control.module.jmf	#4299E1	—
entity.name.type.template.jmf, keyword.control.template.jmf	#48BB78	—
entity.name.type.config.jmf, keyword.control.config.jmf	#F6AD55	—