MediaWiki:Vector-darkmode.less/tabber.less

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

        <tabber> styling
  ============================== */

.tabber .tabbertab {

   background-color: @dark-wikitable-background;
   border-color: @dark-infobox-border;

}

ul.tabbernav {

   li.tabberactive a {
       color: @dark-text;
       background-color: @dark-wikitable-background;
       border-color: @dark-infobox-border;

       &:hover,
       &:visited {
           color: @dark-text;
           background-color: @dark-wikitable-background;
           border-color: @dark-infobox-border;
       }
       
       &::after {
       	border-color: @dark-wikitable-background;
       }
   }

   li a {
       background: @cloud-burst;
       color: @dark-text;
       border-color: @dark-infobox-border;

       &:hover {
           background-color: @cloud-burst;
           border-color: @dark-infobox-border;
       }

       &:link,
       &:visited {
           color: @dark-text;
       }
   }

}

/*

 The following styles were used as a temporary fix for TabberNeue.
 We're currently using old Tabber because TabberNeue breaks if a tab
 dynamically changes size, such as multi-infobox.

• /

// .tabber__tab { // background-color: #222e45; // border-color: #596e96; // }

// .tabber__tab:hover { // background-color: #313e59; // }

// .tabber__tab--active, // .tabber__tab--active:visited { // background-color: #313e59; // }

// .tabber__section { // background-color: #313e59;; // border-color: #596e96; // }

// /* fade scroll hack */ // .tabber__panel::after { // background-image: none; // }