this repo has no description
Make sure the calendar picker works in dark mode
+9
-3
+9
-3
src/app.css
+9
-3
src/app.css
···
2175
2175
border-radius: 0;
2176
2176
box-shadow: none;
2177
2177
outline: none;
2178
+
}
2179
+
2180
+
input[type='month'] {
2181
+
min-width: 6em;
2178
2182
2179
2183
&::-webkit-calendar-picker-indicator {
2180
2184
/* replace icon with triangle */
2181
2185
opacity: 0.5;
2182
2186
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none"><path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
2183
2187
}
2184
-
}
2185
2188
2186
-
input[type='month'] {
2187
-
min-width: 6em;
2189
+
@media (prefers-color-scheme: dark) {
2190
+
&::-webkit-calendar-picker-indicator {
2191
+
filter: invert(1);
2192
+
}
2193
+
}
2188
2194
}
2189
2195
}
2190
2196
}