User:SOTO/CSS2
From Tardis Wiki, the free Doctor Who reference
:root.theme-dark .mw-rcfilters-head .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button { filter: invert(1) hue-rotate(180deg); } :root.theme-dark .mw-rcfilters-head .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button, :root.theme-dark .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; } :root.theme-dark .mw-rcfilters-ui-rcTopSectionWidget-topLinks-top .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button:hover, :root.theme-dark .mw-rcfilters-head .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button, :root.theme-dark .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; */ } :root.theme-dark .mw-rcfilters-head .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator, :root.theme-dark .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); } :root.theme-dark .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; } :root.theme-dark .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) a { /color: var(--primary-22); color: #73829e; } .mw-recentchanges-toplinks-content { float: inline-end; padding-right: 8.4em; margin-top: -8px; } :root.theme-dark .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%); } :root.theme-dark .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%); } :root.theme-dark .mw-rcfilters-head .oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { background: #a6b1c7; filter: invert(1); } /*.mw-rcfilters-ui-menuSelectWidget .oo-ui-widget-enabled.mw-rcfilters-ui-filterMenuSectionOptionWidget { background: var(--alt-text-color); background: #a6b1c7; background: var(--contrast-color-13); background: #7a7c7f; background: #aab8cc; background: #c2cee0; }*/ .mw-rcfilters-ui-menuSelectWidget .oo-ui-widget-enabled.mw-rcfilters-ui-filterMenuSectionOptionWidget .mw-rcfilters-ui-filterMenuSectionOptionWidget-header { background: #b0c2dd; background: #bed0ec; background: #b8cff3; outline: solid 5px #b0c2dd; outline: solid 5px #c1d2eb; box-shadow: -2px 0 0 5px #838fa0, -4px 4px 0 12.88px #a7b7cf; } .mw-rcfilters-ui-menuSelectWidget, .mw-rcfilters-ui-menuSelectWidget .oo-ui-widget-enabled { background: hsl(215.77deg 100% 89.8%); background: hsl(215.77deg 100% 98.61%); background: hsl(215.77deg 100% 98.61%); }