From d345aa44b4aa015f6fbb8829869ad3fa9d383d4a Mon Sep 17 00:00:00 2001
From: Andre Klapper <a9016009@gmx.de>
Date: Fri, 25 Jul 2025 16:28:57 +0200
Subject: [PATCH] Fix dark mode for Tokenizer input text

Summary:
Replace hardcoded text color `#333` for tokenizer input text with variable `{$greytext}` which feels close enough.

Refs T15056

Test Plan:
* Go to http://phorge.localhost/settings/panel/display/ and set `Accessibility` to `Dark Mode (Experimental)`
* Go to http://phorge.localhost/maniphest/task/edit/1/, type text in the "Tags" or "Subscribers" field, check if you can read the text you entered

Reviewers: O1 Blessed Committers, mainframe98

Reviewed By: O1 Blessed Committers, mainframe98

Subscribers: tobiaswiese, valerio.bozzolan, Matthew, Cigaryno

Maniphest Tasks: T15056

Differential Revision: https://we.phorge.it/D26213
---
 resources/celerity/map.php             | 14 +++++++-------
 webroot/rsrc/css/aphront/tokenizer.css |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/resources/celerity/map.php b/resources/celerity/map.php
index 33130a1c27..9cb04b8d8f 100644
--- a/resources/celerity/map.php
+++ b/resources/celerity/map.php
@@ -9,7 +9,7 @@ return array(
   'names' => array(
     'conpherence.pkg.css' => 'beb13d57',
     'conpherence.pkg.js' => '020aebcf',
-    'core.pkg.css' => '81ad312e',
+    'core.pkg.css' => 'f4e58c01',
     'core.pkg.js' => '83580d78',
     'dark-console.pkg.js' => '187792c2',
     'differential.pkg.css' => '77189aae',
@@ -31,7 +31,7 @@ return array(
     'rsrc/css/aphront/multi-column.css' => 'fbc00ba3',
     'rsrc/css/aphront/notification.css' => '30240bd2',
     'rsrc/css/aphront/table-view.css' => '29486d14',
-    'rsrc/css/aphront/tokenizer.css' => '194e8160',
+    'rsrc/css/aphront/tokenizer.css' => 'ca49b4fa',
     'rsrc/css/aphront/tooltip.css' => 'b6d94bea',
     'rsrc/css/aphront/typeahead-browse.css' => 'b7ed02d2',
     'rsrc/css/aphront/typeahead.css' => '5da109c8',
@@ -507,7 +507,7 @@ return array(
     'aphront-list-filter-view-css' => 'feb64255',
     'aphront-multi-column-view-css' => 'fbc00ba3',
     'aphront-table-view-css' => '29486d14',
-    'aphront-tokenizer-control-css' => '194e8160',
+    'aphront-tokenizer-control-css' => 'ca49b4fa',
     'aphront-tooltip-css' => 'b6d94bea',
     'aphront-typeahead-control-css' => '5da109c8',
     'application-search-view-css' => '0f7c06d8',
@@ -1005,10 +1005,6 @@ return array(
       'phuix-icon-view',
       'phabricator-busy',
     ),
-    '194e8160' => array(
-      'aphront-typeahead-control-css',
-      'phui-tag-view-css',
-    ),
     '1a844c06' => array(
       'javelin-install',
       'javelin-util',
@@ -1985,6 +1981,10 @@ return array(
     'c731af7c' => array(
       'phui-theme-css',
     ),
+    'ca49b4fa' => array(
+      'aphront-typeahead-control-css',
+      'phui-tag-view-css',
+    ),
     'cc1553f3' => array(
       'javelin-stratcom',
       'javelin-request',
diff --git a/webroot/rsrc/css/aphront/tokenizer.css b/webroot/rsrc/css/aphront/tokenizer.css
index 7994effd3d..a584a917ca 100644
--- a/webroot/rsrc/css/aphront/tokenizer.css
+++ b/webroot/rsrc/css/aphront/tokenizer.css
@@ -34,7 +34,7 @@ body input.jx-tokenizer-input {
   width: 100%;
   box-shadow: none;
   font-size: {$normalfontsize};
-  color: #333;
+  color: {$greytext},
   height: 26px;
   background: transparent;
 }
-- 
2.51.2