fix: use background-paper for drawer to match Headlamp standard #7

2026-02-12T04:42:55Z

cpfarhood commented

2026-02-12 04:42:55 +00:00

(Migrated from github.com)

Summary

Fixes drawer background to use the correct MUI CSS variable for elevated surfaces.

Changes

Changed drawer backgroundColor from var(--mui-palette-background-default) to var(--mui-palette-background-paper)
background-paper is the standard MUI variable for elevated surfaces (drawers, dialogs, cards)
background-default is for the main page background, not elevated components

Why

The drawer should have an opaque elevated surface background that matches Headlamp's standard drawer/dialog style, not a transparent or page-level background.

Testing

Build succeeds ✅

The drawer should now have the proper opaque background matching Headlamp's standard UI patterns.

🤖 Generated with Claude Code

## Summary Fixes drawer background to use the correct MUI CSS variable for elevated surfaces. ## Changes - Changed drawer `backgroundColor` from `var(--mui-palette-background-default)` to `var(--mui-palette-background-paper)` - `background-paper` is the standard MUI variable for elevated surfaces (drawers, dialogs, cards) - `background-default` is for the main page background, not elevated components ## Why The drawer should have an opaque elevated surface background that matches Headlamp's standard drawer/dialog style, not a transparent or page-level background. ## Testing Build succeeds ✅ The drawer should now have the proper opaque background matching Headlamp's standard UI patterns. 🤖 Generated with [Claude Code](https://claude.ai/code)

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: privilegedescalation/headlamp-polaris-plugin#7