diff --git a/README.md b/README.md index 8e0fa349..46e7426e 100644 --- a/README.md +++ b/README.md @@ -49,8 +49,6 @@ Name | Grade | Version | Last updated [CentralNotice](https://www.mediawiki.org/wiki/Extension:CentralNotice) | B | REL1_35 `4aa2a8f` | 2022-06-16 [Cite](https://www.mediawiki.org/wiki/Extension:Cite) | A | N/A | N/A [CleanChanges](https://www.mediawiki.org/wiki/Extension:CleanChanges) | B | MLEB 2021.07 | 2021-07-29 -[CodeEditor](https://www.mediawiki.org/wiki/Extension:CodeEditor) | A | REL1_39 `67c012c` | 2022-12-15 -[CodeMirror](https://www.mediawiki.org/wiki/Extension:CodeMirror) | A | REL1_35 `a326407` | 2021-08-25 [CookieWarning](https://www.mediawiki.org/wiki/Extension:CookieWarning) | A | REL1_35 `3c2ae6a` | 2022-04-29 [DiscussionTools](https://www.mediawiki.org/wiki/Extension:DiscussionTools) | A | REL1_35 `7aa0a9b` | 2022-05-06 [DismissableSiteNotice](https://www.mediawiki.org/wiki/Extension:DismissableSiteNotice) | A | N/A | N/A @@ -72,7 +70,6 @@ Name | Grade | Version | Last updated [Semantic MediaWiki](https://www.mediawiki.org/wiki/Extension:Semantic_MediaWiki) | A | 4.0.2 `0fcdfce` | 2022-10-21 [Semantic Result Formats](https://www.mediawiki.org/wiki/Extension:Semantic_Result_Formats) | E | N/A | N/A [SimpleTooltip](https://www.mediawiki.org/wiki/Extension:SimpleTooltip) | B | N/A | 2022-02-19 -[SyntaxHighlight](https://www.mediawiki.org/wiki/Extension:SyntaxHighlight) | A | REL1_35 `05598b3` | 2021-08-26 [Tabber](https://www.mediawiki.org/wiki/Extension:Tabber) | A | N/A | N/A [TabberNeue](https://www.mediawiki.org/wiki/Extension:TabberNeue) | A | 1.3.1 `656f396` | 2022-10-23 [TimedMediaHandler](https://www.mediawiki.org/wiki/Extension:TimedMediaHandler) | B | N/A | N/A diff --git a/skin.json b/skin.json index 489b51e3..2baf905d 100644 --- a/skin.json +++ b/skin.json @@ -242,11 +242,6 @@ "+ext.centralNotice.display": "skinStyles/extensions/CentralNotice/ext.centralNotice.display.less", "+ext.cite.styles": "skinStyles/extensions/Cite/ext.cite.styles.less", "+ext.cleanchanges.uls": "skinStyles/extensions/CleanChanges/ext.cleanchanges.uls.less", - "+ext.codeEditor.ace": "skinStyles/extensions/CodeEditor/ext.codeEditor.ace.less", - "+jquery.codeEditor": "skinStyles/extensions/CodeEditor/jquery.codeEditor.less", - "+ext.CodeMirror.lib": "skinStyles/extensions/CodeMirror/ext.CodeMirror.lib.less", - "+ext.CodeMirror.mode.mediawiki": "skinStyles/extensions/CodeMirror/ext.CodeMirror.mode.mediawiki.less", - "+ext.CodeMirror.visualEditor.init": "skinStyles/extensions/CodeMirror/ext.CodeMirror.visualEditor.init.less", "+ext.discussionTools.init": "skinStyles/extensions/DiscussionTools/ext.discussionTools.init.less", "+ext.discussionTools.ReplyWidget": "skinStyles/extensions/DiscussionTools/ext.discussionTools.ReplyWidget.less", "+ext.dismissableSiteNotice.styles": "skinStyles/extensions/DismissableSiteNotice/ext.dismissableSiteNotice.less", @@ -268,7 +263,6 @@ "+ext.interwiki.specialpage": "skinStyles/extensions/Interwiki/ext.interwiki.specialpage.less", "+ext.Lingo": "skinStyles/extensions/Lingo/ext.Lingo.less", "+ext.managewiki.oouiform.styles": "skinStyles/extensions/ManageWiki/ext.managewiki.oouiform.styles.less", - "+ext.pygments": "skinStyles/extensions/SyntaxHighlight_GeSHi/ext.pygments.less", "+ext.math.styles": "skinStyles/extensions/Math/ext.math.styles.less", "+mediasearch.styles": "skinStyles/extensions/MediaSearch/mediasearch.styles.less", "+mmv": "skinStyles/extensions/MultimediaViewer/mmv.less", diff --git a/skinStyles/extensions/CodeEditor/ext.codeEditor.ace.less b/skinStyles/extensions/CodeEditor/ext.codeEditor.ace.less deleted file mode 100644 index 08545f36..00000000 --- a/skinStyles/extensions/CodeEditor/ext.codeEditor.ace.less +++ /dev/null @@ -1,52 +0,0 @@ -/* - * Citizen - * - * SkinStyles for Extension:CodeEditor - * Module: ext.codeEditor.ace - * Version: REL1_39 67c012c - * - * Date: 2022-12-15 -*/ - -@import '../../../resources/variables.less'; - -// FIXME: Implemement same syntax higlight color as CodeMirror and SyntaxHighlight -.ace { - &-tm { - background-color: transparent; - color: var( --color-base--emphasized ); - - .ace { - &_gutter { - background-color: transparent; - color: var( --color-base--subtle ); - - &-active-line { - background-color: var( --background-color-quiet--hover ); - } - } - - &_marker-layer { - .ace { - &_active-line { - background-color: var( --background-color-quiet--hover ); - } - } - } - - &_print-margin { - background: var( --border-color-base ); - } - - &_cursor { - color: var( --color-base--emphasized ); - } - } - } - - &_gutter { - &-cell { - color: var( --color-base--subtle ); - } - } -} diff --git a/skinStyles/extensions/CodeEditor/jquery.codeEditor.less b/skinStyles/extensions/CodeEditor/jquery.codeEditor.less deleted file mode 100644 index 43dd4b6b..00000000 --- a/skinStyles/extensions/CodeEditor/jquery.codeEditor.less +++ /dev/null @@ -1,52 +0,0 @@ -/* - * Citizen - * - * SkinStyles for Extension:CodeEditor - * Module: jquery.codeEditor - * Version: REL1_39 67c012c - * - * Date: 2022-12-15 -*/ - -.codeEditor-status { - position: relative; - width: auto; // so it won't overflow - padding-top: 8px; // Make space for resize indicator - padding-right: var( --space-xs ); - padding-left: var( --space-xs ); - border-top-color: var( --border-color-base ); - background-color: var( --color-surface-2 ); - color: var( --color-base--subtle ); - line-height: var( --line-height-sm ); - - // HACK: Add resize indicator - &:after { - position: absolute; - top: 1px; // counter border top - right: 0; - left: 0; - width: 52px; - height: 4px; - border-radius: var( --border-radius--pill ); - margin: 2px auto; - background: var( --color-base--subtle ); - content: ''; - } - - &-worker, - &-line, - &-message { - padding: 0 var( --space-xs ); - } - - &-message { - border-color: var( --border-color-base ); - color: var( --color-base--emphasized ); - } -} - -// So that it connects with CodeEditor's status bar -.skin-citizen .mw-editform .editOptions { - border-top-left-radius: 0; - border-top-right-radius: 0; -} diff --git a/skinStyles/extensions/CodeMirror/ext.CodeMirror.lib.less b/skinStyles/extensions/CodeMirror/ext.CodeMirror.lib.less deleted file mode 100644 index b473f155..00000000 --- a/skinStyles/extensions/CodeMirror/ext.CodeMirror.lib.less +++ /dev/null @@ -1,210 +0,0 @@ -/* - * Citizen - * - * SkinStyles for Extension:CodeMirror - * Module: ext.CodeMirror.lib - * Version: REL1_35 a326407 - * - * Date: 2021-08-25 -*/ - -@import '../../../resources/variables.less'; - -.CodeMirror { - // FIXME: This should be shared between other extensions - --color-syntax-red: @color-syntax-red; - --color-syntax-orange: @color-syntax-orange; - --color-syntax-yellow: @color-syntax-yellow; - --color-syntax-green: @color-syntax-green; - --color-syntax-cyan: @color-syntax-cyan; - --color-syntax-blue: @color-syntax-blue; - --color-syntax-paleblue: @color-syntax-paleblue; - --color-syntax-purple: @color-syntax-purple; - --color-syntax-brown: @color-syntax-brown; - --color-syntax-pink: @color-syntax-pink; - --color-syntax-violet: @color-syntax-violet; - --color-syntax-grey: @color-syntax-grey; - border: 1px solid var( --border-color-base--darker ); - background-color: var( --color-surface-1 ); - color: var( --color-base ); - - &-scrollbar, - &-gutter { - &-filler { - background-color: var( --color-surface-1 ); - } - } - - &-linenumber { - padding: 0 16px; // Give more space since there is no border and background - color: var( --color-base--subtle ); - } - - &-guttermarker { - color: var( --color-base ); - - &-subtle { - color: var( --color-base--subtle ); - } - } - - &-cursor { - border-left-color: var( --color-base--emphasized ); - } - - div.CodeMirror-secondarycursor { - border-left-color: var( --color-base ); - } - - &-ruler { - border-left-color: var( --border-color-base ); - } -} - -// Default theme -.cm { - &-s-default { - .cm { - &-header { - color: var( --color-syntax-blue ); - } - - &-quote { - color: var( --color-syntax-green ); - } - - &-keyword { - color: var( --color-syntax-purple ); - } - - &-atom { - color: var( --color-syntax-pink ); - } - - &-number { - color: var( --color-syntax-orange ); - } - - &-def { - color: var( --color-syntax-blue ); - } - - &-variable { - color: var( --color-syntax-red ); - } - - &-variable-2 { - color: var( --color-base ); - } - - &-variable-3, - &-type { - color: var( --color-syntax-yellow ); - } - - &-comment { - color: var( --color-syntax-gray ); - } - - &-string { - color: var( --color-syntax-green ); - } - - &-string-2 { - color: var( --color-syntax-red ); - } - - &-meta { - color: var( --color-syntax-yellow ); - } - - &-qualifier { - color: var( --color-syntax-yellow ); - } - - &-builtin { - color: var( --color-syntax-yellow ); - } - - &-bracket { - color: var( --color-syntax-grey ); - } - - &-tag { - color: var( --color-syntax-pink ); - } - - &-attribute { - color: var( --color-syntax-purple ); - } - - &-hr { - color: var( --color-syntax-blue ); - } - - &-link { - color: var( --color-syntax-blue ); - } - - &-error { - color: var( --color-destructive ); - } - - &-property { - color: var( --color-syntax-purple ); - } - - &-operator { - color: var( --color-syntax-cyan ); - } - - &-punctuation { - color: var( --color-syntax-cyan ); - } - } - - &-negative { - color: var( --color-destructive ); - } - - &-positive { - color: var( --color-success ); - } - - &-invalidchar { - color: var( --color-destructive ); - } - } - - &-composing { - border-bottom-color: var( --border-color-base ); - } - - &-selected { - background: var( --background-color-primary--hover ); - } - - &-focused .CodeMirror-selected { - background: var( --background-color-primary--active ); - } - - &-line { - &::selection, - > span::selection, - > span > span::selection { - background: var( --background-color-primary--active ); - } - } -} - -div.CodeMirror { - span.CodeMirror { - &-matchingbracket { - color: var( --color-success ); - } - - &-nonmatchingbracket { - color: var( --color-destructive ); - } - } -} diff --git a/skinStyles/extensions/CodeMirror/ext.CodeMirror.mode.mediawiki.less b/skinStyles/extensions/CodeMirror/ext.CodeMirror.mode.mediawiki.less deleted file mode 100644 index 313d501c..00000000 --- a/skinStyles/extensions/CodeMirror/ext.CodeMirror.mode.mediawiki.less +++ /dev/null @@ -1,185 +0,0 @@ -/* - * Citizen - * - * SkinStyles for Extension:CodeMirror - * Module: ext.CodeMirror.mode.mediawiki - * Version: REL1_35 a326407 - * - * Date: 2021-08-25 -*/ - -.cm-mw { - &-matching { - background-color: var( --color-syntax-yellow ); - } - - &-skipformatting { - background-color: var( --color-syntax-cyan ); - } - - &-list { - color: var( --color-syntax-cyan ); - } - - &-doubleUnderscore, - &-signature, - &-hr { - background-color: transparent; - color: var( --color-syntax-purple ); - } - - &-indenting { - color: var( --color-syntax-cyan ); - } - - &-mnemonic { - color: var( --color-syntax-green ); - } - - &-comment { - color: var( --color-syntax-grey ); - } - - &-apostrophes-bold, - &-apostrophes-italic { - color: var( --color-syntax-cyan ); - } - - &-section { - &-1, - &-2, - &-3, - &-4, - &-5, - &-6 { - span:not( .cm-mw-section-header ) { - color: var( --color-base--emphasized ); - } - } - } - - &-section-header { - color: var( --color-syntax-cyan ); - } - - &-template, - &-templatevariable, - &-parserfunction { - color: var( --color-base--emphasized ); - - &-name { - color: var( --color-syntax-blue ); - font-weight: var( --font-weight-normal ); - } - - &-delimiter { - color: var( --color-syntax-cyan ); - font-weight: var( --font-weight-normal ); - } - - &-bracket { - color: var( --color-syntax-purple ); - font-weight: var( --font-weight-normal ); - } - } - - &-template { - &-name-mnemonic { - color: var( --color-syntax-blue ); - font-weight: var( --font-weight-normal ); - } - - &-argument-name { - color: var( --color-syntax-red ); - font-weight: var( --font-weight-normal ); - } - } - - &-exttag, - &-htmltag { - &-name { - color: var( --color-syntax-red ); - font-weight: var( --font-weight-normal ); - } - - &-bracket { - color: var( --color-syntax-cyan ); - } - - &-attribute { - color: var( --color-syntax-yellow ); - } - } - - &-link { - color: var( --color-primary ); - - &-pagename { - color: var( --color-primary ); - } - - &-tosection { - color: var( --color-primary--hover ); - } - - &-text { - color: var( --color-syntax-green ); - } - - &-bracket { - color: var( --color-primary ); - } - - &-delimiter { - color: var( --color-syntax-cyan ); - } - - &-ground { - background-color: var( --background-color-primary--hover ); - } - } - - &-extlink, - &-free-extlink { - color: var( --color-primary ); - - &-protocol { - color: var( --color-syntax-orange ); - font-weight: var( --font-weight-normal ); - } - - &-text { - color: var( --color-syntax-green ); - } - - &-bracket { - color: var( --color-primary ); - font-weight: var( --font-weight-normal ); - } - - &-ground { - background-color: var( --background-color-primary--hover ); - } - } - - &-table { - &-bracket { - color: var( --color-syntax-pink ); - font-weight: var( --font-weight-normal ); - } - - &-delimiter { - color: var( --color-syntax-cyan ); - font-weight: var( --font-weight-normal ); - } - - &-definition { - color: var( --color-syntax-yellow ); - } - - &-caption { - color: var( --color-base--emphasized ); - font-weight: var( --font-weight-normal ); - } - } -} diff --git a/skinStyles/extensions/CodeMirror/ext.CodeMirror.visualEditor.init.less b/skinStyles/extensions/CodeMirror/ext.CodeMirror.visualEditor.init.less deleted file mode 100644 index 439f66b1..00000000 --- a/skinStyles/extensions/CodeMirror/ext.CodeMirror.visualEditor.init.less +++ /dev/null @@ -1,24 +0,0 @@ -/* - * Citizen - * - * SkinStyles for Extension:CodeMirror - * Module: ext.CodeMirror.visualEditor.init - * Version: REL1_35 a326407 - * - * Date: 2021-08-25 -*/ - -.skin-citizen { - .ve-init-mw-desktopArticleTarget { - .CodeMirror { - padding: 0; - } - - // Ensure surfaces are using identical font rules - .CodeMirror-code, - .CodeMirror-code *, - .ve-ui-mwWikitextSurface .ve-ce-paragraphNode { - line-height: var( --line-height ); - } - } -} diff --git a/skinStyles/extensions/SyntaxHighlight_GeSHi/ext.pygments.less b/skinStyles/extensions/SyntaxHighlight_GeSHi/ext.pygments.less deleted file mode 100644 index 264522da..00000000 --- a/skinStyles/extensions/SyntaxHighlight_GeSHi/ext.pygments.less +++ /dev/null @@ -1,320 +0,0 @@ -/* - * Citizen - * - * SkinStyles for Extension:SyntaxHighlight - * Module: ext.pygments - * Version: REL1_35 05598b3 - * - * Date: 2021-08-26 -*/ - -@import '../../../resources/variables.less'; - -/* pygments.generated.css */ -.mw-highlight { - // FIXME: This should be shared between other extensions - --color-syntax-red: @color-syntax-red; - --color-syntax-orange: @color-syntax-orange; - --color-syntax-yellow: @color-syntax-yellow; - --color-syntax-green: @color-syntax-green; - --color-syntax-cyan: @color-syntax-cyan; - --color-syntax-blue: @color-syntax-blue; - --color-syntax-paleblue: @color-syntax-paleblue; - --color-syntax-purple: @color-syntax-purple; - --color-syntax-brown: @color-syntax-brown; - --color-syntax-pink: @color-syntax-pink; - --color-syntax-violet: @color-syntax-violet; - --color-syntax-grey: @color-syntax-grey; - background: var( --color-surface-2 ); - - .c { - color: var( --color-syntax-grey ); - } - - .err { - border-color: var( --background-color-destructive ); - } - - .k { - color: var( --color-syntax-purple ); - } - - .o { - color: var( --color-syntax-cyan ); - } - - .ch { - color: var( --color-syntax-grey ); - } - - .cm { - color: var( --color-syntax-grey ); - } - - .cp { - color: var( --color-syntax-brown ); - } - - .cpf { - color: var( --color-syntax-grey ); - } - - .c1 { - color: var( --color-syntax-grey ); - } - - .cs { - color: var( --color-syntax-grey ); - } - - .gd { - color: var( --color-syntax-red ); - } - - .gr { - color: var( --color-destructive ); - } - - .gh { - color: var( --color-syntax-paleblue ); - } - - .gi { - color: var( --color-syntax-green ); - } - - .go { - color: var( --color-base--subtle ); - } - - .gp { - color: var( --color-syntax-paleblue ); - } - - .gu { - color: var( --color-syntax-violet ); - } - - .gt { - color: var( --color-syntax-blue ); - } - - .kc { - color: var( --color-syntax-orange ); - } - - .kd { - color: var( --color-syntax-purple ); - } - - .kn { - color: var( --color-syntax-purple ); - } - - .kp { - color: var( --color-syntax-purple ); - } - - .kr { - color: var( --color-syntax-purple ); - } - - .kt { - color: var( --color-syntax-yellow ); - } - - .m { - color: var( --color-syntax-orange ); - } - - .s { - color: var( --color-syntax-green ); - } - - .na { - color: var( --color-syntax-purple ); - } - - .nb { - color: var( --color-syntax-blue ); - } - - .nc { - color: var( --color-syntax-yellow ); - } - - .no { - color: var( --color-syntax-blue ); - } - - .nd { - color: var( --color-syntax-purple ); - } - - .ni { - color: var( --color-base ); - } - - .ne { - color: var( --color-destructive ); - } - - .nf { - color: var( --color-syntax-blue ); - } - - .nl { - color: var( --color-syntax-green ); - } - - .nn { - color: var( --color-syntax-red ); - } - - .nt { - color: var( --color-syntax-yellow ); - } - - .nv { - color: var( --color-base--emphasized ); - } - - .ow { - color: var( --color-syntax-cyan ); - } - - .w { - color: var( --color-base--subtle ); - } - - .mb { - color: var( --color-syntax-orange ); - } - - .mf { - color: var( --color-syntax-orange ); - } - - .mh { - color: var( --color-syntax-orange ); - } - - .mi { - color: var( --color-syntax-orange ); - } - - .mo { - color: var( --color-syntax-orange ); - } - - .sa { - color: var( --color-syntax-green ); - } - - .sb { - color: var( --color-syntax-green ); - } - - .sc { - color: var( --color-syntax-green ); - } - - .dl { - color: var( --color-syntax-green ); - } - - .sd { - color: var( --color-syntax-green ); - } - - .s2 { - color: var( --color-syntax-green ); - } - - .se { - color: var( --color-base ); - } - - .sh { - color: var( --color-syntax-green ); - } - - .si { - color: var( --color-base--emphasized ); - } - - .sx { - color: var( --color-syntax-orange ); - } - - .sr { - color: var( --color-base--emphasized ); - } - - .s1 { - color: var( --color-syntax-green ); - } - - .ss { - color: var( --color-syntax-cyan ); - } - - .bp { - color: var( --color-syntax-orange ); - } - - .fm { - color: var( --color-syntax-blue ); - } - - .vc { - color: var( --color-base--emphasized ); - } - - .vg { - color: var( --color-base--emphasized ); - } - - .vi { - color: var( --color-base--emphasized ); - } - - .vm { - color: var( --color-base--emphasized ); - } - - .il { - color: var( --color-syntax-orange ); - } - - .p { - color: var( --color-syntax-cyan ); - } - - .n { - color: var( --color-base--emphasized ); - } - - .nx { - color: var( --color-base--emphasized ); - } - - /* pygments.wrapper.less */ - // MW REL1_36+ - &-lines pre, - .content &-lines pre { - .mw-content-ltr&, - .mw-content-rtl& { - box-shadow: none; // Remove background - } - } - - .linenos { - color: var( --color-base--subtle ); - } - - a:hover .linenos, - .hll a .linenos { - color: var( --color-base--emphasized ); - } -}