Substack: custom accent colour
Replaces Substack's default orange accent with any colour you set in the --jz-accent variable.
Code to copy
/* Override Substack's orange accent with a custom colour (change --jz-accent) */
:root {
--jz-accent: #2563eb;
}
a, .button-primary, .pencraft button,
[class*="primary"][class*="button"],
button[class*="subscribe"] {
background-color: var(--jz-accent) !important;
border-color: var(--jz-accent) !important;
color: #ffffff !important;
}
.body.markup a,
.available-content a {
color: var(--jz-accent) !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.