https://wiki.runerealm.org/index.php?action=history&feed=atom&title=MediaWiki%3AVector-darkmode.less%2Frc.less 2026-04-26T06:46:56Z Revision history for this page on the wiki MediaWiki 1.41.1 https://wiki.runerealm.org/index.php?title=MediaWiki:Vector-darkmode.less/rc.less&diff=34865&oldid=prev 2024-10-16T23:11:27Z

<p>Created page with &quot;// <a href="/w/Special:RecentChanges" title="Special:RecentChanges">Special:RecentChanges</a> // Filter colors @filter-icon-color-1: @venice-blue; @filter-color-1: @filter-icon-color-1; @filter-text-color1: @tropical-blue; @filter-icon-color-2: @la-palma; @filter-color-2: @filter-icon-color-2; @filter-text-color2: @frost; @filter-icon-color-3: @olive; @filter-color-3: @filter-icon-color-3; @filter-text-color3: @half-dutch; @filter-icon-color-4: @korma; @filter-color-4: @filter-icon-color-4; @filter-text-color4: @lace; @filter-icon-co...&quot;</p> <p><b>New page</b></p><div>// [[Special:RecentChanges]]<br /> <br /> // Filter colors<br /> @filter-icon-color-1: @venice-blue;<br /> @filter-color-1: @filter-icon-color-1;<br /> @filter-text-color1: @tropical-blue;<br /> @filter-icon-color-2: @la-palma;<br /> @filter-color-2: @filter-icon-color-2;<br /> @filter-text-color2: @frost;<br /> @filter-icon-color-3: @olive;<br /> @filter-color-3: @filter-icon-color-3;<br /> @filter-text-color3: @half-dutch;<br /> @filter-icon-color-4: @korma;<br /> @filter-color-4: @filter-icon-color-4;<br /> @filter-text-color4: @lace;<br /> @filter-icon-color-5: @old-brick;<br /> @filter-color-5: @filter-icon-color-5;<br /> @filter-text-color5: @bridesmaid;<br /> <br /> // Date popup widget subtitle text color<br /> .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {<br /> color: @dark-links;<br /> }<br /> <br /> // Make all search filter indicators have the same font color<br /> .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label {<br /> color: @dark-text;<br /> }<br /> <br /> // Namespaces and Tags buttons<br /> .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {<br /> background-color: @dark-wikitable-background;<br /> border-color: lighten( @dark-wikitable-background, 8% );<br /> }<br /> <br /> // Filter popup<br /> // Make saved Filters popup text more readable<br /> .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {<br /> color: @dark-text;<br /> }<br /> // Filters popup header<br /> .mw-rcfilters-ui-filterMenuHeaderWidget-header {<br /> border-color: @dark-infobox-border;<br /> background-color: @dark-infobox-header;<br /> }<br /> // Filters popup subheaders<br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget {<br /> background-color: @dark-infobox-subheader;<br /> }<br /> // Filters popup entries with checkboxes<br /> .mw-rcfilters-ui-filterMenuOptionWidget {<br /> border-color: @dark-infobox-border;<br /> // Muted entries<br /> &amp;.oo-ui-flaggedElement-muted {<br /> background-color: @dark-wikitable-background;<br /> }<br /> // Entry label descriptions<br /> .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: @dark-links;<br /> }<br /> }<br /> <br /> // Filters popup footer<br /> .mw-rcfilters-ui-menuSelectWidget-footer {<br /> background-color: @dark-wikitable-header;<br /> border-color: @dark-infobox-border;<br /> }<br /> <br /> // Saved filters menu item hover<br /> .mw-rcfilters-ui-savedLinksListItemWidget:hover {<br /> // Yoinked from .oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-buttonElement-active) &gt; .oo-ui-buttonElement-button:hover<br /> background-color: #384766;<br /> border-color: #475980;<br /> }<br /> <br /> // Currently/last selected filter when using the filter menu<br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> // Yoinked from .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button<br /> background-color: #2a4b8d;<br /> border-color: #2a4b8d;<br /> color: white;<br /> }<br /> <br /> // List of abbreviations float<br /> .mw-changeslist-legend,<br /> .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {<br /> background-color: @dark-wikitable-background;<br /> border-color: @dark-infobox-border;<br /> color: @dark-text;<br /> }<br /> <br /> // Highlight colors for recent changes<br /> // Mixins<br /> .filter-color( @filter-number, @filter-icon-color, @filter-color, @filter-text-color ) {<br /> .mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey td:not(:nth-child(-n+2)),<br /> .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c@{filter-number} tr:first-child,<br /> .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c@{filter-number}.mw-rcfilters-ui-changesListWrapperWidget-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),<br /> .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c@{filter-number}.mw-rcfilters-ui-changesListWrapperWidget-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {<br /> background-color: transparent;<br /> .mw-title {<br /> background-color: @filter-color;<br /> a {<br /> color: @filter-text-color;<br /> }<br /> }<br /> }<br /> .mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c@{filter-number}.oo-ui-buttonOptionWidget.oo-ui-buttonElement-active,<br /> .mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c@{filter-number}.oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,<br /> .mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c@{filter-number}.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected,<br /> .mw-rcfilters-ui-changesListWrapperWidget-highlights-color-c@{filter-number},<br /> .mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c@{filter-number},<br /> .oo-ui-buttonWidget.oo-ui-popupButtonWidget .oo-ui-buttonElement-button &gt; .mw-rcfilters-ui-filterItemHighlightButton-circle-color-c@{filter-number},<br /> .mw-rcfilters-ui-tagItemWidget-highlight[data-color=&#039;c@{filter-number}&#039;]:before {<br /> background-color: @filter-icon-color;<br /> }<br /> }<br /> // Define filter color coding<br /> .filter-color( 1, @filter-icon-color-1, @filter-color-1, @filter-text-color1 );<br /> .filter-color( 2, @filter-icon-color-2, @filter-color-2, @filter-text-color2 );<br /> .filter-color( 3, @filter-icon-color-3, @filter-color-3, @filter-text-color3 );<br /> .filter-color( 4, @filter-icon-color-4, @filter-color-4, @filter-text-color4 );<br /> .filter-color( 5, @filter-icon-color-5, @filter-color-5, @filter-text-color5 );<br /> <br /> <br /> // Other review tools expandable menu at top<br /> .client-js &amp; .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {<br /> border: 1px solid @dark-interface-border;<br /> background-color: @pickled-bluewood;<br /> }<br /> <br /> // legend<br /> .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {<br /> background-color: @pickled-bluewood;<br /> border: 1px solid @dark-interface-border;<br /> }<br /> <br /> // Various icons<br /> .mw-rcfilters-ui-filterWrapperWidget-top .oo-ui-iconElement-icon.oo-ui-image-invert,<br /> .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon.oo-ui-image-invert,<br /> .mw-rcfilters-ui-liveUpdateButtonWidget .oo-ui-iconElement-icon.oo-ui-image-invert,<br /> .mw-rcfilters-ui-changesLimitAndDateButtonWidget .oo-ui-iconElement-icon.oo-ui-image-invert,<br /> .mw-rcfilters-ui-filterMenuHeaderWidget-header .oo-ui-iconElement-icon.oo-ui-image-invert,<br /> .mw-rcfilters-ui-itemMenuOptionWidget-highlightButton .mw-rcfilters-ui-filterItemHighlightButton-circle {<br /> filter: none !important;<br /> }</div>

Alex