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 its type attribute has a value of date. 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/open-fonts@1.1.1/fonts/inter.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@exampledev/new.css@1.1.2/new.min.css">
</head>
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:See that the calendar icon in the date input field is barely visible.
Environment information:
Based upon what I see in the demo site's HTML source code (excerpt shown below), I think it is using
new.cssversion1.1.2: