Target the page
Pick a website
Start from the page that keeps fighting your workflow and save the domain Chameleon should remember.
Chameleon
Customize any website with your own CSS. Create per-domain rules, preview changes instantly, and toggle styles from the browser popup.
Customize Websites Without Touching DevTools
Section titled “Customize Websites Without Touching DevTools”Chameleon lets you write CSS once, save it to a domain, and have it apply automatically whenever you visit that site. Use it to fix annoying layouts, restyle apps you use every day, hide clutter, or create quick personal themes.
What You Can Do
Section titled “What You Can Do” If a site has... Use Chameleon to...
Tiny or low-contrast text
Increase font size, line height, and foreground colors.
Distracting sidebars or promos
Hide clutter with saved CSS rules.
Dashboards that are hard to scan
Adjust spacing, widths, sticky headers, and table density.
Repeated manual DevTools tweaks
Save the CSS once and apply it automatically.
Different themes for different workflows
Group related rules into palettes and switch between them.
Built For Everyday Website Tweaks
Section titled “Built For Everyday Website Tweaks”Per-site rules
Target exactly where CSS should run
Save rules for one domain, include subdomains automatically, or use a global rule when one tweak belongs everywhere.
github.commail.google.com*
Popup toggles
Gmail contrast
Docs cleanup
News focus
CSS editor
body {
line-height: 1.7 !important;
}
.promo,
aside {
display: none !important;
}Palettes
Focus Dark Gmail Readable Docs
Bundle related rules when a workflow needs a full theme.
Archive
Rule saved Archived Restore
Turn A Recurring Tweak Into A Saved Rule
Section titled “Turn A Recurring Tweak Into A Saved Rule”Saved rule
Save the CSS you keep rewriting
Instead of reopening DevTools every time, turn the tweak into a rule that follows the site.
Before
Dense layouts, distracting sidebars, and the same manual CSS edits every time you open the site.
/* Make dense pages easier to read */
main {
max-width: 72ch !important;
line-height: 1.7 !important;
}
aside,
[data-testid="promo"] {
display: none !important;
}From One Annoying Page To A Saved Fix
Section titled “From One Annoying Page To A Saved Fix”
Chameleon Common Ways People Use It
Section titled “Common Ways People Use It”Make work apps less painful
Tune internal dashboards, admin panels, and docs tools so they are easier to scan.
restyle dashboard.local Build personal themes
Save CSS for sites you use every day and switch between variants with palettes.
toggle Gmail dark theme Keep temporary fixes around
Archive old rules instead of deleting CSS you may need again later.
restore archived rule Save Site Preferences
Section titled “Save Site Preferences”Theme Mismatched Sites
Save dark mode for sites that only have light mode, or save a light mode for sites that only have dark mode.
Tune Reading Comfort
Keep preferred type sizes, line heights, content widths, and spacing rules attached to the site where they matter.
Remove Repeat Friction
Turn recurring one-off CSS fixes into reusable rules you can enable, pause, or adjust later.
How It Works
Section titled “How It Works”Pick a Website
Create a rule for the current domain, a specific site, or every website with a global rule. See the rules guide for domain matching details.
Write Your CSS
Add the styles you want in a dedicated editor built for writing and managing CSS rules. Start with the CSS recipes when you need examples.
Toggle Anytime
Enable or disable saved styles from the popup without deleting them or reloading your setup. The popup guide explains the current-site controls.
Keep Styles Organized
Group related rules into palettes when you want to switch between full site themes. Read the palettes guide for variants.