- change background slightly to make use of the pattern in dark mode

Author: TobiasMue91

index.html

@@ -20,7 +20,7 @@
             --shadow:0 2px 6px rgba(0,0,0,0.08); --radius:8px; --transition:all 0.2s ease;
         }
         * {margin:0; padding:0; box-sizing:border-box;}
-        body {font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background:var(--bg); color:var(--text); line-height:1.5;background-image: url('img/crossword_pattern.png');}
+        body {font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color:var(--text); line-height:1.5;background-image: url('img/crossword_pattern.png'); transition: var(--transition);}
         .container {width:100%; max-width:1280px; margin:0 auto; padding:0 1rem;}
         header {background:var(--card); box-shadow:var(--shadow); position:sticky; top:0; z-index:100;}
         .header-content {height:70px; display:flex; align-items:center; justify-content:space-between;}
@@ -139,9 +139,8 @@
         #themeToggleBtn:focus-visible {outline: 2px solid var(--primary);}
         .theme-icon-light, .theme-icon-dark {pointer-events: none;}
         .light-mode { --primary: #0276a8; --primary-hover: #015f87; --secondary: #bf6b0b; --secondary-hover: #9c5b06; --bg: #f8f9fa; --card: #fff; --dark: #1e272e; --gray: #e2e6ea; --text: #1e272e; --border: #dee2e6; --shadow: 0 2px 6px rgba(0,0,0,0.08); }
-        .light-mode body { background-color: var(--bg); color: var(--text); background-image: url('img/crossword_pattern.png'); }
         .dark-mode { --primary: #029CDF; --primary-hover: #0276a8; --secondary: #bf6b0b; --secondary-hover: #9c5b06; --bg: #121212; --card: #1e1e1e; --dark: #d4d5d6; --gray: #2d2d2d; --text: #e4e6eb; --border: #333333; --shadow: 0 2px 6px rgba(0,0,0,0.2); }
-        .dark-mode body { background-color: var(--bg); color: var(--text); background-image: url('img/crossword_pattern.png'); background-blend-mode: soft-light; opacity: 1; }
+        .dark-mode body { background-color: var(--bg); background-blend-mode: color-burn; }
         .dark-mode header, .dark-mode .filter-bar, .dark-mode footer { background-color: var(--card); border-color: var(--border); }
         .dark-mode .card, .dark-mode .stat-card, .dark-mode .filter-dropdown { background-color: var(--card); box-shadow: var(--shadow); }
         .dark-mode .search-bar input, .dark-mode .sort-select, .dark-mode .category-select { background-color: var(--bg); color: var(--text); border-color: var(--border); }