From a13bb5c0f67d43670ebc915638d11d182f02c54d Mon Sep 17 00:00:00 2001 From: ReimarPB Date: Sat, 26 Nov 2022 17:46:08 +0100 Subject: [PATCH] Add icons to theme selector --- assets/icons/dark-mode/theme-auto.png | Bin 0 -> 1033 bytes assets/icons/dark-mode/theme-auto.svg | 8 ++++++++ assets/icons/dark-mode/theme-dark.png | Bin 0 -> 989 bytes assets/icons/dark-mode/theme-dark.svg | 8 ++++++++ assets/icons/dark-mode/theme-light.png | Bin 0 -> 1082 bytes assets/icons/dark-mode/theme-light.svg | 20 ++++++++++++++++++++ assets/icons/light-mode/theme-auto.png | Bin 0 -> 971 bytes assets/icons/light-mode/theme-auto.svg | 8 ++++++++ assets/icons/light-mode/theme-dark.png | Bin 0 -> 965 bytes assets/icons/light-mode/theme-dark.svg | 8 ++++++++ assets/icons/light-mode/theme-light.png | Bin 0 -> 1039 bytes assets/icons/light-mode/theme-light.svg | 20 ++++++++++++++++++++ assets/style/dark-mode.css | 3 --- assets/style/light-mode.css | 3 --- assets/style/main.css | 3 +++ inc/sidebar.inc | 12 +++++++++++- 16 files changed, 86 insertions(+), 7 deletions(-) create mode 100644 assets/icons/dark-mode/theme-auto.png create mode 100644 assets/icons/dark-mode/theme-auto.svg create mode 100644 assets/icons/dark-mode/theme-dark.png create mode 100644 assets/icons/dark-mode/theme-dark.svg create mode 100644 assets/icons/dark-mode/theme-light.png create mode 100644 assets/icons/dark-mode/theme-light.svg create mode 100644 assets/icons/light-mode/theme-auto.png create mode 100644 assets/icons/light-mode/theme-auto.svg create mode 100644 assets/icons/light-mode/theme-dark.png create mode 100644 assets/icons/light-mode/theme-dark.svg create mode 100644 assets/icons/light-mode/theme-light.png create mode 100644 assets/icons/light-mode/theme-light.svg diff --git a/assets/icons/dark-mode/theme-auto.png b/assets/icons/dark-mode/theme-auto.png new file mode 100644 index 0000000000000000000000000000000000000000..33f416cbd3e00de516e3848adcc5465a57a1228d GIT binary patch literal 1033 zcmV+k1or!hP)EX>4Tx04R}tkv&MmKpe$iTSd`|1v^M_$WR5rf~bh2R-p(LLaorMgUO{|(4-+r zad8w}3l4rPRvlcNb#-tR1i=pwM<*vm7b)?7NufoI2gm(*ckglc4)E8@Of@^k0ade% zR3a{9va3SZD|!(@2%`u|%+%*ZF$vG{bq^n3?_xa5``n+SPsy1K@Cn4TOgAjz4dUrd zOXs{#9A-sHAwDM_Gw6cEk6f2se&bwl*v~V=MmjZ593~bDZ7jDjD;g^C6me8hHOlvA zTvj-5aaPM!*1RWwVKAqyEOVXa5E59#5=01)QAG)5ScuW8kzyi6`*9C{#PN&dlF3y9 zBgX@p!3DHKZb#>U7%63?eAmTZkzytXW&X}`73o`=9BbV zON$->{oBCBbxV`?fXf|V@JW{p$&msy{rNoben#Jv1qN<`o;A0(<~~jzfHZZLya5gl zfsq1buY0_^yS=x6&ouk{0fK3AtyRHl?*IS*24YJ`L;w{4G5~c}!xz8+000SaNLh0L z01ejw01ejxLMWSf00007bV*G`2j&YJ5Gf&0wD=GJ00IR`L_t(o!@ZX=PgFq^g}-?k zQ43KPT}`yH(o3$-xDKVoZKC@idzUtuh;v9Z7cu&~o$XCaMSkccbBsPNg0 zW*FXvw=DZkvdPWcxw&U%?%Z>4pd!?hz(e2;a1J;M8~`?eRiFcW0A2zMA%tJ-2h^7O zQQfjSzN&NT=|KXYP~SQjzN<6pNUu1dNAOADHE^T?*Biju_?rT*0|&D;%fP)5!j~#L zf1qww-C~LVnEFUv&z7#L6T1bU>?e2`fi!8==OrZ0^l~_^ZuEP}yKE?^?JR+p)x%|r z_mprI6S|$b&6GVghe#k~*U{bfMB_Uj8i5$&l=>}kolBEtYuE&0tjAfgI)wUkkV?}h zfrk1!ai1!H+th>*!Wyuce7ajiVW|_Z68mZqRjp2}B=-3tN@|^0OYG5t`ms#_3t+Qm z0*%C8FMuC46S$DrpNiN{)rnh){jLD!>x!&4fL8Kp{$J}=S1E4qD8=!Ql^VpTnTgSC z-U$s`j$dSQ+{_m(4Uxcf=GN}jl68mBl1*nhw%D^xSFfml_NggtX2-7jdB@S0INtAv zM2Y`+%=T_c@XJ*PlS@&zk5#zhYrr^gF&3FtiNGzz!KBmAn;li(3^tKR%y;VR%SypIA85{3`P00000NkvXXu0mjf DZKTrI literal 0 HcmV?d00001 diff --git a/assets/icons/dark-mode/theme-auto.svg b/assets/icons/dark-mode/theme-auto.svg new file mode 100644 index 0000000..cd9174c --- /dev/null +++ b/assets/icons/dark-mode/theme-auto.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/assets/icons/dark-mode/theme-dark.png b/assets/icons/dark-mode/theme-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..16d839c9d11c7ae6412a92a2172633957d830550 GIT binary patch literal 989 zcmV<310wv1P)EX>4Tx04R}tkv&MmKpe$iTSd`|f*qtdWT@g`L8^$OR-p(LLaorMgUO{|(4-+r zad8w}3l4rPRvlcNb#-tR1i=pwM<*vm7b)?7NufoI2gm(*ckglc4)E8@Of@?u09CV$ zR3a{9va3SZD|!*e0LBoLn5oZ+ViKO?>mEM7-bHzq_qjhupOP~f;1h^vnQmCb8^qI_ zmd<&fIK+yQLVQj`&;VI;7KC5R9pqlyyBun?tHBgI6D_TwJ@u;UlWC6lWJ zMvetkph9x|;D7MDTQffybCZH`p!3DHKSqGAU7%63?eAmTZkzytXW&X}`73o`=9BbV zON$%<{oBCBbxV`?fXf|V=t-9h$&msy{rNoben#Jv1qN?{o;A0(<~~jzfHZZLya5gl zfzbkGuY0_^yS=x6&ouk{0n~(Y&ZmVS=Kufz24YJ`L;w{4G5~c}!xz8+000SaNLh0L z01ejw01ejxLMWSf00007bV*G`2j&YJ5Ge^|0Z{4y00G%aL_t(o!?l+^OI$$|hTmC> zRq(43HYj2QgN3fKjS`5REC_)V{v0JC31Tg%$)8AKx+pf<2#GO;AS9w${A!e43zLw? zW{TzN!kl~OzU`bd=ecv|%)H|iD487l0?g+XhH0M5$TvR^TPj7uprTEB~J@+5y_`n{XoKW}O7ij1cq5NjfsN zY8j{*0BTKtMFxoH##LBSYylq(0Ck|lMFtp=v}Z_}EyM(H&i#>FYS^8lzCV!QGHFm3ES0D29vS9t&o8)ARv0Wf2T-Hi$Wj7l0cq1L*G2?Z70}RG8Bu`V=vp3Bw*&NUxShx##ox-SYCB0_jq$S`0SOqFcKM%Bc z3$_4Uq%fsbpf|)`9XBMMdRtxv{$;S`N4`yimbVAkjQB9wGJ8Ov2+aF_O{*KfPl{Pu ztOP6>LF&NromR_ob^24QBI%i=$C4f9cdL9y0GOf? + + + + + + + diff --git a/assets/icons/dark-mode/theme-light.png b/assets/icons/dark-mode/theme-light.png new file mode 100644 index 0000000000000000000000000000000000000000..4061f9fba66d572d1108d2b6496299e0e091699d GIT binary patch literal 1082 zcmV-A1jYM_P)EX>4Tx04R}tkv&MmKpe$iQ$^8=f*qs?W~ky|K~%(1t5Adrp;l;qmz@OimEM7-bHv;>vMmO9yMbzz$X&VGQ+fqH;AV< zZG-bZaggO@mH3=^%%lqvKXP61_>FVUWr1e~&17PpI7lq!npkOKmNzxxDdMoI>69;| zJXSexan_1uR=+2IVIZTgEOVXaAYxd=5+sOFP(}eo*oe@olVTx3`_UHukn5MorI4!t zMveuPph0&1;D7MDTPr&`;Uxv4K>Lg1d<+8}yFjhtIN!&PQ#%3t&%l-5@RzE<%qQuU zh88{odbfd#>xQQ60hc?#z>^`HvMc#%3fV01en#Jv2KsM-t~IZ>`aVt{fFyMlzX1*o zfsq_#ueW%2XLE1=o~ifu1EoE3yPsR@FaQ7m24YJ`L;w{4G5~c}!xz8+000SaNLh0L z01ejw01ejxLMWSf00007bV*G`2j&YJ5GX7+9<}TM00K5iL_t(o!`+v$P8&fGhIcL9 zQCLWRf<&}H+BgzPlt{tQ0m4$!`wd(XTI!fsAP}z-FeL>bD1ah}M{uGb;?Cqtk-2EH z^4;y-nncP-Cwu2+|M_osW_H$?00Eu@bLOE1h=4^PcJ#Nvt)q*@HX0{^HGWCk(GP%u zqic)p+BgZ+1@s1}q!9ot@L6o1hB%x8s*dhNfESeR4!Bd}MX@<^=2n5JBF+cEF;G+b zmVkGZZUtCT<4v(?DP2vl23{nD?Xdv;CLw{i3`}OsofMnMah_mReOEzG>;-IP&;1Zr zDx;Lv+Hb~~hB4;Q7<1%+J^{MGCGcIIOW-3g>p&d|Mnf<&^L!nsXV^>tJHS2ZG6c5W zdNCrS*8ivzKtq9?O29>q^F#clr%A{MwgfwodAEACfoo;ZRPT2wE?a7TQ|Yh8S3GKY ztgJ>SiFVoZ`w|3(z>La{O~JNBBe_d?>Ez*8JUF}wsN(av1b~-7ANVTI7hp-*JPIK2 zSgqu;U?+b1zzd%hAmkhy$4Ph<5Ca$Eh=Kh8{-26|?Wi=Im6R%zhSOeYm{N#V)%)!d z1iIdZ$fFd;z(E1$`_BB_QtWdW#lTk1b_}I(MLCDj``o5gdV(IX;pk^1MlO<;O#XjJ z_FUO+2u7`FF#ffMq-aa_&Z8xJ8`P5h^QJVTEl(o2k + + + + + + + + + + + + + + + + + + + diff --git a/assets/icons/light-mode/theme-auto.png b/assets/icons/light-mode/theme-auto.png new file mode 100644 index 0000000000000000000000000000000000000000..3591a6b5b70b227f03f519dfcf284d0aceb7303f GIT binary patch literal 971 zcmV;+12p`JP)EX>4Tx04R}tkv&MmP!xqvTcx5E1v^M_$WWauh!%0wDionYs1;guFnQ@8G-*gu zTpR`0f`dPcRR%zW3+qSMnwUd;;+-(+!JwgLrz= z(mC%FhgnHdh|h_~4Qi11k?XR{Z=8z``*~*A$fW0q!^A?dgXIopB|{~S6Gs(QqkMnX zWrgz=XSGsetv>k+LwRjwnd?*|NMaF75FtQD4P{hdAx67KiitFxCp`QS$1jpgCRZ7Z z91EyIh2;3b|KRs*&BD~An-od_-7mKNF$x5Cfo9#dzmILZc>)BUfh(=;uQq_0Ptxmc zEqVkDYy%h9ZB5<-E_Z<8CtWfmM+#8+3kBf)jJ_!c4BY~~Ywp}y=Qw=;GBm5y4RCM> zj1?(+-Q(Roopby5PHTQYwv2MZ_qcK-00006VoOIv02Kf-0CiTw7r+1j010qNS#tmY z4c7nw4c7reD4Tcy000McNliru<_j7S8x9r~kvISV0mw;2K~z}7#n-WG6hRaQ@ZYVF zh)pz6PYWA6L1SST1RD)jR$}8HqJ?-#p=h1UUm@03f)Z`W4^BQ75uE|IlE80pG`D%ygsXxe$2unPA+paGIMOkJ zuaUh_=pMcJqX^pHC6*$4uLxzgOI(QTk430ZUE*eBzk|pBQHZXOTd%I9c#xCg@xR$N zfqqhqHquV0?Q;A)DaZYE({_sl){--WNiA8~LQA%mFX!072Lx8Q0sH#x2oJc#R6V86sa;qW4?)WE@Nkg;dD65 tt*2oTj{=!8nxKB+OBgsdaHGz6{ufD$scOQ4uOR>c002ovPDHLkV1iPBxdZ?J literal 0 HcmV?d00001 diff --git a/assets/icons/light-mode/theme-auto.svg b/assets/icons/light-mode/theme-auto.svg new file mode 100644 index 0000000..aa0708e --- /dev/null +++ b/assets/icons/light-mode/theme-auto.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/assets/icons/light-mode/theme-dark.png b/assets/icons/light-mode/theme-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..158cb22c6cbabdf46b8acbcf36addf3152ac82d9 GIT binary patch literal 965 zcmV;$13LVPP)EX>4Tx04R}tkv&MmKpe$iQ$^8=f*qtfWT?7W5EXIMDionYs1;guFuC*#nlvOS zE{=k0!NHHks)LKOt`4q(Aou~|=;Wm6A|?JWDYS_7;J6>}?mh0_0YbING^=eK&~)2O z#G+yTyLGntqt4ibyGCRUo5NpD&iAq7)J_2ZGjOFh{G}=|^GSN8 zp@olt-fiIGx}hn1z~v4w@MOrQ>`H!`LN*J$pV2p^f&N>dYt8GezK_!fAW2=tZ-9eC zU?fM`>n+~h+1%T|XX^d^0GP6JwyUJ2=>Px#24YJ`L;w{4G5~c}!xz8+000SaNLh0L z01ejw01ejxLMWSf00007bV*G`2j&YJ5F0em8Ayr%00F^CL_t(o!?o8tYgADb1>i3; z#YBjYMi@~<0}%_IXsaQhod|+p@b4&!O0X7;`X@v!4K_(5_-X_}B|2y#h>}SWBWiOL zxk>cw`&e+QyYF4=p8YuM49UkfoW@CvV;^>;XJ7CZPw^1z#XjMXXaYLZH!eR z-h%5`3lJCAH%wzVNV;ZSfF&bMn8u#{4fo8Qmv2GXz_lbNw=tp)_V48)E$A)p_K-QI+N zp-6D6p&H1=*CqrU48*=}Lcp0o?6bPb4+jU)RNVsZ1xN8no#f|&e?L>_aXcP8j#n{S zmm!%fVb88^X2~vKZ|)Ssl@dmEZUe9R2VK0vt#k`2`uTRUVAJ?i!j$%N230S)*WWLF zOt!p_?-gwMLTb}2?8KuQFD7$kJYXle*Fgp1)l?^)DlOJc267M_GB-DBwJJyFNGi+| nID-9!>-ifz!7Lsm5&y+66De7JfWyIb00000NkvXXu0mjfxq7h{ literal 0 HcmV?d00001 diff --git a/assets/icons/light-mode/theme-dark.svg b/assets/icons/light-mode/theme-dark.svg new file mode 100644 index 0000000..5d034fb --- /dev/null +++ b/assets/icons/light-mode/theme-dark.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/assets/icons/light-mode/theme-light.png b/assets/icons/light-mode/theme-light.png new file mode 100644 index 0000000000000000000000000000000000000000..62f996a58dd3a41b5ccf09f4dc5517b701abfc0d GIT binary patch literal 1039 zcmV+q1n~QbP)EX>4Tx04R}tkv&MmKpe$iQ>CI61v^OTkfAzR5EXIMDionYs1;guFuC*#nlvOS zE{=k0!NHHks)LKOt`4q(Aou~|=;Wm6A|?JWDYS_7;J6>}?mh0_0YbgZG^=YI&~)2O zCE{WxyDA1=(T6Yw5dmao8FP}9M91-U4)O(glehxvqHp#<}3Kz%xT;IyFxmA{Gm6th6yJni}yGaa7fG$`>*o ztDLtuYvn3y-jlyDnA2C5xlS{J1QxLb2_h6!Q9>CuVzla{SV+-+yn{dN`XzEH(v&^mat9cGGGtSBB|l9ep9kL0=$o>@&@Irr=JnRx$LRx*rmm7Vz`-Ff zTA=Lp4)5-1@9p0+&HjD>Iwo?EFz6Fz00006VoOIv02Kf-0CiTw7r+1j010qNS#tmY z4c7nw4c7reD4Tcy000McNliru<_j7S91kv2H)#L>0t`t+K~z}7-Iu#g8&MF3KO3!6 zSeE<(DbfONF;XrfMKE1JSRy@d;L6Za2Vw<*@+u+b0Rl=2n*u9cT7#4Xcfh9kR~j9y zchBw;VP&L|t=YN!J7;Fj>>S1D1@IL3$v>t5SOY4K{Fm5LMY_R50_XxE&~fAwv89f5 zyAKJVDW^Yxasq%7a4FrTA_1QPRY!Iv$1NlKBaUcII^P`Is(g9}p8#Khx{+_o`M!~D zh$A|X&bE=&m#+_arU}O~9=J|1k;1Pc`_H82{DOPNjO3KE*srE)n+LMlB!F0!ge3!Bo zV=qVWFlJ`tri%gq20j5^0b}4=dS)!+GB}j2lFo=J{a`0KF`OC~Xv1fG-(>pE&lZquA#%s%X64rlh@> zvXC}`9iOFj+I7638X1_CYyiABXP)^wo~eZ-X(fB-v65{SUCADODV?^KM-{x9u$H%^ z^S#Jg9!JYLK1`ZEj?10^R`h!W+^1YVpY;FrfAw)Xjh>5h(_jB@EW6sR>+=8r002ov JPDHLkV1g|L&JX|q literal 0 HcmV?d00001 diff --git a/assets/icons/light-mode/theme-light.svg b/assets/icons/light-mode/theme-light.svg new file mode 100644 index 0000000..963bd95 --- /dev/null +++ b/assets/icons/light-mode/theme-light.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/assets/style/dark-mode.css b/assets/style/dark-mode.css index 60b53ff..d39d031 100644 --- a/assets/style/dark-mode.css +++ b/assets/style/dark-mode.css @@ -60,9 +60,6 @@ body { .inline-code, .inline-code-text, .inline-code-icon { background-color: #212121; } -object[type='image/svg+xml'] { - color: #212121; -} .dark { display: initial !important; diff --git a/assets/style/light-mode.css b/assets/style/light-mode.css index 25ff0ec..139a2ed 100644 --- a/assets/style/light-mode.css +++ b/assets/style/light-mode.css @@ -60,9 +60,6 @@ body { .inline-code, .inline-code-text, .inline-code-icon { background-color: #EEE; } -object[type='image/svg+xml'] { - color: #EEE; -} .light { display: initial !important; diff --git a/assets/style/main.css b/assets/style/main.css index 8ac9a91..8accae1 100644 --- a/assets/style/main.css +++ b/assets/style/main.css @@ -92,6 +92,9 @@ a:hover { text-align: left; line-height: 1.5; } +.theme-btn { + padding-left: 3px; +} .theme-btn.selected { text-decoration: none; cursor: default; diff --git a/inc/sidebar.inc b/inc/sidebar.inc index 4ba1b92..4f366d6 100644 --- a/inc/sidebar.inc +++ b/inc/sidebar.inc @@ -12,7 +12,17 @@ ]; ?> $condition): ?> - " data-theme="" href="/api/set_theme/.php"> + + + + + + + + + " data-theme="" href="/api/set_theme/.php"> + +