From 4c255bc996d7b399badca32d20f15478bd285e99 Mon Sep 17 00:00:00 2001 From: killerbee Date: Wed, 14 Dec 2022 15:10:57 -0800 Subject: [PATCH] Fixes for minor UI elements Add the actual CSS patch I'm basing these changes off, for reference (in the very probable case that I've messed something up) --- app/javascript/styles/meemu-default.scss | 19 ++++++ .../styles/meemu-purple-contrast-patch.css | 64 +++++++++++++++++++ 2 files changed, 83 insertions(+) create mode 100644 app/javascript/styles/meemu-purple-contrast-patch.css diff --git a/app/javascript/styles/meemu-default.scss b/app/javascript/styles/meemu-default.scss index b184082..99bd020 100644 --- a/app/javascript/styles/meemu-default.scss +++ b/app/javascript/styles/meemu-default.scss @@ -18,5 +18,24 @@ $ui-secondary-color: #d8a2ba; /* Winning poll option: CR 5.77 against base */ $ui-highlight-color: #CC7AFF; +/* Selected toot */ +.detailed-status { +background: #332a54; +} +.detailed-status__action-bar { +background: #332a54; +} + +/* Replied-to-toot text over toot box */ +.reply-indicator { + a { + color: var(--fbc-light-gray) } +} + +/* OCR image description button */ +.link-button { + color: #00446c; + text-decoration: underline; +} @import 'application'; diff --git a/app/javascript/styles/meemu-purple-contrast-patch.css b/app/javascript/styles/meemu-purple-contrast-patch.css new file mode 100644 index 0000000..a537418 --- /dev/null +++ b/app/javascript/styles/meemu-purple-contrast-patch.css @@ -0,0 +1,64 @@ +/* Increase contrast */ +/* meemu-purple-221234c0.chunk.css | https://queer.party/packs/css/meemu-purple-221234c0.chunk.css */ +.column > .scrollable { + /* background: #322a4f; */ + background: #261f3f; +} + +.status__relative-time { + /* color: #885b8c; */ + color: #a87ea8; +} + +.status__display-name { + /* color: #885b8c; */ + color: #a87ea8; +} + +.status { + /* border-bottom: 1px solid #43386a; */ + border-bottom: 1px solid #524486; +} + +.muted .status__content, +.muted .status__content a, +.muted .status__content p, +.muted .status__display-name strong { + color: #a87ea8; +} + +.muted .poll { + /* color: #885b8c; */ + color: #a87ea8; +} +.reply-indicator__content a, .status__content a { +color: #d8a2ba; +} +.detailed-status { +background: #332a54; +} +.detailed-status__action-bar { +background: #332a54; +} + + +/* meemu-purple-652b2e02.chunk.css | https://queer.party/packs/css/meemu-purple-652b2e02.chunk.css */ + +.reply-indicator { + /* background: var\(--fbc-grey-20; */ + background: var(--fbc-light-gray); +} + +.link-button { + color: #00446c; + text-decoration: underline; +} + + +@media screen and (min-width: 631px) { + .column, + .drawer { + /* background: #2a2440; */ + background: #1c172d; + } +}