feat: implement cookie consent popup and related functionality

2026-05-06 11:56:05 +02:00
parent d0096bf0cc
commit 8b86350a2d
10 changed files with 613 additions and 11 deletions
@@ -5,6 +5,7 @@
    --muted-color: #6b7280;
    --surface: #ffffff;
    --background: rgba(246, 249, 255, 0.5);
+    --background-opaque: rgba(0, 0, 0, 0.12);
 }

 /* Dark theme overrides (toggle by setting attribute on <html>) */
@@ -14,6 +15,7 @@
    --muted-color: #9ca3af;
    --surface: #000;
    --background: rgba(0, 0, 0, 0.8);
+    --background-opaque: rgba(255, 255, 255, 0.12);
 }

 * {
@@ -90,6 +92,22 @@ h2 {
 }

 p, a {
-    
    font-family: Helvetica, 'Segoe UI', sans-serif;
-}
+}
+
+/* SVG Mask utility: responsive to theme */
+.svg-mask {
+    background-color: var(--text-color);
+    -webkit-mask-repeat: no-repeat;
+    -webkit-mask-position: center;
+    -webkit-mask-size: contain;
+    mask-repeat: no-repeat;
+    mask-position: center;
+    mask-size: contain;
+    transition: background-color 0.2s ease;
+}
+
+/* Usage: add data attribute with SVG path
+   Example: <div class="svg-mask" style="--mask-url: url('/path/to/icon.svg'); width: 40px; height: 40px;"></div>
+   Then use inline style: -webkit-mask-image: var(--mask-url); mask-image: var(--mask-url);
+   OR use a specific class that sets the mask-image */