#ffffff

#0f1117

bg-defaultbg-default · Page and content area.

#fafafa

#14161f

bg-insetbg-inset · Sidebar and side panels. Set apart by tone, never by a border.

#ffffff

#1a1c25

bg-overlaybg-overlay · Floating surfaces: menus, popovers, tooltips, the action bar.

#f4f4f4

#1e202a

bg-controlbg-control · Resting fill of buttons, inputs and chips.

#f0f0f0

#1d202a

bg-control-hoverbg-control-hover · Hover on rows, nav items and ghost buttons; expanded rows, selected tiles.

#eaeaea

#262a37

bg-control-pressedbg-control-pressed · Hover over a filled control.

#ebebeb

#292d3c

bg-selectedbg-selected · Current nav item, selected tree row.

#eff3fe

#182036

bg-accent-subtlebg-accent-subtle · Rows selected with a checkbox.

#0a0a0a

#ededed

fg-defaultbg-inverse · Inverted fills: pressed chips, inverse avatars, the range marker, the dark switch track.

#0000002e

#000000a6

bg-scrimbg-scrim · Backdrop behind dialogs, drawers and the mobile sidebar.