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;
// }