feat(FlaggedRevs): add styles

Closes: #701
This commit is contained in:
alistair3149 2023-08-03 19:49:22 -04:00
parent e24e0e7429
commit dad90d38f2
No known key found for this signature in database
3 changed files with 144 additions and 0 deletions

View file

@ -54,6 +54,7 @@ Name | Grade | Version | Last updated
[DismissableSiteNotice](https://www.mediawiki.org/wiki/Extension:DismissableSiteNotice) | A | N/A | N/A
[Echo](https://www.mediawiki.org/wiki/Extension:Echo) | A | REL1_35 `347c30e` | 2023-06-29
[Flow (StructuredDiscussions)](https://www.mediawiki.org/wiki/Extension:StructuredDiscussions) | B | REL1_35 `e3379f0` | 2022-04-27
[FlaggedRevs](https://www.mediawiki.org/wiki/Extension:FlaggedRevs) | B | REL1_39 `130a28f` | 2023-08-03
[Graph](https://www.mediawiki.org/wiki/Extension:Graph) | B | N/A | N/A
[Interwiki](https://www.mediawiki.org/wiki/Extension:Interwiki) | B | REL1_35 `a65a18e` | 2022-05-15
[Lingo](https://www.mediawiki.org/wiki/Extension:Lingo) | B | REL1_35 `e948775` | 2022-04-29

View file

@ -342,6 +342,7 @@
"+ext.flow.ui": "skinStyles/extensions/Flow/ext.flow.ui.less",
"+ext.flow": "skinStyles/extensions/Flow/ext.flow.less",
"+ext.flow.visualEditor": "skinStyles/extensions/Flow/ext.flow.visualEditor.less",
"+ext.flaggedRevs.basic": "skinStyles/extensions/FlaggedRevs/ext.flaggedRevs.basic.less",
"+ext.graph.styles": "skinStyles/extensions/Graph/ext.graph.styles.less",
"+ext.interwiki.specialpage": "skinStyles/extensions/Interwiki/ext.interwiki.specialpage.less",
"+ext.Lingo": "skinStyles/extensions/Lingo/ext.Lingo.less",

View file

@ -0,0 +1,142 @@
/*
* Citizen
*
* SkinStyles for Extension:FlaggedRevs
* Module: ext.flaggedRevs.basic
* Version: REL1_39 130a28f
*
* Date: 2023-08-03
*/
/* default.css */
div.flaggedrevs_basic,
div.flaggedrevs_notice {
font-weight: var( --font-weight-normal );
border-color: var( --border-color-base );
}
div.flaggedrevs_basic {
background-color: var( --color-surface-3 );
}
div.flaggedrevs_notice {
background-color: var( --color-surface-2 );
}
table.flaggedrevs_editnotice,
table.flaggedrevs_viewnotice {
background-color: var( --color-surface-2 );
border-color: var( --border-color-base );
}
div.flaggedrevs_diffnotice,
div.flaggedrevs_preview {
border-color: var( --border-color-base );
}
div.flaggedrevs_diffnotice {
background-color: var( --color-surface-2 );
}
div.flaggedrevs_preview {
color: var( --color-base--emphasized );
background-color: var( --color-surface-3 );
}
span.flaggedrevs_important {
font-weight: var( --font-weight-semibold );
}
div.flaggedrevs_notes {
background-color: var( --color-surface-2 );
border-color: var( --border-color-base );
}
div.flaggedrevs_short {
font-weight: var( --font-weight-normal );
background-color: var( --color-surface-0 );
border-color: var( --border-color-base );
}
div.flaggedrevs_short_details {
background-color: var( --color-surface-0 );
border-color: var( --border-color-base );
}
.fr-text {
font-weight: var( --font-weight-semibold );
}
a.fr-toggle-symbol {
font-family: var( --font-family-monospace );
font-weight: var( --font-weight-semibold );
}
a.fr-toggle-text {
font-weight: var( --font-weight-semibold );
}
span.fr-toggle-arrow {
filter: var( --filter-invert );
opacity: var( --opacity-icon-base );
}
span.flaggedrevs-icon {
filter: var( --filter-invert );
opacity: var( --opacity-icon-base );
}
.fr-diff-ratings {
font-weight: var( --font-weight-semibold );
}
.fr-pending-long {
background-color: var( --color-surface-3 );
}
.fr-pending-long2 {
background-color: var( --background-color-destructive );
}
.fr-pending-long3 {
background-color: var( --color-surface-4 );
}
.fr-unreviewed-unwatched {
background-color: var( --background-color-destructive );
}
.mw-fr-reviewlink {
font-weight: var( --font-weight-semibold );
}
/* RevisionReviewFormUI.css */
.flaggedrevs_reviewform {
background-color: var( --color-surface-2 );
}
.fr-rating-controls-disabled {
color: var( --color-base--subtle );
}
/* shared.css */
.flaggedrevs-color-0 {
background-color: var( --color-surface-2 );
}
.flaggedrevs-color-1 {
background-color: var( --background-color-primary--hover );
}
.flaggedrevs-pending {
// HACK: Oh well it works sorta
background: var( --background-image-warning );
}
.flaggedrevs-unreviewed {
background-color: var( --background-color-warning );
}
#mw-fr-stablediff {
background-color: var( --color-surface-0 );
}