whisper.cat/weboasis/stocks/assets/css/style-theme-dark.css
2023-10-05 23:28:32 +11:00

148 lines
3.8 KiB
CSS

body.dark-theme {
background: #000;
}
.dark-theme * {color:#f6f6f6;}
.dark-theme .main-conteiner {
background: #111 ;
}
.dark-theme table.dataTable thead tr {
background: #222;
}
.dark-theme .dataTables_wrapper .bottom {background:#222;}
.dark-theme table.dataTable thead th .filter-btn i, .dark-theme table.dataTable tbody tr .filter-btn i {color:#eee;}
.dark-theme .dataTables_wrapper .bottom {
border-color: #444;
}
.dark-theme .table-select-input,
.dark-theme .popup-filter-input {
background: #111;
border: 1px solid #444;
}
.dark-theme .table-select-input .table-select-input-item {
color:#ddd;
}
.dark-theme .table-select-input .table-select-input-item:hover,
.dark-theme .table-select-input .table-select-input-item.selected {
background:#333;
}
.dark-theme .ui-select {
background: #333;
}
.dark-theme .ui-select:hover {
background:#444;
}
.dark-theme .dataTables_paginate .paginate_button a {
background: #333;
color:#ddd;
}
.dark-theme .dataTables_paginate .paginate_button a:hover {
background: #444;
}
.dark-theme .dataTables_paginate .paginate_button.current a {
background:#444;
}
.dark-theme .popup-filter-input .reset-btn {
background: #333;
}
.dark-theme .popup-filter-input .reset-btn:hover {background:#444;}
.dark-theme .popup-filter-input .reset-btn i {color:#ddd}
.dark-theme .popup-filter-input .lbl-range {color:#aaa}
.dark-theme .ui-widget-header {
background: #444;
}
.dark-theme .ui-widget-content {
background: #111;
}
.dark-theme .ui-state-default,
.dark-theme .ui-widget-content .ui-state-default,
.dark-theme .ui-widget-header .ui-state-default
{
background:#888;
outline:none;
}
.dark-theme header .inner {
background: #444;
border-bottom: 1px solid #777;
}
.dark-theme .popup-filter-input .lbl-range-from,.dark-theme .popup-filter-input .lbl-range-to {
background: inherit;
}
.dark-theme .ui-datepicker-calendar tr td a.ui-state-default {
background: inherit;
color: inherit;
}
.dark-theme .ui-datepicker-calendar tr td a.ui-state-default:hover {
background: #222;
}
.dark-theme .ui-datepicker-calendar tr td a.ui-state-default.ui-state-active {background:#333;}
.dark-theme .ui-datepicker-calendar tr td a.ui-state-default.ui-state-highlight {color:#aaf;}
.dark-theme table thead {
border-bottom: 1px solid #444;
}
.dark-theme table tbody tr {
border-color: #444;
}
.dark-theme table tbody tr:last-child {
border-color:transparent;
}
.dark-theme table.dataTable tbody tr:hover {
background: #333;
}
.dark-theme table.dataTable thead th:hover {
background: #444444;
}
.dark-theme .header .data-view button.active,
.dark-theme .header .data-view button:hover {
border-bottom: 2px solid #ffffff;
}
.dark-theme .swal2-modal {background:#222;}
.dark-theme .swal2-modal .swal2-title {color:#eee;}
.dark-theme .swal2-modal .swal2-text {color:#eee;}
.dark-theme .swal2-modal .swal2-content {color:#eee;}
.dark-theme button.swal2-confirm {background:#333;color:#eee;}
.dark-theme button.swal2-confirm:hover {background:#444;}
.dark-theme div.modal-share-info { }
.dark-theme div.modal-share-info div.modal-share-left { }
.dark-theme div.modal-share-info div.modal-share-left div.modal-share-line { }
.dark-theme div.modal-share-info div.modal-share-left div.modal-share-line label {color: #0b89c3;}
.dark-theme div.modal-share-info div.modal-share-left div.modal-share-line span { }
.dark-theme div.modal-share-info div.modal-share-right { }
.dark-theme div.modal-share-info div.modal-share-right img.share-img { filter:invert(); }
.dark-theme input.ui.input.filter-string-simple {
background:#222;
border-color:#000;
}
.dark-theme input.ui.input.filter-string-simple:focus {
border-color:#333;
}