From 3edfc7eeef09e9e48452bf22cd6f5291df6e2913 Mon Sep 17 00:00:00 2001 From: tobi <31960611+tsmethurst@users.noreply.github.com> Date: Sat, 21 Sep 2024 15:43:22 +0200 Subject: [PATCH] [feature/frontend] Add solarized light + dark themes (#3325) --- .../noto-sans-mono-v30-latin-regular.woff2 | Bin 0 -> 10856 bytes web/assets/themes/solarized-dark.css | 147 ++++++++++++++++++ web/assets/themes/solarized-light.css | 147 ++++++++++++++++++ 3 files changed, 294 insertions(+) create mode 100644 web/assets/fonts/noto-sans-mono-v30-latin-regular.woff2 create mode 100644 web/assets/themes/solarized-dark.css create mode 100644 web/assets/themes/solarized-light.css diff --git a/web/assets/fonts/noto-sans-mono-v30-latin-regular.woff2 b/web/assets/fonts/noto-sans-mono-v30-latin-regular.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..94fa9347f906e7c0c5c51613d04f31aae07d80a4 GIT binary patch literal 10856 zcmV-uDwoxFPew8T0RR9104itz5C8xG09XV704fFm0RR9100000000000000000000 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 summary .button { + font-family: 'Noto Sans Mono', monospace; +} + +/* Ensure role badge readable */ +.profile .profile-header .basic-info .namerole .role.admin { + color: var(--base03); +} diff --git a/web/assets/themes/solarized-light.css b/web/assets/themes/solarized-light.css new file mode 100644 index 000000000..8801c4438 --- /dev/null +++ b/web/assets/themes/solarized-light.css @@ -0,0 +1,147 @@ +/* + theme-title: Solarized (light) + theme-description: Solarized sloth (light) +*/ + +/* + Solarized colors + design - https://github.com/altercation/solarized + + Copyright (c) 2011 Ethan Schoonover + + Permission is hereby granted, free of charge, to any person obtaining a copy + of this software and associated documentation files (the "Software"), to deal + in the Software without restriction, including without limitation the rights + to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + copies of the Software, and to permit persons to whom the Software is + furnished to do so, subject to the following conditions: + + The above copyright notice and this permission notice shall be included in + all copies or substantial portions of the Software. + + THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + THE SOFTWARE. +*/ + +:root { + /* Define solarized palette */ + --base03: #002b36; + --base02: #073642; + --base01: #586e75; + --base00: #657b83; + --base0: #839496; + --base1: #93a1a1; + --base2: #eee8d5; + --base3: #fdf6e3; + --yellow: #b58900; + --orange: #cb4b16; + --red: #dc322f; + --magenta: #d33682; + --violet: #6c71c4; + --blue: #268bd2; + --cyan: #2aa198; + --green: #859900; + + /* Override orange trim */ + --orange2: var(--orange); + + /* Restyle basic colors to use Solarized */ + --white1: var(--base3); + --white2: var(--base2); + --blue1: var(--cyan); + --blue2: var(--base03); + --blue3: var(--base02); + + /* Basic page styling (background + foreground) */ + --bg: var(--white1); + --bg-accent: var(--white2); + --fg: var(--base02); + --fg-reduced: var(--base01); + + /* Profile page styling (light) */ + --profile-bg: var(--white2); + + /* Solarize buttons */ + --button-bg: var(--blue2); + --button-fg: var(--white1); + + /* Solarize statuses */ + --status-bg: var(--white1); + --status-focus-bg: var(--white1); + --status-info-bg: var(--white2); + --status-focus-info-bg: var(--white2); + + /* Used around statuses + other items */ + --boxshadow-border: 0.1rem solid var(--base1); + + --plyr-video-control-color: var(--fg-reduced); + --plyr-video-control-color-hover: var(--fg); +} + +@font-face { + font-family: "Noto Sans Mono"; + font-weight: normal; + font-style: normal; + src: url(/assets/fonts/noto-sans-mono-v30-latin-regular.woff2) format('woff2'); +} + +/* Scroll bar */ +html, body { + font-family: 'Noto Sans Mono', monospace; + scrollbar-color: var(--orange2) var(--white1) ; +} + +/* Profile fields */ +.profile .about-user .fields .field { + border-bottom: var(--boxshadow-border); +} +.profile .about-user .fields .field:first-child { + border-top: var(--boxshadow-border); +} + +/* Status media */ +.status .media .media-wrapper { + border: var(--boxshadow-border); +} +.status .media .media-wrapper details .unknown-attachment .placeholder { + color: var(--blue2); +} +.status .media .media-wrapper details video.plyr-video { + background: transparent; +} + +/* Status polls */ +.status .text .poll { + background-color: var(--white2); +} +.status .text .poll .poll-info { + background-color: var(--white1); +} + +/* Code snippets */ +pre, pre[class*="language-"], +code, code[class*="language-"] { + background-color: black; + color: var(--base3); +} + +/* Block quotes */ +blockquote { + background-color: var(--bg-accent); + color: var(--fg); +} + +button, +.button, +.status .text-spoiler > summary .button { + font-family: 'Noto Sans Mono', monospace; +} + +/* Ensure role badge readable */ +.profile .profile-header .basic-info .namerole .role.admin { + color: var(--base03); +}