@recaptime-dev's working patches + fork for Phorge, a community fork of Phabricator. (Upstream dev and stable branches are at upstream/main and upstream/stable respectively.) hq.recaptime.dev/wiki/Phorge
phorge phabricator
1
fork

Configure Feed

Select the types of activity you want to include in your feed.

Fix icon background color when using Dark Mode

Summary:
This CSS fix replaces the hard coded background gradient (white) value of icons when using Dark Mode.

Now the "Choose User Icon" popup has visible icons.

| Before | After |
|---------|---------|
|{F331622}|{F331623}|

Ref T15056

Test Plan:
- Flush all Phorge caches
- Sign in
- Go to user's Settings > Display Preferences and select the Accessibility (user interface) "Dark Mode".
- Go to user's profile, edit profile and click on Choose icon.
- Check that now the icons in "Choose User Icon" are visible.
- Do these steps for each user interface theme in order to check against regression.

Reviewers: O1 Blessed Committers, Matthew, valerio.bozzolan

Reviewed By: O1 Blessed Committers, Matthew, valerio.bozzolan

Subscribers: speck, tobiaswiese, valerio.bozzolan, Matthew, Cigaryno

Maniphest Tasks: T15056

Differential Revision: https://we.phorge.it/D25384

bob 3f5fcdf4 7040bd52

+4 -4
+2 -2
resources/celerity/map.php
··· 160 160 'rsrc/css/phui/phui-head-thing.css' => 'd7f293df', 161 161 'rsrc/css/phui/phui-header-view.css' => '36c86a58', 162 162 'rsrc/css/phui/phui-hovercard.css' => '39fd2e14', 163 - 'rsrc/css/phui/phui-icon-set-selector.css' => '7aa5f3ec', 163 + 'rsrc/css/phui/phui-icon-set-selector.css' => '19e0253b', 164 164 'rsrc/css/phui/phui-icon.css' => '084ac612', 165 165 'rsrc/css/phui/phui-image-mask.css' => '62c7f4d2', 166 166 'rsrc/css/phui/phui-info-view.css' => 'a10a909b', ··· 856 856 'phui-hovercard' => '6199f752', 857 857 'phui-hovercard-list' => 'de4b4919', 858 858 'phui-hovercard-view-css' => '39fd2e14', 859 - 'phui-icon-set-selector-css' => '7aa5f3ec', 859 + 'phui-icon-set-selector-css' => '19e0253b', 860 860 'phui-icon-view-css' => '084ac612', 861 861 'phui-image-mask-css' => '62c7f4d2', 862 862 'phui-info-view-css' => 'a10a909b',
+2 -2
webroot/rsrc/css/phui/phui-icon-set-selector.css
··· 3 3 */ 4 4 5 5 button.icon-button { 6 - background-color: #F7F7F9; 7 - background-image: linear-gradient(to bottom, #ffffff, #f1f0f1); 6 + background-image: linear-gradient(to bottom, 7 + {$lightgreybackground}, {$greybackground}); 8 8 border: 1px solid rgba({$alphablue},.2); 9 9 color: {$darkgreytext}; 10 10 position: relative;