MediaWiki:Vector-darkmode.less/gadgets.less
Ir para navegação
Ir para pesquisar
// <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>