[feature/frontend] Add dark version of brutalist theme (#3294)

1 files changed, 20 insertions, 2 deletions

diff --git a/web/assets/themes/brutalist.css b/web/assets/themes/brutalist.css
index ac4790ad1..e29509c21 100644
--- a/web/assets/themes/brutalist.css
+++ b/web/assets/themes/brutalist.css
@@ -90,7 +90,8 @@ html, body {
 }
 
 /* Code snippets */
-.status .text .content pre, .status .text .content code {
+.status .text .content pre,
+.status .text .content code {
   background: var(--almost-black);
   color: var(--almost-white);
 }
@@ -128,18 +129,35 @@ html, body {
   border-top: var(--dashed-border);
 }
 
+/* Make show more/less buttons more legible */
 .status button, .status .button {
   background-color: var(--almost-black);
   color: var(--almost-white);
   border: var(--dashed-border);
 }
-
 .status button:hover, .status .button:hover {
   background-color: var(--almost-white);
   color: var(--almost-black);
   border: var(--dashed-border);
 }
 
+/*
+  Border looks terrible on emoji hover
+  with this scheme so disable it.
+*/
 .emoji:hover {
   border: none;
 }
+
+/*
+  Our borders are real thick + juicy,
+  so outdent the left margin a bit
+  more to compensate.
+*/
+.thread .status.indent-1 .status-link,
+.thread .status.indent-2 .status-link,
+.thread .status.indent-3 .status-link,
+.thread .status.indent-4 .status-link,
+.thread .status.indent-5 .status-link { 
+  margin-left: -1rem;
+}