fix: respect dark mode in email compose/reply UI

The compose modal/card hardcoded light-mode CSS variables unconditionally
(introduced in 851c3be6 "gmail contacts should use light mode"), overriding
the theme variables inherited from .gmail-shell. As a result the reply/compose
box rendered as a white card with dark text even in dark mode.

Split the single hardcoded block into theme-aware blocks following the existing
.gmail-shell convention: dark values as the unprefixed default, light values
under `.light`. Light mode is unchanged; dark mode now gets a proper dark card.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
hrsvrn 2026-06-24 01:51:48 +05:30
parent 6040c54807
commit 0d069e8148

View file

@ -726,8 +726,29 @@
background: rgba(0, 0, 0, 0.32);
}
/* Dark defaults (mirrors .gmail-shell); .light overrides below. */
.gmail-compose-modal,
.gmail-compose-card {
--gm-bg-card: #131317;
--gm-bg-input: #1c1c20;
--gm-bg-elevated: #1c1c20;
--gm-bg-pill: #1c1c20;
--gm-bg-pill-hover: #232328;
--gm-text: #e4e4e7;
--gm-text-strong: #fafafa;
--gm-text-muted: #71717a;
--gm-text-body: #d4d4d8;
--gm-border: #1f1f24;
--gm-border-strong: #2e2e35;
--gm-accent: #a78bfa;
--gm-accent-hover: #b9a6ff;
--gm-accent-fg: #18181b;
--gm-icon-hover-bg: #1f1f24;
--gm-placeholder: #52525b;
}
.light .gmail-compose-modal,
.light .gmail-compose-card {
--gm-bg-card: #ffffff;
--gm-bg-input: #f4f4f7;
--gm-bg-elevated: #ffffff;