[PR #817] [MERGED] style: use softer blue for AI extraction info in dark mode #783

New issue

Closed

opened 2026-02-26 21:32:56 +03:00 by kerem · 0 comments

kerem commented

2026-02-26 21:32:56 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/dreamhunter2333/cloudflare_temp_email/pull/817
Author: @dreamhunter2333
Created: 1/19/2026
Status: ✅ Merged
Merged: 1/19/2026
Merged by: @dreamhunter2333

Base: main ← Head: feature/email

📝 Commits (1)

464ef18 style: use softer blue for AI extraction info in dark mode

📊 Changes

3 files changed (+43 additions, -3 deletions)

View changed files

📝 CHANGELOG.md (+4 -0)
📝 CHANGELOG_EN.md (+11 -1)
📝 frontend/src/components/AiExtractInfo.vue (+28 -2)

📄 Description

User description

Summary

Use Gmail's softer blue (#A8C7FA) for AI extraction alert and tag in dark mode to reduce eye strain
Update CHANGELOG.md and CHANGELOG_EN.md for v1.2.1

Test plan

Toggle dark mode and verify AI extraction info displays with softer blue color
Verify light mode remains unchanged (uses default green)

🤖 Generated with Claude Code

PR Type

Enhancement, Documentation

Description

Introduced softer blue color for AI extraction info in dark mode.
Added theme overrides for alerts and tags in dark mode.
Updated changelogs to document the new style improvement.

Diagram Walkthrough

flowchart LR
  DarkMode["Dark Mode Detection"] -- "Triggers" --> ThemeOverrides["Theme Overrides for Alerts and Tags"]
  ThemeOverrides -- "Applies" --> SofterBlue["Softer Blue Color (#A8C7FA)"]
  SofterBlue -- "Documented in" --> Changelogs["CHANGELOG.md & CHANGELOG_EN.md"]

File Walkthrough

Relevant files

Enhancement

AiExtractInfo.vue

Added theme overrides for dark mode styling

frontend/src/components/AiExtractInfo.vue

Added computed properties for theme overrides in dark mode.
Applied softer blue color for alerts and tags in dark mode.
Updated alert and tag components to use theme overrides.

+28/-2

Documentation

CHANGELOG.md `Updated changelog for dark mode style improvement` CHANGELOG.md Documented the use of softer blue color for AI extraction info in dark mode.	+4/-0
CHANGELOG_EN.md `Updated English changelog for dark mode style improvement` CHANGELOG_EN.md Documented the use of softer blue color for AI extraction info in dark mode.	+11/-1

_{🔄 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/dreamhunter2333/cloudflare_temp_email/pull/817 **Author:** [@dreamhunter2333](https://github.com/dreamhunter2333) **Created:** 1/19/2026 **Status:** ✅ Merged **Merged:** 1/19/2026 **Merged by:** [@dreamhunter2333](https://github.com/dreamhunter2333) **Base:** `main` ← **Head:** `feature/email` --- ### 📝 Commits (1) - [`464ef18`](https://github.com/dreamhunter2333/cloudflare_temp_email/commit/464ef18941cc127b21e7ae6e471f2f571f63bed1) style: use softer blue for AI extraction info in dark mode ### 📊 Changes **3 files changed** (+43 additions, -3 deletions) <details> <summary>View changed files</summary> 📝 `CHANGELOG.md` (+4 -0) 📝 `CHANGELOG_EN.md` (+11 -1) 📝 `frontend/src/components/AiExtractInfo.vue` (+28 -2) </details> ### 📄 Description ### **User description** ## Summary - Use Gmail's softer blue (#A8C7FA) for AI extraction alert and tag in dark mode to reduce eye strain - Update CHANGELOG.md and CHANGELOG_EN.md for v1.2.1 ## Test plan - [ ] Toggle dark mode and verify AI extraction info displays with softer blue color - [ ] Verify light mode remains unchanged (uses default green) 🤖 Generated with [Claude Code](https://claude.com/claude-code) ___ ### **PR Type** Enhancement, Documentation ___ ### **Description** - Introduced softer blue color for AI extraction info in dark mode. - Added theme overrides for alerts and tags in dark mode. - Updated changelogs to document the new style improvement. ___ ### Diagram Walkthrough ```mermaid flowchart LR DarkMode["Dark Mode Detection"] -- "Triggers" --> ThemeOverrides["Theme Overrides for Alerts and Tags"] ThemeOverrides -- "Applies" --> SofterBlue["Softer Blue Color (#A8C7FA)"] SofterBlue -- "Documented in" --> Changelogs["CHANGELOG.md & CHANGELOG_EN.md"] ``` <details> <summary><h3> File Walkthrough</h3></summary> <table><thead><tr><th></th><th align="left">Relevant files</th></tr></thead><tbody><tr><td><strong>Enhancement</strong></td><td><table> <tr> <td> <details> <summary><strong>AiExtractInfo.vue</strong><dd><code>Added theme overrides for dark mode styling</code>                            </dd></summary> <hr> frontend/src/components/AiExtractInfo.vue <ul><li>Added computed properties for theme overrides in dark mode.<br> <li> Applied softer blue color for alerts and tags in dark mode.<br> <li> Updated alert and tag components to use theme overrides.</ul> </details> </td> <td><a href="https://github.com/dreamhunter2333/cloudflare_temp_email/pull/817/files#diff-8645f8c6fffbf82f110d38ca462cc3875c0addb80816110704d70c9fd3400523">+28/-2</a>    </td> </tr> </table></td></tr><tr><td><strong>Documentation</strong></td><td><table> <tr> <td> <details> <summary><strong>CHANGELOG.md</strong><dd><code>Updated changelog for dark mode style improvement</code>                </dd></summary> <hr> CHANGELOG.md <ul><li>Documented the use of softer blue color for AI extraction info in dark <br>mode.</ul> </details> </td> <td><a href="https://github.com/dreamhunter2333/cloudflare_temp_email/pull/817/files#diff-06572a96a58dc510037d5efa622f9bec8519bc1beab13c9f251e97e657a9d4ed">+4/-0</a>      </td> </tr> <tr> <td> <details> <summary><strong>CHANGELOG_EN.md</strong><dd><code>Updated English changelog for dark mode style improvement</code></dd></summary> <hr> CHANGELOG_EN.md <ul><li>Documented the use of softer blue color for AI extraction info in dark <br>mode.</ul> </details> </td> <td><a href="https://github.com/dreamhunter2333/cloudflare_temp_email/pull/817/files#diff-77d2276dbbf8eb648363b81ea97049986b18e2cf1e90bd20fb5133ed5ff4fcae">+11/-1</a>    </td> </tr> </table></td></tr></tr></tbody></table> </details> ___ --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>