Thread: wiki: Dark skin
View Single Post
07/14/18, 02:16 AM   #1
manavortex
 
manavortex's Avatar
AddOn Author - Click to view addons
Join Date: May 2014
Posts: 138
wiki: Dark skin

Hey there,

could we get a dark skin for the wiki? I've created a Stylish-theme that's somewhat more eye friendly (see below), but if you could add this skin to the wiki's preference options, that would be great. If you want, I can try to fork it to make it look more like the esoui part of the page.


My Stylus theme:
Code:
body, *:after, div, #content, li, ul, #mw-page-base, div.vectorTabs ul li, div.vectorMenu ul, #preferences, table, .catlinks, html  {
    background-color: lightgrey;
}
body {
    display: initial;
}
fieldset, form, pre {
    background-color: #eae9e9ab;
}
#toc {
    border: 2px solid darkgrey;
    background-color: lightgrey;
    padding: 0.2em;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(161,161,161,1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(161,161,161,1);
    box-shadow: 2px 2px 5px 0px rgba(161,161,161,1);
}
#toc td > div, #toc td > ul {
    border: 2px solid darkgrey;       
}

#toc td > ul {
    padding: 0.3em;
}
#mw-panel div.portal div.body ul li {
    padding: 0.25em 0;    
}

tr:nth-child(2n),
tr:nth-child(2n) *, 
li:not([class*='toclevel-2']):nth-child(2n),  
li:not([class*='toclevel-2']):nth-child(2n) *, 
#bodyContent ul:nth-child(2n){
    background-color: lightgrey; 
}


#bodyContent ul:only-of-type li:nth-child(2n), 
#bodyContent ul:only-of-type li:nth-child(2n) * {
    background-color: darkgrey; 
    border: 0px;
}

tr:nth-child(2n-1), 
tr:nth-child(2n-1) *, 
li:nth-child(2n-1):not(only-of-type):not([id^=p]):not([id^=ca]), 
ul:not(only-of-type) li:nth-child(2n-1):not([id^=ca]):not([id^=p]) *{
    background-color: silver; 
}

li {
    padding: 0.05em 0.4em 0.15em 0.4em;
    margin-bottom: 0;
}

#p-views *, #left-navigation * {
    background-image: none;
}

Last edited by manavortex : 07/15/18 at 04:00 AM. Reason: added preview
  Reply With Quote