Mastodon: warm orange accent color
Swaps the default indigo for a warm orange in links, action buttons and active tabs.
Code to copy
/* Replace default indigo accent with a warm orange */
:root {
--color-accent: #ff7a18;
}
.button,
.button.button-primary,
.column-link--transparent.active,
.icon-button.active {
color: #ff7a18 !important;
}
.button.button-primary {
background: #ff7a18 !important;
border-color: #ff7a18 !important;
color: #fff !important;
}
a {
color: #ff7a18 !important;
}
.column-header.active .column-header__icon {
color: #ff7a18 !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.