From 325e2b4707b62ccf11ce0bbddc817b4a173233fb Mon Sep 17 00:00:00 2001
From: twotalesanimation <80506065+twotalesanimation@users.noreply.github.com>
Date: Fri, 5 Dec 2025 10:22:13 +0200
Subject: [PATCH] fix: improve text visibility on album header background

- Changed album title to white color
- Added text-shadow to album title for better contrast over images
- Changed album description to white color
- Added text-shadow to album description for readability
- Ensures text is visible regardless of cover image darkness
---
 src/pages/gallery/view_album.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/gallery/view_album.php b/src/pages/gallery/view_album.php
index 751c363f..11c3ff85 100644
--- a/src/pages/gallery/view_album.php
+++ b/src/pages/gallery/view_album.php
@@ -288,9 +288,9 @@ require_once($rootPath . '/components/banner.php');
                 <div class="album-header" <?php if ($album['cover_image']): ?>style="background-image: url('<?php echo htmlspecialchars($album['cover_image']); ?>');"<?php endif; ?>>
                     <div class="album-header-content px-2">
                         <div style="flex: 1;">
-                            <h2 style="margin: 0; margin-bottom: 10px;"><?php echo htmlspecialchars($album['title']); ?></h2>
+                            <h2 style="margin: 0; margin-bottom: 10px; color: white; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);"><?php echo htmlspecialchars($album['title']); ?></h2>
                             <?php if ($album['description']): ?>
-                                <p style="margin: 0 0 15px 0; font-size: 1rem; opacity: 0.95;">
+                                <p style="margin: 0 0 15px 0; font-size: 1rem; opacity: 0.95; color: white; text-shadow: 1px 1px 3px rgba(0,0,0,0.5);">
                                     <?php echo htmlspecialchars($album['description']); ?>
                                 </p>
                             <?php endif; ?>