ankit / stylebot

Change the appearance of the web instantly
https://stylebot.dev/
MIT License
1.4k stars 208 forks source link

[Bug] Stylebot turns github to black/white only #566

Closed timo-schmid closed 4 years ago

timo-schmid commented 4 years ago

Describe the bug The whole github.com site turns black/white/gray only. Same goes for internal github sites.

To Reproduce Steps to reproduce the behavior:

Expected behavior Colors.

Screenshots It's pretty obvious.

Additional context Turning off the extension fixes the issue.

timo-schmid commented 4 years ago

Seems there is an entry "git" that contains:

div.position-relative.js-header-wrapper {
  filter: grayscale(100%);
}

div.show-on-focus {
  filter: grayscale(100%);
}

#js-flash-container {
  filter: grayscale(100%);
}

div.application-main {
  filter: grayscale(100%);
}

div.footer.container-lg.width-full.p-responsive {
  filter: grayscale(100%);
}

div.ajax-error-message.flash.flash-error {
  filter: grayscale(100%);
}

div.js-stale-session-flash.stale-session-flash.flash.flash-warn.flash-banner {
  filter: grayscale(100%);
}

#site-details-dialog {
  filter: grayscale(100%);
}

div.Popover.js-hovercard-content.position-absolute {
  filter: grayscale(100%);
}

div.js-global-screen-reader-notice.sr-only {
  filter: grayscale(100%);
}

div.chrome_websiteIP_right {
  filter: grayscale(100%);
}

But I don't remember adding this, does it come with the extension?

ankit commented 4 years ago

@timo-schmid You might have accidentally enabled grayscale mode. You can remove this css by going into "magic" tab and disabling grayscale (or just manually deleting css). There is a global shortcut (Alt+G) to toggle grayscale and you might have pressed those keys.

ankit commented 4 years ago

I am removing the default shortcuts for grayscale/readability so that will make this more stable.

timo-schmid commented 4 years ago

It's quite likely I hit the keyboard shortcut, thanks! 👍