diff --git a/files/static/src/main.css b/files/static/src/main.css
index e910bdd32c..a84b177ab8 100644
--- a/files/static/src/main.css
+++ b/files/static/src/main.css
@@ -2,6 +2,19 @@
 @tailwind components;
 @tailwind utilities;
 
+.theme-dramblr {
+	--color-primary: 2,132,199;
+    --color-100: 241,245,249;
+    --color-200: 226,232,240;
+    --color-300: 203,213,225;
+    --color-400: 148,163,184;
+    --color-500: 100,116,139;
+    --color-600: 71,85,105;
+    --color-700: 51,65,85;
+    --color-800: 30,41,59;
+    --color-900: 15,23,42;
+}
+
 .theme-midnight {
 	--color-primary: 219,39,119;
     --color-100: 243,244,246;
@@ -75,22 +88,22 @@
 /* ---------------- RESPONSIVE UTILITIES ----------------- */
 @responsive {
 	.text-shadow {
-		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.12)
+		text-shadow: 0 1px 0 rgb(0, 0, 0)
 	}
 	.text-shadow-t {
-	    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12)
+	    text-shadow: 0 -1px 0 rgb(0, 0, 0)
 	}
 	.text-shadow-light {
-		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1)
+		text-shadow: 0 1px 0 rgb(255, 255, 255)
 	}
 	.text-shadow-light-t {
-	    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1)
+	    text-shadow: 0 -1px 0 rgb(255, 255, 255)
 	}
 	.sub-header-shadow {
-    	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.10) inset, -1px -1px 0.5px rgba(17, 40, 19, 0.1) inset;
+    	box-shadow: 0 1px 0 rgb(255, 255, 255) inset, -1px -1px 0.5px rgb(17, 40, 19) inset;
 	}
 	.gradient-mask {
-		-webkit-mask-image: linear-gradient(180deg,#000 60%,transparent); mask-image: linear-gradient(180deg,#000 60%,transparent)
+		-webkit-mask-image: linear-gradient(180deg,rgb(0,0,0) 60%,transparent); mask-image: linear-gradient(180deg,rgb(0,0,0) 60%,transparent)
 	}
 	/* Chrome, Safari and Opera */
 	.no-scrollbar::-webkit-scrollbar {