Christian Edel

76 Followers
192 Following
153 Posts
Web Developer - FullSnack Developer - Gaming Enthusiast - Dad - Just some guy - Archer - sometimes funny - A11y - Barrierefreiheit

A small code snippet for a better user experience on the mastodon page.

I always forget where to click to see the comments, so I added a Code Snippet for the Stylus extension to help me with that.

#a11y #TipsAndTricks

The code:
.status__content--with-action:hover {
border: 0.01px dashed #00a5ff;
}

.muted .status__content, .muted .status__content a, .muted .status__content p, .muted .status__display-name strong, .muted .poll {
color: #9d9d9d;
}

In Action

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