About improvements.

src/components/UI/BoxItem.vue

@@ -135,7 +135,7 @@ export default {
       transition: all .1s ease-in-out;
 
       &:hover {
-        @apply bg-dark-600 text-white;
+        @apply bg-dark-700 text-white;
       }
     }
 

src/package.json

@@ -4,7 +4,7 @@
   "description": "An open-source and super-improved version of DeepNude.",
   "author": "DreamNet",
   "homepage": "https://time.dreamnet.tech",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "main": "electron/dist/index.js",
   "license": "GPL-3.0-only",
   "private": true,
@@ -155,4 +155,4 @@
     "tailwindcss-alpha": "hacknug/tailwindcss-alpha#feature/tests",
     "worker-loader": "^2.0.0"
   }
-}
+}

src/pages/about.vue

@@ -74,14 +74,39 @@
               :version="item.version" />
           </div>
         </section>
+      </div>
+
+      <div class="about__columns">
+        <!-- Sponsors -->
+        <section class="box box--items is-contributors">
+          <div class="box__content">
+            <box-item
+              icon="thumbs-up"
+              label="Sponsors"
+              description="Incredible services that support the project." />
+
+            <box-item
+              v-for="(item, index) in sponsors"
+              :key="index"
+              :label="item.label"
+              :description="item.description"
+              :href="item.href"
+              :icon="item.icon" />
+
+            <box-item
+              label="Become a sponsor"
+              icon="check-circle"
+              href="https://www.patreon.com/join/dreamnet/checkout?rid=4426478" />
+          </div>
+        </section>
 
         <!-- Supporters -->
         <section class="box box--items is-contributors">
           <div class="box__content">
             <box-item
-              icon="grin-hearts"
+              icon="heart"
               label="Supporters"
-              description="Wonderful people who have helped us make this possible." />
+              description="Wonderful people that without them this would not be possible." />
 
             <box-item
               v-for="(item, index) in supporters"
@@ -158,6 +183,10 @@ export default {
       }
     },
 
+    sponsors() {
+      return nucleus.sponsors || []
+    },
+
     supporters() {
       return nucleus.supporters || []
     },