added support for dark theme
Browse files
app.py
CHANGED
@@ -59,6 +59,24 @@ COUNTER = """
|
|
59 |
border-radius: 20px;
|
60 |
z-index: 1;
|
61 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
62 |
.countdown-container > * {
|
63 |
position: relative;
|
64 |
z-index: 2;
|
|
|
59 |
border-radius: 20px;
|
60 |
z-index: 1;
|
61 |
}
|
62 |
+
/* Dark theme adjustments */
|
63 |
+
@media (prefers-color-scheme: dark) {
|
64 |
+
.countdown-container::before {
|
65 |
+
background: rgba(0, 0, 0, 0.6);
|
66 |
+
}
|
67 |
+
|
68 |
+
.title {
|
69 |
+
color: #ffffff;
|
70 |
+
}
|
71 |
+
|
72 |
+
.number {
|
73 |
+
color: #ffffff;
|
74 |
+
}
|
75 |
+
|
76 |
+
.label {
|
77 |
+
color: #cccccc;
|
78 |
+
}
|
79 |
+
}
|
80 |
.countdown-container > * {
|
81 |
position: relative;
|
82 |
z-index: 2;
|