Reference API Roblox

Engine API

Website

Related

Reference API Roblox

StudioStyleGuideColor

An enum that lists color roles used by Studio themes, passed to StudioTheme:GetColor() to retrieve the correct theme color for a given UI element in a plugin.

Items 130

HistoryNameValueDescription
350MainBackground0

The primary background color used by the toolbar and windows.

350Titlebar1

The color of windows' title bars.

350Dropdown2

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

350Tooltip3

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

350Notification4

The background color of message box and dialog notification panels.

350ScrollBar5

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

350ScrollBarBackground6

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

350TabBar7

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

350Tab8

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

473FilterButtonDefault9

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

473FilterButtonHover10

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

473FilterButtonChecked11

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

473FilterButtonAccent12

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

473FilterButtonBorder13

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

473FilterButtonBorderAlt14

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

473RibbonTab15

The color of a tab on the toolbar menu.

473RibbonTabTopBar16

The background color of the toolbar.

473Button17

The background color of clickable buttons.

473MainButton18

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

473RibbonButton19

The background color of buttons on the toolbar.

473ViewPortBackground20

The background color of the game viewport.

473InputFieldBackground21

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

473Item22

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

473TableItem23

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

473CategoryItem24

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

473GameSettingsTableItem25

The color of items within tables in the settings window.

473GameSettingsTooltip26

The color of tooltips in the settings window.

473EmulatorBar27

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

473EmulatorDropDown28

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

473ColorPickerFrame29

The background color of the color picker.

473CurrentMarker30

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

473Border31

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

505DropShadow32

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

505Shadow33

The color of shadows rendered under floating items like dropdowns.

505Light34

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

505Dark35

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

505Mid36

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

505MainText37

The primary text color used throughout Studio's UI.

505SubText38

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

505TitlebarText39

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

505BrightText40

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

505DimmedText41

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

505LinkText42

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

505WarningText43

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

505ErrorText44

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

505InfoText45

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

505SensitiveText46

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

505ScriptSideWidget47

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

505ScriptBackground48

The background color of the Script Editor canvas.

505ScriptText49

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

505ScriptSelectionText50

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

505ScriptSelectionBackground51

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

505ScriptFindSelectionBackground52

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

505ScriptMatchingWordSelectionBackground53

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

505ScriptOperator54

The color of operator symbols in the Script Editor.

505ScriptNumber55

The color of numeric literals in the Script Editor.

505ScriptString56

The color of string literals in the Script Editor.

505ScriptComment57

The color of comment text in the Script Editor.

505ScriptKeyword58

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

505ScriptBuiltInFunction59

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

505ScriptWarning60

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

505ScriptError61

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

573ScriptInformation62

The color of informational diagnostic markers in the Script Editor.

573ScriptHint63

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

573ScriptWhitespace64

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

573ScriptRuler65

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

573DocViewCodeBackground66

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

573DebuggerCurrentLine67

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

573DebuggerErrorLine68

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

599DiffFilePathText69

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

599DiffTextHunkInfo70

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

599DiffTextNoChange71

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

599DiffTextAddition72

The text color of added lines in the diff view.

599DiffTextDeletion73

The text color of deleted lines in the diff view.

599DiffTextSeparatorBackground74

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

599DiffTextNoChangeBackground75

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

599DiffTextAdditionBackground76

The background color of added lines in the diff view.

599DiffTextDeletionBackground77

The background color of deleted lines in the diff view.

599DiffLineNum78

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

599DiffLineNumSeparatorBackground79

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

599DiffLineNumNoChangeBackground80

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

599DiffLineNumAdditionBackground81

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

599DiffLineNumDeletionBackground82

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

599DiffFilePathBackground83

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

599DiffFilePathBorder84

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

599ChatIncomingBgColor85

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

599ChatIncomingTextColor86

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

599ChatOutgoingBgColor87

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

599ChatOutgoingTextColor88

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

599ChatModeratedMessageColor89

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

599Separator90

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

599ButtonBorder91

The border color of standard clickable buttons.

599ButtonText92

The label text color of standard clickable buttons.

599InputFieldBorder93

The border color of text input fields throughout Studio.

599CheckedFieldBackground94

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

599CheckedFieldBorder95

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

599CheckedFieldIndicator96

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

599HeaderSection97

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

599Midlight98

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

599StatusBar99

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

599DialogButton100

The background color of standard buttons in modal dialog boxes.

599DialogButtonText101

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

599DialogButtonBorder102

The border color of standard buttons in modal dialog boxes.

599DialogMainButton103

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

599DialogMainButtonText104

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

599InfoBarWarningBackground105

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

599InfoBarWarningText106

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

599ScriptEditorCurrentLine107

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

573ScriptMethod108

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

573ScriptProperty109

The color of property name identifiers in the Script Editor.

573ScriptNil110

The color of the nil literal in the Script Editor.

573ScriptBool111

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

573ScriptFunction112

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

573ScriptLocal113

The color of the local keyword in the Script Editor.

573ScriptSelf114

The color of the self identifier in the Script Editor.

573ScriptLuauKeyword115

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

573ScriptFunctionName116

The color of function name identifiers in the Script Editor.

573ScriptTodo117

The highlight color applied to TODO annotations in script comments.

573ScriptBracket118

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

599AttributeCog119

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

599AICOOverlayText128

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

599AICOOverlayButtonBackground129

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

599AICOOverlayButtonBackgroundHover130

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

599AICOOverlayButtonBackgroundPressed131

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

597OnboardingCover132

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

597OnboardingHighlight133

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

597OnboardingShadow134

The shadow color used beneath highlighted elements during onboarding flows.

614BreakpointMarker136

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

617DiffLineNumHover137

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

617DiffLineNumSeparatorBackgroundHover138

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

Removed items 12

HistoryNameValue
350DimmerText24
350HighlightText23
350InputField15
350MainSection0
350Menu7
416Merge3HighlightMine90
416Merge3HighlightOriginal89
416Merge3HighlightTheirs91
454ScriptExport106
351ScriptMachtingWordSelectionBackground45
454ScriptPreprocessor51
454ScriptType107

Description

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.

History 1383

Settings