GUI: Replace loading gifs with webp animations

Author: Fuzzbawls

src/Makefile.qt.include

@@ -496,8 +496,8 @@ RES_ICONS = \
   qt/res/images/ic-check-box-indeterminate.svg \
   qt/res/images/ic-information.svg \
   qt/res/images/ic-information-hover.svg \
-  qt/res/images/ani-loading-dark.gif \
-  qt/res/images/ani-loading.gif \
+  qt/res/images/ani-loading-dark.webp \
+  qt/res/images/ani-loading-light.webp \
   qt/res/images/ic-check-vote.svg \
   qt/res/images/ic-check-vote-active.svg \
   qt/res/images/ic-check-vote-dark.svg \

src/qt/loadingdialog.cpp

@@ -3,6 +3,9 @@
 // file COPYING or http://www.opensource.org/licenses/mit-license.php.
 
 #include "loadingdialog.h"
+
+#include "qtutils.h"
+
 #include "ui_loadingdialog.h"
 
 #include <QMovie>
@@ -36,7 +39,12 @@ LoadingDialog::LoadingDialog(QWidget *parent, QString loadingMsg) :
 
     ui->frame->setProperty("cssClass", "container-loading");
 
-    QMovie *movie = new QMovie("://ani-loading-dark");
+    QMovie *movie = {};
+    if (isLightTheme()) {
+        movie = new QMovie("://ani-loading-light");
+    } else {
+        movie = new QMovie("://ani-loading-dark");
+    }
     ui->labelMovie->setText("");
     ui->labelMovie->setMovie(movie);
     movie->start();

src/qt/pivx.qrc

@@ -200,8 +200,8 @@
         <file alias="ic-check-box-dark-active">res/images/ic-check-box-dark-active.svg</file>
         <file alias="ic-check-box-indeterminate">res/images/ic-check-box-indeterminate.svg</file>
         <file alias="ic-check-liliac-indeterminate">res/images/ic-check-liliac-indeterminate.svg</file>
-        <file alias="ani-loading-dark">res/images/ani-loading-dark.gif</file>
-        <file alias="ani-loading">res/images/ani-loading.gif</file>
+        <file alias="ani-loading-dark">res/images/ani-loading-dark.webp</file>
+        <file alias="ani-loading-light">res/images/ani-loading-light.webp</file>
         <file alias="ic-pending">res/images/ic-pending.svg</file>
         <file alias="ic-transaction-stake-delegated">res/images/ic-transaction-stake-delegated.svg</file>
         <file alias="ic-transaction-stake-delegated-inactive">res/images/ic-transaction-stake-delegated-inactive.svg</file>