JMFramework for VS Code
Publisher: JMFrameworkThemes in package: 2
Official VS Code extension for JMFramework with syntax highlighting, snippets, and development tools
Color themes
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeBackground#45475A
- activityBar.activeBorder#F5C2E7
- activityBar.background#1E1E2E
- activityBar.foreground#CDD6F4
- activityBarBadge.background#F5C2E7
- activityBarBadge.foreground#1E1E2E
- breadcrumb.activeSelectionForeground#F5C2E7
- breadcrumb.background#1E1E2E
- breadcrumb.focusForeground#F5C2E7
- breadcrumb.foreground#CDD6F4
- editor.background#1E1E2E
- editor.findMatchBackground#F5C2E7
- editor.findMatchHighlightBackground#F5C2E740
- editor.foreground#CDD6F4
- editor.lineHighlightBackground#313244
- editor.selectionBackground#45475A
- editor.wordHighlightBackground#45475A
- editor.wordHighlightStrongBackground#45475A
- editorBracketMatch.background#45475A
- editorBracketMatch.border#6C7086
- editorCursor.foreground#F5E0DC
- editorGroupHeader.tabsBackground#1E1E2E
- editorGutter.addedBackground#A6E3A1
- editorGutter.deletedBackground#F38BA8
- editorGutter.modifiedBackground#F5C2E7
- editorHoverWidget.background#313244
- editorHoverWidget.border#45475A
- editorInlayHint.background#313244
- editorInlayHint.foreground#CDD6F4
- editorLineNumber.activeForeground#F5E0DC
- editorLineNumber.foreground#6C7086
- editorRuler.foreground#45475A
- editorSuggestWidget.background#313244
- editorSuggestWidget.border#45475A
- editorSuggestWidget.highlightForeground#F5C2E7
- editorSuggestWidget.selectedBackground#45475A
- editorWhitespace.foreground#45475A
- iconTheme.activeForeground#F5C2E7
- iconTheme.errorForeground#F38BA8
- iconTheme.foreground#CDD6F4
- iconTheme.inactiveForeground#6C7086
- iconTheme.infoForeground#89B4FA
- iconTheme.successForeground#A6E3A1
- iconTheme.warningForeground#FAB387
- menu.background#313244
- menu.foreground#CDD6F4
- menu.selectionBackground#45475A
- menu.selectionForeground#F5C2E7
- menu.separatorBackground#45475A
- menubar.selectionBackground#45475A
- menubar.selectionForeground#F5C2E7
- notificationCenter.border#45475A
- notificationCenterHeader.background#313244
- notificationCenterHeader.foreground#CDD6F4
- notificationError.background#F38BA8
- notificationError.foreground#1E1E2E
- notificationInfo.background#89B4FA
- notificationInfo.foreground#1E1E2E
- notificationLink.foreground#F5C2E7
- notifications.background#313244
- notifications.border#45475A
- notifications.foreground#CDD6F4
- notificationWarning.background#FAB387
- notificationWarning.foreground#1E1E2E
- sideBar.background#1E1E2E
- sideBar.foreground#CDD6F4
- sideBarSectionHeader.background#313244
- sideBarSectionHeader.border#45475A
- sideBarSectionHeader.foreground#CDD6F4
- sideBarTitle.foreground#CDD6F4
- statusBar.background#1E1E2E
- statusBar.debuggingBackground#F38BA8
- statusBar.debuggingForeground#1E1E2E
- statusBar.foreground#CDD6F4
- statusBar.noFolderBackground#1E1E2E
- statusBar.noFolderForeground#CDD6F4
- tab.activeBackground#45475A
- tab.activeForeground#CDD6F4
- tab.hoverBackground#45475A
- tab.inactiveBackground#313244
- tab.inactiveForeground#6C7086
- tab.unfocusedActiveBackground#313244
- tab.unfocusedActiveForeground#6C7086
- tab.unfocusedInactiveBackground#1E1E2E
- tab.unfocusedInactiveForeground#45475A
- titleBar.activeBackground#1E1E2E
- titleBar.activeForeground#CDD6F4
- titleBar.inactiveBackground#1E1E2E
- titleBar.inactiveForeground#6C7086
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6C7086 | — |
| string, string.template, punctuation.definition.string | #A6E3A1 | — |
| keyword, storage.type, storage.modifier, support.type.primitive | #F5C2E7 | — |
| entity.name.function, support.function, meta.function-call | #89B4FA | — |
| variable, variable.parameter, variable.other | #CDD6F4 | — |
| variable.other.property, variable.other.object | #FAB387 | — |
| entity.name.type, entity.name.type.class, entity.name.type.interface | #F5C2E7 | — |
| constant, constant.numeric, constant.language, constant.character, constant.other | #FAB387 | — |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.bitwise, keyword.operator.comparison, keyword.operator.assignment | #89B4FA | — |
| punctuation, punctuation.terminator, punctuation.separator, punctuation.definition | #6C7086 | — |
| keyword.control.jmf, support.function.jmf, entity.name.type.jmf, variable.other.jmf, constant.language.jmf | #F5C2E7 | — |
| entity.name.type.component.jmf, keyword.control.component.jmf | #89B4FA | — |
| entity.name.type.style.jmf, keyword.control.style.jmf | #A6E3A1 | — |
| variable.other.property.jmf, keyword.control.property.jmf | #FAB387 | — |
| support.function.dynamic.jmf, keyword.control.dynamic.jmf | #F5C2E7 | — |
| entity.name.type.module.jmf, keyword.control.module.jmf | #89B4FA | — |
| entity.name.type.template.jmf, keyword.control.template.jmf | #A6E3A1 | — |
| entity.name.type.config.jmf, keyword.control.config.jmf | #FAB387 | — |