feat: Theme Snow aus Pulse übernommen
Eisblau auf kaltem Weiß (hell) bzw. Winternacht (dunkel), verschneite Berg- und Waldgrafik hinter Kopfleiste und Menü. Schneefall im Canvas (SnowWeather) sammelt sich am unteren Rand, alle 4 Minuten räumt ein Pflug in ICON-Gold. Canvas liegt mit z-[45] unter den Dialogen (z-50). Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 5.5
parent
1e273ddd92
commit
a24fd938a2
@@ -0,0 +1,79 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 80" width="1600" height="80" preserveAspectRatio="xMidYMid slice">
|
||||
<!--
|
||||
Snow, obere Leiste: verschneite Bergkette mit Tannen.
|
||||
|
||||
Wie bei den anderen Themes ohne deckenden Himmel - die Flaeche kommt aus dem
|
||||
Theme, hier steht nur Motiv. Die Berge sind blaugrau mit weissen Kuppen,
|
||||
davor eine Reihe Tannen, deren Zweige Schnee tragen. Der Schneefall selbst
|
||||
ist nicht gezeichnet, er faellt lebendig (components/SnowWeather.tsx).
|
||||
-->
|
||||
|
||||
<!-- Ferne Berge -->
|
||||
<path d="M0 80 L0 52 L90 30 L170 46 L260 18 L360 44 L450 26 L540 48 L640 22 L740 46 L830 28 L930 50 L1030 20 L1130 44 L1220 30 L1320 48 L1420 24 L1520 44 L1600 34 L1600 80 Z" fill="#9fb3c8" opacity="0.45" />
|
||||
|
||||
<!-- Schneekuppen der fernen Berge -->
|
||||
<g fill="#ffffff" opacity="0.9">
|
||||
<path d="M260 18 L236 28 L250 27 L262 32 L274 26 L286 29 Z" />
|
||||
<path d="M640 22 L614 32 L630 31 L642 36 L654 30 L668 33 Z" />
|
||||
<path d="M1030 20 L1004 30 L1020 29 L1032 34 L1044 28 L1058 31 Z" />
|
||||
<path d="M1420 24 L1394 34 L1410 33 L1422 38 L1434 32 L1448 35 Z" />
|
||||
</g>
|
||||
|
||||
<!-- Nahe Huegel, verschneit -->
|
||||
<path d="M0 80 L0 66 C 120 56 220 62 340 58 C 480 54 560 64 700 60 C 840 56 940 64 1080 58 C 1220 54 1340 64 1460 60 C 1520 58 1570 62 1600 60 L1600 80 Z" fill="#e8f0f8" opacity="0.9" />
|
||||
|
||||
<!-- Tannen in drei Etagen, jede mit Schneekappe -->
|
||||
<g fill="#4d6478" opacity="0.85">
|
||||
<rect x="442.8" y="66.0" width="2.4" height="3.0" />
|
||||
<rect x="465.1" y="68.0" width="1.7" height="2.1" />
|
||||
<rect x="774.7" y="64.0" width="2.6" height="3.4" />
|
||||
<rect x="799.1" y="66.0" width="1.8" height="2.2" />
|
||||
<rect x="1162.8" y="64.0" width="2.4" height="3.0" />
|
||||
<rect x="1185.2" y="66.0" width="1.7" height="2.1" />
|
||||
<rect x="1511.0" y="66.0" width="1.9" height="2.4" />
|
||||
<path d="M444 28.0 L449.0 45.1 L439.0 45.1 Z" />
|
||||
<path d="M444 38.6 L452.4 55.4 L435.6 55.4 Z" />
|
||||
<path d="M444 48.9 L456.0 66.0 L432.0 66.0 Z" />
|
||||
<path d="M466 42.0 L469.6 53.7 L462.4 53.7 Z" />
|
||||
<path d="M466 49.3 L471.9 60.7 L460.1 60.7 Z" />
|
||||
<path d="M466 56.3 L474.5 68.0 L457.5 68.0 Z" />
|
||||
<path d="M776 22.0 L781.5 40.9 L770.5 40.9 Z" />
|
||||
<path d="M776 33.8 L785.1 52.2 L766.9 52.2 Z" />
|
||||
<path d="M776 45.1 L789.0 64.0 L763.0 64.0 Z" />
|
||||
<path d="M800 38.0 L803.8 50.6 L796.2 50.6 Z" />
|
||||
<path d="M800 45.8 L806.3 58.2 L793.7 58.2 Z" />
|
||||
<path d="M800 53.4 L809.0 66.0 L791.0 66.0 Z" />
|
||||
<path d="M1164 26.0 L1169.0 43.1 L1159.0 43.1 Z" />
|
||||
<path d="M1164 36.6 L1172.4 53.4 L1155.6 53.4 Z" />
|
||||
<path d="M1164 46.9 L1176.0 64.0 L1152.0 64.0 Z" />
|
||||
<path d="M1186 40.0 L1189.6 51.7 L1182.4 51.7 Z" />
|
||||
<path d="M1186 47.3 L1192.0 58.7 L1180.0 58.7 Z" />
|
||||
<path d="M1186 54.3 L1194.5 66.0 L1177.5 66.0 Z" />
|
||||
<path d="M1512 36.0 L1516.0 49.5 L1508.0 49.5 Z" />
|
||||
<path d="M1512 44.4 L1518.7 57.6 L1505.3 57.6 Z" />
|
||||
<path d="M1512 52.5 L1521.5 66.0 L1502.5 66.0 Z" />
|
||||
</g>
|
||||
<g fill="#ffffff" opacity="0.95">
|
||||
<path d="M444 28.0 L446.3 35.7 Q444 33.6 441.7 35.7 Z" />
|
||||
<path d="M444 38.6 L447.8 46.2 Q444 44.2 440.2 46.2 Z" />
|
||||
<path d="M444 48.9 L449.4 56.6 Q444 54.5 438.6 56.6 Z" />
|
||||
<path d="M466 42.0 L467.6 47.3 Q466 45.9 464.4 47.3 Z" />
|
||||
<path d="M466 49.3 L468.7 54.4 Q466 53.1 463.3 54.4 Z" />
|
||||
<path d="M466 56.3 L469.8 61.6 Q466 60.2 462.2 61.6 Z" />
|
||||
<path d="M776 22.0 L778.5 30.5 Q776 28.2 773.5 30.5 Z" />
|
||||
<path d="M776 33.8 L780.1 42.1 Q776 39.9 771.9 42.1 Z" />
|
||||
<path d="M776 45.1 L781.9 53.6 Q776 51.3 770.1 53.6 Z" />
|
||||
<path d="M800 38.0 L801.7 43.7 Q800 42.2 798.3 43.7 Z" />
|
||||
<path d="M800 45.8 L802.8 51.4 Q800 49.9 797.2 51.4 Z" />
|
||||
<path d="M800 53.4 L804.0 59.1 Q800 57.6 796.0 59.1 Z" />
|
||||
<path d="M1164 26.0 L1166.3 33.7 Q1164 31.6 1161.7 33.7 Z" />
|
||||
<path d="M1164 36.6 L1167.8 44.2 Q1164 42.2 1160.2 44.2 Z" />
|
||||
<path d="M1164 46.9 L1169.4 54.6 Q1164 52.5 1158.6 54.6 Z" />
|
||||
<path d="M1186 40.0 L1187.6 45.3 Q1186 43.9 1184.4 45.3 Z" />
|
||||
<path d="M1186 47.3 L1188.7 52.4 Q1186 51.1 1183.3 52.4 Z" />
|
||||
<path d="M1186 54.3 L1189.8 59.6 Q1186 58.2 1182.2 59.6 Z" />
|
||||
<path d="M1512 36.0 L1513.8 42.1 Q1512 40.5 1510.2 42.1 Z" />
|
||||
<path d="M1512 44.4 L1515.0 50.3 Q1512 48.8 1509.0 50.3 Z" />
|
||||
<path d="M1512 52.5 L1516.3 58.6 Q1512 57.0 1507.7 58.6 Z" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.3 KiB |
@@ -0,0 +1,65 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 260 900" width="260" height="900" preserveAspectRatio="xMidYMax slice">
|
||||
<!--
|
||||
Snow, Seitenleiste: verschneiter Waldrand, von unten hereinwachsend.
|
||||
|
||||
Das Motiv sitzt unten, oben liegt der Schleier ueber den Menuepunkten
|
||||
(index.css). Die Schneeverwehung ganz unten ist bewusst flach und hell: dort
|
||||
stehen Name und Rolle des Benutzers, und darueber haeuft sich zusaetzlich
|
||||
der fallende Schnee an.
|
||||
-->
|
||||
<defs>
|
||||
<linearGradient id="dunst" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0" stop-color="#c9d8e8" stop-opacity="0" />
|
||||
<stop offset="1" stop-color="#c9d8e8" stop-opacity="0.5" />
|
||||
</linearGradient>
|
||||
<filter id="weich" x="-20%" y="-20%" width="140%" height="140%">
|
||||
<feGaussianBlur stdDeviation="12" />
|
||||
</filter>
|
||||
</defs>
|
||||
|
||||
<rect y="540" width="260" height="360" fill="url(#dunst)" filter="url(#weich)" />
|
||||
|
||||
<!-- Tannen hinten: blass -->
|
||||
<g fill="#8aa0b5" opacity="0.4">
|
||||
<rect x="43.2" y="770.0" width="5.6" height="8.0" />
|
||||
<rect x="180.9" y="760.0" width="6.2" height="8.8" />
|
||||
<path d="M46 670.0 L57.8 715.0 L34.2 715.0 Z" />
|
||||
<path d="M46 698.0 L65.6 742.0 L26.4 742.0 Z" />
|
||||
<path d="M46 725.0 L74.0 770.0 L18.0 770.0 Z" />
|
||||
<path d="M184 650.0 L197.0 699.5 L171.0 699.5 Z" />
|
||||
<path d="M184 680.8 L205.7 729.2 L162.3 729.2 Z" />
|
||||
<path d="M184 710.5 L215.0 760.0 L153.0 760.0 Z" />
|
||||
</g>
|
||||
<g fill="#ffffff" opacity="0.6">
|
||||
<path d="M46 670.0 L51.3 690.2 Q46 684.9 40.7 690.2 Z" />
|
||||
<path d="M46 698.0 L54.8 717.8 Q46 712.5 37.2 717.8 Z" />
|
||||
<path d="M46 725.0 L58.6 745.2 Q46 739.9 33.4 745.2 Z" />
|
||||
<path d="M184 650.0 L189.9 672.3 Q184 666.3 178.1 672.3 Z" />
|
||||
<path d="M184 680.8 L193.8 702.6 Q184 696.8 174.2 702.6 Z" />
|
||||
<path d="M184 710.5 L197.9 732.8 Q184 726.8 170.1 732.8 Z" />
|
||||
</g>
|
||||
|
||||
<!-- Tannen vorn, mit Schneelast -->
|
||||
<g fill="#4d6478" opacity="0.65">
|
||||
<rect x="100.5" y="800.0" width="7.0" height="9.6" />
|
||||
<rect x="223.3" y="808.0" width="5.4" height="7.2" />
|
||||
<path d="M104 680.0 L118.7 734.0 L89.3 734.0 Z" />
|
||||
<path d="M104 713.6 L128.5 766.4 L79.5 766.4 Z" />
|
||||
<path d="M104 746.0 L139.0 800.0 L69.0 800.0 Z" />
|
||||
<path d="M226 718.0 L237.3 758.5 L214.7 758.5 Z" />
|
||||
<path d="M226 743.2 L244.9 782.8 L207.1 782.8 Z" />
|
||||
<path d="M226 767.5 L253.0 808.0 L199.0 808.0 Z" />
|
||||
</g>
|
||||
<g fill="#ffffff" opacity="0.9">
|
||||
<path d="M104 680.0 L110.6 704.3 Q104 697.8 97.4 704.3 Z" />
|
||||
<path d="M104 713.6 L115.0 737.4 Q104 731.0 93.0 737.4 Z" />
|
||||
<path d="M104 746.0 L119.8 770.3 Q104 763.8 88.2 770.3 Z" />
|
||||
<path d="M226 718.0 L231.1 736.2 Q226 731.4 220.9 736.2 Z" />
|
||||
<path d="M226 743.2 L234.5 761.0 Q226 756.3 217.5 761.0 Z" />
|
||||
<path d="M226 767.5 L238.2 785.7 Q226 780.9 213.8 785.7 Z" />
|
||||
</g>
|
||||
|
||||
<!-- Schneeverwehung -->
|
||||
<path d="M0 800 C 50 784 110 796 160 788 C 200 782 236 792 260 786 L260 900 L0 900 Z" fill="#f2f7fc" opacity="0.8" />
|
||||
<path d="M0 800 C 50 784 110 796 160 788 C 200 782 236 792 260 786" fill="none" stroke="#b9cadb" stroke-width="1.5" opacity="0.6" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
Reference in New Issue
Block a user