LSJ:DarkTheme: Difference between revisions

From LSJ
mNo edit summary
mNo edit summary
Line 1: Line 1:
You can paste the following code in [https://add0n.com/stylus.html Stylus] (an extension for Chrome, Firefox or Opera) and have lsj.gr displayed in a dark theme. This code works for wikipedia sites as well. You can simply add the extra URLs it should apply to via the extension settings (just use '''wikipedia.org''' in the '''Applies to URLs on the domain option''').
You can drop the following code in [https://add0n.com/stylus.html Stylus] (an extension for Chrome, Firefox or Opera) or any other styling extension, and have lsj.gr displayed in a dark theme. This code works for wikipedia sites as well. You can simply add the extra URLs it should apply to via the extension settings (just use '''wikipedia.org''' in the '''Applies to URLs on the domain option''' in Stylus).


[[File:dark-theme.png|thumb|Dark theme]]
[[File:dark-theme.png|thumb|Dark theme]]

Revision as of 16:13, 25 June 2020

You can drop the following code in Stylus (an extension for Chrome, Firefox or Opera) or any other styling extension, and have lsj.gr displayed in a dark theme. This code works for wikipedia sites as well. You can simply add the extra URLs it should apply to via the extension settings (just use wikipedia.org in the Applies to URLs on the domain option in Stylus).

Dark theme
* {
background: #262626 !important;
border-color: #3e3e3e !important;
color: #e9e6e6 !important;
}

a:link {
color: #a7a15e !important;
}

pre,
a:visited {
color: #a67b07 !important;
}

h1,
h1 *,
h2,
h2 *,
h3,
h3 *,
h4,
h4 *,
h5,
h5 *,
h6,
h6 *,
a:hover {
color: #556b2f !important;
}

b,
b *,
strong,
strong * {
color: #af5f00 !important;
font-weight: normal !important;
}

li,
i,
i * {
color: #e9e6e6 !important;
}

input,
button,
select,
textarea {
background: #262626 !important;
border: 1px solid #3e3e3e !important;
}

ul {
list-style-image: none !important;
}

#simpleSearch label{
background: none !important;
}
a.new, .new a {
color: #98bfe7 !important;
}
#mw-editbutton-link, span.oo-ui-iconElement-icon.oo-ui-icon-link {
    background-color: #ce5149 !important;
}
.mw-wiki-logo {
    background-image: url(/images/a/ae/LogoD.png) !important;
    background-repeat: no-repeat !important;
    display: block !important;
    content: '' !important;
    width: 11em !important;
    height: 11em !important;
    background-position: 50% 50% !important;
    margin: 0.75em auto 0 !important;
}
#trrandomquote::before {
color: #796c22 !important;
}