//----------------------------------*\
// PANES
//----------------------------------*/
.panes {
    //background:aquamarine;
    //border:5px solid red;
    display:block;
    overflow-x:auto;
    width:auto;

    @include medium-and-up-screen {
        border:0;
        display:table;
        min-height:0;
        overflow-x:visible;
        width:100%;
    }

    .color-scheme--dark & {
        background:$_color_dark_gamma;
    }

    .color-scheme--light & {
        background:$_color_light_gamma;
    }
}

.panes__container {
    //background:indigo;
    display:table;
    width:auto;
    width:840px;

    @include medium-and-up-screen {
        display:table-row;
        min-width:0;
        position:static;
    }
}

.panes__pane {
    //background:blue;
    border-style:solid;
    border-width:0 0 0 1px;
    display:table-cell;
    padding:$_space_narrow;

    &:first-child {border-left:0;}

    @include large-xlarge-screen {
        padding:$_space;
    }

    .color-scheme--dark & {
        border-color:$_color_dark_beta;
    }

    .color-scheme--light & {
        border-color:$_color_light_delta;
    }

    .panes--2 & {width:50%;}

    .panes--3 & {width:33.333333333%;}
}

//----------------------------------*\
// PANES
//----------------------------------*/
.panes {
    //background:aquamarine;
    //border:5px solid red;
    display:block;
    overflow-x:auto;
    width:auto;

    @include medium-and-up-screen {
        border:0;
        display:table;
        min-height:0;
        overflow-x:visible;
        width:100%;
    }

    .color-scheme--dark & {
        background:$_color_dark_gamma;
    }

    .color-scheme--light & {
        background:$_color_light_gamma;
    }
}

.panes__container {
    //background:indigo;
    display:table;
    width:auto;
    width:840px;

    @include medium-and-up-screen {
        display:table-row;
        min-width:0;
        position:static;
    }
}

.panes__pane {
    //background:blue;
    border-style:solid;
    border-width:0 0 0 1px;
    display:table-cell;
    padding:$_space_narrow;

    &:first-child {border-left:0;}

    @include large-xlarge-screen {
        padding:$_space;
    }

    .color-scheme--dark & {
        border-color:$_color_dark_beta;
    }

    .color-scheme--light & {
        border-color:$_color_light_beta;
    }

    .panes--2 & {width:50%;}

    .panes--3 & {width:33.333333333%;}
}

Fix light theme on dashboard view
Fix light theme on dashboard view

Change-Id: Ib69ad2729395b11ccc04b9d03b36a8b6e17c8e28
