MediaWiki:Vector-darkmode.less/gadgets.less

//

/* =====================
        gadgets
        only put default gadgets here
   ===================== */

/* ------------------------------
       Gadget-skinToggles.css
   ------------------------------ */

#mw-head.sticky-hidden {
	background: @cloud-burst;
}

.rsw-skin-toggle-popup {

	.oo-ui-window-frame {
		background: @pickled-bluewood !important;
	}

    .appearance-modal {
    	color: @dark-text;
    }

    .reader-mode {
    	background: @cloud-burst;

    	p {
    		color: inherit;
    		opacity: .7;
    	}

    }

    > .oo-ui-window-frame {
    	border-color: @big-stone !important;
    }

}

/* --------------------------------
     Gadget-ReferenceTooltips.css
   -------------------------------- */

#rsw-config-background {
	background: fade( @big-stone, 75% );
}

.rsw-tooltip {
	color: @dark-text;
	background-color: @pickled-bluewood;
	border-color: @waikawa-grey;
}

ol.references li:target,
sup.reference:target {
    background-color: @pickled-bluewood;
}

/* -------------------------
        Gadget-less.js
   ------------------------- */

// This is going to load late because it's loading from meta, !important is necessary
#less-modal {
	background: @pickled-bluewood !important;
	color: @dark-text !important;

	a {
		color: @dark-links !important;
	}

	#less-header {
		border-color: @dark-wikitable-border !important;
	}

	#less-close {
		background-color: @pickled-bluewood !important;
	}

}

#less-overlay {
	background-color: rgba(25, 25, 25, 0.6) !important;
}

/* ------------------------------
      Gadget-highlightTable.js
   ------------------------------ */

table.lighttable,
#pengLocations {

    .highlight-over {
        background-color: @la-palma;
        color: @frost;

        a {
            color: @caper;
        }

    }

    .highlight-on {
        background-color: @san-felix;
        color: @frost;

        a {
            color: @caper;
        }

    }

}

/* ------------------------------
     Gadget-titleparenthesis.js
   ------------------------------ */

.title-parenthesis {
	color: inherit;
	opacity: .75;
}

/* ------------------------------
        Gadget-tooltips.js
   ------------------------------ */

.js-tooltip-wrapper {
}


/* ------------------------------
       Gadget-dropDisplay.js
   ------------------------------ */

// the settings button in new drop tables
.rsw-drop-display-button2 .oo-ui-buttonElement-button {
	filter: invert(1);
}

/* .rsw-drop-display-popup {
	.oo-ui-popupWidget-popup {
    	background-color: @pickled-bluewood;
    	border-color: @waikawa-grey;
	}
	&.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor {
		&:after {
    		border-top-color: @pickled-bluewood;
		}
		&:before {
    		border-top-color: @waikawa-grey;
		}
	}
	&.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor {
		&:after {
    		border-bottom-color: @pickled-bluewood;
		}
		&:before {
    		border-bottom-color: @waikawa-grey;
		}
	}
	.oo-ui-buttonInputWidget:not(.oo-ui-flaggedElement-primary) .oo-ui-labelElement-label,
	.oo-ui-buttonOptionWidget:not(.oo-ui-optionWidget-selected) .oo-ui-labelElement-label {
        color: #222;
	}
} */

/* ------------------------------
       Gadget-itemDiscalc.js
   ------------------------------ */
@ooui-text-escape: escape("@{ooui-text}");
.rsw-disassembly-calc-popup-button .oo-ui-iconElement-icon.oo-ui-icon-lightbulb {
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Elightbulb%3C/title%3E%3Cpath fill='@{ooui-text-escape}' d=%22M8 19a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-1H8zm9-12a7 7 0 1 0-12 4.9S7 14 7 15v1a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-1c0-1 2-3.1 2-3.1A7 7 0 0 0 17 7z%22/%3E%3C/svg%3E");
}

#rsw-disassembly-overlay {

    table.wikitable > tr, > * > tr {

        > th {
            background-color: @cloud-burst;
        }

        > th,
        >td {
            border-color: @big-stone;
        }

    }

    .rsw-discalc-priceinfo {
    	color: @dark-text;
    }

}