feat: ✨ theme change + general UI updates (#29)

* wip: 🚧 background change

* refactor: ♻️ update bg

* refactor: ♻️ improvements on svg background blur

bot/index.js

@@ -5,7 +5,6 @@ import { checkEnvVariable, verifyRepoName } from "./utils/tools/index.js";
 checkEnvVariable("MONGODB_URI");
 checkEnvVariable("MONGODB_DB_NAME");
 checkEnvVariable("GITHUB_APP_NAME");
-checkEnvVariable("DOPPLER_ENVIRONMENT");
 checkEnvVariable("CODEFAIR_APP_DOMAIN");
 
 // sourcery skip: use-object-destructuring
@@ -179,7 +178,7 @@ export default async (app) => {
         // Remove from the database
         await installationCollection.deleteOne({
           repositoryId: repository.id,
-        })
+        });
       }
     }
   });

ui/layouts/default.vue

@@ -14,34 +14,10 @@ const toggleMobileMenu = () => {
     class="relative mx-auto flex h-full min-h-screen w-full flex-col bg-slate-50"
     :class="{ 'debug-screens': devMode }"
   >
-    <div
-      class="absolute inset-x-0 -top-40 z-0 transform-gpu overflow-hidden blur-3xl sm:-top-80"
-      aria-hidden="true"
-    >
-      <div
-        class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]"
-        style="
-          clip-path: polygon(
-            74.1% 44.1%,
-            100% 61.6%,
-            97.5% 26.9%,
-            85.5% 0.1%,
-            80.7% 2%,
-            72.5% 32.5%,
-            60.2% 62.4%,
-            52.4% 68.1%,
-            47.5% 58.3%,
-            45.2% 34.5%,
-            27.5% 76.7%,
-            0.1% 64.9%,
-            17.9% 100%,
-            27.6% 76.8%,
-            76.1% 97.7%,
-            74.1% 44.1%
-          );
-        "
-      ></div>
-    </div>
+    <!-- <div
+      class="absolute left-0 top-0 z-0 h-full w-full bg-auto bg-center bg-repeat"
+      style="background-image: url(&quot;/Hexagon.svg&quot;)"
+    ></div> -->
 
     <div class="relative z-20 mx-auto w-full max-w-screen-xl px-4 md:px-8">
       <header class="mb-0 flex items-center justify-between py-6">
@@ -187,6 +163,21 @@ const toggleMobileMenu = () => {
       </header>
     </div>
 
+    <div
+      class="absolute top-0 z-0 w-full transform-gpu overflow-hidden"
+      aria-hidden="true"
+    >
+      <div
+        class="relative z-0 h-full border border-red-600 bg-gradient-to-b from-blue-500 to-red-500"
+      >
+        <img
+          src="/Hexagon.svg"
+          alt=""
+          class="z-0 max-h-[600px] w-full bg-gradient-to-b from-blue-500 to-red-500 object-cover object-top"
+        />
+      </div>
+    </div>
+
     <div class="relative z-10 grow">
       <slot />
     </div>

ui/pages/dashboard/[owner]/[repo].vue

@@ -105,16 +105,13 @@ const generateSeed = (seed: string) => {
         bordered
       >
         <div class="my-3">
-          <!-- <h3>Open License Requests</h3> -->
-
           <div
             v-for="licenseRequest in licenseRequests.open"
             :key="licenseRequest.identifier"
           >
             <n-card>
               <n-flex align="center" justify="space-between">
                 <div>
-                  <!-- <h3>{{ licenseRequest.identifier }}</h3> -->
                   <h3>ID: {{ generateSeed(licenseRequest.identifier) }}</h3>
 
                   <p>