I spend a lot of time on wikipedia, thing is i dont use a normal size PC monitor, i have my PC hooked up to my TV, wikipedia is mostly white, which is fine during the day, but when it's night time, the whiteness is very overpowering and makes it difficult to read on such a large TV. I was wondering is there a black skin for wikipedia, or something to the effect of 'Night reading mode' like on iPhone/Android devices?
I have looked through the available skins for wikipedia in my account, but they are all fairly bright, and not really what im looking for. Ive tried loads of custom skins, such as the ones found at userstyles.org, but none of them work properly or look right, and this is distracting.
Wikipedia does allow you to write your own custom CSS and JS.
I added the following custom CSS to the default 'Vector' skin for wikipedia, it's far from perfect, but it does the job for reading articles:
div#content {
background-color: black;
color: #aaa;
background-image:none;
}
h1, h2, h3, h4, h5, h6 {
color: #aaa;
}
body {
background-color: black;
background-image:none;
}
#mw-page-base {
background-color: black;
background-image:none;
}
#mw-head-base {
background-image:none;
}
div.vectorTabs, div.vectorTabs * {
background:black;
background-image:none;
}
table.fmbox-warning {
background: #BB7070;
}
a:visited {
color: #36B;
}
a {
color: #36B;
}
div#mw-panel div.portal div.body ul li a {
color: #36B;
}
#mw-panel.collapsible-nav .portal h5 {
color: #36B;
font-weight: bold;
}
#toc, .toc, .mw-warning , .catlinks , .articleFeedback-panel , table.ambox {
border: 1px solid #444;
background-color: #222;
}
div#footer ul li {
color: white;
}
↧