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

Merge pull request #37 from octfx/feature/advanced_search_darkmode

Browse source 
Extension AdvancedSearch darkmode
This commit is contained in:
alistair3149 2019-12-30 11:24:52 -05:00 committed by GitHub
parent fb39eb0046 facb4ea607
commit 3a01db8314
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 77 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
skin.json
View file

@ -347,6 +347,9 @@
},
"ResourceModuleSkinStyles": {
"citizen": {
"+ext.advancedSearch.initialstyles": "skinStyles/extensions/AdvancedSearch/ext.advancedSearch.initialstyles.less",
"+ext.advancedSearch.styles": "skinStyles/extensions/AdvancedSearch/ext.advancedSearch.styles.less",
"+ext.echo.styles.badge": "skinStyles/extensions/Echo/ext.echo.styles.badge.less",
"+ext.echo.ui": "skinStyles/extensions/Echo/ext.echo.ui.less",

18
skinStyles/extensions/AdvancedSearch/ext.advancedSearch.initialstyles.less Normal file
View file

@ -0,0 +1,18 @@
/*
* Citizen - Advanced Search Initial Styles
* https://starcitizen.tools
*/
@import '../../../resources/variables.less';
@media ( prefers-color-scheme: dark ) {
.client-js {
.mw-search-spinner {
&:before,
&:after,
& .mw-search-spinner-bounce {
background-color: @dark-text-70;
}
}
}
}

56
skinStyles/extensions/AdvancedSearch/ext.advancedSearch.styles.less Normal file
View file

@ -0,0 +1,56 @@
/*
* Citizen - Advanced Search Styles
* https://starcitizen.tools
*/
@import '../../../resources/variables.less';
@media ( prefers-color-scheme: dark ) {
.mw-advancedSearch-fieldContainer {
background: linear-gradient( rgba( 0, 0, 0, 0.1 ), @dark-bg-0 0.5em );
border: solid 1px @dark-bg-30;
fieldset {
border-top: solid 1px @dark-bg-30;
}
.oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
background: @dark-bg-0;
color: @dark-text-80;
}
}
.mw-advancedSearch-expandablePane-button {
&.oo-ui-widget-enabled.oo-ui-buttonWidget {
&.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
background-color: @dark-bg-10;
}
> .oo-ui-buttonElement-button:hover {
background-color: @dark-bg-10;
color: @dark-text-90;
}
}
}
.mw-advancedSearch-namespace-selection {
border: solid 1px @dark-bg-50;
background: @dark-bg-10;
}
.mw-advancedSearch-namespace-border {
border-top: 4px solid @dark-bg-30;
border-bottom: 1px solid @dark-bg-30;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
&.selected {
background-color: @accent-10;
border-color: @accent-50;
}
}
.oo-ui-popupWidget-popup .mw-advancedSearch-tooltip-head {
color: @dark-text-70;
}
}