Mastodon: emphasize content warnings
Bolds and highlights content warning text and the reveal button so they stand out clearly.
Code to copy
/* Make content warning text more prominent */
.status__content__spoiler-link,
.status__content--with-spoiler .status__content__spoiler,
.status__content .p-summary {
font-size: 15px !important;
font-weight: 600 !important;
letter-spacing: 0.02em !important;
}
.status__content__spoiler-link {
background: #ffd966 !important;
color: #2c1f00 !important;
padding: 4px 10px !important;
border-radius: 4px !important;
}How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's CSS panel and save — the effect appears instantly.
Rate this example
No ratings yet — be the first.