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:
co-authored by
Claude Opus 5
parent
5cdc42002a
commit
3c56cf8361
@@ -0,0 +1,25 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
|
||||
<!--
|
||||
Aura, dunkel ("Mond"): der Vollmond an derselben Stelle wie die Sonne im
|
||||
hellen Modus - weicher Hof, blasse Scheibe, ein paar Krater.
|
||||
-->
|
||||
<defs>
|
||||
<radialGradient id="hof" cx="50" cy="50" r="50" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.3" stop-color="#dfe4ff" stop-opacity="0.45" />
|
||||
<stop offset="0.65" stop-color="#b9c2ff" stop-opacity="0.12" />
|
||||
<stop offset="1" stop-color="#b9c2ff" stop-opacity="0" />
|
||||
</radialGradient>
|
||||
<radialGradient id="scheibe" cx="44" cy="44" r="22" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0" stop-color="#fbfbff" />
|
||||
<stop offset="1" stop-color="#d7dcef" />
|
||||
</radialGradient>
|
||||
</defs>
|
||||
<circle cx="50" cy="50" r="50" fill="url(#hof)" />
|
||||
<circle cx="50" cy="50" r="18" fill="url(#scheibe)" />
|
||||
<g fill="#b8bfd8" opacity="0.55">
|
||||
<circle cx="44" cy="46" r="3.5" />
|
||||
<circle cx="55" cy="55" r="2.5" />
|
||||
<circle cx="52" cy="41" r="1.8" />
|
||||
<circle cx="43" cy="57" r="1.5" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
Reference in New Issue
Block a user