[PR #2155] [MERGED] fix: use dark shadows for email template in dark mode #8098

Closed
opened 2026-04-20 18:02:16 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/go-vikunja/vikunja/pull/2155
Author: @kolaente
Created: 1/25/2026
Status: Merged
Merged: 1/26/2026
Merged by: @kolaente

Base: mainHead: fix-email-dark-mode-shadow


📝 Commits (1)

  • 4920ec4 fix: use dark shadows for email template in dark mode

📊 Changes

2 files changed (+83 additions, -187 deletions)

View changed files

📝 pkg/notifications/mail_render.go (+19 -2)
📝 pkg/notifications/mail_test.go (+64 -185)

📄 Description

Summary

  • Add CSS-based dark mode support to the notification email template
  • Add color-scheme meta tags for email client dark mode detection
  • Add @media (prefers-color-scheme: dark) query with shadow overrides for card and button elements
  • Light gray shadows (#e6e6e6) are overridden with dark shadows (rgba(0,0,0,0.3)) in dark mode

This eliminates the white/bright shadow appearance when viewing notification emails in dark mode email clients (Apple Mail, iOS Mail, Outlook.com, Gmail iOS).

Test plan

  • Build succeeds (mage build)
  • Tests pass (go test ./pkg/notifications/...)
  • Send test email and verify in dark mode email client

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/go-vikunja/vikunja/pull/2155 **Author:** [@kolaente](https://github.com/kolaente) **Created:** 1/25/2026 **Status:** ✅ Merged **Merged:** 1/26/2026 **Merged by:** [@kolaente](https://github.com/kolaente) **Base:** `main` ← **Head:** `fix-email-dark-mode-shadow` --- ### 📝 Commits (1) - [`4920ec4`](https://github.com/go-vikunja/vikunja/commit/4920ec4546953c9f1baa9b235337d40ba72e0388) fix: use dark shadows for email template in dark mode ### 📊 Changes **2 files changed** (+83 additions, -187 deletions) <details> <summary>View changed files</summary> 📝 `pkg/notifications/mail_render.go` (+19 -2) 📝 `pkg/notifications/mail_test.go` (+64 -185) </details> ### 📄 Description ## Summary - Add CSS-based dark mode support to the notification email template - Add `color-scheme` meta tags for email client dark mode detection - Add `@media (prefers-color-scheme: dark)` query with shadow overrides for card and button elements - Light gray shadows (`#e6e6e6`) are overridden with dark shadows (`rgba(0,0,0,0.3)`) in dark mode This eliminates the white/bright shadow appearance when viewing notification emails in dark mode email clients (Apple Mail, iOS Mail, Outlook.com, Gmail iOS). ## Test plan - [ ] Build succeeds (`mage build`) - [ ] Tests pass (`go test ./pkg/notifications/...`) - [ ] Send test email and verify in dark mode email client --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-04-20 18:02:16 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/vikunja#8098