High Contrast CSS for the Community skin for Firefox and Chrome users

[#1]

I have been reading that some users would like to use a custom stylesheet to override colours and layouts and I thought it would be a good idea to get involved in some way going by some of the feedback I have received about the community. One of issues that has arisen a few times is to do with visual impairment and no way of adjusting the contrast of the site colours. I thought it would be best to create a new thread about this as my reply would get buried.

If you using Firefox or Chrome there are extensions available so you can inject custom styles for specific websites and adjust it more to your liking. Using the Firefox extension Stylish, I have created a high contrast version of the community for those who have trouble viewing the site. The Chrome equivilant is called Stylebot. Attached are screenshots of what the community will look like if you choose to override the styles using my code (provided as seperate posts below with instructions).

I would like to continue to work with you all to improve this so please reply with any sensible suggestions or let me know if I missed anything.

[#2]

Firefox users

Visit https://addons.mozilla.org/en-gb/firefox/addon/stylish/ and add the Stylish extension to your browser

1. Look for the Stylish icon () in your browser and click it
2. Navigate to 'Write new style' > 'For community.plus.net' (this will open a new tab)
3. Visit this link for the CSS code: http://pastebin.com/jzTBtTwy
4. Copy and paste the code from this page directly into the Stylish addon tab we just opened.
5. Click save on Stylish.

The Community should now show the high contrast colours.

[#3]

Chrome users

Visit https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=en and download and install the Chrome application for Stylebot.

1. Look for the Stylebot icon () in Chrome and click it
2. Navigate to 'options'. This will open a new tab.
3. Click 'Styles' on the left.
4. On the right side panel, click 'add new style'. This will open a modal box to edit.
5. add 'community.plus.net' to the URL input on this box then visit http://pastebin.com/p5QZUjtC to get the code to paste into the big input box.
6. When finished, click 'add'.

The community will now be in a high contrast colour mode after refreshing the page.

[#4]

Thanks Jaread83  , its a vast improvement

[#5]

Thanks @rongtw, I hope it helps some of the more regular users with using the site. Am happy to make changes if any are needed but I think I have managed to catch all the important stuff.

Moderator's note by Dick (Strat): Full quote of preceding post removed as per the forum rules

[#6]

Thanks jaread83, i also find this a vast improvement to the forum.