Togs is tired of the grayed out star, as it feels anti-accessibility for him, so he modified the css on his side! It is a bit burnt solution but work fine for him!

/*Toot icon*/
path[d="M7 22L3 18L7 14L8.4 15.45L6.85 17H17V13H19V19H6.85L8.4 20.55L7 22ZM5 11V5H17.15L15.6 3.45L17 2L21 6L17 10L15.6 8.55L17.15 7H7V11H5Z"] {
fill:#8c8dff;
}

path[d="M9 9H15V15H9V9Z"]{
fill:#8c8dff;
}

/*Favorite icon*/
path[d="m233-120 65-281L80-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149-247 149Z"]{
fill:#ca8f04;
}

/*Bookmark icon*/
path[d="M200-120v-640q0-33 23.5-56.5T280-840h400q33 0 56.5 23.5T760-760v640L480-240 200-120Z"]{
fill:#ff5050;
}

@psychicparrot42 Add:

div.column-header__wrapper.active h1 button {
color: #8c8dff;
}

If you want to restore the column header text changing color when new items are available in the column. The new gradient isn't enough for me. I keep my Home column scrolled just past the latest post so when I come back, I can just scroll up if there are new posts.

I find hashtags and mentions in toots a little hard to see sometimes with the color scheme Mastodon uses. My solution:

.mention { color: #8c8dff !important }

Brought to you by your website style modifying extension of choice!

The updated purple has one downside found so far: the boost  button on toots goes from #606984 grey to #8c8dff purple (a contrast ratio of only 1.91:1), which some of our users were having trouble recognizing.

The icons are inline SVG with hex color codes included, easily replaced with a quick CSS hack. I increased the brightness to #cbc9ff in this snippet.

https://www.klgrth.io/paste/vspcc

#Accessibility #MastoAdmin

I can't find the original post anymore and I apologize for that.

Small tip that I read when I started on Mastodon:

1. open account settings > preferences > appearance and turn on slow mode
2. I use a browser extension called stylus and I used the following styling for my mastodon page

.load-more {
background: #8c8dff;
color: white;
}
.load-more:hover {
background: #4f50a9;
}

3. profit...I mean better readability of the button at the top

Nachdem hier grad alles etwas schneller läuft, hab ich meine Ansicht in den Einstellungen auf "Slow mode" umgestellt.
Und weil ich das "3475 new items" in den Timelines leicht übersehe, mit dem Browser-Addon Stylus und 4 Zeilen CSS etwas auffälliger gemacht:

.load-more {
background: #8c8dff;
color: white;
}
.load-more:hover {
background: #4f50a9;
}

Farben sind für Darkmode, wer ein helles Theme benutzt, muss sie für sich anpassen.