mirrors
/
gotosocial
mirror of
1
Fork 0
Code Issues Releases Activity

[chore/frontend] Make ecks pee theme even more ecks pee er (#3324)

This commit is contained in:
tobi 2024-09-20 15:24:15 +02:00 committed by GitHub
parent c378ad2bb3
commit 747c251df6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 31 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
web/assets/themes/ecks-pee.css
View File

@ -14,6 +14,8 @@
--ecks-pee-lightest-blue: #c5dafc; --ecks-pee-lightest-blue: #c5dafc;
--ecks-pee-orange: #f69438; --ecks-pee-orange: #f69438;
--ecks-pee-white: #ffffff; --ecks-pee-white: #ffffff;
--ecks-pee-beige: #ece9d8;
--ecks-pee-darker-beige: #a8a79b;
--ecks-pee-green: #369836; --ecks-pee-green: #369836;
--ecks-pee-light-green: #96c496; --ecks-pee-light-green: #96c496;
--ecks-pee-dark-green: #1f611f; --ecks-pee-dark-green: #1f611f;
@ -64,7 +66,11 @@
--blue3: var(--ecks-pee-white); --blue3: var(--ecks-pee-white);
/* Basic page styling (background + foreground) */ /* 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); --bg-accent: var(--ecks-pee-blue);
--fg: var(--ecks-pee-white); --fg: var(--ecks-pee-white);
--fg-reduced: var(--ecks-pee-lightest-blue); --fg-reduced: var(--ecks-pee-lightest-blue);
@ -168,6 +174,17 @@ html, body {
border-top: var(--ecks-pee-dotted-trim); 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 */
.status .media .media-wrapper { .status .media .media-wrapper {
border: 0.1rem solid black; border: 0.1rem solid black;
@ -181,10 +198,14 @@ html, body {
/* Status polls */ /* Status polls */
.status .text .poll { .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 { .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 */ /* Code snippets */
@ -192,12 +213,17 @@ pre, pre[class*="language-"],
code, code[class*="language-"] { code, code[class*="language-"] {
background: black; background: black;
color: var(--ecks-pee-white); color: var(--ecks-pee-white);
border-radius: 0;
} }
/* Block quotes */ /* Block quotes */
blockquote { blockquote {
background: black; padding: 0.5rem;
color: var(--ecks-pee-white); 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 */ /* Cheeky little border */