MediaWiki:Vector-darkmode.less/gadgets.less

// <pre>
/* =====================
        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-buttonElement-button {
	 > .oo-ui-iconElement-icon.oo-ui-icon-lightbulb {
    	opacity: .73;
	}

    &:hover > .oo-ui-iconElement-icon.oo-ui-icon-lightbulb {
    	opacity: 1;
    }
}

#rsw-disassembly-overlay {
    table.wikitable > tr, > * > tr {
        > th {
            background-color: @cloud-burst;
        }

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

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

/* ------------------------------
       Gadget-perkcalc.js
   ------------------------------ */
#perkCalcCompSelect .tooltip {
	background: @cloud-burst;
	border-color: #ffffff;
}
// </pre>