recaptime.dev / phorge
@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 dark mode for Setup Issues

Summary:
Replace hardcoded colors with corresponding variables (so colors can be adjusted accordingly when setting dark mode).

Note that this includes a small color change: `.setup-issue-actions` changed from hardcoded `#f5f5f5;` to very similar `#f3f5f7` (which is `{$page.background}`)

Refs T15056

Test Plan:
* Go to http://phorge.localhost/settings/panel/display/ and set `Accessibility` to `Dark Mode (Experimental)`
* Enable Prototype applications via `./bin/config set phabricator.show-prototypes true`
* Install UIExamples via http://phorge.localhost/applications/view/PhabricatorUIExamplesApplication/
* Go to http://phorge.localhost/uiexample/view/PhabricatorSetupIssueUIExample/ and look at things

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

Andre Klapper aa34e9e6 265bce92

+11 -11
+2 -2
resources/celerity/map.php
··· 44 44 'rsrc/css/application/conduit/conduit-api.css' => 'ce2cfc41', 45 45 'rsrc/css/application/config/config-options.css' => '25d545a9', 46 46 'rsrc/css/application/config/config-template.css' => '20babf50', 47 - 'rsrc/css/application/config/setup-issue.css' => '93231115', 47 + 'rsrc/css/application/config/setup-issue.css' => '512adefd', 48 48 'rsrc/css/application/config/unhandled-exception.css' => '9ecfc00d', 49 49 'rsrc/css/application/conpherence/color.css' => 'b17746b0', 50 50 'rsrc/css/application/conpherence/durable-column.css' => 'f68f35e3', ··· 878 878 'project-card-view-css' => 'a9f2c2dd', 879 879 'project-triggers-css' => 'cd9c8bb9', 880 880 'project-view-css' => '2650c4c0', 881 - 'setup-issue-css' => '93231115', 881 + 'setup-issue-css' => '512adefd', 882 882 'sprite-login-css' => '0abdf921', 883 883 'sprite-tokens-css' => '330edc9e', 884 884 'syntax-default-css' => 'c0307dc6',
+9 -9
webroot/rsrc/css/application/config/setup-issue.css
··· 11 11 } 12 12 13 13 .setup-issue { 14 - background: #fff; 14 + background: {$page.content}; 15 15 border: 1px solid #e4e5e6; 16 16 padding: 0; 17 17 border-radius: 5px; ··· 30 30 .setup-issue table th { 31 31 text-align: right; 32 32 width: 30%; 33 - background: #F8F9FC; 33 + background: {$lightbluebackground}; 34 34 border: 1px solid #e2e2e2; 35 35 padding: 8px; 36 36 } ··· 45 45 width: auto; 46 46 border: 1px solid #e2e2e2; 47 47 padding: 12px; 48 - background: #F8F9FC; 48 + background: {$lightbluebackground}; 49 49 overflow-x: auto; 50 50 border-radius: 3px; 51 51 } 52 52 53 53 .setup-issue tt { 54 - color: black; 55 - background: #EBECEE; 54 + color: {$blacktext}; 55 + background: {$greybackground}; 56 56 padding: 2px 4px; 57 57 } 58 58 ··· 64 64 font-size: 13px; 65 65 padding: 16px; 66 66 line-height: 20px; 67 - background: rgba(71,87,120,0.08); 67 + background: rgba({$alphablue},0.08); 68 68 border-radius: 3px; 69 69 } 70 70 71 71 .setup-fatal .setup-issue-instructions { 72 72 color: #af1404; 73 - background: #f4dddb; 73 + background: {$lightred}; 74 74 } 75 75 76 76 .setup-issue-name { 77 77 font-size: 15px; 78 78 font-weight: bold; 79 - color: #6B748C; 79 + color: {$bluetext}; 80 80 border-bottom: 1px solid #e2e2e2; 81 81 overflow: hidden; 82 82 padding: 16px; ··· 97 97 98 98 .setup-issue-actions { 99 99 padding: 12px; 100 - background-color: #f5f5f5; 100 + background-color: {$page.background}; 101 101 border-bottom-right-radius: 5px; 102 102 border-bottom-left-radius: 5px; 103 103 overflow: hidden;