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

feat(skinStyles): update ULS styles

Browse source 
Updated to MLEB 2021.12, the last version that supports MW 1.35
This commit is contained in:
alistair3149 2022-05-17 10:57:50 -04:00
parent 4710d1e59a
commit 95e48b13d5
No known key found for this signature in database
GPG key ID: 94D081060FD3DD9C
11 changed files with 267 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
README.md
View file

@ -61,7 +61,7 @@ Name | Grade | Version | Last updated
[TabberNeue](https://www.mediawiki.org/wiki/Extension:TabberNeue) | A | 1.3.1 `c045490` | 2022-04-19
[TimedMediaHandler](https://www.mediawiki.org/wiki/Extension:TimedMediaHandler) | B | N/A | N/A
[Translate](https://www.mediawiki.org/wiki/Extension:Translate) | B | MLEB 2021.07 | 2021-07-29
[UniversalLanguageSelector](https://www.mediawiki.org/wiki/Extension:UniversalLanguageSelector) | B | MLEB 2021.07 | 2021-07-29
[UniversalLanguageSelector](https://www.mediawiki.org/wiki/Extension:UniversalLanguageSelector) | B | MLEB 2021.12 | 2022-05-17
[UploadWizard](https://www.mediawiki.org/wiki/Extension:UploadWizard) | A | N/A | N/A
[VisualEditor](https://www.mediawiki.org/wiki/Extension:VisualEditor) | A | REL1_35 `cc3466a` | 2021-08-04
[Wikibase](https://www.mediawiki.org/wiki/Extension:Wikibase) | B | REL1_35 `7bb503b` | 2022-05-11

2
skin.json
View file

@ -607,6 +607,8 @@
"+ext.uls.interlanguage": "skinStyles/extensions/UniversalLanguageSelector/ext.uls.interlanguage.less",
"+ext.uls.languagesettings": "skinStyles/extensions/UniversalLanguageSelector/ext.uls.languagesettings.less",
"+ext.uls.setlang": "skinStyles/extensions/UniversalLanguageSelector/ext.uls.setlang.less",
"+jquery.ime": "skinStyles/extensions/UniversalLanguageSelector/jquery.ime.less",
"+jquery.uls": "skinStyles/extensions/UniversalLanguageSelector/jquery.uls.less",
"+ext.CookieWarning.styles": "skinStyles/extensions/CookieWarning/ext.CookieWarning.styles.less",
"+ext.popups.main": "skinStyles/extensions/Popups/ext.popups.main.less",
"+ext.PortableInfobox.styles": "skinStyles/extensions/PortableInfobox/ext.PortableInfobox.styles.less",

34
skinStyles/extensions/UniversalLanguageSelector/ext.uls.common.less
View file

@ -3,19 +3,47 @@
*
* SkinStyles for Extension:UniversalLanguageSelector
* Module: ext.uls.common
* Version: MLEB 2021.07
* Version: MLEB 2021.12
*
* Date: 2021-07-29
* Date: 2022-05-17
*/
@import 'ext.uls.mixins.less';
.uls-menu {
border-radius: var( --border-radius--medium );
}
.uls-search,
.uls-language-settings-close-block {
border-top-left-radius: var( --border-radius--medium );
border-top-right-radius: var( --border-radius--medium );
}
.uls-language-list {
border-bottom-left-radius: var( --border-radius--medium );
border-bottom-right-radius: var( --border-radius--medium );
}
.uls-menu.callout {
.caret();
}
.uls-icon-back {
border-right-color: var( --border-color-base );
border-right: 0; // filter invert does not like it
opacity: var( --opacity-icon-base );
&:hover {
opacity: var( --opacity-icon-base--hover );
}
&:active {
opacity: var( --opacity-icon-base--active );
}
}
.skin-citizen-dark .uls-icon-back {
filter: invert( 1 ) hue-rotate( 180deg );
}
.uls-menu .uls-no-results-view {

13
skinStyles/extensions/UniversalLanguageSelector/ext.uls.compactlinks.less
View file

@ -3,9 +3,9 @@
*
* SkinStyles for Extension:UniversalLanguageSelector
* Module: ext.uls.compactlinks
* Version: MLEB 2021.07
* Version: MLEB 2021.12
*
* Date: 2021-07-29
* Date: 2022-05-17
*/
@import 'ext.uls.mixins.less';
@ -14,6 +14,15 @@
background-color: var( --color-surface-4 );
}
.skin-citizen-dark {
/* stylelint-disable selector-max-id */
#p-lang .mw-interlanguage-selector,
#p-lang .mw-interlanguage-selector:active {
filter: invert( 1 ) hue-rotate( 180deg );
}
/* stylelint-enable selector-max-id */
}
.interlanguage-uls-menu {
.caret();
}

19
skinStyles/extensions/UniversalLanguageSelector/ext.uls.displaysettings.less
View file

@ -3,20 +3,25 @@
*
* SkinStyles for Extension:UniversalLanguageSelector
* Module: ext.uls.displaysettings
* Version: MLEB 2021.07
* Version: MLEB 2021.12
*
* Date: 2021-07-29
* Date: 2022-05-17
*/
/* ext.uls.inputsettings.less */
.uls-ime-menu-settings-item {
border-top-color: var( --border-color-base );
background-color: var( --color-surface-2 );
border-radius: 0 0 var( --border-radius--medium ) var( --border-radius--medium );
color: var( --color-base );
}
.uls-ime-more-settings-link {
border-left-color: var( --border-color-base );
.skin-citizen-dark .uls-ime-disable-link {
filter: invert( 1 ) hue-rotate( 180deg );
}
.skin-citizen-dark .uls-ime-more-settings-link {
filter: invert( 1 ) hue-rotate( 180deg );
}
.uls-ime-menu-settings-item > a:hover {
@ -41,8 +46,12 @@
color: var( --color-primary );
}
.skin-citizen-dark .ime-checked .ime-perime-help {
filter: invert( 1 ) hue-rotate( 180deg );
}
/* ext.uls.displaysettings.less */
.uls-sub-panel {
.ext-uls-sub-panel {
border-top-color: var( --border-color-base );
}

15
skinStyles/extensions/UniversalLanguageSelector/ext.uls.interface.less
View file

@ -3,9 +3,9 @@
*
* SkinStyles for Extension:UniversalLanguageSelector
* Module: ext.uls.interface
* Version: MLEB 2021.07
* Version: MLEB 2021.12
*
* Date: 2021-07-29
* Date: 2022-05-17
*/
#uls-settings-block {
@ -20,3 +20,14 @@
}
}
}
.skin-citizen-dark {
#uls-settings-block {
> button {
&.display-settings-block,
&.input-settings-block {
filter: invert( 1 ) hue-rotate( 180deg );
}
}
}
}

10
skinStyles/extensions/UniversalLanguageSelector/ext.uls.interlanguage.less
View file

@ -3,13 +3,17 @@
*
* SkinStyles for Extension:UniversalLanguageSelector
* Module: ext.uls.interlanguage
* Version: MLEB 2021.07
* Version: MLEB 2021.12
*
* Date: 2021-07-29
* Date: 2022-05-17
*/
#p-lang .uls-settings-trigger {
&:focus {
outline: 1px solid var( --color-primary );
outline-color: var( --color-primary );
}
}
.skin-citizen-dark #p-lang .uls-settings-trigger {
filter: invert( 1 ) hue-rotate( 180deg );
}

19
skinStyles/extensions/UniversalLanguageSelector/ext.uls.languagesettings.less
View file

@ -3,11 +3,12 @@
*
* SkinStyles for Extension:UniversalLanguageSelector
* Module: ext.uls.languagesettings
* Version: MLEB 2021.07
* Version: MLEB 2021.12
*
* Date: 2021-07-29
* Date: 2022-05-17
*/
/* stylelint-disable selector-max-id */
.languagesettings-menu {
h1 {
color: var( --color-base--emphasized );
@ -40,6 +41,15 @@
}
}
.skin-citizen-dark .languagesettings-menu {
.menu-section {
&.display-settings-block,
&.input-settings-block {
filter: invert( 1 ) hue-rotate( 180deg );
}
}
}
#languagesettings-settings-panel {
background: var( --color-surface-1 );
color: var( --color-base );
@ -70,7 +80,6 @@
color: var( --color-base--subtle );
}
/* mediawiki.ui does not have a pressed state style. */
#languagesettings-panels .mw-ui-pressed {
border-color: var( --color-primary--active );
background-color: var( --color-primary--active );
@ -79,3 +88,7 @@
.checkbox strong {
color: var( --color-base );
}
.skin-citizen-dark .uls-icon-close {
filter: invert( 1 ) hue-rotate( 180deg );
}

12
skinStyles/extensions/UniversalLanguageSelector/ext.uls.setlang.less
View file

@ -3,13 +3,19 @@
*
* SkinStyles for Extension:UniversalLanguageSelector
* Module: ext.uls.setlang
* Version: MLEB 2021.07
* Version: MLEB 2021.12
*
* Date: 2021-07-29
* Date: 2022-05-17
*/
/* ext.uls.dialog */
.uls-dialog {
border-color: var( --border-color-base );
border: 0;
background-color: var( --color-surface-1 );
box-shadow: var( --box-shadow-dialog );
}
.uls-overlay {
background-color: var( --background-color-overlay );
opacity: 1;
}

79
skinStyles/extensions/UniversalLanguageSelector/jquery.ime.less Normal file
View file

@ -0,0 +1,79 @@
/*
* Citizen
*
* SkinStyles for Extension:UniversalLanguageSelector
* Module: jquery.ime
* Version: MLEB 2021.12
*
* Date: 2022-05-17
*/
.skin-citizen-dark .imeselector {
filter: invert( 1 ) hue-rotate( 180deg );
}
.imeselector a,
.ime-disable {
color: var( --color-base );
}
.ime-setting-caret {
border-top-color: var( --border-color-base );
}
span.ime-disable-shortcut {
color: var( --color-base--subtle );
}
.ime-list-title,
.ime-lang-title {
border-bottom-color: var( --color-primary );
color: var( --color-primary );
}
.imeselector-menu {
border-color: var( --border-color-base );
background-color: var( --color-surface-1 );
border-radius: var( --border-radius--medium );
box-shadow: var( --box-shadow-dialog );
}
/* The triangle shaped callout */
.imeselector-menu:before {
border-bottom-color: var( --border-color-base );
}
.imeselector-menu:after {
border-bottom-color: var( --color-surface-1 );
}
.imeselector-menu.ime-position-top:before {
border-top-color: var( --border-color-base );
}
.imeselector-menu.ime-position-top:after {
border-top-color: var( --color-surface-1 );
}
.skin-citizen-dark .imeselector-menu .ime-checked {
filter: invert( 1 ) hue-rotate( 180deg );
}
.imeselector-menu .ime-help-link {
border-top-color: var( --border-color-base );
background-color: var( --color-surface-2 );
color: var( --color-base );
}
.imeselector-menu .ime-help-link > a:hover {
background-color: var( --color-surface-2--hover );
color: var( --color-base );
}
.imeselector-menu .selectable-row-item {
color: var( --color-base );
}
.imeselector-menu .selectable-row:hover {
background-color: var( --background-color-quiet--hover );
}

84
skinStyles/extensions/UniversalLanguageSelector/jquery.uls.less Normal file
View file

@ -0,0 +1,84 @@
/*
* Citizen
*
* SkinStyles for Extension:UniversalLanguageSelector
* Module: jquery.uls
* Version: MLEB 2021.12
*
* Date: 2022-05-17
*/
/* jquery.uls.css */
.skin-citizen-dark .uls-trigger {
filter: invert( 1 ) hue-rotate( 180deg );
}
.uls-menu {
border: 0;
background-color: var( --color-surface-1 );
box-shadow: var( --box-shadow-dialog );
}
.uls-search {
border-bottom-color: var( --border-color-base );
background-color: var( --color-surface-1 );
}
.uls-search-label {
opacity: var( --opacity-icon-base );
}
.skin-citizen-dark .uls-search-label {
filter: invert( 1 ) hue-rotate( 180deg );
}
.uls-languagefilter {
color: var( --color-base );
}
.uls-filtersuggestion {
background-color: var( --color-surface-1 );
color: var( --color-base--subtle );
}
.uls-languagefilter-clear {
opacity: var( --opacity-icon-base );
}
.skin-citizen-dark .uls-languagefilter-clear {
filter: invert( 1 ) hue-rotate( 180deg );
}
/* jquery.uls.lcd.css */
.uls-lcd {
background-color: var( --color-surface-2 );
}
.uls-lcd-region-title {
color: var( --color-base );
}
.uls-language-block > ul > li {
border-radius: var( --border-radius--small );
}
.uls-language-block > ul > li:hover {
background-color: var( --background-color-primary--hover );
}
.uls-language-block > ul > li:active {
background-color: var( --background-color-primary--active );
}
.uls-language-block a {
color: var( --color-primary );
}
.uls-no-results-found-title {
color: var( --color-base--subtle );
}
.uls-no-found-more {
border-top-color: var( --border-color-base );
color: var( --color-base--subtle );
}