12,812
edits
MediaWiki:Common.css: Difference between revisions
From Melvor Idle
Dark mode: Correct page previews appearance
(Dark mode: Make highlighted edits on Special:RecentChanges legible) |
(Dark mode: Correct page previews appearance) |
||
| Line 222: | Line 222: | ||
body.darkMode .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { | body.darkMode .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { | ||
border-color:#72777d | border-color:#72777d | ||
} | } | ||
body.darkMode .oo-ui-popupWidget-anchor:before { | body.darkMode .oo-ui-popupWidget-anchor:before { | ||
| Line 326: | Line 319: | ||
} | } | ||
body.darkMode .mwe-popups { | body.darkMode .mwe-popups { | ||
background:#323942 | background:#323942; | ||
-webkit-box-shadow:0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px #5b687a; | |||
box-shadow:0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px #5b687a; | |||
} | } | ||
body.darkMode .mwe-popups .mwe-popups-extract[dir=ltr]::after { | body.darkMode .mwe-popups .mwe-popups-extract[dir=ltr]::after { | ||
background-image:linear-gradient(to right,rgba(255,255,255,0),#323942 50%) | background-image:linear-gradient(to right,rgba(255,255,255,0),#323942 50%) | ||
} | |||
body.darkMode .pokey, | |||
body.darkMode .pokey:after, | |||
body.darkMode .mwe-popups:not(.flipped-y):not(.flipped-x-y):after, | |||
body.darkMode .mwe-popups.flipped-x:after { | |||
border-bottom-color:#323942 | |||
} | |||
body.darkMode .mwe-popups.flipped-y:after, | |||
body.darkMode .mwe-popups.flipped-x-y:after { | |||
border-top-color:#323942 | |||
} | |||
body.darkMode .mwe-popups:not(.flipped-y):not(.flipped-x-y):before, | |||
body.darkMode .mwe-popups.flipped-x:before { | |||
border-bottom-color:#465160 | |||
} | |||
body.darkMode .mwe-popups.flipped-y:before, | |||
body.darkMode .mwe-popups.flipped-x-y:before { | |||
border-top-color:#465160 | |||
} | |||
body.darkMode .pokey { | |||
border-bottom-color:#465160 | |||
} | } | ||
body.darkMode td[style*="background-color:lightpink;"], | body.darkMode td[style*="background-color:lightpink;"], | ||
