dark.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92

@media (prefers-color-scheme: dark) {

    html, body {
        background: black !important;
        color: white !important;
    }

    #statusbar, #tabs {
        background: #222 !important;
        color: white !important;
    }

    .tab:not(.tab-active) img {
        filter: invert(1) !important;
    }

    .loader {
        background: rgba(10, 10, 10, .75) !important;
    }

    .loader img {
        filter: invert(1) !important;
    }

    #tabs .tab.tab-active {
        border-bottom-color: white !important;
    }

    .list-group-item {
        background-color: #151515 !important;
    }

    .btn-light {
        background: transparent !important;
        color: white !important;
    }

    .dropdown-menu {
        filter: invert(1) !important;
    }

    #panes {
        background: black !important;
    }

    .list-group-item-action {
        color: white !important;
    }

    .modal-content {
        background-color: #151515 !important;
    }

    .modal-header button.close {
        filter: invert(1) !important;
    }

    .modal-header {
        border-bottom: 1px solid #222 !important;
    }

    .modal-footer {
        border-top: 1px solid #222 !important;
    }

    #radio-bar {
        background-color: whitesmoke !important;
        color: black !important;
        filter: invert(1) !important;
    }

    #radio-bar .badge {
        filter: invert(1) !important;
    }

    .window-btn {
        border-color: #333 !important;
    }

    .window-btn img {
        filter: invert(1);
    }

    .window-btn:hover {
        background: rgba(0, 0, 0, .25);
    }

    .window-btn:active {
        background: rgba(0, 0, 0, .5);
    }

}