WhatsApp Web: custom accent color
Swaps WhatsApp's default green for a different colour (indigo) across buttons and accents.
Code to copy
/* Replace WhatsApp's green accent with a custom indigo tone */
:root {
--teal-light: #5b6cff !important;
--teal-light-alpha-20: rgba(91,108,255,0.2) !important;
--highlight: #5b6cff !important;
--selection-checked-default: #5b6cff !important;
}
[data-testid="icon-send"] path,
header[data-testid="conversation-info-header"] svg path[fill*="#00a884" i] {
fill: #5b6cff !important;
}
button[style*="rgb(0, 168, 132)"] {
background-color: #5b6cff !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.