← All examples

High-contrast mode

Deepens text and border colors in the Shopify admin to improve readability in bright rooms or for weak eyesight.

Code to copy

.Polaris-Text--root,
.Polaris-IndexTable__TableCell,
table[class*="Polaris"] td,
.Polaris-Link {
  color: #1a1a1a !important;
}
.Polaris-IndexTable__TableRow,
.Polaris-Card,
.Polaris-Box {
  border-color: rgba(0,0,0,0.28) !important;
}
.Polaris-Text--subdued { color: #444 !important; }

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.