web-activity-time-tracker/src/assets/css/dark.css at 4def7ee15e34edd6dee67c34be8a84c802ce0b5a · Carmen-ComputerScience/web-activity-time-tracker · GitHub

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
.dark{
  background-color: #303030;
  color: white;
}
.dark .headerBlock .header {
  color: #ffffff !important;
}
.dark .headerBlock .icons-block a:hover{
  filter: invert(40%) sepia(94%) saturate(3371%) hue-rotate(227deg) brightness(99%) contrast(92%);
}
.dark .headerBlock .icons-block a.filter img {
  filter: invert(100%) sepia(17%) saturate(0%) hue-rotate(24deg) brightness(103%) contrast(102%);
}
.dark .header-block {
  background-color: #616161;
}
.dark .tab-item .progress-bar{
  border: 1.5px rgb(107 107 107) solid;
}
.dark .tab-item:hover{
  border: 1px rgb(107 107 107) solid;
}
.dark .tab-item .links .link{
  filter: invert(100%) sepia(17%) saturate(0%) hue-rotate(24deg) brightness(103%) contrast(102%);
}
.dark .stats-block .block p{
  color: #b9b9b9 !important;
}
.dark .stats-block .block .header {
  background-color: #595959;
  color: rgb(255 255 255);
}
.dark .stats-block.block .header{
  background-color: #595959;
  color: rgb(255 255 255);
}
.dark .stats-block.block p{
  color: #b9b9b9 !important;
}
.dark .expander-body{
  background-color: #595959 !important;
}
.dark .expander .header span{
  color: #b9b9b9 !important;
}
.dark .expander.total {
  background-color: #6f6f6f !important;
}
.dark .url-list{
  border: 1px solid #494949 !important;
}
.dark .header span{
  color: rgb(255 255 255);
}
.dark .settings-tab label[name="tabName"] img{
  background-color: grey;
  border-radius: 10px;
  padding: 5px;
}
.dark .settings-tab label[name="tabName"]{
  background-color: #303030 !important;
  color: #f7f7f7;
}
.dark .settings-content{
  background-color: #303030 !important;
  border-left: 1px solid #494949 !important;
}
.dark .app-block{
  background-color: #919191 !important;
}
.dark .app-block .title{
  color: rgb(255, 255, 255);
}
.dark .app-block .description{
  color: white !important;
}
.dark .settings-tab label[name="tabName"]:hover, .dark [type='radio']:checked ~ label{
  background-color: #666666 !important;
}
.dark .container p.value{
  color: black;
}
.dark .review-block p{
  color:#303030;
}
.dark .pomodoro-popup-block p{
  color:#303030;
}
.dark .promo{
  color: black !important;
}