fix: Bidirectional hover sync + theme-aware CV text colors

**Bug 1: Bidirectional Hover Sync**
- Fixed hover sync to work in BOTH directions
- Hovering left buttons → highlights menu buttons (was working)
- Hovering menu buttons → highlights left buttons (NOW WORKING)
- Added .download-btn and .print-friendly-btn to syncPdfHover/syncPrintHover selectors

**Bug 2: Theme-Aware CV Text Colors**
- CV content text now adapts to light/dark themes
- Light theme: Dark text (#1a1a1a, #333333) for readability
- Dark theme: Light text (#e0e0e0, #d0d0d0) for readability
- Added theme-specific overrides for --text-dark and --text-gray variables
- Solution uses CSS variables (not hardcoded) for future flexibility

Changes:
- static/hyperscript/hover-sync._hs: Added left-side button selectors
- static/css/color-theme.css: Added legacy variable overrides for all themes
This commit is contained in:
juanatsap
2025-11-19 09:24:29 +00:00
parent 45e5be1ea3
commit d220546d02
5 changed files with 16 additions and 4 deletions
+12
View File
@@ -53,6 +53,10 @@
/* Sidebar (for non-clean theme) */
--sidebar-bg: #d1d4d2;
/* Legacy CV content variables - theme-aware overrides */
--text-dark: #1a1a1a; /* Dark text for light background */
--text-gray: #333333; /* Secondary text for light background */
}
/* ==============================================================================
@@ -97,6 +101,10 @@
/* Sidebar (for non-clean theme) */
--sidebar-bg: #2a2a2a;
/* Legacy CV content variables - theme-aware overrides */
--text-dark: #e0e0e0; /* Light text for dark background */
--text-gray: #d0d0d0; /* Secondary text for dark background */
}
/* ==============================================================================
@@ -142,6 +150,10 @@
/* Sidebar (for non-clean theme) */
--sidebar-bg: #2a2a2a;
/* Legacy CV content variables - theme-aware overrides */
--text-dark: #e0e0e0; /* Light text for dark background */
--text-gray: #d0d0d0; /* Secondary text for dark background */
}
}