From df1d7fae32cc8346d3ccb096f981bc7fe8e04aec Mon Sep 17 00:00:00 2001
From: MrOtherGuy <jastekken@outlook.com>
Date: Tue, 6 Jul 2021 21:59:53 +0300
Subject: [PATCH] create dark_date_picker_panel.css

---
 chrome/dark_date_picker_panel.css | 19 +++++++++++++++++++
 html_resources/tagmap.json        |  3 ++-
 tags.csv                          |  1 +
 3 files changed, 22 insertions(+), 1 deletion(-)
 create mode 100644 chrome/dark_date_picker_panel.css

diff --git a/chrome/dark_date_picker_panel.css b/chrome/dark_date_picker_panel.css
new file mode 100644
index 0000000..aa8effd
--- /dev/null
+++ b/chrome/dark_date_picker_panel.css
@@ -0,0 +1,19 @@
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/dark_date_picker_panel.css made available under Mozilla Public License v. 2.0
+See the above repository for updates as well as full license text. */
+
+/* Makes the HTML <input type="date"> picker panel dark IF you use dark colored theme. It does not affect the input element on the page, only the popup */
+
+@media (-moz-toolbar-prefers-color-scheme: dark){
+  #DateTimePickerPanel{ --panel-background: #2b2a33 !important; }
+}
+@-moz-document url("chrome://global/content/datepicker.xhtml"){
+  @media (-moz-toolbar-prefers-color-scheme: dark){
+    :root{
+      --border: 0.1rem solid #a4a4a4 !important;
+      --weekend-font-color: #ff4030 !important
+    }
+    body,.month-year-view{ background: #2b2a33 !important; color: #f4f4f4 !important; }
+    button.month-year::after,
+    button{ fill: #f4f4f4 !important; }
+  }
+}
\ No newline at end of file
diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json
index 308862c..54481ad 100644
--- a/html_resources/tagmap.json
+++ b/html_resources/tagmap.json
@@ -137,5 +137,6 @@
 "loading_indicator_bouncing_line.css":["status","navigation","effect"],
 "loading_indicator_rotating_image.css":["navigation","effect","status"],
 "menupopup_forced_color_schemes.css":["popup","colors","menu"],
-"centered_tab_label.css":["tab"]
+"centered_tab_label.css":["tab"],
+"dark_date_picker_panel.css":["popup","dark-mode"]
 }
diff --git a/tags.csv b/tags.csv
index 6b3966e..df1fddf 100644
--- a/tags.csv
+++ b/tags.csv
@@ -137,3 +137,4 @@ loading_indicator_bouncing_line.css,status,navigation,effect
 loading_indicator_rotating_image.css,navigation,effect,status
 menupopup_forced_color_schemes.css,popup,colors,menu
 centered_tab_label.css,tab
+dark_date_picker_panel.css,popup,dark-mode