@@ Line 6: / Line 6: @@
   * The morebits library is maintained by the maintainers of Twinkle.
   * For queries, suggestions, help, etc., head to [[WT:TW]].
-  * The latest development source is available at [https://github.com/wikimedia-gadgets/twinkle/blob/master/morebits.css].
+  * The latest development source is available at [https://github.com/azatoth/twinkle/blob/master/morebits.css].
   */
-/* Define CSS variables */
+/* Morebits.status */
-html {
-	--morebits-color-status-status: #4682B4;
-	--morebits-color-legend: #31628F;
-	--morebits-color-tooltip: #0000cd;
-	--morebits-color-info: #228B22;
-	--morebits-color-warning: #FF4500;
-	--morebits-color-titlebar-links: #3062AD;
-	--morebits-bgcolor-dialog: #F0F8FF;
-	--morebits-bgcolor-titlebar: #BCCADF;
-}
-@media screen {
-	html.skin-theme-clientpref-night {
-		--morebits-color-status-status: #A6C4DE;
-		--morebits-color-legend: #6B9DCC;
-		--morebits-color-tooltip: #7A7AFF;
-		--morebits-color-info: #6BDB6B;
-		--morebits-color-warning: #FF6D38;
-		--morebits-color-titlebar-links: #8BADDF;
-		--morebits-bgcolor-dialog: #141c26;
-		--morebits-bgcolor-titlebar: #1c2a52;
-	}
-}
-@media screen and (prefers-color-scheme: dark) {
-	html.skin-theme-clientpref-os {
-		--morebits-color-status-status: #A6C4DE;
-		--morebits-color-legend: #6B9DCC;
-		--morebits-color-tooltip: #7A7AFF;
-		--morebits-color-info: #6BDB6B;
-		--morebits-color-warning: #FF6D38;
-		--morebits-color-titlebar-links: #8BADDF;
-		--morebits-bgcolor-dialog: #141c26;
-		--morebits-bgcolor-titlebar: #1c2a52;
-	}
-}
-/* Morebits.Status */
 .morebits_status_status {
-	color: var(--morebits-color-status-status, #4682B4);
+	color: #4682B4;
 }
 .morebits_status_info {
-	color: var(--morebits-color-info, #228B22);
+	color: #228B22;
 }
 .morebits_status_warn {
-	color: var(--morebits-color-warning, #FF4500);
+	color: #FF4500;
 }
 .morebits_status_error {
-	color: var(--morebits-color-warning, #FF4500);
+	color: #FF4500;
 	font-weight: bold;
 }
-/* Morebits.QuickForm */
+/* Morebits.quickForm */
 form.quickform
@@ Line 74: / Line 36: @@
 	margin: auto;
 	padding: .5em;
-	color: var(--color-base, #202122);
 }
@@ Line 89: / Line 50: @@
 form.quickform legend
 {
-	color: var(--morebits-color-legend, #31628F);
+	color: #31628F;
 	font-weight: bold;
 }
@@ Line 108: / Line 69: @@
 form.quickform input[type=radio] {
 	height: 13px;
-	margin-top: 2px;
+    margin-top: 2px;
-	margin-right: 2px;
+    margin-right: 2px;
-	margin-bottom: 2px;
+    margin-bottom: 2px;
 	padding: 0;
 	width: 13px;
@@ Line 142: / Line 103: @@
 form.quickform input:disabled + label
 {
-	color: var(--color-disabled, #72777d);
+	color: gray;
 }
@@ Line 152: / Line 113: @@
 form.quickform span.quickformDescription code
 {
-	font-style: normal;
+    font-style: normal;
-	font-family: monospace;
+    font-family: monospace;
 }
@@ Line 165: / Line 126: @@
 form.quickform .morebits-tooltipButton
 {
-	color: var(--morebits-color-tooltip, mediumblue);
+	color: mediumblue;
 	font-weight: bold;
 	cursor: help;
@@ Line 177: / Line 138: @@
-/* Scrollbox styles, for use within Morebits.SimpleWindow */
+/* Scrollbox styles, for use within Morebits.simpleWindow */
 div.morebits-scrollbox
 {
-	background: var(--background-color-base, #fff);
+	background: white;
-	color: inherit;
 	border: 1px solid gray;
 	margin-bottom: .6em;
@@ Line 208: / Line 168: @@
 div.morebits-previewbox
 {
-	background: inherit;
+	background: white;
-	color: inherit;
+	color: black;
 	border: 2px inset;
 	margin: .4em auto .2em;
@@ Line 223: / Line 183: @@
 {
 	display: none;
-}
-div.morebits-usertext {
-	border: 1px solid #a2a9b1;
-	background-color: var(--background-color-neutral-subtle, #f8f9fa);
-	color: inherit;
-	padding: 5px;
-	font-size: 95%;
 }
-/* Morebits.SimpleWindow */
+/* Morebits.simpleWindow */
 .morebits-dialog {
 	border: 1px #666 solid;
 	font-family: sans-serif;
-	background-color: var(--morebits-bgcolor-dialog, #F0F8FF);
+	background-color: #F0F8FF;
-	color: inherit;
 	background-image: none;
 }
@@ Line 259: / Line 210: @@
 body .ui-dialog.morebits-dialog .ui-dialog-titlebar {
 	height: 1em;
-	background-color: var(--morebits-bgcolor-titlebar, #BCCADF) !important;
+	background-color: #BCCADF !important;
-	color: inherit;
 	background-image: none !important;
 	font: bold 108% sans-serif; /* 100% is 12px (from above) => 108% is 12.96px */
@@ Line 289: / Line 239: @@
 body .ui-dialog.morebits-dialog .ui-dialog-buttonpane {
-	background-color: var(--morebits-bgcolor-titlebar, #BCCADF);
+	background-color: #BCCADF;
-	color: inherit;
 	margin: 0;
 	min-height: .5em;
@@ Line 313: / Line 262: @@
 body .ui-dialog.morebits-dialog .morebits-dialog-footerlinks a {
-	color: var(--morebits-color-titlebar-links, #3062AD);
+	color: #3062AD;
 }
@@ Line 326: / Line 275: @@
 .ui-icon-inline {
 	display: inline-block;
-}
-.morebits-ui-tooltip {
-	background: var(--background-color-neutral-subtle, #f8f9fa);
-	color: inherit;
-	border-color: var(--border-color-base, #a2ab91);
-	box-shadow: 0 0 5px #a2ab91;
-}
-/* For styling message/warning boxes. Cannot use MediaWiki ombox class because it will be deprecated soon. */
-table.morebits-ombox {
-    margin: 4px 10%;
-    border-collapse: collapse;
-    border: 1px solid #a2a9b1;
-    background: var(--background-color-neutral-subtle, #f8f9fa);
-    color: inherit;
-    box-sizing: border-box;
-}
-table.morebits-ombox-content {
-    border: 1px solid #f28500;
-}
-td.morebits-mbox-image {
-    border: none;
-    padding: 2px 0 2px 0.9em;
-    text-align: center;
-}
-th.morebits-mbox-text, td.morebits-mbox-text {
-    border: none;
-    padding: 0.25em 0.9em;
-    width: 100%;
-}
-/* Override select2 silliness */
-.select2-morebits,
-.select2-morebits .select2-results,
-.select2-morebits .select2-results__option[aria-selected=true],
-.select2-morebits .select2-selection__rendered,
-.select2-morebits .select2-selection--multiple,
-.select2-morebits .select2-selection__choice {
-    background: var(--background-color-base, #fff) !important;
-    color: inherit !important;
 }

MediaWiki:Gadget-morebits.css: Difference between revisions