User:SOTO/CSS2
From Tardis Wiki, the free Doctor Who reference
a\ .mw-rcfilters-head .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button { filter: invert(1) hue-rotate(180deg); } .mw-rcfilters-head .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button, .mw-rcfilters-ui-rcTopSectionWidget-topLinks-top .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button { background: var(--primary-3); outline: solid 2px var(--primary-7); outline: solid 2px var(--primary-14); color: var(--text-color-3); font-weight: 600; } .mw-rcfilters-ui-rcTopSectionWidget-topLinks-top .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button:hover, .mw-rcfilters-head .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button, .mw-rcfilters-head .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background: var(--primary-26); background: #182c4e; /* outline-color: var(--primary-26); */ outline-color: #2e4162; outline-color: #465979; /* outline-color: #6c7991; */ } .mw-rcfilters-head .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator, .mw-rcfilters-ui-rcTopSectionWidget-topLinks-top .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator { filter: invert(1) hue-rotate(180deg) brightness(.65); } .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { background: var(--primary-11); background: #142647; /* background: #141c2c; */ /* background: #11161f; */ /* background: #0d1e3d; */ background: var(--primary-28); background: var(--primary-26); border: solid 2px var(--primary-26); /* border: solid 2px var(--primary-13); */ outline: solid 2px var(--primary-2); box-shadow: 0 0 0 4px var(--primary-13); box-shadow: 0 0 0 4px #555f72; box-shadow: 0 0 0 4px #2a3c5e; border-radius: 8px; } .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) a { / color: var(--primary-22); color: #73829e; color: #798db2; } .mw-recentchanges-toplinks-content { float: inline-end; padding-right: 8.4em; margin-top: -8px; } .mw-rcfilters-head .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined > div { background: hsl(219.23deg 100% 89.8%); border: solid 2px hsl(219deg 31.03% 71.57%); } .mw-rcfilters-head .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background: hsl(218deg 81.82% 87.06%); border: solid 1px hsl(218deg 35.09% 65.06%); } .mw-rcfilters-head .oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { background: #a6b1c7; color: var(--TEXT-A-H2); filter: invert(1); }