From 747c251df6de2cd0eb889c1c76d85785bfa7dc80 Mon Sep 17 00:00:00 2001
From: tobi <31960611+tsmethurst@users.noreply.github.com>
Date: Fri, 20 Sep 2024 15:24:15 +0200
Subject: [PATCH] [chore/frontend] Make ecks pee theme even more ecks pee er
 (#3324)

---
 web/assets/themes/ecks-pee.css | 36 +++++++++++++++++++++++++++++-----
 1 file changed, 31 insertions(+), 5 deletions(-)

diff --git a/web/assets/themes/ecks-pee.css b/web/assets/themes/ecks-pee.css
index c151e79bc..09e5da6a9 100644
--- a/web/assets/themes/ecks-pee.css
+++ b/web/assets/themes/ecks-pee.css
@@ -14,6 +14,8 @@
   --ecks-pee-lightest-blue: #c5dafc;
   --ecks-pee-orange: #f69438;
   --ecks-pee-white: #ffffff;
+  --ecks-pee-beige: #ece9d8;
+  --ecks-pee-darker-beige: #a8a79b;
   --ecks-pee-green: #369836;
   --ecks-pee-light-green: #96c496;
   --ecks-pee-dark-green: #1f611f;
@@ -64,7 +66,11 @@
   --blue3: var(--ecks-pee-white);
 
   /* Basic page styling (background + foreground) */
-  --bg: radial-gradient(circle closest-corner at 20% 20%, var(--ecks-pee-lighter-blue), var(--ecks-pee-light-blue));
+  --bg: radial-gradient(
+    circle closest-corner at 20% 20%,
+    var(--ecks-pee-lighter-blue),
+    var(--ecks-pee-light-blue)
+  );
   --bg-accent: var(--ecks-pee-blue);
   --fg: var(--ecks-pee-white);
   --fg-reduced: var(--ecks-pee-lightest-blue);
@@ -168,6 +174,17 @@ html, body {
   border-top: var(--ecks-pee-dotted-trim);
 }
 
+/* Status text */
+.status .text {
+  padding: 0.5rem;
+  background: var(--ecks-pee-beige);
+  border: 0.2rem inset var(--ecks-pee-darker-beige);
+
+  color: black;
+  text-shadow: none;
+  --link-fg: var(--ecks-pee-darkest-blue);
+}
+
 /* Status media */
 .status .media .media-wrapper {
   border: 0.1rem solid black;
@@ -181,10 +198,14 @@ html, body {
 
 /* Status polls */
 .status .text .poll {
-  background-color: black;
+  background-color: var(--ecks-pee-beige);
+  border: 0.1rem solid var(--ecks-pee-darker-beige);
+  border-radius: 0;
 }
 .status .text .poll .poll-info {
-  background: var(--ecks-pee-start-menu);
+  background: var(--ecks-pee-beige);
+  border: 0.1rem solid var(--ecks-pee-darker-beige);
+  border-radius: 0;
 }
 
 /* Code snippets */
@@ -192,12 +213,17 @@ pre, pre[class*="language-"],
 code, code[class*="language-"] {
 	background: black;
   color: var(--ecks-pee-white);
+  border-radius: 0;
 }
 
 /* Block quotes */
 blockquote {
-  background: black;
-  color: var(--ecks-pee-white);
+  padding: 0.5rem;
+  background: var(--ecks-pee-beige);
+  border-top: 0.1rem solid var(--ecks-pee-darker-beige);
+  border-right: 0.1rem solid var(--ecks-pee-darker-beige);
+  border-bottom: 0.1rem solid var(--ecks-pee-darker-beige);
+  border-radius: 0;
 }
 
 /* Cheeky little border */