#292c46 — Public Fediverse posts

I added these styles to my Mastodon page (via the Stylus extension) and they're pretty neat at first glance.

The first one highlights posts that aren't boosts in your timeline, with a blue border and a slightly blue background.

[data-status-by]:not([data-boosted-by]) {
background-color:#292c46;
border: 3px blue inset;
}

The second one makes my posts and boosts partly transparent, so I can ignore them more easily. Replace "@samadeleine" with your username of course.

[data-status-by="@samadeleine"],[data-boosted-by="@samadeleine"]{
opacity:20%;
}

It also makes it easier on the notifications page to distinguish actual responses to your posts from favorites and boosts.

#css #mastodonhack #stylus

I added these styles to my Mastodon page (via the Stylus extension) and they're pretty neat at first glance.

The first one highlights posts that aren't boosts in your timeline, with a blue border and a slightly blue background.

[data-status-by]:not([data-boosted-by]) {
background-color:#292c46;
border: 3px blue inset;
}

The second one makes my posts and boosts partly transparent, so I can ignore them more easily. Replace "@samadeleine" with your username of course.

[data-status-by="@samadeleine"],[data-boosted-by="@samadeleine"]{
opacity:20%;
}

It also makes it easier on the notifications page to distinguish actual responses to your posts from favorites and boosts.

#css #mastodonhack #stylus

I added these styles to my Mastodon page (via the Stylus extension) and they're pretty neat at first glance.

The first one highlights posts that aren't boosts in your timeline, with a blue border and a slightly blue background.

[data-status-by]:not([data-boosted-by]) {
background-color:#292c46;
border: 3px blue inset;
}

The second one makes my posts and boosts partly transparent, so I can ignore them more easily. Replace "@samadeleine" with your username of course.

[data-status-by="@samadeleine"],[data-boosted-by="@samadeleine"]{
opacity:20%;
}

It also makes it easier on the notifications page to distinguish actual responses to your posts from favorites and boosts.

#css #mastodonhack #stylus

I added these styles to my Mastodon page (via the Stylus extension) and they're pretty neat at first glance.

The first one highlights posts that aren't boosts in your timeline, with a blue border and a slightly blue background.

[data-status-by]:not([data-boosted-by]) {
background-color:#292c46;
border: 3px blue inset;
}

The second one makes my posts and boosts partly transparent, so I can ignore them more easily. Replace "@samadeleine" with your username of course.

[data-status-by="@samadeleine"],[data-boosted-by="@samadeleine"]{
opacity:20%;
}

It also makes it easier on the notifications page to distinguish actual responses to your posts from favorites and boosts.

#css #mastodonhack #stylus

I added these styles to my Mastodon page (via the Stylus extension) and they're pretty neat at first glance.

The first one highlights posts that aren't boosts in your timeline, with a blue border and a slightly blue background.

[data-status-by]:not([data-boosted-by]) {
background-color:#292c46;
border: 3px blue inset;
}

The second one makes my posts and boosts partly transparent, so I can ignore them more easily. Replace "@samadeleine" with your username of course.

[data-status-by="@samadeleine"],[data-boosted-by="@samadeleine"]{
opacity:20%;
}

It also makes it easier on the notifications page to distinguish actual responses to your posts from favorites and boosts.

#css #mastodonhack #stylus