Thread Tools Display Modes
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
07/14/18, 05:58 AM   #2
sirinsidiator
 
sirinsidiator's Avatar
AddOn Author - Click to view addons
Join Date: Apr 2014
Posts: 1,566
If you are still using Stylish, you should switch to Stylus asap. Stylish was bought a while back and sends all urls you visit to the company.
  Reply With Quote
07/14/18, 10:55 AM   #3
manavortex
 
manavortex's Avatar
AddOn Author - Click to view addons
Join Date: May 2014
Posts: 138
Right... I had switched, but my head just remembered sty...whatsnot Trying to update brain pointer.

Last edited by manavortex : 07/15/18 at 04:01 AM.
  Reply With Quote

ESOUI » Site Forums » Site help, bugs, suggestions/questions » wiki: Dark skin

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off