From 742ee77fdc1ef1dfd10973bff519214ca904123a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Mon, 6 Dec 2021 15:13:30 +0100
Subject: [PATCH] dark mode upend.svg, use as favicon, create /media

---
 upend.png => media/upend.png | Bin
 media/upend.svg              |  18 ++++++++++++++++++
 ui/public/assets/upend.svg   |  19 ++++++++++++++++++-
 ui/public/favicon.png        | Bin 2463 -> 0 bytes
 ui/public/index.html         |  23 ++++++++++-------------
 ui/src/layout/Header.svelte  |   4 ----
 6 files changed, 46 insertions(+), 18 deletions(-)
 rename upend.png => media/upend.png (100%)
 create mode 100644 media/upend.svg
 delete mode 100644 ui/public/favicon.png

diff --git a/upend.png b/media/upend.png
similarity index 100%
rename from upend.png
rename to media/upend.png
diff --git a/media/upend.svg b/media/upend.svg
new file mode 100644
index 0000000..ac026ae
--- /dev/null
+++ b/media/upend.svg
@@ -0,0 +1,18 @@
+<svg style="fill:none" width="255" height="255" xmlns="http://www.w3.org/2000/svg">
+    <style>
+        path {
+            fill:none;
+            stroke:#0a0a0a;
+            stroke-width:15px;
+            stroke-linecap:round;
+            stroke-linejoin:round
+        }
+
+        @media (prefers-color-scheme: dark) {
+            path {
+                stroke: white;
+            }
+        }
+    </style>
+    <path d="M7.5 7.5v0h240m-120 0v0l-120 120m240 0v0l-120-120m0 240v0-240" />
+</svg>
\ No newline at end of file
diff --git a/ui/public/assets/upend.svg b/ui/public/assets/upend.svg
index 8ce02a7..ac026ae 100644
--- a/ui/public/assets/upend.svg
+++ b/ui/public/assets/upend.svg
@@ -1 +1,18 @@
-<svg style="fill:none" width="255" height="255" xmlns="http://www.w3.org/2000/svg"><path style="fill:none;stroke:#0a0a0a;stroke-width:15px;stroke-linecap:round;stroke-linejoin:round" d="M7.5 7.5v0h240m-120 0v0l-120 120m240 0v0l-120-120m0 240v0-240"/></svg>
\ No newline at end of file
+<svg style="fill:none" width="255" height="255" xmlns="http://www.w3.org/2000/svg">
+    <style>
+        path {
+            fill:none;
+            stroke:#0a0a0a;
+            stroke-width:15px;
+            stroke-linecap:round;
+            stroke-linejoin:round
+        }
+
+        @media (prefers-color-scheme: dark) {
+            path {
+                stroke: white;
+            }
+        }
+    </style>
+    <path d="M7.5 7.5v0h240m-120 0v0l-120 120m240 0v0l-120-120m0 240v0-240" />
+</svg>
\ No newline at end of file
diff --git a/ui/public/favicon.png b/ui/public/favicon.png
deleted file mode 100644
index 78b0b558cb0a6746c775ae1df352381a02aa0a87..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2463
zcmcgteK^w#8=iX0lFuj{va}fL<oHUgStcPd6{Wmcha##ep9#O^v*JDTnI*O5NX|Kt
zG+JlF@{ygrXg*?zeF$Y{%zW?j-TC`{|9=0t@8`Mh=enNjx$gUq=Rr`QkB-(4S|AWe
z$ItiJX?0co4X~O(W|5d(Adp5*jF(rCpO@F3oAGf`G1sqvKsLo0#R%WdqvjtlXZ*eY
z$coYz6jiyO*WY>Tlbul&>bIR2l750HvaEId@(Zf@7jB9p8)x}n>t1HR+ye&gzWdY7
zmg@UJ<*)T)#F4}E3|d+tEd|8>&F1m2i|$qGjTfccEGxryb~J!3^EH+;2}V7S3_lp9
zGuVht*INt72UH0-e7H-T?a`xqh#}fT*4#ZrZj(;8tgGd8N$}T%uMVXLedT{8j!wFE
zdlTHsnUxjGM;y=xjNqa3mufD@cAe>R2pO^^_1vj*<VMtm#GVim=W>f%+TQdgK0dXt
z@xIl4{XNxrj&`pNYC~WjP>)v)J(NGQ?MwWv&zWku?F!1>%3R4-v@c-mJEn37Mt-0w
zW5$MwMhEREdHyhufgd`ek;Qudkh^-$?0qjxu<~{ne3O)tSs;9Cy`VvWzwa-#tSH&P
zB_=+1lNdP8E8Dy^E|cieKpF7}gxu9mdPvpK)y*8(d!<3vLZgu>I98KXrr{YDU%Jop
z@ZSM#yXkvAL7f--Z)l)wDsQVr%|yQdZ_Vi~<~s~rP*k>1Ep3YM_c;bq-7D;+tLM-B
zj(G;({vzVA{LKQ)w~C)2zL)zSOq*%lV-&8n(8`BQ)M#Eil^+!5pizGz@?UMSqDud&
z^(@uBpxc7hEydiDzCwk;bBj$&8G3`1TTv-aWH_0LCARvxNSPl!;IyU0GtWl3TH;PU
zr2M}KS)hb7u+vw_PvPDw@wfO?;Gq4OTr%Ak^Z_ZSIujah2!uiHIC5}r1^rzjbb(HL
z(!)zmg^5zi6J{{U&lRhs=2FsUiE_hS`h8lVs4<rkq=QP5YN}twLT@bbRwCv<;tJSy
zOC<XOw<UYP)UFRl&$y#J?7GfiAv4VE!d2sMfpL@1ZA#M(f^xCp0Y+M#1h-<-l~IYW
zjd-`++LY0Ot<F)um9NSUGyo$AO1H(!kyOI;r-diT67YUu9SKdxUGl4GUg7ps^LPjR
zh_6n>jmtMU85_1&Zn1yfkdWs!v0{P`4<At>V+=K+ezL-;pvD<zCrAG}$HKo$`96?p
zj|NmlJlV>~4C2M~s)6gKy3O`Tz*3q&tQ%&!aVIy4l5e=J-B~`5EvB0acOb-usr%)w
zH{gGY$wd8(5W+u@sbT40Vq&PSTtVNMd6{DK9(~c{AN6{zb23dIb9(ych)iI_;~VcT
zm5@ZoOdL<T)zbzU&LV}Tz*h8~=hohC{K+Z6>>YsUXC;KVb^;^tNv9i=ICK%I#ZI-E
z5fz<vT!C<qQjG+);a=c&>{&&2Y0*r9STpBRXU_}XcSgM6DZ;TlThZm7Hh#HLKGOFq
zE=cE>HXCFyr9;IJvrka3oLEyzJ2@t^u()i!_Pj>@1J8G5xL_TP=W78(v%d4xTHwaa
zwWdc+q*2^r-228#D>@6)Q?~j=4#tZO$!q?e?31R8dUokq_4nCtP62z@cB*znoz2r;
zKd*YklU>t*+kZiG-Bo*6EP8S<_uC{ue}1<K(oGWuPJY8rL4pU^FHC?PUgE9_fKI=*
zxc~8uT|KP1&49)0=|CFhpZxIc=RcYWVe#Q+7z_KW_%^TkmXHfNV^?+nl96=+yx%<Q
zj-s_tUjMPR-|K8Q8XKVPd8k>PQXPM$bWJmd|GQH?fFl*QT_~_xcA|Z}$H&8;0uIuV
zYTdJL$VO!zQ~%R9V;Z8yxEOw75It2dwwH%ve0&L*xz#eBcj1{BWNKRa)+aIBJud=P
zW05Y`2d8TBH_<_1KE9>AhJx+mCo4(KdOdmWs4W2ljFhxP-Q330VnbnwPQ7-_;&u-4
zYr!J!X+H95YPyfVk8d{eQfAmUckezlS6Ag9n3VHuEB&*`t;vr@qB5+@8KtspDx&u;
z$y5N|+2n(1v~xWeqPYAVTJ{MtE^_#)r`7&r^sma-*g{KsCO*g!7fNB2VQ@Y+#kia1
z&F^n?G_*p?x*%MU!#6h9-~@l|?XSk~epydS$<bP@UT|(1iyUmAK#j&AqaugdT5eU_
z^x`|9act;nW0~9?j&e{$QV~%Kb+;&=q$2VZKfqDBp#!e3#v;cX>Y>5?J2IM0N?%_F
zF7B=}0TvF#EDOZfX2HM96rx2A(MaAk_c#w<^hWJnT{mrOz$`4DU6PVxq^QH~8xr|3
z&|G2H?kZHr%=Y=!=Tq!{gVRer$!UWU*aFygqlSj~ePgpbYV4IQJ)Ht`K^BvVS5sS_
z>1UuQ(N@f-ngM_$+)4mu%0j4!7%7v3?l-XO!h7romIW)YSuj&NOhpK!>J7A4;q(X!
z>>{oNUsOhN(~RX1%M{z(QI5b07Co!{yxY=L?RoJ9e&8^K0^K)JI3TLHOKLWgOV-<J
zJ0Z1WP8zsge19me4$ImnZ{J;&qkP06GS?>)bGp|flhdrH3I`1GS7kcTf#}`_u7RD6
zH|aVh`ZTbD4=Uqv9*l`99wA>tr@AFD!RpC=$R~sR!<c)r(!?}t!8su~S8AA)W<9GH
zYJpr1Rxqgu!xcl}Unw~#Iq(L{x~%Z*nf!TR=iFLldR}moY9XN%kgQLHVWkq~#PAs<
zXi&A!u^MQEE-%O0h#;TVA5I_Yd4$n!|8n#T?>v9kyMQD2S#_8>@Q;bl6{35ZEPp7P
z_|qIr67F&GZgPtPb7*<lauSem%O^#ufl1yUW_Qdfsj5zVQO6>(L^aab=O~O`UC<9^
z;v|(L4Ivh1<j!*FZcG1ZIXZEyh2&|WbKh|e_JcWx#jT{oF5!|hPL0at96s52Xwgun
zOeM$P>if!3RrktlnF{3k#61Y`|0JZDa@asMt1aCRRsLIBYJXgA>@-7HDon3@5SlKN
zF(e1aXqQoKso-s@%GL?p=}`&&4oDhex7Xx;d59(pYA2oz&1&a4zf{_O=Ks&zk*qPC
Y!t?m6xbUk4_2&lpc?TYQg}RjWAJ7;bJpcdz

diff --git a/ui/public/index.html b/ui/public/index.html
index b1819a9..ab21e41 100644
--- a/ui/public/index.html
+++ b/ui/public/index.html
@@ -1,19 +1,16 @@
 <!DOCTYPE html>
 <html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
 
-	<head>
-		<meta charset='utf-8'>
-		<meta name='viewport' content='width=device-width,initial-scale=1'>
+    <title>UpEnd</title>
 
-		<title>UpEnd</title>
+    <link rel="icon" type="image/png" href="/assets/upend.svg" />
+    <link rel="stylesheet" href="/build/bundle.css" />
 
-		<link rel='icon' type='image/png' href='/favicon.png'>
-		<link rel='stylesheet' href='/build/bundle.css'>
+    <script defer src="/build/bundle.js"></script>
+  </head>
 
-		<script defer src='/build/bundle.js'></script>
-	</head>
-
-	<body>
-	</body>
-
-</html>
\ No newline at end of file
+  <body></body>
+</html>
diff --git a/ui/src/layout/Header.svelte b/ui/src/layout/Header.svelte
index 9c242df..b4d8cae 100644
--- a/ui/src/layout/Header.svelte
+++ b/ui/src/layout/Header.svelte
@@ -53,10 +53,6 @@
     .logo {
       display: inline-block;
       height: 1.5em;
-
-      @media (prefers-color-scheme: dark) {
-        filter: invert(1);
-      }
     }
 
     sl-input {