Fixing Inverted Text For People Who Get Migraines/Are Photosensitive

Published on Jan 11th, 2013 by

So I, along with many other people, get migraines, and also have weird light sensitivity where certain things are uncomfortable or impossible to look at for long. I can’t read blue LEDs for example, and can barely read blue text at all, nor can I view white text on a black background for more than about 10 seconds before a migraine/nausea/dizziness kicks in. It’s a pretty common problem for migraine sufferers and people with photosensitivity. When you complain about it people tend to think you’re just being fussy about how you want something to appear, but it’s actually super unpleasant and has nothing to do with visual taste.

I’ve always just kind of put up with it because I had no idea what to do save from convincing everyone ever not to use inverted text (and apparently there’s good reason TO use it as well, in that it stops eye strain in the dark). But after engaging in my favourite pastime (complaining on Twitter), Christine Love suggested using a custom CSS plugin.

I downloaded a Chrome plugin called Stylebot (which is free). From there you just right click the little ‘CSS’ icon that’ll appear in Chrome’s address bar, go to Options > Styles > Edit Global Stylesheet and enter the following code:

body {
background-color: white !important;
color: black !important;

Then just restart the browser and bam, no more inverted text. Alternatively if for some reason you want to turn off inverted text on an individual website but not in general, you can alter the CSS for that particular page by clicking the ‘CSS’ icon while you’re on the page, choosing ‘Edit CSS’ then entering the same code. You can also disable it on a page if the overall rule you’ve set by entering the code is breaking the page or whatever (I haven’t found any where it does yet, though).

Firefox users: For FF I’ve installed a plugin called Stylish which works much in the same way. Install the plugin, Firefox will restart, then go to the newly-created ‘User Styles’ option in the Add-On Manager, click Write New Style and insert the above code. This plugin seems to have largely the same functions as the Chrome one, and can be used to target specific websites too;  it’s not as straightforward, but there are more resources available online explaining how to do specific things with it.

So there you go. No more inverted text-induced migraines and nausea for Chrome and FF users, and as a bonus, default-scheme Twine games won’t be nightmarish to play!  (This is why I was complaining today.) Again, thanks to Christine Love for giving me the code/pointing out it should be possible to do, go buy her game Analogue because it is great.

Latest Comments (3)

At this time it seems like Expression Engine is the best blogging platform out there right now.
(from what I’ve read) Is that what you’re using on your blog?

March 20, 2014 6:40 pm Reply

best double stroller 2014

Hello There. I discovered your weblog the usage of msn.
That is a very well written article. I’ll be sure
to bookmark it and return to learn more of your helpful info.
Thank you for the post. I’ll certainly return.

April 5, 2014 8:45 am Reply

Internal Collaboration

I’m amazed, I have tto admit. Seldom do I come across a blog that’s both equally educative and interesting,
and without a doubt, you’ve hit the nail on the head.
Thee problem is something which not enough folks are speaking intelligently about.

I’m very happy that I found this in my hunt for something
relating to this.

October 23, 2014 2:07 am Reply

Post a Comment

Posting your comment...

Subscribe to these comment via email