1 files changed, 28 insertions, 30 deletions

diff --git a/web/assets/themes/blurple-dark.css b/web/assets/themes/blurple-dark.css
index 7e4a9cc9a..60978ad00 100644
--- a/web/assets/themes/blurple-dark.css
+++ b/web/assets/themes/blurple-dark.css
@@ -5,18 +5,16 @@
 
 :root {
   /* Define our nice blurple palette */
-  --blurple1: #ffffff;
-  --blurple2: #ebe6f8;
-  --blurple3: #d6cceb;
-  --blurple4: #c2b3e1;
-  --blurple5: #ad99d7;
-  --blurple6: #9980cd;
-  --blurple7: #8566c2;
-  --blurple8: #704db8;
-  --blurple9: #5c33ae;
-  --blurple10: #471aa4;
-  --blurple11: #33009a;
-  --blurple12: #170044;
+  --blurple1: #ebe6f8;
+  --blurple2: #d6cceb;
+  --blurple3: #c2b3e1;
+  --blurple4: #aa60ff;
+  --blurple5: #783d9f;
+  --blurple6: #2d2b55;
+  --blurple7: #1f1f41;
+
+  /* Override orange trim */
+  --orange2: #fad000;
 
   /* Restyle basic colors to use blurple */
   --blue1: var(--blurple1);
@@ -24,23 +22,23 @@
   --blue3: var(--blurple3);
 
   /* Basic page styling (background + foreground) */
-  --bg: var(--blurple12);
-  --bg-accent: var(--blurple11);
+  --bg: linear-gradient(var(--blurple7), black);
+  --bg-accent: var(--blurple6);
   --fg: var(--blurple1);
-  --fg-reduced: var(--blurple3);
+  --fg-reduced: var(--blurple2);
 
-  /* Profile page styling (light) */
-  --profile-bg: var(--blurple11);
+  /* Profile page styling */
+  --profile-bg: var(--blurple6);
 
   /* Blurpleize buttons */
   --button-bg: var(--blurple2);
-  --button-fg: var(--blurple11);
+  --button-fg: var(--blurple5);
 
   /* Blurpleize statuses */
-  --status-bg: var(--blurple11);
-  --status-focus-bg: var(--blurple11);
-  --status-info-bg: var(--blurple9);
-  --status-focus-info-bg: var(--blurple9);
+  --status-bg: var(--blurple6);
+  --status-focus-bg: var(--blurple6);
+  --status-info-bg: var(--blurple5);
+  --status-focus-info-bg: var(--blurple5);
 
   /* Used around statuses + other items */
   --boxshadow-border: 0.08rem solid black;
@@ -48,26 +46,26 @@
 
 /* Scroll bar */
 html, body {
-  scrollbar-color: var(--blurple8) var(--blurple12);
+  scrollbar-color: var(--blurple4) var(--blurple7);
 }
 
 /* Profile fields */
 .profile .about-user .fields .field {
-  border-bottom: 0.1rem solid var(--blurple8);
+  border-bottom: 0.1rem solid var(--blurple4);
 }
 .profile .about-user .fields .field:first-child {
-  border-top: 0.1rem solid var(--blurple8);
+  border-top: 0.1rem solid var(--blurple4);
 }
 
 /* Status media */
 .status .media .media-wrapper {
-  border: 0.08rem solid var(--blurple9);
+  border: 0.08rem solid var(--blurple5);
 }
 .status .media .media-wrapper details .unknown-attachment .placeholder {
   color: var(--blue2);
 }
 .status .media .media-wrapper details video.plyr-video {
-  background: var(--blurple11);
+  background: var(--blurple6);
 }
 
 /* Status polls */
@@ -75,18 +73,18 @@ html, body {
   background-color: var(--bg);
 }
 .status .text .poll .poll-info {
-  background-color: var(--blurple11);
+  background-color: var(--blurple6);
 }
 
 /* Code snippets */
 pre, pre[class*="language-"],
 code, code[class*="language-"] {
-	background-color: var(--blurple12);
+	background-color: var(--blurple7);
   color: var(--fg-reduced);
 }
 
 /* Block quotes */
 blockquote {
-  background-color: var(--blurple12);
+  background-color: var(--blurple7);
   color: var(--fg-reduced);
 }