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 */