Added #28 and #30
[DeezloaderRemix.git] / app / public / css / darkMode.css
1 :root {
2   --main-modal-background: #212121; 
3 }
4
5 body, .tabs, .card, .modal, input, .collapsible-header{
6   background-color: #212121;
7   color: white;
8 }
9 nav{
10   filter: hue-rotate(220deg);
11 }
12 #slide-out div.user-view>div.background{
13   filter: hue-rotate(220deg);
14 }
15 .sidenav, .dropdown-content li>span{
16   background-color: #212121;
17 }
18 .sidenav li>a{
19   color: #d8d8d8
20 }
21 .sidenav li>a:hover{
22   background-color: rgba(255,255,255,0.05);
23 }
24 .sidenav li>a>i.material-icons{
25   color: white;
26 }
27
28 .select-wrapper .caret{
29   fill: white;
30 }
31 .divider{
32   background-color: #d8d8d8;
33 }
34
35 .collapsible-header, .collapsible{
36   border-color: #353535;
37 }
38
39 table.striped>tbody>tr:nth-child(odd){
40   background-color: #131313
41 }
42
43 ::-webkit-scrollbar-track, .progress{
44   background-color: #1d1d1d;
45 }
46
47 .modal-footer{
48   background-color: #212121 !important;
49 }
50 .btn-flat{
51   color: #c3c3c3;
52 }
53 .chip{
54   background-color: #1d1d1d;
55   color: white;
56 }
57 table.highlight>tbody>tr:hover{
58   background-color: #131313;
59 }