Enum specifying background color role.
const Ui = await import('LensStudio:Ui'); const parent = null as unknown as import('LensStudio:Ui').Widget; const callout = new Ui.CalloutFrame(parent); callout.setBackgroundRole(Ui.BackgroundRole.PanelBackground, Ui.ColorGroup.Normal); console.log(`BackgroundRole.PanelBackground=${Ui.BackgroundRole.PanelBackground}`); console.log(`Other roles: Window=${Ui.BackgroundRole.WindowBackground}, Popup=${Ui.BackgroundRole.PopupBackground}, Button=${Ui.BackgroundRole.ButtonBackground}`); Copy
const Ui = await import('LensStudio:Ui'); const parent = null as unknown as import('LensStudio:Ui').Widget; const callout = new Ui.CalloutFrame(parent); callout.setBackgroundRole(Ui.BackgroundRole.PanelBackground, Ui.ColorGroup.Normal); console.log(`BackgroundRole.PanelBackground=${Ui.BackgroundRole.PanelBackground}`); console.log(`Other roles: Window=${Ui.BackgroundRole.WindowBackground}, Popup=${Ui.BackgroundRole.PopupBackground}, Button=${Ui.BackgroundRole.ButtonBackground}`);
Button and clickable element background
Standard component background
Call-To-Action button background
Text input and form field background
Secondary panel background
Popup/tooltip background
Application main window background
Enum specifying background color role.
Example