Material-last
Publisher: LastnumberThemes in package: 1
Material Theme
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.background#242d33
- activityBar.foreground#455c67
- activityBarBadge.background#ffc600
- activityBarBadge.foreground#000000
- button.background#455c67
- button.hoverBackground#263238
- dropdown.border#182328
- editor.background#263238
- editor.foreground#b2ccd6
- editor.hoverHighlightBackground#182328
- editor.lineHighlightBackground#182328
- editor.lineHighlightBorder#182328
- editor.selectionBackground#455c67
- editor.wordHighlightBackground#455c67
- editor.wordHighlightStrongBackground#455c67
- editorCursor.foreground#ffcc00
- editorGroup.border#182328
- editorGroup.emptyBackground#263238
- editorGroupHeader.noTabsBackground#263238
- editorGroupHeader.tabsBackground#242d33
- editorLineNumber.foreground#455c67
- editorSuggestWidget.background#263238
- editorSuggestWidget.border#455c67
- editorSuggestWidget.highlightForeground#309687
- editorWidget.background#182328
- focusBorder#455c67
- input.background#182328
- input.border#182328
- inputValidation.errorBorder#ffc600dd
- inputValidation.warningBorder#ffc600
- list.activeSelectionBackground#182328
- list.activeSelectionForeground#309687
- list.focusBackground#182328
- list.highlightForeground#309687
- list.hoverBackground#182328
- list.inactiveSelectionBackground#1f292e
- list.inactiveSelectionForeground#309687
- panel.background#242d33
- panel.border#ffc600
- panelTitle.activeBorder#263238
- panelTitle.activeForeground#ffc600
- panelTitle.inactiveForeground#455c67
- pickerGroup.foreground#309687
- progressBar.background#309687
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#30968750
- scrollbarSlider.background#1823289b
- scrollbarSlider.hoverBackground#1823287f
- sideBar.background#242d33
- sideBar.border#212a30
- statusBar.background#263238
- statusBar.foreground#b2ccd6
- statusBar.noFolderBackground#fa6981
- tab.activeBorder#ffcc00
- tab.border#212a30
- tab.inactiveBackground#212a30
- terminal.ansiBlack#263238
- terminal.ansiBlue#82aaff
- terminal.ansiBrightBlack#65737e
- terminal.ansiBrightBlue#82aaff
- terminal.ansiBrightCyan#7fcac3
- terminal.ansiBrightGreen#a3be8c
- terminal.ansiBrightMagenta#f77669
- terminal.ansiBrightRed#bf616a
- terminal.ansiBrightWhite#b2ccd6
- terminal.ansiBrightYellow#ffcc00
- terminal.ansiCyan#7fcac3
- terminal.ansiGreen#c3e88d
- terminal.ansiMagenta#f77669
- terminal.ansiRed#fa6981
- terminal.ansiWhite#b2ccd6
- terminal.ansiYellow#ffcc00
- terminalCursor.background#ffc600
- terminalCursor.foreground#ffc600
- textLink.foreground#309687
- titleBar.activeBackground#263238
- titleBar.inactiveBackground#263238
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #b2ccd6ff | — |
| string | #C3E88D | — |
| constant.language.boolean | #f77669 | — |
| constant.numeric | #f77669 | — |
| variable, support.variable, support.class, support.constant, meta.definition.variable entity.name.function | #FA6981 | — |
| keyword, modifier, variable.language.this, support.type.object, constant.language | #82AAFF | — |
| entity.name.function, support.function | #82AAFF | — |
| storage.type, storage.modifier | #FFCB6B | — |
| support.module, support.node | #82AAFF | — |
| support.type | #7FCAC3 | — |
| entity.name.type, entity.other.inherited-class | #FFCB6B | — |
| comment | #405561 | — |
| entity.name.type.class | #FFCB6B | — |
| variable.object.property | #C3E88D | — |
| meta.definition.method entity.name.function | #FFCB6B | — |
| meta.function entity.name.function | #BD8BDF | — |
| template.expression.begin, template.expression.end | #C3E88D | — |
| meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json | #7FCAC3 | — |
| constant.language.json | #C3E88D | — |
| entity.other.attribute-name.class | #FFCB6B | — |
| entity.other.attribute-name.id | #FFCB6B | — |
| source.css entity.name.tag | #FA6981 | — |
| meta.tag, punctuation.definition.tag | #B2CCD6 | — |
| entity.name.tag | #FA6981 | — |
| entity.other.attribute-name | #FFCB6B | — |
| markup.heading | #B2CCD6 | — |
| text.html.markdown meta.link.inline, meta.link.reference | #B2CCD6 | — |
| text.html.markdown markup.quote | #FFCB6B | — |
| text.html.markdown beginning.punctuation.definition.list | #C3E88D | — |
| markup.italic | #C3E88D | italic |
| markup.bold | #C3E88D | bold |
| markup.bold markup.italic, markup.italic markup.bold | #C3E88D | italic bold |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...