feat(FlaggedRevs): ✨ add styles

Closes: #701

README.md

@@ -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

skin.json

@@ -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",

skinStyles/extensions/FlaggedRevs/ext.flaggedRevs.basic.less

@@ -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 );
+}