mirror-web/static/css/_bootstrap-mod.scss

/*	################################################################
BOOTSTRAP MODIFICATIONS & TWEAKS
################################################################# */
.navbar {
    padding-top: 15px;
    margin-bottom: 0px;
}

.nav > li > a:hover, .nav > li > a:focus{
    @include dark{
        background-color: #111;
    }
}

pre{
    @include dark{
        color: #ccc;
        background-color: #272822;
    }
}

code{
    @include dark{
        background-color: #060d0b;
    }
}

.navbar-default {
    @include dark{
        background-color: $color_bg_dark;
    }
    background-color: white;
    border-color: transparent;

    .navbar-nav > li.active > a {
        color: $color_thu_purple; 
        border-bottom: 2px solid $color_thu_purple;
        @include dark{
            color: $color_thu_purple_dark; 
            border-bottom-color: $color_thu_purple_dark; 
        }
    }
    .navbar-nav > li > a {
        @include dark{
            color: $color_secondary_dark;
        }
        color: $color_secondary;
        background: transparent !important;
        font-weight: 700;
        font-size: 12px;

        &:hover, &:focus {
            color: $color_primary !important;
            background: transparent !important;
            @include dark{
                color: $color_primary_dark !important; 
            }
        } 
    } 
}

.navbar-brand {
    font-weight: 900;
    padding: 0px;
    line-height: 50px;
    height: 50px;
    img {
        margin-right: 5px; 
    }
}

.navbar-header .navbar-brand {
    color: $color_secondary;
    @include dark{
        color: $color_secondary_dark;
        &:hover {
            color: #fff;
        }
    }
}

.dropdown-menu {
    @include dark{
        background: $color_secondary_dark;
    }
    background: $color_secondary ;
}

.dropdown-menu > li > a {
    color: white;
    @include dark{
        color: $color_bg_dark;
    }
    font-weight: 700;
    font-size: 12px;
}

.mtb {
    margin-top: 40px;
    margin-bottom: 80px;
}

.mb {
    margin-bottom: 60px;
}

.mt {
    margin-top: 60px;
}

.hline {
    border-bottom: 1px solid $color_secondary ;
}

.hline-w {
    border-bottom: 1px solid #ffffff;
    margin-bottom: 25px;
}

table .row{
  &:before, &:after{
    content: none;
  }
}

@include dark{
    .popover{
        background-color: #282828;
        border-color: rgba(255, 255, 255, 0.2);
    }
    .popover.title{
        background-color: #f7f7f7;
        border-bottom-color: #ebebeb;
    }
    .popover.top > .arrow {
        border-top-color: rgba(255, 255, 255, .25);
    }
    .popover.top > .arrow:after {
        border-top-color: #282828;
    }
    .popover.right > .arrow {
        border-right-color: rgba(255, 255, 255, .25);
    }
    .popover.right > .arrow:after {
        border-right-color: #282828;
    }
    .popover.bottom > .arrow {
        border-bottom-color: rgba(255, 255, 255, .25);
    }
    .popover.bottom > .arrow:after {
        border-bottom-color: #282828;
    }
    .popover.left > .arrow {
        border-left-color: rgba(255, 255, 255, .25);
    }
    .popover.left > .arrow:after {
        border-left-color: #282828;
    }
    .modal-content {
        background-color: $color_bg_dark;
        border: 1px solid rgba(255, 255, 255, .2);
    }
    .close {
        color: $color_secondary_dark;
        text-shadow: 0 1px 0 $color_bg_dark;
        &:hover, &:focus{
            color: #fff;
        }
    }
    .nav-tabs > li > a:hover {
        background-color: $color_bg_dark;
    }
    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        color: $color_secondary_dark;
        background-color: $color_bg_dark;
    }
    .thumbnail {
        background-color: $color_bg_dark;
    }
    .btn-info {
        background-color: #4c85b7;
        border-color: #739fc6;
        &:hover, &:focus, &:active, &.active {
            background-color: #40729e;
            border-color: #739fc6;
        }
    }
    .label-info {
        background-color: #61aadd;
    }
    .label-warning {
        background-color: #dd9640;
    }
    .progress-bar {
        background-color: #42729c;
    }
    .table-striped > tbody > tr:nth-child(odd) > td,
    .table-striped > tbody > tr:nth-child(odd) > th {
      background-color: #060606;
    }
}