@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.

Improve Dark mode for navigation bar items

Summary:
Replace hardcoded background colors for navigation bar items.

Split from D25724 written by mturdus.

Refs T15056

Test Plan:
* Go to http://phorge.localhost/settings/panel/display/ and set `Accessibility` to `Dark Mode (Experimental)`
* Go to http://phorge.localhost/uiexample/view/PHUIButtonExample/ and hover over items in the left navigation bar

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/D26334

+12 -6
+3 -3
resources/celerity/map.php
··· 9 9 'names' => array( 10 10 'conpherence.pkg.css' => 'beb13d57', 11 11 'conpherence.pkg.js' => '020aebcf', 12 - 'core.pkg.css' => '10f5cfc9', 12 + 'core.pkg.css' => '9bba59a9', 13 13 'core.pkg.js' => '83580d78', 14 14 'dark-console.pkg.js' => '187792c2', 15 15 'differential.pkg.css' => '77189aae', ··· 131 131 'rsrc/css/phui/phui-action-list.css' => 'b46ef6bd', 132 132 'rsrc/css/phui/phui-action-panel.css' => 'c0db6855', 133 133 'rsrc/css/phui/phui-badge.css' => 'aa49028c', 134 - 'rsrc/css/phui/phui-basic-nav-view.css' => 'f9e2ac35', 134 + 'rsrc/css/phui/phui-basic-nav-view.css' => '09d5192d', 135 135 'rsrc/css/phui/phui-big-info-view.css' => '362ad37b', 136 136 'rsrc/css/phui/phui-box.css' => '539be5a8', 137 137 'rsrc/css/phui/phui-bulk-editor.css' => '374d5e30', ··· 769 769 'phriction-document-css' => 'd8f8cdd6', 770 770 'phui-action-panel-css' => 'c0db6855', 771 771 'phui-badge-view-css' => 'aa49028c', 772 - 'phui-basic-nav-view-css' => 'f9e2ac35', 772 + 'phui-basic-nav-view-css' => '09d5192d', 773 773 'phui-big-info-view-css' => '362ad37b', 774 774 'phui-box-css' => '539be5a8', 775 775 'phui-bulk-editor-css' => '374d5e30',
+3
src/applications/celerity/postprocessor/CelerityDarkModePostprocessor.php
··· 219 219 'menu.profile.text.selected' => 'rgba(255,255,255,1)', 220 220 'menu.profile.icon.disabled' => 'rgba(255,255,255,.4)', 221 221 222 + 'navigation-menu-selection-background' => 'rgba(255, 255, 255,.2)', 223 + 'navigation-menu-hover-background' => 'rgba(255,255,255,.1)', 224 + 222 225 // Buttons 223 226 'blue.button.color' => '#2980b9', 224 227 'blue.button.gradient' => 'linear-gradient(to bottom, #3498db, #2980b9)',
+3
src/applications/celerity/postprocessor/CelerityDefaultPostprocessor.php
··· 238 238 'menu.main.height' => '44px', 239 239 'menu.profile.width' => '240px', 240 240 241 + 'navigation-menu-selection-background' => 'rgba(0, 0, 0,.05)', 242 + 'navigation-menu-hover-background' => 'rgba(0, 0, 0,.07)', 243 + 241 244 // Buttons 242 245 'blue.button.color' => '#2980b9', 243 246 'blue.button.gradient' => 'linear-gradient(to bottom, #3498db, #2980b9)',
+3 -3
webroot/rsrc/css/phui/phui-basic-nav-view.css
··· 99 99 } 100 100 101 101 .phui-basic-nav .phabricator-side-menu .phui-list-item-selected { 102 - background-color: rgba({$alphablack},.05); 102 + background-color: {$navigation-menu-selection-background}; 103 103 border-top-right-radius: 3px; 104 104 border-bottom-right-radius: 3px; 105 105 font-weight: bold; ··· 108 108 .device-desktop .phui-basic-nav .phabricator-side-menu 109 109 .phui-list-item-selected 110 110 a.phui-list-item-href:hover { 111 - background-color: rgba({$alphablack},.05); 111 + background-color: {$navigation-menu-selection-background}; 112 112 } 113 113 114 114 .phui-basic-nav .phabricator-side-menu .phui-list-item-type-label { ··· 124 124 .device-desktop .phui-basic-nav .phabricator-side-menu 125 125 a.phui-list-item-href:hover { 126 126 text-decoration: none; 127 - background-color: rgba({$alphablack},.07); 127 + background-color: {$navigation-menu-hover-background}; 128 128 } 129 129 130 130 .phui-basic-nav .phabricator-side-menu .phui-list-item-type-link +