Roblox Studio Next Gen Theme
Publisher: thememermonkeyThemes in package: 1
A theme that aims to match Roblox's new studio 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#212326
- activityBarBadge.background#007acc
- button.background#3F54F7
- button.foreground#FFFFFF
- button.hoverBackground#5D7FF8
- button.secondaryBackground#19191D
- button.secondaryForeground#FFFFFF
- button.secondaryHoverBackground#27262B
- editor.background#202227
- editor.foreground#BCBEC8
- input.background#27292C
- input.foreground#B5B6C1
- input.placeholderForeground#B5B6C1
- inputOption.activeBorder#3F54F7
- list.activeSelectionBackground#1A24A9
- list.dropBackground#161A35
- list.hoverBackground#222326
- menu.selectionBackground#1A24A9
- panel.border#353740
- scrollbarSlider.activeBackground#606575
- scrollbarSlider.background#606575
- scrollbarSlider.hoverBackground#606575
- sideBar.background#19191D
- sideBarTitle.foreground#bbbbbb
- statusBar.background#335FFF
- statusBar.debuggingBackground#F57630
- statusBarItem.remoteBackground#00B864
- tab.activeBackground#212326
- tab.activeForeground#BCBEC8
- tab.border#353740
- tab.hoverBackground#212326
- tab.hoverForeground#BCBEC8
- tab.inactiveBackground#181B1F
- tab.inactiveForeground#BCBEC8
- terminal.background#181B1F
- terminal.border#353740
- terminal.foreground#BCBEC8
- terminalCursor.background#13225C
- terminalCursor.foreground#FFFFFF
- titleBar.activeBackground#313030
- tree.indentGuidesStroke#2B2A2E
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword.operator | #BCBEC8 | — |
| constant.numeric | #F2BA2A | — |
| string | #8EE9B6 | — |
| comment | #6A6F81 | — |
| keyword | #EB7973 | — |
| invalid, invalid.deprecated | #DF281F | — |
| warning | #F57630 | — |
| info | #494D5A | — |
| hint | #335FFF | — |
| constant.language, support.function | #8FB4FF | — |
| entity.name.function | #FAE4AA | — |
| variable.other.property | #70A0FF | — |
| constant.language.nil | #F2BA2A | — |
| constant.language.boolean | #F2BA2A | — |
| keyword.control | #EB7973 | — |
| storage.modifier.local | #EB7973 | — |
| variable.language.self | #EB7973 | — |
| keyword.operator.wordlike | #EB7973 | — |
| storage.modifier.visibility, storage.type | #EB7973 | — |
| entity.name.function | #FAE4AA | — |
| support.type, entity.name.type, storage.type.class | #528BFF | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...