feat(design): neues Theme Aura (hell Sunshine, dunkel Mond)

Sonne bzw. Mond in der Ecke oben rechts der Leiste, dahinter ziehen
Wolken in zwei Lagen langsam von links nach rechts (reines CSS, nahtlose
Kacheln). Im hellen Modus fallen alle 16-24 s zwei bis drei
Sonnenstrahlen diagonal ueber den Bildschirm. Bernstein bei Tag,
Lavendel und Sterne bei Nacht. Bei prefers-reduced-motion still.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
Sascha Wolf
2026-09-17 18:49:45 +02:00
co-authored by Claude Opus 5
parent 5cdc42002a
commit 3c56cf8361
15 changed files with 497 additions and 15 deletions
+18
View File
@@ -0,0 +1,18 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 80" width="800" height="80">
<!--
Aura, vordere Wolken: groesser, deutlicher, flache Unterkante. Nahtlose
Kachel wie aura-clouds-far.svg, zieht aber doppelt so schnell - das gibt
Tiefe.
-->
<g fill="#ffffff" opacity="0.92">
<path d="M60 58 C 56 46 70 38 84 42 C 90 28 116 24 128 38 C 138 30 160 34 162 48 C 176 48 184 54 180 60 Z" />
<path d="M330 34 C 328 24 340 18 350 22 C 356 10 378 8 388 20 C 396 14 414 18 414 30 C 426 30 432 36 428 40 Z" />
<path d="M560 62 C 556 50 572 42 586 46 C 594 30 624 26 638 42 C 650 34 676 38 678 54 C 694 54 704 60 698 66 Z" />
</g>
<!-- Schattenkante unten, damit die Wolken auf hellem Himmel Form haben -->
<g fill="#c9dcef" opacity="0.6">
<path d="M70 58 C 100 54 150 54 180 60 Z" />
<path d="M340 38 C 370 35 400 35 428 40 Z" />
<path d="M572 62 C 610 58 660 58 698 66 Z" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 933 B