added dark theme support for logo text in Overview and ChipOverview, included new logotext_dark.svg, and implemented a theme observer; updated ChipCard navigation logic for correct routing

Signed-off-by: Matthias Puchstein <matthias@puchstein.bayern>
2025-07-13 02:41:21 +02:00
parent 36bb04cfa9
commit 95bc368ebb
4 changed files with 97 additions and 7 deletions
--- a/src/assets/logotext_dark.svg
+++ b/src/assets/logotext_dark.svg
@@ -0,0 +1,21 @@
+<svg width="400" height="120" viewBox="0 0 400 120" xmlns="http://www.w3.org/2000/svg">
+    <defs>
+        <linearGradient id="moonGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+            <stop offset="0" stop-color="#a64dff"/>
+            <stop offset="100" stop-color="#6a0dad"/>
+        </linearGradient>
+        <mask id="moonMask">
+            <circle cx="60" cy="60" r="50" fill="white"/>
+            <circle cx="75" cy="40" r="45" fill="black"/>
+        </mask>
+        <style type="text/css">
+            @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&amp;display=swap');
+        </style>
+    </defs>
+    <circle cx="60" cy="60" r="60" fill="url(#moonGradient)" mask="url(#moonMask)"/>
+    <text x="250" y="60%" dominant-baseline="middle" text-anchor="middle"
+          font-family="'Raleway', sans-serif" font-size="70" fill="black" letter-spacing="2"
+          style="text-shadow: 0 0 5px rgba(0,0,0,0.3);">
+        REMind
+    </text>
+</svg>