RyderTech/nlcc-itinerary
1
0
Fork 0
Code Issues Pull Requests Packages Activity

fix: Use brighter yellow for email highlighting

Browse Source 
Change highlight color from pale yellow (#fef08a) to bright highlighter yellow (#FFEB3B) for better visibility against the light yellow notes section background in emails.

The Material Design yellow provides strong contrast while remaining pleasant to read, matching the look of a real highlighter marker.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Joshua Ryder
2025-11-07 10:27:46 -05:00
parent 752e74b2ed
commit fc17db62d4
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
server/api/notes/email/[sermonId].post.ts
View File

@@ -49,7 +49,8 @@ export default defineEventHandler(async (event) => {
// Email clients don't support <style> blocks well, so we need inline styles // Email clients don't support <style> blocks well, so we need inline styles
userNotes = userNotes userNotes = userNotes
// Convert <mark> to <span> with inline background color (email clients often don't support <mark>) // Convert <mark> to <span> with inline background color (email clients often don't support <mark>)
.replace(/<mark>/gi, '<span style="background-color: #fef08a; padding: 2px 4px; border-radius: 2px;">') // Using bright highlighter yellow (#FFEB3B) that stands out against the light yellow notes background
.replace(/<mark>/gi, '<span style="background-color: #FFEB3B; padding: 2px 4px; border-radius: 2px;">')
.replace(/<\/mark>/gi, '</span>') .replace(/<\/mark>/gi, '</span>')
// Add inline styles to other elements // Add inline styles to other elements
.replace(/<strong>/gi, '<strong style="font-weight: 700;">') .replace(/<strong>/gi, '<strong style="font-weight: 700;">')