Changeset 0.37.14 (#226)
Co-authored-by: gobha <jasafpro@gmail.com> Co-committed-by: gobha <jasafpro@gmail.com>
This commit is contained in:
51
src/favicon-light.svg
Normal file
51
src/favicon-light.svg
Normal file
@@ -0,0 +1,51 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64">
|
||||
<defs>
|
||||
<linearGradient id="panel" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0%" stop-color="#f5f2ef"/>
|
||||
<stop offset="100%" stop-color="#e8e4e0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<!-- Panel background -->
|
||||
<rect x="4" y="4" width="56" height="56" rx="10" fill="url(#panel)" stroke="#c8c4c0" stroke-width="1.5"/>
|
||||
|
||||
<!-- Static jack holes (light rings) -->
|
||||
<circle cx="22" cy="23" r="8" fill="#d0ccc8"/>
|
||||
<circle cx="42" cy="23" r="8" fill="#d0ccc8"/>
|
||||
<circle cx="42" cy="43" r="8" fill="#d0ccc8"/>
|
||||
<circle cx="22" cy="43" r="8" fill="#d0ccc8"/>
|
||||
|
||||
<!--
|
||||
Cascading color rotation (clockwise: TL → TR → BR → BL)
|
||||
dur=12s, each cascade round=3s, fade=0.4s out + 0.4s in
|
||||
Same animation as dark favicon, fade-through color = #d0ccc8
|
||||
-->
|
||||
|
||||
<!-- TL: Blue → Purple → Green → Orange (offset 0s) -->
|
||||
<circle cx="22" cy="23" r="5.5" fill="#2D7DD2">
|
||||
<animate attributeName="fill" dur="12s" repeatCount="indefinite"
|
||||
keyTimes="0;0.0333;0.0667;0.25;0.2833;0.3167;0.5;0.5333;0.5667;0.75;0.7833;0.8167;1"
|
||||
values="#2D7DD2;#d0ccc8;#9B59B6;#9B59B6;#d0ccc8;#2EAA4E;#2EAA4E;#d0ccc8;#E8852E;#E8852E;#d0ccc8;#2D7DD2;#2D7DD2"/>
|
||||
</circle>
|
||||
|
||||
<!-- TR: Orange → Blue → Purple → Green (offset 0.4s) -->
|
||||
<circle cx="42" cy="23" r="5.5" fill="#E8852E">
|
||||
<animate attributeName="fill" dur="12s" repeatCount="indefinite"
|
||||
keyTimes="0;0.0333;0.0667;0.1;0.2833;0.3167;0.35;0.5333;0.5667;0.6;0.7833;0.8167;0.85;1"
|
||||
values="#E8852E;#E8852E;#d0ccc8;#2D7DD2;#2D7DD2;#d0ccc8;#9B59B6;#9B59B6;#d0ccc8;#2EAA4E;#2EAA4E;#d0ccc8;#E8852E;#E8852E"/>
|
||||
</circle>
|
||||
|
||||
<!-- BR: Purple → Green → Orange → Blue (offset 0.8s) -->
|
||||
<circle cx="42" cy="43" r="5.5" fill="#9B59B6">
|
||||
<animate attributeName="fill" dur="12s" repeatCount="indefinite"
|
||||
keyTimes="0;0.0667;0.1;0.1333;0.3167;0.35;0.3833;0.5667;0.6;0.6333;0.8167;0.85;0.8833;1"
|
||||
values="#9B59B6;#9B59B6;#d0ccc8;#2EAA4E;#2EAA4E;#d0ccc8;#E8852E;#E8852E;#d0ccc8;#2D7DD2;#2D7DD2;#d0ccc8;#9B59B6;#9B59B6"/>
|
||||
</circle>
|
||||
|
||||
<!-- BL: Green → Orange → Blue → Purple (offset 1.2s) -->
|
||||
<circle cx="22" cy="43" r="5.5" fill="#2EAA4E">
|
||||
<animate attributeName="fill" dur="12s" repeatCount="indefinite"
|
||||
keyTimes="0;0.1;0.1333;0.1667;0.35;0.3833;0.4167;0.6;0.6333;0.6667;0.85;0.8833;0.9167;1"
|
||||
values="#2EAA4E;#2EAA4E;#d0ccc8;#E8852E;#E8852E;#d0ccc8;#2D7DD2;#2D7DD2;#d0ccc8;#9B59B6;#9B59B6;#d0ccc8;#2EAA4E;#2EAA4E"/>
|
||||
</circle>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
Reference in New Issue
Block a user