Calendar icon in date input is barely visible (dark mode) #81
Description
Description
When the web browser is in "dark" mode, the calendar icon on the right side of the date input is barely visible, as shown here:
The issue is not present when the web browser is in "light" mode, as shown here:
To reproduce
-
Configure your computer so that apps use their "dark" mode by default.
-
Use a web browser to visit the official new.css demo site: https://newcss.net/demo/
-
Use the web browser's Developer Tools to edit an existing
<input ... />element so itstypeattribute has a value ofdate. For example:- <input type="email" name="email" required=""> + <input type="date" name="email" required="">
-
See that the calendar icon in the date input field is barely visible.
Environment information:
- OS: Windows 10
- Browser: Brave Version 1.36.116 Chromium: 99.0.4844.74 (Official Build) (64-bit)
Based upon what I see in the demo site's HTML source code (excerpt shown below), I think it is using new.css version 1.1.2:
<head>
<!-- ... -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/inter.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@exampledev/[email protected]/new.min.css">
</head>