風山@私はご飯を残しました(慢心)Oct 13
body {
background-color: #191b22;
}
.drawer__inner__mastodon {
background-color: #444b5d;
}
.drawer__inner{
background-color: #444b5d;
}
.column>.scrollable{
background-color: #282c37;
}
.column-header {
background-color: #313543;
}
Show threadMatthew "Smiffy" SmithSep 24, 2023
@aussocialadmin So looks like there's a ..muted class being applied, #444b5d. I just changed that to #000000, and it looked normal. Just need to track down as suitable extension.
Show thread摩擦一刹火花比星光迷人。Feb 11, 2022

@tusooa

.drawer__inner__mastodon {
background: #444b5d url(data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 234.80078 31.757813" width="234.80078" height="31.757812"><path d="M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z" fill="%23282C37"/></svg>) no-repeat bottom/100% auto;
flex: 1;
min-height: 47px;
display: none;
}

img不是我放进去的站点吉祥物图片……

Show thread-> @[email protected]May 23, 2020
.fa-reply-all, .fa-reply { color: #444b5d; cursor: default; pointer-events: none; }
button[title="Reply"], button[title="Reply to thread"] { pointer-events: none; }
James HarrisNov 2, 2018

So happy to see stylable scrollbars out in Firefox Nightly. If you're running Nightly, you can install Stylus (https://addons.mozilla.org/en-US/firefox/addon/styl-us/) and copy these into a custom style:

.scrollable {
scrollbar-width: thin;
scrollbar-color: #444b5d #282c37;
}

Colors are for the Mastodon default theme. For toot.cafe theme, use #494558 #2a2833.

Stylus – Get this Extension for 🦊 Firefox (en-US)

Download Stylus for Firefox. Redesign your favorite websites with Stylus, an actively developed and community driven userstyles manager. Easily install custom themes from popular online repositories, or create, edit, and manage your own personalized CSS stylesheets.