From c384fa122aedd22698c2c514b14e4684c9765293 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Arne=20J=C3=B8rgensen?= <arne@arnested.dk>
Date: Thu, 11 Jan 2024 00:16:22 +0100
Subject: [PATCH] Add favicons for dark mode

---
 page/favicons/dark-120.png | Bin 0 -> 1335 bytes
 page/favicons/dark-16.png  | Bin 0 -> 422 bytes
 page/favicons/dark-32.png  | Bin 0 -> 528 bytes
 page/favicons/dark-96.png  | Bin 0 -> 1055 bytes
 page/template.html         |  12 ++++++++----
 5 files changed, 8 insertions(+), 4 deletions(-)
 create mode 100644 page/favicons/dark-120.png
 create mode 100644 page/favicons/dark-16.png
 create mode 100644 page/favicons/dark-32.png
 create mode 100644 page/favicons/dark-96.png

diff --git a/page/favicons/dark-120.png b/page/favicons/dark-120.png
new file mode 100644
index 0000000000000000000000000000000000000000..19d3ed28b3e0a3c8537d499b9fb4791a4dd7204c
GIT binary patch
literal 1335
zcmeAS@N?(olHy`uVBq!ia0vp^6(G#P0wgEr{)+@sEa{HEjtmSN`?>!lvI6-E$sR$z
z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD8ZEE?e4<xzrFv=ejtyt
zz$3Dlfq`2Xgc%uT&5-~KvX^-Jy0X7u<Pzr-`Kh;UF3>_PPZ!6Kid%2zcxS|fN;K^E
zl=9SWVm!Dlq(^Y-m7^D2gC}h{(lK?1k#?)o?u{PPMPGSM-1Tx<)Qe>TF;{b9SiD`7
zZ|LxpEOJw|o0W5Aic|9KR^O10t!9$qlM|oWf4^s3eE!Z%Ys=5|%!%h7%blBEE%*8S
z%$Yv(t}W7i%eP_!*J=nVc)j4zzQx$k=CdC1k27w?dd(=b+rs(%gVQZrpBZy}w%wT!
zmUurf@&3)Qg*8@h`K%J|rfYG^`|bYD7h!+pLXmS+Ypr{0?eeEB+PU77Ry_EqKker{
z|DTJy%x+00w&Yp4=2Z%O7m)AXq;HYEW#i<+iTjSU{^GdZe7sbxVs`vmU74hwdlUYA
zQh1kN^+K>}*$2nP@{dD&Cpqt$8y@+D*Sj}-2H(}KFAvA<>iNW&{kM&ixul@a&}d<5
zq~0fo(6wizYTuZjVt0KdwtuNQ&j+jg)@S?E&)m*9W39$ozTte-?uUmy<Rx5iEblSz
z7mL`+@%`e(oI|;dscdaYG5ZgOEA5Tf;FH>#%y~R|sV~>T<ThKI<S9G`31^PPF1#)l
z$>p&pWZJERcF&YruFuGyQ=nNP^GK<`dsCqE4&zU^44O9Y(8$qCy#FbFj-I;dlJtt1
z)k^B;1o({7Gp4+Iwb>@;?{yOoiMl6~Jl?NdX<EF1ug%6gQld_9rF(XcuV2Spo1H&>
z*8P9>=~}?U(urB?H*Q_A_s4`2u_>yy4^wsuY3-Svm%Ub3r{?sHRcxpKP3y31&b~V>
z>)|F3$@H4pMo$fc^<&qt#2q|3=U^t+Y4KT!<yz{C-kbfJ`DnokLG2t3v&(x}rmtl`
z*)`{e@s6FX;yaQ#<X5QXWYj&hx!+MDf7p%pe2eeGw|mqsW&e4weS>7-*`wUjTuZil
z-9CJHQjmKJ_hyR;^9oF#Ps%=XSv>O91~>EH6SnDkOV`|uI>cRgxa~=6YR#5+H@Z@;
zEnJd#$iMr_TbEmVBsb2ne0%UDSGuI=OKHxnv%6>BS9th*hKZl(zBQ{0zRX?kkb65w
z@ksV#!+Bg&e5GFQ1_m=HH-GM-KI0u>4_|C<iCN&iKYD$y+=A{kEPR*eu$S!Jwv_iC
z&y%wczDa97%)e|p^MkeG+&%C9C~kl7p||o@K>kC+b1l#2KayYm&5rYl&(0R!uY&uI
zd-}QX+?#KaHpegI`1u;WOW!N+?``(vy8m3c$})eY;Xwm#K3#cDYp>taALp%K#C;@s
z>2#%M59jNAmYpw|f3n5Udz!f9L(Xl|y0;^i&R4cMuN?D~dEL&}OqD+^=1$+hDnIG+
zrY$!YFFgXx7eJJ0`Oxe4ho`HeZaReseS15*W3Bm;&>Q6;H_Fe1R%LqE-M-K!SdsSS
zdb=$!rw~NX>vK81%$(C1f#nZ_YKdz^NlIc#s#S7PDv)9@GB7gHH89jQGzc*=wlXlc
sGBwpUFt9Q(SaMSbSXd!x$jwj5OsmAL;cCm29-syWPgg&ebxsLQ08+DBM*si-

literal 0
HcmV?d00001

diff --git a/page/favicons/dark-16.png b/page/favicons/dark-16.png
new file mode 100644
index 0000000000000000000000000000000000000000..31882cbb3b6815f2f9558e5ad70c6b6f35c216fb
GIT binary patch
literal 422
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!60wlNoGJgf6SkfJR9T^xl_H+M9WCijSl0AZa
z85pY67#JE_7#My5g&JNkFq9fFFuY1&V6d9Oz#v{QXIG#NP=YDR+ueoXe|!I#{XiaP
zfk$L90|U1(2s1Lwnj--eWH0gbb!C6S$R*CFxzO!b4^U{Pr;B5V#`&!iH}W<Gh%mg@
z?qn6UwrKL65n<TUDcURO)^O}vr^1;9$`d?RUyT&d?YJNjUp;;LoodHt=?B+4u{<%}
z!_^cbY@x28^-M0d+qyW}*w8qvlDq1omYoi7S>78St&8b*85>1yFBL30_+FGVU~*8u
z@%cLq>b3!!Ww=Glw>fw*ZF!T)Zjd4-JX2MX<LQ}&T_66Z?`3Fv@A19#m#ihwk*X!G
z5hW>!C8<`)MX5lF!N|bKMAyJj*U%uu$k@uj+{)Bc+rYrez+lNu9bniXX~@k_$xN%n
Vt>J3R6i_fQc)I$ztaD0e0sygCf#d)H

literal 0
HcmV?d00001

diff --git a/page/favicons/dark-32.png b/page/favicons/dark-32.png
new file mode 100644
index 0000000000000000000000000000000000000000..403795a0789023a96d33cd07071e8029d10ed296
GIT binary patch
literal 528
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE0wix1Z>k4UEa{HEjtmSN`?>!lvVtU&J%W50
z7^>757#dm_7=8hT8eT9klo~KFyh>nTu$sZZAYL$MSD+10f+@+{-G$+Qd;gjJKptm-
zM`SSr1Gg{;GcwGYBLNg-FY)wsWq-lQCC;bsp&GxFfq{|P)5S5w<M`XF)_zTaA}kNy
zi#xZr&Na+y5=&v+#W8*Hy2DE)3|+L>t_;Z%UU4$wLwmdZ0voNzCf`fXJ-IV;a&`9&
zUUute|ApT)KM=@yow{*5m)Ex53AULVJOl)px4(LDX*b8LMf|@O{j^m-Su*E=n$r8H
zURjcAmM1+YC1!1&^GcLUHm1>7gsbQ4g-cH7E3S&FRUF7n{VtgM{Doe5;@n%Vp10?n
zOJhy9%ec8>j{Hv(x3e2B>O4!A?%w3=7I*dPUWv8a3Y+-Yyua-Z*1aZl#P;0*_m`h-
z9JdR_zijT0SuQuRdynt=B@>_9ES=ao$5qh$;Ck0TjGOIleDb}qv+2?Q<e%Iu@r;)y
zU3S(Gnga|W)e_f;l9a@fRIB8oR3OD*WME{XYhb8rXb@s#Y-M0>WooKzU|?lnu;iu=
gFcy$B<mRVjrd8tBaJ6Mh4^RVxr>mdKI;Vst0OlIO1ONa4

literal 0
HcmV?d00001

diff --git a/page/favicons/dark-96.png b/page/favicons/dark-96.png
new file mode 100644
index 0000000000000000000000000000000000000000..8e87eb6151cd63acd2234ad595548afd44d481da
GIT binary patch
literal 1055
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD0wg^q?%xcgSkfJR9T^xl_H+M9WCijSl0AZa
z85pY67#JE_7#My5g&JNkFq9fFFuY1&V6d9Oz#v{QXIG#NP=YDR+ueoXe|!I#{XiaP
zfk$L90|U1(2s1Lwnj--eWH0gbb!C6S$R*CFxPETYJ_ZJ6Ax{^_kcwMxXW8ZpI|{Vj
zKP+YvsA9*}a!|y<xtYhe#j&Gb-l0`QF-mKS*_J=;A}3@$OhN(zgcMsQIzM(%^m0}a
z;qDX>>w3#|REn$n^P2a^Zf-s=Cx52;?7KH_?%8bL{ru)+W~XhXF4hdp7x)e^Y+*KF
zc+0@!fQ|cLKl=&mt!w6dXs$E-Y@EPw%ZMTO>CtHl2Q@BF_|SId506B{HXeuQItG!Q
zRyW*Ozqfs{Y*W2*p|I*}X!<qR<@c4cSE~2+dT-kO%VD}kTR+zpxyN_&;}frmE?<5{
z>4@1op<S&~dB<%2mhUjy5<hk7X+Q7C53?@t2nd?Ke01P*ypYXrIoCAX1wSv?`LnNC
zYVlK&p+R^BPlTM@t#t9;4Ra1VMZ`Ji>6mY*{&DtlCHLK9vCHdjF6NJyyPoV-$DP5_
zz`)2P@<C+(%&(1)jm1B{j}>yTT=s->LJj|ywWrVQdTYwJ-|NhB*Gi_wPgjzzO*%j0
zF~gj+Yh_6dGH;F7uV!J2EnZM$m)y6Ry^gE<n15_dr;gIThO8IAcoxs}aw&KGBx_*I
zV9wC<fscvl`GUjRj$UOPb_ZnYHVQwiWceX?ZI?ygw#T}6yzPSg;$(9ciCjCyckh_P
zk3}Yo4XZdF>}=R_p81`bTq5`DcZ?5YPM7UsINjW(6E0Pye^)ZYLNnI>&s~oni`4iP
zo;ukc)fauwy2O_GKf{6LEZ43ua;>=|RoLVE#yv;3W-i|W<*<K-k0kQEu3w%NFJ&%w
zKvL(i<m!5vpN1i}I?hx6Ot<(a`~TL;(ugYEzhO&QCY)1?JGv_PzSo8Ff`cU+&2k&m
z<oF}vRA1aZ))xHT@9`z3j7N55Y&oK9)FmFS4X&R2;a_syjVgcf7XR+A3+1={DD5h9
z>d!9;`r!38;Qx1l{jTR<_En^?%Pv*_GV@j(`=8BUCVk83j|*`8B6#fMX}5Go<C(q7
z6qqkeW6bbA*J||X{=zfo8yGWAGi(t}d6KHE1xs3z;MBynKo_hOD4oi1>y*s_`3IX$
z&h9Pz#0$(YswJ)wB`Jv|saDBFsX&Us$iT=%*T7KM&>+Of*vi1%%G6Zbz`)ADV98A#
gV5UUUkei>9nO2Eg!_}54JwOc%p00i_>zopr04_PI5C8xG

literal 0
HcmV?d00001

diff --git a/page/template.html b/page/template.html
index ea7097e..4320b14 100644
--- a/page/template.html
+++ b/page/template.html
@@ -5,10 +5,14 @@
 <meta name="go-import" content="ldddns.arnested.dk git https://github.com/arnested/ldddns.git"/>
 <meta name="description" content="A systemd service that will monitor your Docker host and provide DNS names for containers based of the container name." />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
-<link type="image/png" sizes="16x16" rel="icon" href="/favicons/16.png" />
-<link type="image/png" sizes="32x32" rel="icon" href="/favicons/32.png" />
-<link type="image/png" sizes="96x96" rel="icon" href="/favicons/96.png" />
-<link type="image/png" sizes="120x120" rel="icon" href="/favicons/120.png" />
+<link type="image/png" sizes="16x16" rel="icon" href="/favicons/16.png" media="(prefers-color-scheme: light)" />
+<link type="image/png" sizes="32x32" rel="icon" href="/favicons/32.png" media="(prefers-color-scheme: light)" />
+<link type="image/png" sizes="96x96" rel="icon" href="/favicons/96.png" media="(prefers-color-scheme: light)"/>
+<link type="image/png" sizes="120x120" rel="icon" href="/favicons/120.png" media="(prefers-color-scheme: light)"/>
+<link type="image/png" sizes="16x16" rel="icon" href="/favicons/dark-16.png" media="(prefers-color-scheme: dark)" />
+<link type="image/png" sizes="32x32" rel="icon" href="/favicons/dark-32.png" media="(prefers-color-scheme: dark)" />
+<link type="image/png" sizes="96x96" rel="icon" href="/favicons/dark-96.png" media="(prefers-color-scheme: dark)"/>
+<link type="image/png" sizes="120x120" rel="icon" href="/favicons/dark-120.png" media="(prefers-color-scheme: dark)"/>
 <style>
 html {
   background-color: white;