MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 148: / Line 148: @@
 .ext-discussiontools-init-pageframe-latestcomment,
 .ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section-metaitem {
-     color: var(--text-subtle);
+     color: var(--color-subtle);
 }
 /* links */
 a, a:visited, .hatnote a, .dablink a, .rellink a,
-.mw-logevent-actionlink a, .mw-logevent-tool a, .mw-diff-tool a, .mw-pager-tools a { color: var(--text-link) }
+.mw-logevent-actionlink a, .mw-logevent-tool a, .mw-diff-tool a, .mw-pager-tools a,
-a:hover, a:active { color: var(--text-link--hover) }
+.mw-logevent-actionlink a:visited, .mw-logevent-tool a:visited, .mw-diff-tool a:visited, .mw-pager-tools a:visited { color: var(--color-progressive) }
+a:hover, a:active { color: var(--color-progressive--hover) }
 body.mediawiki a.mw-selflink {
@@ Line 164: / Line 166: @@
 a.new, a.new:visited,
-.mw-usertoollinks-contribs-no-edits, .mw-usertoollinks-contribs-no-edits:visited { color: var(--text-redlink) }
+.mw-usertoollinks-contribs-no-edits, .mw-usertoollinks-contribs-no-edits:visited { color: var(--color-destructive) }
 a.new:hover, a.new:active,
-.mw-usertoollinks-contribs-no-edits:hover, .mw-usertoollinks-contribs-no-edits:active { color: var(--text-redlink--hover) }
+.mw-usertoollinks-contribs-no-edits:hover, .mw-usertoollinks-contribs-no-edits:active { color: var(--color-destructive--hover) }
 .mw-parser-output a.extiw, .mw-parser-output a.external,
@@ Line 196: / Line 198: @@
 ol.references li:target, sup.reference:target,
 .cargo-pagevalues-tableinfo {
-	background-color: var(--bg-secondary);
+	background-color: var(--background-color-neutral-subtle);
 }
@@ Line 203: / Line 205: @@
 #contentSub:not(:empty), #contentSub,
 #mw-content-subtitle, #contentSub2 {
-	color: var(--text-subtle);
+	color: var(--color-subtle);
 }
@@ Line 222: / Line 224: @@
 table.wikitable, table.cargoTable, table.mw-datatable, table.mw_metadata, table.mw-abuselog-details {
 	background-color: var(--background-color-object-neutral);
-     color: var(--text);
+     color: var(--color-base);
      margin: 1em 0;
      border: 1px solid var(--border-color-object-subtle);
@@ Line 252: / Line 254: @@
 table.mw-abuselog-details > tr > th, table.mw-abuselog-details > * > tr > th {
 	background-color: var(--background-color-object-neutral-subtle);
-     color: var(--text);
+     color: var(--color-base);
 }
@@ Line 459: / Line 461: @@
 	border-collapse: separate!important;
 	table-layout: fixed;
-     color: var(--text);
+     color: var(--color-base);
      line-height: 0;
      font-size: .85em;
-     padding: 2px 4px;
+     padding: 4px;
      clear: both;
 }
@@ Line 546: / Line 548: @@
 	display: inline-table!important;
 	border-collapse: collapse;
-     color: var(--text);
+     color: var(--color-base);
      margin: 0!important;
 }
@@ Line 655: / Line 657: @@
 li.gallerybox div.thumb {
 	border: 0;
-	background-color: var(--bg-secondary);
+	background-color: var(--background-color-neutral-subtle);
-	color: var(--text);
+	color: var(--color-base);
 }
@@ Line 726: / Line 728: @@
 	background-color: var(--background-color-warning-subtle);
 	border-color: var(--border-warning);
-	color: var(--text);
+	color: var(--color-base);
 }
@@ Line 732: / Line 734: @@
 	background-color: var(--background-color-error-subtle);
 	border-color: var(--border-error);
-	color: var(--text);
+	color: var(--color-base);
 }
@@ Line 739: / Line 741: @@
 	background-color: var(--bg-success-subtle);
 	border-color: var(--border-success);
-	color: var(--text);
+	color: var(--color-base);
 }
@@ Line 771: / Line 773: @@
 .mw-echo-ui-notificationItemWidget-content-message-header,
 .mw-echo-ui-notificationItemWidget-content-actions-timestamp {
-	color: var(--text);
+	color: var(--color-base);
 }
 .mw-echo-ui-notificationsListWidget:not(:hover) a, #p-personal .mw-echo-ui-notificationsListWidget:not(:hover) a.new,
 .mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
-	color: var(--text-subtle);
+	color: var(--color-subtle);
 }
@@ Line 820: / Line 822: @@
 .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending), .ext-discussiontools-ui-replyWidget-preview {
-	background-color: var(--bg-secondary);
+	background-color: var(--background-color-neutral-subtle);
 }
@@ Line 876: / Line 878: @@
 .oo-ui-messageDialog-message {
-	color: var(--text);
+	color: var(--color-base);
 }
@@ Line 892: / Line 894: @@
 .oo-ui-tabOptionWidget {
-	color: var(--text-subtle);
+	color: var(--color-subtle);
 }
 .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
-	color: var(--text-link);
+	color: var(--color-progressive);
 }
@@ Line 910: / Line 912: @@
 .ve-ui-mwSaveDialog-license {
-	color: var(--text-subtle);
+	color: var(--color-subtle);
 }*/
@@ Line 916: / Line 918: @@
 /*.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted,
 .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {
-	color: var(--text-subtle);
+	color: var(--color-subtle);
 	background-color: var(--background-color-object-neutral-subtle);
 }*/
@@ Line 926: / Line 928: @@
 .ve-ui-mwTemplatePage-description {
-	color: var(--text-subtle);
+	color: var(--color-subtle);
 }
@@ Line 941: / Line 943: @@
 /* template documentation */
 .mw-templatedata-doc-muted {
-	color: var(--text-subtle);
+	color: var(--color-subtle);
 }
@@ Line 1,109: / Line 1,111: @@
 .quote-side {
-	color: var(--text-subtle);
+	color: var(--color-subtle);
 	font-family: Times New Roman, Times, Georgie, serif;
 	font-weight: bold;
@@ Line 1,122: / Line 1,124: @@
 .columns-200px {
 	column-width: 200px;
+	break-inside: avoid;
 }
 .hatnote {
-	background: var(--bg-secondary);
+	background: var(--background-color-neutral-subtle);
-	color: var(--text);
+	color: var(--color-base);
 	font-style: italic;
@@ Line 1,145: / Line 1,148: @@
    padding: .1em .3em;
-   color: var(--text);
+   color: var(--color-base);
    background-color: var(--background-color-object-base);
    border: 1px solid var(--border-color-object-base);