1954820 - Choose Profile: Checkbox does not follow correct HCM styling

Status: NEW

(Toolkit :: Startup and Profile System, defect, P3)

Description

[Natalie Stroud [:nstroud]]

Attachment: Choose profile dialog with a grid of theme buttons. Red arrows point to the checkbox at the bottom - default HCM

Prerequisites:

Found on Nightly 138.0a1 (2025-03-18) (64-bit)
Make sure browser.profiles.enabled is set to true
Turn on Windows Night Sky HCM

STR:

NOTE: I believe you have to have more than 1 profile in Nightly for this

1. Open Nightly. The 'Nightly - Choose Profile' dialog should appear

Expected / Actual:

The expand/collapse buttons should follow the same stylings as the checkbox HCM styles found here in Figma

DEFAULT UNCHECKED:
ButtonFace fill
ButtonText border

DEFAULT CHECKED:
ButtonText fill
ButtonFace checkmark
ButtonFace border

HOVER UNCHECKED:
SelectedItemText fill
SelectedItem border

HOVER CHECKED:
SelectedItem fill
SelectedItemText checkmark
SelectedItemText border

ACTIVE UNCHECKED:
SelectedItemText fill
ButtonText border

ACTIVE CHECKED:
SelectedItem fill
SelectedItemText checkmark
ButtonText border

FOCUS UNCHECKED:
ButtonFace fill
ButtonText border
CanvasText focus outline

FOCUS CHECKED:
ButtonText fill
ButtonFace checkmark
ButtonFace border
CanvasText focus outline

Comment 1

[Natalie Stroud [:nstroud]]

Attachment: Choose profile dialog with a grid of theme buttons. Red arrows point to the checkbox at the bottom - hover HCM

Comment 2

[Natalie Stroud [:nstroud]]

Attachment: Choose profile dialog with a grid of theme buttons. Red arrows point to the checkbox at the bottom - focus HCM

Comment 3

[Natalie Stroud [:nstroud]]

Attachment: Choose profile dialog with a grid of theme buttons. Red arrows point to the checkbox at the bottom - default checked HCM

Comment 4

[Natalie Stroud [:nstroud]]

Attachment: Choose profile dialog with a grid of theme buttons. Red arrows point to the checkbox at the bottom - hover checked HCM

Comment 5

[Natalie Stroud [:nstroud]]

Attachment: Choose profile dialog with a grid of theme buttons. Red arrows point to the checkbox at the bottom - focus checked HCM