From 7800f701c3cdfc79f28ae971b49ca10ec01da2a3 Mon Sep 17 00:00:00 2001 From: alistair3149 Date: Fri, 29 Apr 2022 13:39:40 -0400 Subject: [PATCH] feat(skinStyles): update Lingo to grade B --- README.md | 2 +- skin.json | 1 - .../Lingo/ext.Lingo.jquery.qtip.less | 168 ------------------ skinStyles/extensions/Lingo/ext.Lingo.less | 37 ++-- 4 files changed, 25 insertions(+), 183 deletions(-) delete mode 100644 skinStyles/extensions/Lingo/ext.Lingo.jquery.qtip.less diff --git a/README.md b/README.md index cfc9dc83..8e8556c2 100644 --- a/README.md +++ b/README.md @@ -44,7 +44,7 @@ Name | Grade | Version | Last updated [Echo](https://www.mediawiki.org/wiki/Extension:Echo) | A | REL1_35 `347c30e` | 2021-08-11 [Flow (StructuredDiscussions)](https://www.mediawiki.org/wiki/Extension:StructuredDiscussions) | B | REL1_35 `e3379f0` | 2022-04-27 [Graph](https://www.mediawiki.org/wiki/Extension:Graph) | B | N/A | N/A -[Lingo](https://www.mediawiki.org/wiki/Extension:Lingo) | E | N/A | N/A +[Lingo](https://www.mediawiki.org/wiki/Extension:Lingo) | B | REL1_35 `e948775` | 2022-04-29 [MsUpload](https://www.mediawiki.org/wiki/Extension:MsUpload) | A | REL1_35 `32eb420` | 2021-08-25 [MultimediaViewer](https://www.mediawiki.org/wiki/Extension:MultimediaViewer) | A | N/A | N/A [OAuth](https://www.mediawiki.org/wiki/Extension:OAuth) | B | REL1_35 `451ed95` | 2021-08-31 diff --git a/skin.json b/skin.json index 458f99a6..d157301b 100644 --- a/skin.json +++ b/skin.json @@ -526,7 +526,6 @@ "+ext.flow.visualEditor": "skinStyles/extensions/Flow/ext.flow.visualEditor.less", "+ext.graph.styles": "skinStyles/extensions/Graph/ext.graph.styles.less", "+ext.Lingo": "skinStyles/extensions/Lingo/ext.Lingo.less", - "+ext.Lingo.jquery.qtip": "skinStyles/extensions/Lingo/ext.Lingo.jquery.qtip.less", "+ext.pygments": "skinStyles/extensions/SyntaxHighlight_GeSHi/ext.pygments.less", "+ext.MsUpload": "skinStyles/extensions/MsUpload/ext.MsUpload.less", "+ext.relatedArticles.cards": "skinStyles/extensions/RelatedArticles/ext.relatedArticles.cards.less", diff --git a/skinStyles/extensions/Lingo/ext.Lingo.jquery.qtip.less b/skinStyles/extensions/Lingo/ext.Lingo.jquery.qtip.less deleted file mode 100644 index 137b5f57..00000000 --- a/skinStyles/extensions/Lingo/ext.Lingo.jquery.qtip.less +++ /dev/null @@ -1,168 +0,0 @@ -/* - * Citizen - Lingo qTip - * https://starcitizen.tools -*/ - -@import '../../../resources/variables.less'; - -.skin-citizen-dark { - .qtip-default .qtip-icon { - border-color: @dark-bg-30; - background: @dark-bg-10; - color: @dark-text-70; - } - - .qtip-default .qtip-titlebar .qtip-close { - border-color: @dark-bg-50; - color: @dark-text-90; - } - - .qtip-light { - border-color: @dark-bg-20; - background-color: @dark-bg-0; - color: @dark-text-80; - } - - .qtip-light .qtip-titlebar { - background-color: @dark-bg-10; - } - - .qtip-cream { - border-color: @yellow-50; - background-color: @yellow-90; - color: @yellow-30; - } - - .qtip-cream .qtip-titlebar { - background-color: @yellow-90; - } - - .qtip-red { - border-color: @red-50; - background-color: @red-90; - color: @red-30; - } - - .qtip-red .qtip-titlebar { - background-color: @red-90; - } - - .qtip-red .qtip-icon { - border-color: @red-50; - } - - .qtip-red .qtip-titlebar .ui-state-hover { - border-color: @red-50; - } - - .qtip-green { - border-color: @green-50; - background-color: @green-90; - color: @green-30; - } - - .qtip-green .qtip-titlebar { - background-color: @green-90; - } - - .qtip-blue { - border-color: @accent-50; - background-color: @accent-90; - color: @accent-10; - } - - .qtip-blue .qtip-titlebar { - background-color: @accent-90; - } - - .qtip-shadow { - box-shadow: 1px 1px 3px 1px rgba( 0, 0, 0, 0.15 ); - } - - .qtip-jtools { - border: 2px solid @dark-bg-10; - background: @dark-bg-10; - background: rgba( 0, 0, 0, 0.7 ); - background-image: linear-gradient( to top, @dark-bg-30, @dark-bg-10 ); - box-shadow: 0 0 12px @dark-bg-20; - } - - .qtip-jtools .qtip-titlebar, - .qtip-jtools .qtip-content { - color: @dark-text-100; - } - - .qtip-jtools .qtip-icon { - border-color: @dark-bg-20; - } - - .qtip-jtools .qtip-titlebar .ui-state-hover { - border-color: @dark-bg-10; - } - - .qtip-tipsy { - background: @dark-bg-0; - color: @dark-text-100; - text-shadow: 0 1px @dark-bg-0; - } - - .qtip-tipsy .qtip-icon { - border-color: @dark-bg-10; - } - - .qtip-tipsy .qtip-titlebar .ui-state-hover { - border-color: @dark-bg-30; - } - - .qtip-tipped { - border: 3px solid @dark-bg-40; - background-color: @dark-bg-10; - color: @dark-text-60; - } - - .qtip-tipped .qtip-titlebar { - background: @accent-50; - background-image: linear-gradient( to top, @accent-50, @accent-10 ); - color: @dark-text-100; - } - - .qtip-tipped .qtip-icon { - border: 2px solid @accent-10; - background: @accent-10; - } - - .qtip-tipped .qtip-icon .ui-icon { - background-color: @dark-bg-10; - color: @dark-text-60; - } - - .qtip-bootstrap { - border: 1px solid rgba( 0, 0, 0, 0.2 ); - background-color: @dark-bg-0; - box-shadow: 0 5px 10px rgba( 0, 0, 0, 0.2 ); - } - - .qtip-bootstrap .qtip-titlebar { - border-bottom: 1px solid @dark-bg-20; - background-color: @dark-bg-10; - } - - .qtip-bootstrap .qtip-icon .ui-icon { - color: @dark-text-100; - text-shadow: 0 1px 0 @dark-bg-0; - } - - .qtip-bootstrap .qtip-icon .ui-icon:hover { - color: @dark-text-100; - } - - .qtip .qtip-tip, - .qtip .qtip-tip .qtip-vml, - .qtip .qtip-tip canvas { - color: @accent-10; - } - - #qtip-overlay div { - background-color: @dark-bg-0; - } -} diff --git a/skinStyles/extensions/Lingo/ext.Lingo.less b/skinStyles/extensions/Lingo/ext.Lingo.less index 276fd115..ad715723 100644 --- a/skinStyles/extensions/Lingo/ext.Lingo.less +++ b/skinStyles/extensions/Lingo/ext.Lingo.less @@ -1,23 +1,34 @@ /* - * Citizen - Lingo - * https://starcitizen.tools + * Citizen + * + * SkinStyles for Extension:Lingo + * Module: ext.Lingo + * Version: REL1_35 e948775 + * + * Date: 2022-04-29 */ - -@import '../../../resources/variables.less'; - -.skin-citizen-dark { +@media screen { span.mw-lingo-term { - border-bottom: 1px dotted @accent-50; + border-bottom-color: var( --color-base--subtle ); &:hover { - background-color: rgba( 0, 0, 0, 0.1 ); + background-color: var( --background-color-quiet--hover ); } } +} - .mw-lingo-tooltip { - border: 1px solid @dark-bg-20; - background-color: @dark-bg-0; - box-shadow: 1px 1px 3px 1px rgba( 0, 0, 0, 0.15 ); - color: @dark-text-80; +.mw-lingo-tooltip { + border: 0; + background-color: var( --color-surface-1 ); + border-radius: var( --border-radius--medium ); + box-shadow: var( --box-shadow--dialog ); + color: var( --color-base ); +} + +.skin-citizen-dark { + .mw-lingo-definition-link { + & > a:before { + filter: invert( 1 ); + } } }