diff --git a/.gitea/workflows/build.yaml b/.gitea/workflows/build.yaml
new file mode 100644
index 0000000..2aa641b
--- /dev/null
+++ b/.gitea/workflows/build.yaml
@@ -0,0 +1,11 @@
+name: Build 
+run-name: NPM builder
+on: [push]
+jobs:
+  build:
+    runs-on: self-hosted
+    defaults:
+      run:
+        working-directory: /root/links.opnkty
+    steps:
+    - run: npm run build
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 8ecba0c..119e8e3 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -2,7 +2,7 @@
   class="pt-12 text-center text-xs text-lightModeForegroundMuted hover:text-lightModeForeground dark:text-darkModeForegroundMuted dark:hover:text-darkModeForeground"
 >
   <!--<hr class="opacity-50" />-->
-  <a href="" class="block py-4 no-underline"
+  <a href="" class="block py-4 no-underline smolkit"
     >ᓚᘏᗢ</a
   >
 </footer>
diff --git a/src/styles/global.css b/src/styles/global.css
index 7d3e6de..36d94b5 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -11,46 +11,46 @@
   :root {
     color-scheme: dark;
     /* replace colors from here... */
-    --light-mode-background: 240 240 240;
-    --light-mode-foreground: 0 0 0;
-    --light-mode-foreground-muted: 50 50 50;
-    --light-mode-icon-link-outline: 50 50 50;
-    --light-mode-icon-link-background: 255 255 255;
-    --light-mode-icon-link-text: 0 0 0;
-    --light-mode-icon-link-outline-hover: 0 0 0;
-    --light-mode-icon-link-background-hover: 240 240 240;
-    --light-mode-icon-link-text-hover: 0 0 0;
-    --light-mode-custom-link-outline: 50 50 50;
-    --light-mode-custom-link-background: 255 255 255;
-    --light-mode-custom-link-text: 0 0 0;
-    --light-mode-custom-link-outline-hover: 0 0 0;
-    --light-mode-custom-link-background-hover: 240 240 240;
-    --light-mode-custom-link-text-hover: 0 0 0;
+    /*--light-mode-background: 240 240 240;*/
+    /*--light-mode-foreground: 0 0 0;*/
+    /*--light-mode-foreground-muted: 50 50 50;*/
+    /*--light-mode-icon-link-outline: 50 50 50;*/
+    /*--light-mode-icon-link-background: 255 255 255;*/
+    /*--light-mode-icon-link-text: 0 0 0;*/
+    /*--light-mode-icon-link-outline-hover: 0 0 0;*/
+    /*--light-mode-icon-link-background-hover: 240 240 240;*/
+    /*--light-mode-icon-link-text-hover: 0 0 0;*/
+    /*--light-mode-custom-link-outline: 50 50 50;*/
+    /*--light-mode-custom-link-background: 255 255 255;*/
+    /*--light-mode-custom-link-text: 0 0 0;*/
+    /*--light-mode-custom-link-outline-hover: 0 0 0;*/
+    /*--light-mode-custom-link-background-hover: 240 240 240;*/
+    /*--light-mode-custom-link-text-hover: 0 0 0;*/
 
-    --dark-mode-background: 10 10 10;
-    --dark-mode-foreground: 255 255 255;
-    --dark-mode-foreground-muted: 205 205 205;
-    --dark-mode-icon-link-outline: 205 205 205;
-    --dark-mode-icon-link-background: 0 0 0;
-    --dark-mode-icon-link-text: 255 255 255;
-    --dark-mode-icon-link-outline-hover: 255 255 255;
-    --dark-mode-icon-link-background-hover: 50 50 50;
-    --dark-mode-icon-link-text-hover: 255 255 255;
-    --dark-mode-custom-link-outline: 205 205 205;
-    --dark-mode-custom-link-background: 0 0 0;
-    --dark-mode-custom-link-text: 255 255 255;
-    --dark-mode-custom-link-outline-hover: 255 255 255;
-    --dark-mode-custom-link-background-hover: 50 50 50;
-    --dark-mode-custom-link-text-hover: 255 255 255;
+    /*--dark-mode-background: 30 30 46;*/
+    --dark-mode-foreground: 205 214 244;
+    --dark-mode-foreground-muted: 186 194 222;
+    --dark-mode-icon-link-outline: 205 214 244;
+    --dark-mode-icon-link-background: 24 24 37;
+    --dark-mode-icon-link-text: 205 214 244;
+    --dark-mode-icon-link-outline-hover: 205 214 244;
+    --dark-mode-icon-link-background-hover: 49 50 68;
+    --dark-mode-icon-link-text-hover: 137 220 235;
+    --dark-mode-custom-link-outline: 205 214 244;
+    --dark-mode-custom-link-background: 24 24 37;
+    --dark-mode-custom-link-text: 205 214 244;
+    --dark-mode-custom-link-outline-hover: 205 214 244;
+    --dark-mode-custom-link-background-hover: 49 50 68;
+    --dark-mode-custom-link-text-hover: 137 220 235;
     /* ...to here */
   }
   html {
     font-family: "JetB";
   }
   body {
-    background-color: light-dark(
-      rgb(var(--light-mode-background)),
-      rgb(var(--dark-mode-background))
-    );
+    background-color: #1e1e2e;
   } 
+  .smolkit {
+    color: #9efefe;
+  }
 }