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
+19
View File
@@ -0,0 +1,19 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 80" width="800" height="80">
<!--
Aura, hintere Wolken. Eine Kachel, die sich nahtlos wiederholt: keine Wolke
beruehrt den linken oder rechten Rand. index.css schiebt die Kachel langsam
nach rechts, genau um ihre Breite je Umlauf - deshalb kein Ruck.
-->
<defs>
<filter id="weich" x="-20%" y="-50%" width="140%" height="200%">
<feGaussianBlur stdDeviation="3" />
</filter>
</defs>
<g fill="#ffffff" opacity="0.55" filter="url(#weich)">
<ellipse cx="110" cy="24" rx="70" ry="12" />
<ellipse cx="140" cy="18" rx="40" ry="11" />
<ellipse cx="430" cy="46" rx="80" ry="12" />
<ellipse cx="460" cy="38" rx="42" ry="12" />
<ellipse cx="650" cy="20" rx="60" ry="10" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 788 B