diff options
| author |  tobi <31960611+tsmethurst@users.noreply.github.com> | 2024-09-20 15:24:15 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com> | 2024-09-20 15:24:15 +0200 |
| commit | 747c251df6de2cd0eb889c1c76d85785bfa7dc80 (patch) | |
| tree | d5acf9d4fc3dd1948c37073e57282531f412b1e9 | |
| parent | [feature] Allow users to submit `interaction_policy` on new statuses (#3314) (diff) | |
| download | gotosocial-747c251df6de2cd0eb889c1c76d85785bfa7dc80.tar.xz | |
[chore/frontend] Make ecks pee theme even more ecks pee er (#3324)
| -rw-r--r-- | web/assets/themes/ecks-pee.css | 36 |
1 files 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 */ |