diff --git a/files/static/dist/main.css b/files/static/dist/main.css
index 9f2b9c49f4..20f35dbebb 100644
--- a/files/static/dist/main.css
+++ b/files/static/dist/main.css
@@ -2140,19 +2140,19 @@ video {
 	transition-duration: 150ms;
 }
 .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)
 	}
 .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 {
@@ -2163,6 +2163,19 @@ video {
 	  scrollbar-width: none;  /* Firefox */
 	}
 
+.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;
@@ -2292,7 +2305,7 @@ video {
 	font-weight: 700;
 	--tw-shadow: 0 1px 0 rgba(255, 255, 255, 0.10) inset;
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-	    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
+	    text-shadow: 0 -1px 0 rgb(0, 0, 0);
 }
 .btn:focus {
 	outline: 2px solid transparent;
@@ -2414,7 +2427,7 @@ video {
 	line-height: 1.25rem;
 	font-weight: 700;
 	line-height: 1.5;
-		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
+		text-shadow: 0 1px 0 rgb(255, 255, 255);
 }
 .badge-pink {
 	--tw-gradient-from: #db2777;
@@ -2846,7 +2859,7 @@ img.emoji-lg {
 }
 
 .focus\:text-shadow:focus {
-		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.12)
+		text-shadow: 0 1px 0 rgb(0, 0, 0)
 	}
 
 .active\:text-gray-800:active {
diff --git a/files/static/src/main.css b/files/static/src/main.css
index a84b177ab8..333c623e92 100644
--- a/files/static/src/main.css
+++ b/files/static/src/main.css
@@ -88,22 +88,22 @@
 /* ---------------- RESPONSIVE UTILITIES ----------------- */
 @responsive {
 	.text-shadow {
-		text-shadow: 0 1px 0 rgb(0, 0, 0)
+		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.12)
 	}
 	.text-shadow-t {
-	    text-shadow: 0 -1px 0 rgb(0, 0, 0)
+	    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12)
 	}
 	.text-shadow-light {
-		text-shadow: 0 1px 0 rgb(255, 255, 255)
+		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1)
 	}
 	.text-shadow-light-t {
-	    text-shadow: 0 -1px 0 rgb(255, 255, 255)
+	    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1)
 	}
 	.sub-header-shadow {
-    	box-shadow: 0 1px 0 rgb(255, 255, 255) inset, -1px -1px 0.5px rgb(17, 40, 19) inset;
+    	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.10) inset, -1px -1px 0.5px rgba(17, 40, 19, 0.1) inset;
 	}
 	.gradient-mask {
-		-webkit-mask-image: linear-gradient(180deg,rgb(0,0,0) 60%,transparent); mask-image: linear-gradient(180deg,rgb(0,0,0) 60%,transparent)
+		-webkit-mask-image: linear-gradient(180deg,#000 60%,transparent); mask-image: linear-gradient(180deg,#000 60%,transparent)
 	}
 	/* Chrome, Safari and Opera */
 	.no-scrollbar::-webkit-scrollbar {