Mastodon: dark sepia theme
Applies a warm dark sepia palette that is easier on the eyes during evening scrolling sessions.
Code to copy
/* Sepia-tinted dark theme overlay for reduced eye strain */
body, .ui {
background: #1f1a14 !important;
}
.column, .columns-area__panels__main, .scrollable, .compose-panel, .compose-form {
background: #2a221a !important;
}
.status, .notification {
background: #2a221a !important;
color: #ede0c8 !important;
border-bottom-color: #3a2f22 !important;
}
.status__content, .display-name__html, .status__display-name strong {
color: #ede0c8 !important;
}
.status__relative-time, .display-name__account {
color: #b8a07c !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.