Coder Social home page Coder Social logo

solarized-wikipedia's Introduction

Solarized-Wikipedia

Solarized Wikipedia Theme

Currently I have created only Dark version, if you prefer light version you can use palette from ethanschoonover to create your light theme. Easiest way to do this is to replace #xxxxxx of dark theme with corresponding #xxxxxx of light theme in css file with find/replace function of your editor.

Solarized Theme

Solarized color palette was created by Ethan Schoonover in two modes - dark and light - basically for people/coders who use terminal like environment. It is available for various text editors and IDEs and some of them are now bundeled with it by default.

Those who read wikipedia for long hours may have noticed that it is sometimes stressfull for your eyes with basic themes of wikipedia. Especially on large monitors small fonts/text hurt your eyes after prolonged reading. So I have created a dark version of Solorized theme for wikipedia.

If anybody interested can create a light version of this too as I almost always use dark themes for my editors and browsers. They help me read in low light conditions without much stress on eyes.

Source

This theme is orignally by rotane published on userstyles.org. I modified it according to my needs for fontsizes, spacing etc. but retained the color-palette of solarized theme by Ethan.

I created it as a replacement for the vector.css on English version of Wikipedia but it is working on all wikipedia sister projects without any problems. It should work well with other languages on wikipedia. Original design explanation for the theme can be found here.

Usage

1.

If you are always logged-in on wikipedia and on sister projects you can replace content of vector.css with the content of solarized-wikipedia.css. It may work on all mediawiki websites including wikipeida and also on wikipedia sister projects using mediawiki software.

Login to Wikipedia -> go to https://en.wikipedia.org/wiki/Special:Preferences#mw-prefsection-rendering -> Select Vector theme and click on Custom CSS for it -> click on Edit Source -> toggle editor and paste content of solarized-wikipedia.css there. -> Save and enjoy your new theme.

You can repeat this for all wikipedia sister sites.

2.

User styles in browser, if you don't want to login to wikipedia. Install Stylilsh plugin for Firefox. In firebox address bar type about:addons and hit enter. Click on User Styles and than on Write New Style. Give it a new name and save content from solarized-wikipedia.css there. Hit save and open a wikipedia page to check if it is working.

Issues

If it is not working for any reason please report it here and I will try to look into that.

burn fire not eyes

Links

Solarized - http://ethanschoonover.com/solarized

1910 - http://blog.weare1910.com/post/75576312730/a-readable-wikipedia

UserStyles - https://userstyles.org/styles/99515/wikipedia-1911-rotane

Original Theme - http://rotane.deviantart.com/journal/Wikipedia-is-aweful-442134673

Ethan Schoonover - https://twitter.com/ethanschoonover

License

Creative Commons License
Solorized Wikipedia by Nullx002 is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
Based on a work at http://rotane.deviantart.com/journal/Wikipedia-is-aweful-442134673.
Originally inspired from 1910 design. Permissions beyond the scope of this license may be available at http://blog.weare1910.com/post/75576312730/a-readable-wikipedia.

solarized-wikipedia's People

Contributors

nullx002 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

solarized-wikipedia's Issues

A couple of typos, and a Mozilla-specific extension

I just tried out the content of [solarized-wikipedia.css] on my global.css, and it didn't work out-of-the box.

There's three of issues:

  • The @-moz-document clause at line 7 (terminated by the } on line 656) appears to prevent the style working with Google Chrome.
  • A stray n on line 215
  • A typo 22x on line 399 which I assume is supposed to be 22px.

These were all picked up by the Wikimedia editor when I pasted the text into the document space. I couldn't actually see any negative effect from the latter two issues.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.