From 1dcb93c84cef53397cf1e034da14be4f604fd8f6 Mon Sep 17 00:00:00 2001 From: axolotle Date: Thu, 27 Oct 2022 16:53:41 +0200 Subject: [PATCH] add dark-mode pacman version --- .../spinners/{pacman.gif => pacman_dark.gif} | Bin app/src/assets/spinners/pacman_light.gif | Bin 0 -> 1810 bytes app/src/components/globals/Spinner.vue | 6 +++++- 3 files changed, 5 insertions(+), 1 deletion(-) rename app/src/assets/spinners/{pacman.gif => pacman_dark.gif} (100%) create mode 100644 app/src/assets/spinners/pacman_light.gif diff --git a/app/src/assets/spinners/pacman.gif b/app/src/assets/spinners/pacman_dark.gif similarity index 100% rename from app/src/assets/spinners/pacman.gif rename to app/src/assets/spinners/pacman_dark.gif diff --git a/app/src/assets/spinners/pacman_light.gif b/app/src/assets/spinners/pacman_light.gif new file mode 100644 index 0000000000000000000000000000000000000000..cb5df88d0d66ba735a16def0a86d317ba371520a GIT binary patch literal 1810 zcmZ?wbhEHblwgoxSZcu_z{}6f&T{_DIV}w>K0*HHuV1*ixZb#W{o&mQM~)wDY-w7w zba7H@@~8J7w{F^EU}W&&%g1Afk6M_TS65US>KimSG}+tOy?pl4#oe{Iu$YaJ#mv&Y zvZl(`!7e8=`}dFEtJkfOk(0f4^ZNZq_xJ4Io06E^)zjtc?YnRH-Z?X8&zd{CyQ8b9 zq)1#;%*W41MNxU}sx@aXoC^&Kk(HL+ylqQ#Y;;Ui^v}P)7;pf^|J;7AA;Hd$0j@@R z2F#2=Wr{ypI9V9%8FWBeK;C3v>pw8R;0Je!mO|r!g$EcqE+{q_?uuN0&AUxNmQU!$ zhp!GVy|^BI;caT07kjY*? zCBm?OMubN9oN%@F1!3w8N=tbCd6wunF-)JJRBg}9J4HY!Kze%*TP!nEb4u)bxu#5U z9si?2Y+QU^eA<4oj@aC|2<}FPB@j0@?f|**nWQMP8V;J zZLf09-(2D%Ezpw_%Y39xDK*xfL2h@VxK7M9CkC*y)$lo+85p#VhZY(jg4PM<><=%% zK?`yA5*={RIz}9NtZvT;3R@QGmO@@3;m$;MQ87k)?mk`vRedQJ!8&#>*_gn&74yXw z1x)Sam+*^A+!jW0#KO$LSbm*o&=!%{?+My_;ol9rH^lT1e#uc%@GcZZT( zb%08pin@QSeR-jVI^zQSsm<&>GhO=nStkXw_lL=A@%Pv>C~b|=A?CJ{(jn|K-n zlSooT_lX1D+Kev1G!iav8YtEpDHbc-&8{D7&)v#bJz20$yK%Dptcp4Frc7g*C(~^> zDYmPdwKuT2JKHR_cC)!?NfXl!bAx3r`TL3kqy;tu-MhDrU1T26y_r!57ekT;JSQUD zD-JF#Qovy>z`8)b?L>;wtV7%-UVj5u-H=!5ZnfEQ;kNEVM&YB~6CyR-5>91rY}%0K zzV2)M;p8*RKReeqIPvn-`UuCEmp9uNl{Dn$H)j}6NiL`=tZ)+IO^9w*imwc6;F6f& zf)-E^i%WnOd&pRIop_{SsbVnyg2rd%-a3t|&kshP63RF4E9cm^kY~1GgzCjVN3KRM z7Lxj(r_{gMqid2MgAZpQFx8dCv-4ED6a<;GmbhfbnFAAD9)nU=f`)8|Q$i9$b6NC4 zdwKrJaUm<&BNpm3CYxy6Z$)y-QKB`s#M)qe4IKNo}~~?c5W=&n4^TTNm6Q)|`gI3*G zQ+8U^Xjj4-6Q4bEEgsJPmG)>|{`8KlODB&7OU_)9`lQdJLXW>DB_CYeWhCV1rZ}1F fO_(y(mz~9hb(*xmv}mR96mcDf6g6*PlC=f^yLx|1 literal 0 HcmV?d00001 diff --git a/app/src/components/globals/Spinner.vue b/app/src/components/globals/Spinner.vue index eb86c637..12662d28 100644 --- a/app/src/components/globals/Spinner.vue +++ b/app/src/components/globals/Spinner.vue @@ -23,9 +23,13 @@ export default { &.pacman { height: 24px; width: 24px; - background-image: url('../../assets/spinners/pacman.gif'); + background-image: url('../../assets/spinners/pacman_dark.gif'); animation-name: back-and-forth-pacman; + [dark-theme="true"] & { + background-image: url('../../assets/spinners/pacman_light.gif'); + } + @keyframes back-and-forth-pacman { 0%, 100% { transform: scale(1); margin-left: 0; } 49% { transform: scale(1); margin-left: calc(100% - 24px);}