StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-11-24 14:34:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added rc dark styles

Browse source
This commit is contained in:
alistair3149 2019-12-02 18:32:16 -05:00
parent a69737dcb2
commit 86a86fe3bf
3 changed files with 55 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
resources/components/darkmode.less
View file

@ -27,6 +27,13 @@
border: 1px solid @dark-bg-20;
}
input,
select {
border: 1px solid @dark-bg-50;
background: @dark-bg-40;
color: @dark-text-80;
}
a,
a:visited,
.mw-body-content #mw-content-text .mw-parser-output #toc li.active {
@ -74,15 +81,11 @@
background: @dark-bg-50;
}
#site-search #p-search #searchInput,
#mw-header-menu-drawer-container #mw-user-links #p-personal {
border-color: @dark-bg-50;
}
#site-search #p-search #searchInput {
background: @dark-bg-40;
border-color: @dark-bg-50;
}
#site-search #search-icon-container #search-icon {
border-color: @base-100;
}
@ -142,11 +145,14 @@
@media only screen and (max-width: 1290px) and (prefers-color-scheme: dark) {
.mw-header-container,
.mw-body-content #mw-content-text .mw-parser-output #toc {
.mw-header-container {
background: @dark-bg-0;
}
.mw-body-content #mw-content-text .mw-parser-output #toc {
background: @dark-bg-40;
}
.mw-header-container.nav-down {
border-color: @dark-bg-20;
}

34
skinStyles/mediawiki.special.changeslist.enhanced.less
View file

@ -11,21 +11,31 @@
*/
table.mw-enhanced-rc {
margin: 0!important;
padding: @margin-side / 2 0;
border-bottom: 1px solid @base-80;
transition: @transition-background-quick;
margin: 0 !important;
padding: @margin-side / 2 0;
border-bottom: 1px solid @base-80;
transition: @transition-background-quick;
&:hover {
background-color: @base-90;
}
&:hover {
background-color: @base-90;
}
}
.mw-enhanced-rc-nested {
margin-top: @margin-side / 4;
display: block;
margin-top: @margin-side / 4;
display: block;
.mw-tag-markers {
margin: @margin-side / 4;
}
.mw-tag-markers {
margin: @margin-side / 4;
}
}
@media (prefers-color-scheme: dark) {
table.mw-enhanced-rc {
border-color: @dark-bg-20;
&:hover {
background-color: @dark-bg-10;
}
}
}

25
skinStyles/mediawiki.special.changeslist.less
View file

@ -27,16 +27,14 @@
.mw-changeslist {
h4 {
position: sticky;
top: 0;
border-top: 2px solid currentColor;
color: @base-50 !important;
color: @base-50 !important;
padding: @margin-side / 2 0 !important;
background: @base-100; // Sticky header BG
font-size: @content-caption-size !important;
font-size: @content-caption-size !important;
letter-spacing: 1px;
text-transform: uppercase;
font-family: @fonts !important;
font-family: @fonts !important;
font-weight: 600 !important;
}
@ -66,4 +64,21 @@
font-size: @content-caption-size;
}
}
}
@media (prefers-color-scheme: dark) {
.mw-changeslist {
h4 {
color: @dark-text-60 !important;
}
.mw-tag-markers {
.mw-tag-marker {
border-color: @dark-bg-10;
background-color: @dark-bg-10;
color: @dark-text-80;
}
}
}
}