mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-28 08:10:45 +00:00
Add darkmode to diff view and legacy inputs
This commit is contained in:
parent
da13b518e9
commit
d3a0ce33c8
10
skin.json
10
skin.json
|
@ -351,13 +351,19 @@
|
|||
"+mediawiki.special.changeslist": "skinStyles/mediawiki.special.changeslist.less",
|
||||
"+mediawiki.special.changeslist.enhanced": "skinStyles/mediawiki.special.changeslist.enhanced.less",
|
||||
"+mediawiki.special.search.styles": "skinStyles/mediawiki.special.search.styles.less",
|
||||
"+mediawiki.special.userlogin.login.styles": "skinStyles/mediawiki.special.userlogin.login.styles.less",
|
||||
"+mediawiki.special.apisandbox": "skinStyles/mediawiki.special.apisandbox.less",
|
||||
"+mediawiki.special.preferences.styles.ooui": "skinStyles/mediawiki.special.preferences.styles.ooui.less",
|
||||
"+mediawiki.diff.styles": "skinStyles/mediawiki.diff.styles.less",
|
||||
"+mediawiki.ui.input": "skinStyles/mediawiki.ui.components.input.less",
|
||||
"+mediawiki.ui.checkbox": "skinStyles/mediawiki.ui.components.checkbox.less",
|
||||
"+oojs-ui-core": "skinStyles/oojs-ui-core.less",
|
||||
"+oojs-ui-toolbars": "skinStyles/oojs-ui-toolbars.less",
|
||||
"+oojs-ui-widgets": "skinStyles/oojs-ui-widgets.less",
|
||||
"+oojs-ui-windows": "skinStyles/oojs-ui-windows.less",
|
||||
"+mmv": "skinStyles/mmv.less",
|
||||
"+mw.rcfilters.ui.ChangesListWrapperWidget": "skinStyles/mw.rcfilters.ui.ChangesListWrapperWidget.less",
|
||||
"+mw.rcfilters.ui.FilterTagMultiselectWidget": "skinStyles/mw.rcfilters.ui.FilterTagMultiselectWidget.less",
|
||||
"+mediawiki.rcfilters.filters.base.styles": "skinStyles/mediawiki.rcfilters.filters.base.styles.less",
|
||||
"+mediawiki.widgets.DateInputWidget.styles": "skinStyles/mediawiki.widgets.DateInputWidget.styles.less",
|
||||
"ext.CookieWarning.styles": "skinStyles/ext.CookieWarning.styles.less",
|
||||
"+ext.echo.styles.badge": "skinStyles/ext.echo.styles.badge.less",
|
||||
"+ext.echo.ui": "skinStyles/ext.echo.ui.less",
|
||||
|
|
28
skinStyles/mediawiki.diff.styles.less
Normal file
28
skinStyles/mediawiki.diff.styles.less
Normal file
|
@ -0,0 +1,28 @@
|
|||
/*
|
||||
* Citizen - Diff Styles
|
||||
* https://starcitizen.tools
|
||||
*/
|
||||
|
||||
@import '../resources/variables.less';
|
||||
|
||||
@media ( prefers-color-scheme: dark ) {
|
||||
.diff-context {
|
||||
background: @dark-bg-10;
|
||||
border-color: @dark-bg-20;
|
||||
color: @dark-text-90;
|
||||
}
|
||||
|
||||
/* TODO */
|
||||
.diff-addedline .diffchange {
|
||||
background: #d8ecff;
|
||||
}
|
||||
|
||||
.diff-deletedline .diffchange {
|
||||
background: #feeec8;
|
||||
}
|
||||
|
||||
.mw-diff-movedpara-left:after,
|
||||
.mw-diff-movedpara-right:after {
|
||||
color: @dark-text-90;
|
||||
}
|
||||
}
|
23
skinStyles/mediawiki.ui.components.checkbox.less
Normal file
23
skinStyles/mediawiki.ui.components.checkbox.less
Normal file
|
@ -0,0 +1,23 @@
|
|||
/*
|
||||
* Citizen - Checkbox
|
||||
* https://starcitizen.tools
|
||||
*/
|
||||
|
||||
@import '../resources/variables.less';
|
||||
|
||||
@media ( prefers-color-scheme: dark ) {
|
||||
.mw-ui-checkbox:not( #noop ) {
|
||||
[ type='checkbox' ] {
|
||||
& + label:before {
|
||||
background-color: @dark-bg-0;
|
||||
border: 1px solid @dark-bg-60;
|
||||
}
|
||||
|
||||
// disabled checkboxes have a gray background
|
||||
&:disabled + label:before {
|
||||
background-color: @dark-bg-30;
|
||||
border-color: @dark-bg-30;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
24
skinStyles/mediawiki.ui.components.input.less
Normal file
24
skinStyles/mediawiki.ui.components.input.less
Normal file
|
@ -0,0 +1,24 @@
|
|||
/*
|
||||
* Citizen - Inputs
|
||||
* https://starcitizen.tools
|
||||
*/
|
||||
|
||||
@import '../resources/variables.less';
|
||||
|
||||
@media ( prefers-color-scheme: dark ) {
|
||||
.mw-ui-input {
|
||||
background-color: @dark-bg-0;
|
||||
color: @dark-text-100;
|
||||
border: 1px solid @dark-bg-50;
|
||||
box-shadow: inset 0 0 0 0.1em @dark-bg-0;
|
||||
|
||||
&:hover {
|
||||
border-color: @dark-bg-60;
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
border-color: @dark-bg-20;
|
||||
color: @dark-text-70;
|
||||
}
|
||||
}
|
||||
}
|
|
@ -215,6 +215,12 @@
|
|||
background-color: @dark-bg-0;
|
||||
}
|
||||
}
|
||||
|
||||
.oo-ui-tagItemWidget {
|
||||
&.oo-ui-widget-enabled {
|
||||
background-color: @dark-bg-0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue