21 min read

Source: Roblox Creator Hub · CC BY 4.0 · View source · Code samples: MIT Imported 2026-10-03. Formatting adapted for this site.

StudioStyleGuideColor

Named color roles in Roblox Studio's theming system. Each item is a UI color slot, not a literal color. Pass with StudioStyleGuideModifier to StudioTheme:GetColor() to get the active theme's Color3 so plugin widgets adapt when the user switches Light/Dark themes.

Items

NameValueDescription
MainBackground0The primary background color used by the toolbar and windows.
Titlebar1The color of windows' title bars.
Dropdown2The color of dropdown menus, like those found in the Properties window.
Tooltip3The background color of tooltips, like those seen when hovering over buttons on the toolbar or properties in the Properties window.
Notification4The background color of message box and dialog notification panels.
ScrollBar5The color of scrollbar handles, like those seen in the Explorer window.
ScrollBarBackground6The background color of scrollbars, like those seen in the Explorer window.
TabBar7The background color of the tab bar, like the one where the script editor is opened.
Tab8The color of tabs on the tab bar, like the ones opened when the script editor is opened.
FilterButtonDefault9The default background color of filter buttons in the Script Analysis widget.
FilterButtonHover10The background color of filter buttons in the Script Analysis widget when hovered.
FilterButtonChecked11The background color of filter buttons in the Script Analysis widget when they are in a checked (active) state.
FilterButtonAccent12The accent color drawn on the top and left edges of filter buttons in the Script Analysis widget.
FilterButtonBorder13The border color of filter buttons in the Script Analysis widget.
FilterButtonBorderAlt14The border color of filter buttons in the Script Analysis widget when they are hovered or checked.
RibbonTab15The color of a tab on the toolbar menu.
RibbonTabTopBar16The background color of the toolbar.
Button17The background color of clickable buttons.
MainButton18The background color of clickable buttons that are the primary action.
RibbonButton19The background color of buttons on the toolbar.
ViewPortBackground20The background color of the game viewport.
InputFieldBackground21The background color of input fields, like those found in the Explorer window.
Item22The background color of items listed in the Explorer and Properties windows.
TableItem23The background color of row items in table views such as the Game Settings window.
CategoryItem24The background color of category header items in the Properties widget.
GameSettingsTableItem25The color of items within tables in the settings window.
GameSettingsTooltip26The color of tooltips in the settings window.
EmulatorBar27The color of the bar shown when the mobile emulator is active.
EmulatorDropDown28The color of the device and physical size dropdowns in the emulator bar.
ColorPickerFrame29The background color of the color picker.
CurrentMarker30The color of the current-item marker, such as the blue selection indicator in the logout menu in the Light theme.
Border31The color of borders, like those found in the Properties window.
DropShadow32The color used for drop-shadow decorations on floating panels and menus.
Shadow33The color of shadows rendered under floating items like dropdowns.
Light34The light role color from the Qt widget palette, used for the lightest shading of 3D widget effects.
Dark35The dark role color from the Qt widget palette, used for the darkest shading of 3D widget effects.
Mid36The mid role color from the Qt widget palette, used between the button and dark shading for 3D widget effects.
MainText37The primary text color used throughout Studio's UI.
SubText38The color of secondary text such as status labels shown in the Team Create widget for offline users and place owners.
TitlebarText39The text color displayed in dock widget title bars and Ribbon tabs.
BrightText40The color of text displayed inside input fields and other high-contrast contexts.
DimmedText41The color of placeholder or dimmed text shown in empty input fields.
LinkText42The color of hyperlink text in Studio panels and documentation views.
WarningText43The color of warning messages, such as those displayed in the Output window.
ErrorText44The color of error messages, such as those displayed in the Output window.
InfoText45The color of informational messages, such as those displayed in the Output window.
SensitiveText46The color used to display sensitive information text, such as certain messages in the Output window.
ScriptSideWidget47The background color of the Script Editor's side gutter, which displays fold icons and breakpoint markers.
ScriptBackground48The background color of the Script Editor canvas.
ScriptText49The default text color for unclassified tokens in the Script Editor.
ScriptSelectionText50The foreground text color of the active text selection in the Script Editor.
ScriptSelectionBackground51The background color of the active text selection in the Script Editor.
ScriptFindSelectionBackground52The background color of text matched by the current find query in the Script Editor.
ScriptMatchingWordSelectionBackground53The background color of all occurrences of the word under the cursor highlighted as matching selections in the Script Editor.
ScriptOperator54The color of operator symbols in the Script Editor.
ScriptNumber55The color of numeric literals in the Script Editor.
ScriptString56The color of string literals in the Script Editor.
ScriptComment57The color of comment text in the Script Editor.
ScriptKeyword58The color of Lua reserved keywords that don't have a more specific color role in the Script Editor.
ScriptBuiltInFunction59The color of recognized built-in global identifiers in the Script Editor, including non-function globals.
ScriptWarning60The color of warning markers and underlines in the Script Editor.
ScriptError61The color of error markers and underlines in the Script Editor.
ScriptInformation62The color of informational diagnostic markers in the Script Editor.
ScriptHint63The color of hint diagnostic underlines and scrollbar markers in the Script Editor.
ScriptWhitespace64The color of rendered whitespace characters (spaces and tabs) when whitespace display is enabled in the Script Editor.
ScriptRuler65The color of the column ruler line displayed in the Script Editor when the ruler is enabled.
DocViewCodeBackground66The background color of inline code blocks in the Script Editor's documentation view.
DebuggerCurrentLine67The highlight color applied to the line currently paused on in the script debugger.
DebuggerErrorLine68The highlight color applied to a line that caused a debugger error or runtime exception.
DiffFilePathText69The text color of the file path displayed in the header row of a diff view.
DiffTextHunkInfo70The text color of hunk-info lines (the @@ header rows) in the diff view.
DiffTextNoChange71The text color of unchanged context lines in the diff view.
DiffTextAddition72The text color of added lines in the diff view.
DiffTextDeletion73The text color of deleted lines in the diff view.
DiffTextSeparatorBackground74The background color of hunk-separator rows in the diff view text area.
DiffTextNoChangeBackground75The background color of unchanged context lines in the diff view.
DiffTextAdditionBackground76The background color of added lines in the diff view.
DiffTextDeletionBackground77The background color of deleted lines in the diff view.
DiffLineNum78The text color of line numbers in the diff view gutter.
DiffLineNumSeparatorBackground79The background color of line-number cells in the diff gutter for hunk-separator rows.
DiffLineNumNoChangeBackground80The background color of line-number cells in the diff gutter for unchanged lines.
DiffLineNumAdditionBackground81The background color of line-number cells in the diff gutter for added lines.
DiffLineNumDeletionBackground82The background color of line-number cells in the diff gutter for deleted lines.
DiffFilePathBackground83The background color of the file-path header row in a diff view.
DiffFilePathBorder84The border color of the file-path header row in a diff view.
ChatIncomingBgColor85The background color of incoming messages in the Studio chat widget.
ChatIncomingTextColor86The text color of incoming messages in the Studio chat widget.
ChatOutgoingBgColor87The background color of outgoing messages in the Studio chat widget.
ChatOutgoingTextColor88The text color of outgoing messages in the Studio chat widget.
ChatModeratedMessageColor89The color used to display moderated or filtered messages in the Studio chat widget.
Separator90The color of separator lines that divide sections within Studio panels.
ButtonBorder91The border color of standard clickable buttons.
ButtonText92The label text color of standard clickable buttons.
InputFieldBorder93The border color of text input fields throughout Studio.
CheckedFieldBackground94The background color of checkbox and checked-state input fields.
CheckedFieldBorder95The border color of checkbox and checked-state input fields.
CheckedFieldIndicator96The color of the check mark or indicator drawn inside a checked input field.
HeaderSection97The background color of section header rows in Studio widgets such as the Properties window.
Midlight98The midlight role color from the Qt widget palette, used between the button and light shading for 3D widget effects.
StatusBar99The color of the status bar shown at the bottom of Studio, if it is visible.
DialogButton100The background color of standard buttons in modal dialog boxes.
DialogButtonText101The label text color of standard buttons in modal dialog boxes.
DialogButtonBorder102The border color of standard buttons in modal dialog boxes.
DialogMainButton103The background color of the primary action button (such as OK or Save) in modal dialog boxes.
DialogMainButtonText104The label text color of the primary action button in modal dialog boxes.
InfoBarWarningBackground105The background color of the warning bar that appears at the top of a widget to surface important notices.
InfoBarWarningText106The text color of warning messages inside the info bar warning strip.
ScriptEditorCurrentLine107The background highlight color applied to the line containing the cursor in the Script Editor.
ScriptMethod108The color of function-call target identifiers in the Script Editor, including bare functions and indexed methods.
ScriptProperty109The color of property name identifiers in the Script Editor.
ScriptNil110The color of the nil literal in the Script Editor.
ScriptBool111The color of boolean literals (true and false) in the Script Editor.
ScriptFunction112The color of the function keyword token in the Script Editor.
ScriptLocal113The color of the local keyword in the Script Editor.
ScriptSelf114The color of the self identifier in the Script Editor.
ScriptLuauKeyword115The color of Luau-specific keywords (such as type annotation keywords) in the Script Editor.
ScriptFunctionName116The color of function name identifiers in the Script Editor.
ScriptTodo117The highlight color applied to TODO annotations in script comments.
ScriptBracket118The color of parentheses, braces, and square brackets in the Script Editor.
AttributeCog119The color of the attribute cog icon shown in the Properties widget.
AICOOverlayText128The text color used inside the AI companion (AICO) overlay panel.
AICOOverlayButtonBackground129The background color of buttons in the AI companion (AICO) overlay panel.
AICOOverlayButtonBackgroundHover130The background color of buttons in the AI companion (AICO) overlay panel when hovered.
AICOOverlayButtonBackgroundPressed131The background color of buttons in the AI companion (AICO) overlay panel when pressed.
OnboardingCover132The overlay color used to dim non-focused areas during onboarding flows.
OnboardingHighlight133The highlight color used to draw attention to a UI element during onboarding flows.
OnboardingShadow134The shadow color used beneath highlighted elements during onboarding flows.
BreakpointMarker136The color of the breakpoint marker shown in the script editor gutter.
DiffLineNumHover137The text color of line numbers in the diff gutter when hovered.
DiffLineNumSeparatorBackgroundHover138The background color of line-number cells in the diff gutter for hunk-separator rows when hovered.

MainBackground

The primary background color used by the toolbar and windows.

FieldValue
value0

Titlebar

The color of windows' title bars.

FieldValue
value1

The color of dropdown menus, like those found in the Properties window.

FieldValue
value2

Tooltip

The background color of tooltips, like those seen when hovering over buttons on the toolbar or properties in the Properties window.

FieldValue
value3

Notification

The background color of message box and dialog notification panels.

FieldValue
value4

ScrollBar

The color of scrollbar handles, like those seen in the Explorer window.

FieldValue
value5

ScrollBarBackground

The background color of scrollbars, like those seen in the Explorer window.

FieldValue
value6

TabBar

The background color of the tab bar, like the one where the script editor is opened.

FieldValue
value7

Tab

The color of tabs on the tab bar, like the ones opened when the script editor is opened.

FieldValue
value8

FilterButtonDefault

The default background color of filter buttons in the Script Analysis widget.

FieldValue
value9

FilterButtonHover

The background color of filter buttons in the Script Analysis widget when hovered.

FieldValue
value10

FilterButtonChecked

The background color of filter buttons in the Script Analysis widget when they are in a checked (active) state.

FieldValue
value11

FilterButtonAccent

The accent color drawn on the top and left edges of filter buttons in the Script Analysis widget.

FieldValue
value12

FilterButtonBorder

The border color of filter buttons in the Script Analysis widget.

FieldValue
value13

FilterButtonBorderAlt

The border color of filter buttons in the Script Analysis widget when they are hovered or checked.

FieldValue
value14

RibbonTab

The color of a tab on the toolbar menu.

FieldValue
value15

RibbonTabTopBar

The background color of the toolbar.

FieldValue
value16

Button

The background color of clickable buttons.

FieldValue
value17

MainButton

The background color of clickable buttons that are the primary action.

FieldValue
value18

RibbonButton

The background color of buttons on the toolbar.

FieldValue
value19

ViewPortBackground

The background color of the game viewport.

FieldValue
value20

InputFieldBackground

The background color of input fields, like those found in the Explorer window.

FieldValue
value21

Item

The background color of items listed in the Explorer and Properties windows.

FieldValue
value22

TableItem

The background color of row items in table views such as the Game Settings window.

FieldValue
value23

CategoryItem

The background color of category header items in the Properties widget.

FieldValue
value24

GameSettingsTableItem

The color of items within tables in the settings window.

FieldValue
value25

GameSettingsTooltip

The color of tooltips in the settings window.

FieldValue
value26

EmulatorBar

The color of the bar shown when the mobile emulator is active.

FieldValue
value27

EmulatorDropDown

The color of the device and physical size dropdowns in the emulator bar.

FieldValue
value28

ColorPickerFrame

The background color of the color picker.

FieldValue
value29

CurrentMarker

The color of the current-item marker, such as the blue selection indicator in the logout menu in the Light theme.

FieldValue
value30

Border

The color of borders, like those found in the Properties window.

FieldValue
value31

DropShadow

The color used for drop-shadow decorations on floating panels and menus.

FieldValue
value32

Shadow

The color of shadows rendered under floating items like dropdowns.

FieldValue
value33

Light

The light role color from the Qt widget palette, used for the lightest shading of 3D widget effects.

FieldValue
value34

Dark

The dark role color from the Qt widget palette, used for the darkest shading of 3D widget effects.

FieldValue
value35

Mid

The mid role color from the Qt widget palette, used between the button and dark shading for 3D widget effects.

FieldValue
value36

MainText

The primary text color used throughout Studio's UI.

FieldValue
value37

SubText

The color of secondary text such as status labels shown in the Team Create widget for offline users and place owners.

FieldValue
value38

TitlebarText

The text color displayed in dock widget title bars and Ribbon tabs.

FieldValue
value39

BrightText

The color of text displayed inside input fields and other high-contrast contexts.

FieldValue
value40

DimmedText

The color of placeholder or dimmed text shown in empty input fields.

FieldValue
value41

LinkText

The color of hyperlink text in Studio panels and documentation views.

FieldValue
value42

WarningText

The color of warning messages, such as those displayed in the Output window.

FieldValue
value43

ErrorText

The color of error messages, such as those displayed in the Output window.

FieldValue
value44

InfoText

The color of informational messages, such as those displayed in the Output window.

FieldValue
value45

SensitiveText

The color used to display sensitive information text, such as certain messages in the Output window.

FieldValue
value46

ScriptSideWidget

The background color of the Script Editor's side gutter, which displays fold icons and breakpoint markers.

FieldValue
value47

ScriptBackground

The background color of the Script Editor canvas.

FieldValue
value48

ScriptText

The default text color for unclassified tokens in the Script Editor.

FieldValue
value49

ScriptSelectionText

The foreground text color of the active text selection in the Script Editor.

FieldValue
value50

ScriptSelectionBackground

The background color of the active text selection in the Script Editor.

FieldValue
value51

ScriptFindSelectionBackground

The background color of text matched by the current find query in the Script Editor.

FieldValue
value52

ScriptMatchingWordSelectionBackground

The background color of all occurrences of the word under the cursor highlighted as matching selections in the Script Editor.

FieldValue
value53

ScriptOperator

The color of operator symbols in the Script Editor.

FieldValue
value54

ScriptNumber

The color of numeric literals in the Script Editor.

FieldValue
value55

ScriptString

The color of string literals in the Script Editor.

FieldValue
value56

ScriptComment

The color of comment text in the Script Editor.

FieldValue
value57

ScriptKeyword

The color of Lua reserved keywords that don't have a more specific color role in the Script Editor.

FieldValue
value58

ScriptBuiltInFunction

The color of recognized built-in global identifiers in the Script Editor, including non-function globals.

FieldValue
value59

ScriptWarning

The color of warning markers and underlines in the Script Editor.

FieldValue
value60

ScriptError

The color of error markers and underlines in the Script Editor.

FieldValue
value61

ScriptInformation

The color of informational diagnostic markers in the Script Editor.

FieldValue
value62

ScriptHint

The color of hint diagnostic underlines and scrollbar markers in the Script Editor.

FieldValue
value63

ScriptWhitespace

The color of rendered whitespace characters (spaces and tabs) when whitespace display is enabled in the Script Editor.

FieldValue
value64

ScriptRuler

The color of the column ruler line displayed in the Script Editor when the ruler is enabled.

FieldValue
value65

DocViewCodeBackground

The background color of inline code blocks in the Script Editor's documentation view.

FieldValue
value66

DebuggerCurrentLine

The highlight color applied to the line currently paused on in the script debugger.

FieldValue
value67

DebuggerErrorLine

The highlight color applied to a line that caused a debugger error or runtime exception.

FieldValue
value68

DiffFilePathText

The text color of the file path displayed in the header row of a diff view.

FieldValue
value69

DiffTextHunkInfo

The text color of hunk-info lines (the @@ header rows) in the diff view.

FieldValue
value70

DiffTextNoChange

The text color of unchanged context lines in the diff view.

FieldValue
value71

DiffTextAddition

The text color of added lines in the diff view.

FieldValue
value72

DiffTextDeletion

The text color of deleted lines in the diff view.

FieldValue
value73

DiffTextSeparatorBackground

The background color of hunk-separator rows in the diff view text area.

FieldValue
value74

DiffTextNoChangeBackground

The background color of unchanged context lines in the diff view.

FieldValue
value75

DiffTextAdditionBackground

The background color of added lines in the diff view.

FieldValue
value76

DiffTextDeletionBackground

The background color of deleted lines in the diff view.

FieldValue
value77

DiffLineNum

The text color of line numbers in the diff view gutter.

FieldValue
value78

DiffLineNumSeparatorBackground

The background color of line-number cells in the diff gutter for hunk-separator rows.

FieldValue
value79

DiffLineNumNoChangeBackground

The background color of line-number cells in the diff gutter for unchanged lines.

FieldValue
value80

DiffLineNumAdditionBackground

The background color of line-number cells in the diff gutter for added lines.

FieldValue
value81

DiffLineNumDeletionBackground

The background color of line-number cells in the diff gutter for deleted lines.

FieldValue
value82

DiffFilePathBackground

The background color of the file-path header row in a diff view.

FieldValue
value83

DiffFilePathBorder

The border color of the file-path header row in a diff view.

FieldValue
value84

ChatIncomingBgColor

The background color of incoming messages in the Studio chat widget.

FieldValue
value85

ChatIncomingTextColor

The text color of incoming messages in the Studio chat widget.

FieldValue
value86

ChatOutgoingBgColor

The background color of outgoing messages in the Studio chat widget.

FieldValue
value87

ChatOutgoingTextColor

The text color of outgoing messages in the Studio chat widget.

FieldValue
value88

ChatModeratedMessageColor

The color used to display moderated or filtered messages in the Studio chat widget.

FieldValue
value89

Separator

The color of separator lines that divide sections within Studio panels.

FieldValue
value90

ButtonBorder

The border color of standard clickable buttons.

FieldValue
value91

ButtonText

The label text color of standard clickable buttons.

FieldValue
value92

InputFieldBorder

The border color of text input fields throughout Studio.

FieldValue
value93

CheckedFieldBackground

The background color of checkbox and checked-state input fields.

FieldValue
value94

CheckedFieldBorder

The border color of checkbox and checked-state input fields.

FieldValue
value95

CheckedFieldIndicator

The color of the check mark or indicator drawn inside a checked input field.

FieldValue
value96

HeaderSection

The background color of section header rows in Studio widgets such as the Properties window.

FieldValue
value97

Midlight

The midlight role color from the Qt widget palette, used between the button and light shading for 3D widget effects.

FieldValue
value98

StatusBar

The color of the status bar shown at the bottom of Studio, if it is visible.

FieldValue
value99

DialogButton

The background color of standard buttons in modal dialog boxes.

FieldValue
value100

DialogButtonText

The label text color of standard buttons in modal dialog boxes.

FieldValue
value101

DialogButtonBorder

The border color of standard buttons in modal dialog boxes.

FieldValue
value102

DialogMainButton

The background color of the primary action button (such as OK or Save) in modal dialog boxes.

FieldValue
value103

DialogMainButtonText

The label text color of the primary action button in modal dialog boxes.

FieldValue
value104

InfoBarWarningBackground

The background color of the warning bar that appears at the top of a widget to surface important notices.

FieldValue
value105

InfoBarWarningText

The text color of warning messages inside the info bar warning strip.

FieldValue
value106

ScriptEditorCurrentLine

The background highlight color applied to the line containing the cursor in the Script Editor.

FieldValue
value107

ScriptMethod

The color of function-call target identifiers in the Script Editor, including bare functions and indexed methods.

FieldValue
value108

ScriptProperty

The color of property name identifiers in the Script Editor.

FieldValue
value109

ScriptNil

The color of the nil literal in the Script Editor.

FieldValue
value110

ScriptBool

The color of boolean literals (true and false) in the Script Editor.

FieldValue
value111

ScriptFunction

The color of the function keyword token in the Script Editor.

FieldValue
value112

ScriptLocal

The color of the local keyword in the Script Editor.

FieldValue
value113

ScriptSelf

The color of the self identifier in the Script Editor.

FieldValue
value114

ScriptLuauKeyword

The color of Luau-specific keywords (such as type annotation keywords) in the Script Editor.

FieldValue
value115

ScriptFunctionName

The color of function name identifiers in the Script Editor.

FieldValue
value116

ScriptTodo

The highlight color applied to TODO annotations in script comments.

FieldValue
value117

ScriptBracket

The color of parentheses, braces, and square brackets in the Script Editor.

FieldValue
value118

AttributeCog

The color of the attribute cog icon shown in the Properties widget.

FieldValue
value119

AICOOverlayText

The text color used inside the AI companion (AICO) overlay panel.

FieldValue
value128

AICOOverlayButtonBackground

The background color of buttons in the AI companion (AICO) overlay panel.

FieldValue
value129

AICOOverlayButtonBackgroundHover

The background color of buttons in the AI companion (AICO) overlay panel when hovered.

FieldValue
value130

AICOOverlayButtonBackgroundPressed

The background color of buttons in the AI companion (AICO) overlay panel when pressed.

FieldValue
value131

OnboardingCover

The overlay color used to dim non-focused areas during onboarding flows.

FieldValue
value132

OnboardingHighlight

The highlight color used to draw attention to a UI element during onboarding flows.

FieldValue
value133

OnboardingShadow

The shadow color used beneath highlighted elements during onboarding flows.

FieldValue
value134

BreakpointMarker

The color of the breakpoint marker shown in the script editor gutter.

FieldValue
value136

DiffLineNumHover

The text color of line numbers in the diff gutter when hovered.

FieldValue
value137

DiffLineNumSeparatorBackgroundHover

The background color of line-number cells in the diff gutter for hunk-separator rows when hovered.

FieldValue
value138