Roblox Studio Themes
Publisher: Ryan LuuThemes in package: 6
Roblox Studio light and dark themes for VS Code
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.background#191a1f
- activityBar.border#202227
- activityBar.foreground#bcbec8
- activityBarBadge.background#335fff
- activityBarBadge.foreground#ffffff
- activityErrorBadge.background#e75750
- activityErrorBadge.foreground#ffffff
- activityWarningBadge.background#f57630
- activityWarningBadge.foreground#ffffff
- badge.background#335fff
- badge.foreground#ffffff
- breadcrumb.background#191a1f
- button.background#335fff
- button.border#353741
- button.foreground#ffffff
- button.hoverBackground#528bff
- button.secondaryBackground#353741
- button.secondaryForeground#bcbec8
- button.secondaryHoverBackground#353741
- button.separator#353741
- diffEditor.insertedTextBackground#353741
- diffEditor.removedTextBackground#571e00
- editor.background#202227
- editor.findMatchBackground#13235d
- editor.findMatchHighlightBackground#976c00
- editor.findMatchHighlightForeground#bcbec8
- editor.foreground#f7f7f8
- editor.lineHighlightBackground#272930
- editor.selectionBackground#13235d
- editorError.foreground#df281f
- editorGroup.border#202227
- editorGroupHeader.border#202227
- editorGroupHeader.tabsBackground#191a1f
- editorGroupHeader.tabsBorder#202227
- editorGutter.addedBackground#353741
- editorGutter.deletedBackground#571e00
- editorHint.foreground#335fff
- editorInfo.foreground#494d5a
- editorLineNumber.activeForeground#bcbec8
- editorLineNumber.foreground#494d5a
- editorWarning.foreground#f57630
- editorWhitespace.foreground#494d5a
- focusBorder#353535
- foreground#bcbec8
- icon.foreground#bcbec8
- input.background#282931
- input.border#282931
- list.activeSelectionBackground#13235d
- list.activeSelectionForeground#bcbec8
- list.errorForeground#e75750
- list.inactiveSelectionBackground#353741
- list.inactiveSelectionForeground#bcbec8
- list.warningForeground#f57630
- menu.background#272930
- menu.foreground#bcbec8
- menu.selectionBackground#13235d
- menu.separatorBackground#202227
- menubar.selectionForeground#bcbec8
- scrollbar.background#272930
- scrollbar.shadow#353741
- scrollbarSlider.activeBackground#494d5a
- scrollbarSlider.background#353741
- scrollbarSlider.hoverBackground#494d5a
- selection.background#13235d
- sideBar.background#191a1f
- sideBar.border#202227
- sideBarSectionHeader.background#202227
- statusBar.background#191a1f
- statusBar.border#202227
- statusBar.foreground#bcbec8
- tab.activeBackground#202227
- tab.border#202227
- tab.inactiveBackground#202227
- textLink.activeForeground#528bff
- textLink.foreground#528bff
- titleBar.activeBackground#202227
- titleBar.activeForeground#bcbec8
- titleBar.border#202227
- titleBar.inactiveBackground#202227
- titleBar.inactiveForeground#bcbec8
- widget.shadow#353741
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable, support.variable | #f7f7f8 | — |
| keyword.operator, source | #cd377b | — |
| constant.numeric | #b682f7 | — |
| string | #f7d273 | — |
| comment | #6a6f81 | — |
| keyword.operator.wordlike, storage.modifier.visibility, keyword.control, keyword.operator.attribute | #cd377b | bold |
| constant.language, support.constant, variable.language, support.function | #f7f7f8 | — |
| variable.other.property, variable.language.metamethod | #f7f7f8 | — |
| constant.language.nil | #a766f5 | bold |
| constant.language.boolean | #a766f5 | bold |
| meta.function | #8fb4ff | — |
| storage.modifier.local | #cd377b | bold |
| variable.language.self | #f57630 | bold |
| storage.modifier, storage.type | #cd377b | bold |
| entity.name.function | #c49315 | |
| punctuation | #cd377b | — |
| support.type | #f7f7f8 | — |