mirrors
/
meemudotorg-theemu
mirror of https://github.com/meemudotorg/theemu.git
1
0
Fork 0
Code Releases Activity

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)
This commit is contained in:
killerbee 2022-12-14 15:10:57 -08:00
parent e402150171
commit 4c255bc996
2 changed files with 83 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
app/javascript/styles/meemu-default.scss
View File

@ -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';

64
app/javascript/styles/meemu-purple-contrast-patch.css Normal file
View File

@ -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;
}
}