Skip to content

Commit 8f7bc48

Browse files
authored
Dark Mode Improvements (#5122)
* Dark Mode Improvements * Add Important Button Color * Update application-dark.css Further improvements
1 parent 07acfad commit 8f7bc48

File tree

1 file changed

+13
-17
lines changed

1 file changed

+13
-17
lines changed

web/assets/stylesheets/application-dark.css

+13-17
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
html, body {
2-
background-color: #333 !important;
3-
color: #ddd;
2+
background-color: #171717 !important;
3+
color: #DEDEDE;
44
}
55

66
a,
@@ -30,15 +30,15 @@ span.current-interval,
3030

3131
.navbar-inverse {
3232
background-color: #222;
33-
border-color: #555;
33+
border-color: #444;
3434
}
3535

3636
table {
37-
background-color: #282828;
37+
background-color: #1D1D1D;
3838
}
3939

4040
.table-striped > tbody > tr:nth-of-type(odd) {
41-
background-color: #333;
41+
background-color: #2E2E2E;
4242
}
4343

4444
.table-bordered,
@@ -48,7 +48,7 @@ table {
4848
.table-bordered > tfoot > tr > th,
4949
.table-bordered > thead > tr > td,
5050
.table-bordered > thead > tr > th {
51-
border: 1px solid #555;
51+
border: 1px solid #444;
5252
}
5353

5454
.table-hover > tbody > tr:hover {
@@ -72,9 +72,7 @@ table {
7272
background-color: #31708f;
7373
}
7474

75-
a:link,
76-
a:active,
77-
a:hover {
75+
a:link, a:active, a:hover, a:visited {
7876
color: #ddd;
7977
}
8078

@@ -85,15 +83,13 @@ input {
8583
}
8684

8785
.summary_bar .summary {
88-
background-color: #222;
89-
border: 1px solid #555;
90-
91-
box-shadow: 0 0 5px rgba(255, 255, 255, .5);
86+
background-color: #232323;
87+
border: 1px solid #444;
9288
}
9389

9490
.navbar-default {
95-
background-color: #222;
96-
border-color: #555;
91+
background-color: #0F0F0F;
92+
border-color: #444;
9793
}
9894

9995
.navbar-default .navbar-nav > .active > a,
@@ -112,7 +108,7 @@ input {
112108
.pagination > li > span {
113109
color: #ddd;
114110
background-color: #333;
115-
border-color: #555;
111+
border-color: #444;
116112
}
117113
.pagination > .disabled > a,
118114
.pagination > .disabled > a:focus,
@@ -122,7 +118,7 @@ input {
122118
.pagination > .disabled > span:hover {
123119
color: #ddd;
124120
background-color: #333;
125-
border-color: #555;
121+
border-color: #444;
126122
}
127123

128124
.stat {

0 commit comments

Comments
 (0)