From 4e814b6e53bb23b84b9cc9cb95c8f64148e02bcb Mon Sep 17 00:00:00 2001
From: Andre Klapper <a9016009@gmx.de>
Date: Thu, 17 Jul 2025 18:21:12 +0200
Subject: [PATCH] Fix dark mode for date picker

Summary:
Replace the hardcoded background color of `.fancy-datepicker-core` with the same background color that `.phui-box-border` uses: `{$page.content}`.

Refs T15056

Test Plan:
1. Go to http://phorge.localhost/settings/panel/display/ and set `Accessibility` to `Dark Mode (Experimental)`
2. Run `./bin/config set phabricator.show-prototypes true`
3. Install Calendar at http://phorge.localhost/applications/view/PhabricatorCalendarApplication/
4. Go to http://phorge.localhost/calendar/
5. Select "Create Event" in upper right corner
6. Click the small date picker button for Start or End fields

Reviewers: O1 Blessed Committers, valerio.bozzolan

Reviewed By: O1 Blessed Committers, valerio.bozzolan

Subscribers: tobiaswiese, valerio.bozzolan, Matthew, Cigaryno

Maniphest Tasks: T15056

Differential Revision: https://we.phorge.it/D26188
---
 resources/celerity/map.php               | 6 +++---
 webroot/rsrc/css/phui/phui-form-view.css | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/celerity/map.php b/resources/celerity/map.php
index e6ec3623d8..481def284b 100644
--- a/resources/celerity/map.php
+++ b/resources/celerity/map.php
@@ -9,7 +9,7 @@ return array(
   'names' => array(
     'conpherence.pkg.css' => '384ce2d9',
     'conpherence.pkg.js' => '020aebcf',
-    'core.pkg.css' => '96aaba46',
+    'core.pkg.css' => 'bbec6c7d',
     'core.pkg.js' => '83580d78',
     'dark-console.pkg.js' => '187792c2',
     'differential.pkg.css' => 'a0c57051',
@@ -148,7 +148,7 @@ return array(
     'rsrc/css/phui/phui-document.css' => 'a9154763',
     'rsrc/css/phui/phui-feed-story.css' => '1dd2e4c0',
     'rsrc/css/phui/phui-fontkit.css' => '1ec937e5',
-    'rsrc/css/phui/phui-form-view.css' => '0c6c5f44',
+    'rsrc/css/phui/phui-form-view.css' => 'd4346d2d',
     'rsrc/css/phui/phui-form.css' => '2884219c',
     'rsrc/css/phui/phui-formation-view.css' => '8a01850c',
     'rsrc/css/phui/phui-head-thing.css' => 'd7f293df',
@@ -809,7 +809,7 @@ return array(
     'phui-font-icon-base-css' => 'b7608e58',
     'phui-fontkit-css' => '1ec937e5',
     'phui-form-css' => '2884219c',
-    'phui-form-view-css' => '0c6c5f44',
+    'phui-form-view-css' => 'd4346d2d',
     'phui-formation-view-css' => '8a01850c',
     'phui-head-thing-view-css' => 'd7f293df',
     'phui-header-view-css' => '7bc4efa0',
diff --git a/webroot/rsrc/css/phui/phui-form-view.css b/webroot/rsrc/css/phui/phui-form-view.css
index a4e0f845d4..4d0c0b9819 100644
--- a/webroot/rsrc/css/phui/phui-form-view.css
+++ b/webroot/rsrc/css/phui/phui-form-view.css
@@ -399,7 +399,7 @@ body .phui-form-view .remarkup-assist-textarea.aphront-textarea-drag-and-drop {
 }
 
 .fancy-datepicker-core {
-  background-color: white;
+  background-color: {$page.content};
   border: 1px solid {$lightgreyborder};
   box-shadow: {$dropshadow};
   border-radius: 3px;
-- 
2.51.2