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.
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''').


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

Revision as of 15:50, 25 June 2020

You can paste the following code in 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).

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;
}