You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
bazarr/static/scss/dark.scss

148 lines
7.0 KiB

/*Theme Colors*/
$light: white;
.form-control, .btn-secondary:hover, .form-control:focus, .btn-secondary.active, .card-outline-danger, .card-outline-info, .card-outline-warning, .card-outline-success, .card-outline-primary, .popover-title, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple, .bootstrap-tagsinput, .footable .pagination li a, .select2-container--default .select2-selection--single .select2-selection__rendered, .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection, .jsgrid-row>.jsgrid-cell, .page-item .page-link, .page-item.disabled .page-link, .minimal-faq .card .card-header, .mega-dropdown .nav-accordion .card-header{
background-color:$dark;
}
.right-sidebar, .select2-dropdown, .dropify-wrapper, .dropify-wrapper .dropify-preview, .wizard-content .wizard>.steps>ul>li.current .step, .wizard-content .wizard>.steps>ul>li .step, .wizard-content .wizard.wizard-circle>.steps>ul>li.current:after, .wizard-content .wizard.wizard-circle>.steps>ul>li.current~li:after, .wizard-content .wizard.wizard-circle>.steps>ul>li.current~li:before, .note-editor.note-frame .note-editing-area .note-editable, .modal-content, .jsgrid-alt-row>.jsgrid-cell, .css-bar:after{
background: $light;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .footable .pagination li a, .select2-container--default .select2-selection--single .select2-selection__rendered, .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection, .close, .page-item .page-link{
color:$white;
}
/*******************
Border Colors
*******************/
.table td, .nav-tabs, hr, .form-control, ul.wysihtml5-toolbar, .tabcontent-border, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--multiple .select2-selection__choice, .bootstrap-tagsinput, .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection, .ms-container .ms-list, .wizard-content .wizard.wizard-circle>.steps .step, .table-bordered, .modal-footer, .modal-header, .jsgrid-header-row>.jsgrid-header-cell, .jsgrid-edit-row>.jsgrid-cell, .jsgrid-filter-row>.jsgrid-cell, .jsgrid-grid-body, .jsgrid-grid-header, .jsgrid-header-row>.jsgrid-header-cell, .jsgrid-insert-row>.jsgrid-cell, .bootstrap-table .table>thead>tr>th, .bootstrap-table .table, .fixed-table-container, .page-item .page-link, .page-item.disabled .page-link, .featured-plan .pricing-body, .footable .pagination li a, .footable .pagination li.disabled a, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover , .dataTables_wrapper .dataTables_paginate .paginate_button {
border-color:$border;
}
/*******************
/*Background Colors light*/
/*******************/
.progress, .fc-day, .css-bar > i, .dropzone, code, .popover, .grid-stack-item-content, .form-control:disabled, .form-control[readonly], .select2-container--default .select2-selection--multiple .select2-selection__choice, .ms-container .ms-selectable, .ms-container .ms-selection, .wizard-content .wizard>.actions>ul>li>a[href="#previous"], .jsgrid-grid-header, .jsgrid-filter-row>.jsgrid-cell, .dropdown-menu, .mega-dropdown .dropdown-menu{
background-color: $light;
}
.grid-stack-item-content, .input-group-addon, .wizard-content .wizard>.steps>ul>li.current>a, .mailbox ul li .drop-title, .topbar .navbar-light .navbar-nav .nav-link{
color:$white;
}
/*******************
/*Background Colors border*/
/*******************/
.fc th.fc-mon, .fc th.fc-wed, .fc th.fc-fri, .fc th.fc-sun, .fc th.fc-tue, .fc th.fc-thu, .fc th.fc-sat{
background: $border;
}
/*******************
/*Background Colors dark*/
/*******************/
.topbar .top-navbar .app-search .srh-btn{
background: none;
}
.btn-secondary, .glyphs.character-mapping input{
background: $light;
border-color: $form-brd;
color:$bodytext;
&:hover, &.active{
color:$bodytext;
border-color: $form-brd;
}
}
.custom-select{
border-color: $form-brd;
color:$bodytext;
}
.checkbox label::after, .glyphs.character-mapping li, .breadcrumb-item.active, .dropdown-menu{
color:$bodytext;
}
.card-header, .card-footer, .jsgrid-header-row>.jsgrid-header-cell, .featured-plan .pricing-body{
background-color:#1a1f27;
}
.vtabs .tabs-vertical li .nav-link{
color:$bodytext;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover{
background-color:$dark;
border-color:$border $border $dark;
color:#fff;
}
/*******************
/*Background Colors Transparent*/
/*******************/
.list-group-item, .checkbox label::before, .footer, .btn-outline-primary, .customvtab .tabs-vertical li .nav-link.active, .customvtab .tabs-vertical li .nav-link:hover, .customvtab .tabs-vertical li .nav-link:focus, .bd-example-popover-static, .myadmin-dd .dd-list .dd-item .dd-handle , .myadmin-dd-empty .dd-list .dd3-content, .myadmin-dd-empty .dd-list .dd3-handle, .highlight, .custom-file-control{
background: transparent;
}
.tabs-vertical li .nav-link.active, .tabs-vertical li .nav-link:hover, .tabs-vertical li .nav-link.active:focus, .dd-item > button{
color:$white;
}
/*******************
/*Border Colors Transparent*/
/*******************/
.comment-widgets .comment-row, .stylish-table tbody tr{
border-left-color:transparent;
}
.calendar-events, .popover-title{
border-color:transparent;
}
.popover.bs-tether-element-attached-bottom::after, .popover.popover-top::after{
border-top-color:$light;
}
.popover.bs-tether-element-attached-top::after, .popover.popover-bottom::after{
border-bottom-color:$light;
top:-9px;
}
.popover.bs-tether-element-attached-left::after, .popover.popover-right::after{
border-right-color:$light;
}
.popover.bs-tether-element-attached-right::after, .popover.popover-left::after{
border-left-color:$light;
}
.bootstrap-switch .bootstrap-switch-label{
background: $dark;
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .list-group-item, .pagination>li>a, .pagination>li>span{
color: $bodytext;
}
.list-group-item, .custom-file-control{
border-color:$border;
}
a.list-group-item:hover{
color:$white;
}
.bootstrap-switch{
border-color:$border;
}
.dp-off{
background-color: $dark!important;
}
/*******************
/*Dashboard 1*/
/*******************/
.total-revenue4{
.ct-series-a .ct-line, .ct-series-b .ct-line{
stroke-width:2px;
}
}
.ct-label, .ct-grid{
fill:rgba(255, 255, 255, 0.3);
stroke:rgba(255, 255, 255, 0.3);
color:rgba(255, 255, 255, 0.3);
}
.irs-line{
opacity: 0.1;
}
.mega-dropdown .dropdown-menu{
background-image:none;
}
.input-group-text {
background: $light;
color: $bodytext;
border: 1px solid $border;
}
.custom-control-label::before {
background-color: $light;
}