MediaWiki:Vector-darkmode.less/smw.less

/* =====================================

      SMW search, ask and property pages
  ===================================== */

.smw-ask-query, .smw-ask-actions { textarea { background-color: @ooui-interface; border-color: @ooui-interface-border; color: @ooui-text; } }

.smw-ask-query-format { select { background-color: @ooui-interface; border: 1px solid @ooui-interface-border; color: @ooui-text; } }

.smw-ask-sorting, .smw-ask-options-fields { select { background-color: darken( @cloud-burst, 2% ); border: 1px solid #4c5574; // this is how it looks with 'rgba(250, 250, 255, .25)' color: @ooui-text; }

input { background-color: darken( @cloud-burst, 2% ); border: 1px solid #4c5574; // this is how it looks with 'rgba(250, 250, 255, .25)' color: @ooui-text; padding: 2px 1px; } }

.smw-ask-toplinks { background-color: @cloud-burst;

span.smw-icon-info { filter: invert(1); } }

.smw-ask-options-row-odd { background-color: @pickled-bluewood; }

.smw-ask-options-row-even { background-color: @cloud-burst; }

1. options-toggle:not(:checked) + #options-list .options-parameter-list:after {

background-image: linear-gradient(to bottom,transparent,@cloud-burst 90%); }

.smw-ask-button-submit input:hover, .smw-ask-button-lgrey:hover { background-color: @cloud-burst; border-color: @pickled-bluewood; }

// buttons input { &.smw-ask-action-btn { &.smw-ask-action-btn-dblue { background-color: @ooui-normal; border-color: @ooui-normal-border; color: @ooui-text; } } }

a { &.smw-ask-action-btn { &.smw-ask-action-btn-lblue { background-color: @cloud-burst; border-color: lighten( @cloud-burst, 8% ); color: @ooui-text;

&:visited { background-color: @cloud-burst; border-color: lighten( @cloud-burst, 8% ); color: @ooui-text; }

&:hover { background-color: lighten( @cloud-burst, 4% ); border-color: lighten( @cloud-burst, 12% ); color: @ooui-text; } } }

&.smw-ask-action-btn-lgrey { background-color: @ooui-normal; border-color: @ooui-normal-border; color: @ooui-text;

&:hover { background-color: @ooui-normal--hover; border-color: @ooui-normal-border--hover; color: @ooui-text; } } }

// Callout messages .smw-callout { color: @alabaster;

&-error { background-color: @old-brick; border-color: @old-brick; border-left-color: @mocaccino; } &-info { background-color: @venice-blue; border-color: @venice-blue; border-left-color: @regal-blue; } &-success { background-color: @la-palma; border-color: @la-palma; border-left-color: @san-felix; } &-warning { background-color: @korma; border-color: @korma; border-left-color: @antique-bronze; } }

// Property page usage count indicators .smw-tabs input.nav-tab:checked + label.nav-label {

   color: inherit;
   
   &:hover {
   	color: @white;
   }

}

1. tab-smw-property-value:checked + label.nav-label .usage-count {

color: @white; background-color: @waikawa-grey;

&.moderate { color: @white; background-color: @korma; border-color: @korma; }

&.high { color: @white; background-color: @old-brick; border-color: @old-brick; } }

// Property:Foo pages .smw-property-page-results { // Property page results headers .header-title { background-color: @ooui-interface; border-bottom-color: @waikawa-grey; color: @ooui-text; }

// Property page result rows hover .value-row:hover { background-color: @ooui-normal--hover; }

// Property page alphabetic headers .smw-table .header-row { color: @dark-text; } }

// Tooltips .tippy-tooltip.light-border-theme { background-color: @pickled-bluewood; color: @dark-text;

.tippy-arrow { border-top-color: @pickled-bluewood;

&:after { border-top-color: @pickled-bluewood; } } }

.tippy-header { background-color: darken(@pickled-bluewood, 3.5%); border-bottom-color: @cloud-burst; }

.smw-ui-input-filter { background-color: @ooui-interface; border-color: @ooui-interface-border; color: @ooui-text;

input { border-left-color: @ooui-interface-border !important; //beating !important on default style color: @ooui-text !important; } }

/* ===================

  FACTS under edits

==================== */

.smw-factbox { background-color: @big-stone !important; border: @big-stone !important;

label#tab-label-facts-list { background-color: @pickled-bluewood; color: @dark-text; border-color: @waikawa-grey; border-bottom-color: @pickled-bluewood; border-top-color: orange; }

section#tab-content-facts-list { border-color: @waikawa-grey;

.smwfact /*more about...*/ { background-color: @pickled-bluewood; /*border-top-color: @waikawa-grey;*/ color: @dark-text;

.smwfacttable { border-top-color: @waikawa-grey; }

.smw-table.smwfacttable { .smw-table-row:nth-child(odd) { background-color: darken( @pickled-bluewood, 4%); } .smw-table-row:nth-child(even) { background-color: @pickled-bluewood; } }

} } }

.smwtable-striped tbody > tr:nth-child(odd) { background-color: #182137; }

.smwtable-clean tbody > tr:nth-child(even) { background-color: #384766; }

.smwtable-clean tr, .smwtable-clean tr > th, .smwtable-clean tr > td { border-color: #596e96; }

// Image borders .smwprops a .thumbborder { border-color: @waikawa-grey; }