MediaWiki:Common.less/pagepreviews.less

// Page preview popups .mwe-popups { background: var(--body-light);

.mwe-popups-container { color: var(--text-color); background: var(--body-light);

// arrow pointing to link // seems to be a different class for each possible position and img combination &.flipped-x-y:before, &.flipped-y:before { border-top: none; }

&.mwe-popups-no-image-tri:before { border-bottom: none; }

&.flipped-x-y:after, &.flipped-y:after { border-top-color: var(--body-light); }

&.mwe-popups-no-image-tri:after { border-bottom-color: var(--body-light); } }

.mwe-popups-settings-icon:hover, .mwe-popups-settings-icon:active { background-color: var(--ooui-normal--hover); }

// the following cancelled out the brightness adjustment by above // and also was added to the preview-generic icon .mw-ui-icon-element:not(.disabled):hover { background: none; }

// text section .mwe-popups-extract { color: var(--text-color);

// fade for text overflow &[dir='ltr']:after { background-image: linear-gradient(to right, rgba(49, 62, 89, 0), var(--body-light) 50%); } } }

// Anon preferences popup .mwe-popups-overlay { background-color: var(--ooui-window-background); }

1. mwe-popups-settings {

background: var(--ooui-interface); border-color: var(--ooui-interface-border); color: var(--text-color);

header { border-color: var(--ooui-interface-border); }

main#mwe-popups-settings-form { p { color: var(--byline-color); } // text beside radio button form label > span { color: var(--ooui-text); } } }