@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
Lots of little fixes for Dark Mode (Experimental)
Summary: Cleans up a bunch of Differential odd/special colors. Adds some basic "highlight" colors instead of pure yellow.
Test Plan: Test each color change in normal and dark modes.
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: Korvin
Differential Revision: https://secure.phabricator.com/D18239
+67
-55
+23
-23
resources/celerity/map.php
+23
-23
resources/celerity/map.php
···
9
9
'names' => array(
10
10
'conpherence.pkg.css' => 'e68cf1fa',
11
11
'conpherence.pkg.js' => 'b5b51108',
12
-
'core.pkg.css' => '2cac901b',
12
+
'core.pkg.css' => 'a1b6f35e',
13
13
'core.pkg.js' => '5d80e0db',
14
14
'darkconsole.pkg.js' => '1f9a31bc',
15
-
'differential.pkg.css' => '0cdef299',
15
+
'differential.pkg.css' => '45951e9e',
16
16
'differential.pkg.js' => '1d80ecc6',
17
17
'diffusion.pkg.css' => 'a2d17c7d',
18
18
'diffusion.pkg.js' => '6134c5a1',
···
45
45
'rsrc/css/application/base/standard-page-view.css' => 'eb5b80c5',
46
46
'rsrc/css/application/chatlog/chatlog.css' => 'd295b020',
47
47
'rsrc/css/application/conduit/conduit-api.css' => '7bc725c4',
48
-
'rsrc/css/application/config/config-options.css' => 'c5aac7b0',
48
+
'rsrc/css/application/config/config-options.css' => 'd55ed093',
49
49
'rsrc/css/application/config/config-page.css' => 'c1d5121b',
50
50
'rsrc/css/application/config/config-template.css' => '8f18fa41',
51
51
'rsrc/css/application/config/setup-issue.css' => 'f794cfc3',
···
64
64
'rsrc/css/application/dashboard/dashboard.css' => 'fe5b1869',
65
65
'rsrc/css/application/diff/inline-comment-summary.css' => 'f23d4e8f',
66
66
'rsrc/css/application/differential/add-comment.css' => 'c47f8c40',
67
-
'rsrc/css/application/differential/changeset-view.css' => 'bf1a41d8',
67
+
'rsrc/css/application/differential/changeset-view.css' => 'bf84345b',
68
68
'rsrc/css/application/differential/core.css' => '5b7b8ff4',
69
-
'rsrc/css/application/differential/phui-inline-comment.css' => 'c4036846',
69
+
'rsrc/css/application/differential/phui-inline-comment.css' => '65ae3bc2',
70
70
'rsrc/css/application/differential/revision-comment.css' => '14b8565a',
71
71
'rsrc/css/application/differential/revision-history.css' => '0e8eb855',
72
72
'rsrc/css/application/differential/revision-list.css' => 'f3c47d33',
···
116
116
'rsrc/css/application/tokens/tokens.css' => '3d0f239e',
117
117
'rsrc/css/application/uiexample/example.css' => '528b19de',
118
118
'rsrc/css/core/core.css' => '1760853c',
119
-
'rsrc/css/core/remarkup.css' => '279e409c',
119
+
'rsrc/css/core/remarkup.css' => '25dc9ace',
120
120
'rsrc/css/core/syntax.css' => 'cae95e89',
121
121
'rsrc/css/core/z-index.css' => '9d8f7c4b',
122
122
'rsrc/css/diviner/diviner-shared.css' => '896f1d43',
···
125
125
'rsrc/css/font/phui-font-icon-base.css' => '870a7360',
126
126
'rsrc/css/layout/phabricator-filetree-view.css' => 'fccf9f82',
127
127
'rsrc/css/layout/phabricator-source-code-view.css' => 'aea41829',
128
-
'rsrc/css/phui/button/phui-button-bar.css' => '39fe680c',
128
+
'rsrc/css/phui/button/phui-button-bar.css' => 'f1ff5494',
129
129
'rsrc/css/phui/button/phui-button-simple.css' => '8e1baf68',
130
130
'rsrc/css/phui/button/phui-button.css' => '022581b4',
131
131
'rsrc/css/phui/calendar/phui-calendar-day.css' => '572b1893',
···
146
146
'rsrc/css/phui/phui-box.css' => '745e881d',
147
147
'rsrc/css/phui/phui-chart.css' => '6bf6f78e',
148
148
'rsrc/css/phui/phui-cms.css' => '504b4b23',
149
-
'rsrc/css/phui/phui-comment-form.css' => '62836121',
149
+
'rsrc/css/phui/phui-comment-form.css' => 'ac68149f',
150
150
'rsrc/css/phui/phui-comment-panel.css' => 'f50152ad',
151
151
'rsrc/css/phui/phui-crumbs-view.css' => '6ece3bbb',
152
152
'rsrc/css/phui/phui-curtain-view.css' => '55dd0e59',
···
178
178
'rsrc/css/phui/phui-spacing.css' => '042804d6',
179
179
'rsrc/css/phui/phui-status.css' => 'd5263e49',
180
180
'rsrc/css/phui/phui-tag-view.css' => 'b4719c50',
181
-
'rsrc/css/phui/phui-timeline-view.css' => 'c4700486',
181
+
'rsrc/css/phui/phui-timeline-view.css' => 'f21db7ca',
182
182
'rsrc/css/phui/phui-two-column-view.css' => '5b8cd553',
183
183
'rsrc/css/phui/workboards/phui-workboard-color.css' => '783cdff5',
184
184
'rsrc/css/phui/workboards/phui-workboard.css' => '3bc85455',
···
552
552
'auth-css' => '0877ed6e',
553
553
'bulk-job-css' => 'df9c1d4a',
554
554
'conduit-api-css' => '7bc725c4',
555
-
'config-options-css' => 'c5aac7b0',
555
+
'config-options-css' => 'd55ed093',
556
556
'config-page-css' => 'c1d5121b',
557
557
'conpherence-color-css' => 'abb4c358',
558
558
'conpherence-durable-column-view' => '89ea6bef',
···
564
564
'conpherence-thread-manager' => '4d863052',
565
565
'conpherence-transaction-css' => '85129c68',
566
566
'd3' => 'a11a5ff2',
567
-
'differential-changeset-view-css' => 'bf1a41d8',
567
+
'differential-changeset-view-css' => 'bf84345b',
568
568
'differential-core-view-css' => '5b7b8ff4',
569
569
'differential-revision-add-comment-css' => 'c47f8c40',
570
570
'differential-revision-comment-css' => '14b8565a',
···
798
798
'phabricator-object-selector-css' => '85ee8ce6',
799
799
'phabricator-phtize' => 'd254d646',
800
800
'phabricator-prefab' => 'c5af80a2',
801
-
'phabricator-remarkup-css' => '279e409c',
801
+
'phabricator-remarkup-css' => '25dc9ace',
802
802
'phabricator-search-results-css' => '8f8e08ed',
803
803
'phabricator-shaped-request' => '7cbe244b',
804
804
'phabricator-slowvote-css' => 'a94b7230',
···
824
824
'phui-basic-nav-view-css' => 'a0705f53',
825
825
'phui-big-info-view-css' => 'd13afcde',
826
826
'phui-box-css' => '745e881d',
827
-
'phui-button-bar-css' => '39fe680c',
827
+
'phui-button-bar-css' => 'f1ff5494',
828
828
'phui-button-css' => '022581b4',
829
829
'phui-button-simple-css' => '8e1baf68',
830
830
'phui-calendar-css' => 'f1ddf11c',
···
833
833
'phui-calendar-month-css' => '21154caf',
834
834
'phui-chart-css' => '6bf6f78e',
835
835
'phui-cms-css' => '504b4b23',
836
-
'phui-comment-form-css' => '62836121',
836
+
'phui-comment-form-css' => 'ac68149f',
837
837
'phui-comment-panel-css' => 'f50152ad',
838
838
'phui-crumbs-view-css' => '6ece3bbb',
839
839
'phui-curtain-view-css' => '55dd0e59',
···
854
854
'phui-image-mask-css' => 'a8498f9c',
855
855
'phui-info-panel-css' => '27ea50a1',
856
856
'phui-info-view-css' => 'e1b4ec37',
857
-
'phui-inline-comment-view-css' => 'c4036846',
857
+
'phui-inline-comment-view-css' => '65ae3bc2',
858
858
'phui-invisible-character-view-css' => '6993d9f0',
859
859
'phui-left-right-css' => 'f60c67e7',
860
860
'phui-lightbox-css' => '0a035e40',
···
875
875
'phui-status-list-view-css' => 'd5263e49',
876
876
'phui-tag-view-css' => 'b4719c50',
877
877
'phui-theme-css' => '9f261c6b',
878
-
'phui-timeline-view-css' => 'c4700486',
878
+
'phui-timeline-view-css' => 'f21db7ca',
879
879
'phui-two-column-view-css' => '5b8cd553',
880
880
'phui-workboard-color-css' => '783cdff5',
881
881
'phui-workboard-view-css' => '3bc85455',
···
1111
1111
'javelin-util',
1112
1112
'javelin-dom',
1113
1113
'javelin-vector',
1114
-
),
1115
-
'39fe680c' => array(
1116
-
'phui-button-css',
1117
-
'phui-button-simple-css',
1118
1114
),
1119
1115
'3ab51e2c' => array(
1120
1116
'javelin-behavior',
···
1867
1863
'phabricator-drag-and-drop-file-upload',
1868
1864
'phabricator-draggable-list',
1869
1865
),
1870
-
'bf1a41d8' => array(
1871
-
'phui-inline-comment-view-css',
1872
-
),
1873
1866
'bf5374ef' => array(
1874
1867
'javelin-behavior',
1875
1868
'javelin-stratcom',
1876
1869
'javelin-dom',
1870
+
),
1871
+
'bf84345b' => array(
1872
+
'phui-inline-comment-view-css',
1877
1873
),
1878
1874
'bff6884b' => array(
1879
1875
'javelin-install',
···
2119
2115
'javelin-util',
2120
2116
'javelin-workflow',
2121
2117
'javelin-json',
2118
+
),
2119
+
'f1ff5494' => array(
2120
+
'phui-button-css',
2121
+
'phui-button-simple-css',
2122
2122
),
2123
2123
'f50152ad' => array(
2124
2124
'phui-timeline-view-css',
+16
-10
src/applications/celerity/postprocessor/CelerityDarkModePostprocessor.php
+16
-10
src/applications/celerity/postprocessor/CelerityDarkModePostprocessor.php
···
32
32
33
33
// Base Colors
34
34
'red' => '#c0392b',
35
-
'lightred' => '#f4dddb',
35
+
'lightred' => '#7f261c',
36
36
'orange' => '#e67e22',
37
37
'lightorange' => '#f7e2d4',
38
38
'yellow' => '#f1c40f',
39
-
'lightyellow' => '#fdf5d4',
39
+
'lightyellow' => '#a4850a',
40
40
'green' => '#139543',
41
-
'lightgreen' => '#d7eddf',
41
+
'lightgreen' => '#0e7032',
42
42
'blue' => '#2980b9',
43
-
'lightblue' => '#daeaf3',
43
+
'lightblue' => '#1d5981',
44
44
'sky' => '#3498db',
45
45
'lightsky' => '#ddeef9',
46
46
'fire' => '#e62f17',
···
49
49
'pink' => '#da49be',
50
50
'lightpink' => '#fbeaf8',
51
51
'violet' => '#8e44ad',
52
-
'lightviolet' => '#ecdff1',
52
+
'lightviolet' => '#622f78',
53
53
'charcoal' => '#4b4d51',
54
54
'backdrop' => '#c4cde0',
55
55
'hoverwhite' => 'rgba(255,255,255,.6)',
···
60
60
'hoverselectedblue' => '#e6e9ee',
61
61
'borderinset' => 'inset 0 0 0 1px rgba(55,55,55,.15)',
62
62
'timeline' => '#4e6078',
63
+
'timeline.icon.background' => '#416086',
63
64
'bluepropertybackground' => '#2d435f',
64
65
65
66
// Alphas
···
183
184
'sh-disabledbackground' => '#f3f3f3',
184
185
185
186
// Diffs
186
-
'new-background' => 'rgba(151, 234, 151, .3)',
187
-
'new-bright' => 'rgba(151, 234, 151, .6)',
188
-
'old-background' => 'rgba(251, 175, 175, .3)',
189
-
'old-bright' => 'rgba(251, 175, 175, .7)',
190
-
'move-background' => '#fdf5d4',
187
+
'diff.background' => '#121b27',
188
+
'new-background' => 'rgba(151, 234, 151, .55)',
189
+
'new-bright' => 'rgba(151, 234, 151, .75)',
190
+
'old-background' => 'rgba(251, 175, 175, .55)',
191
+
'old-bright' => 'rgba(251, 175, 175, .8)',
192
+
'move-background' => '#faca00',
191
193
'copy-background' => '#f1c40f',
194
+
195
+
// Usually light yellow
196
+
'gentle.highlight' => '#26c1c9',
197
+
'gentle.highlight.border' => '#21a9b0',
192
198
193
199
'paste.content' => '#222222',
194
200
'paste.border' => '#000000',
+6
src/applications/celerity/postprocessor/CelerityDefaultPostprocessor.php
+6
src/applications/celerity/postprocessor/CelerityDefaultPostprocessor.php
···
72
72
'hoverselectedblue' => '#e6e9ee',
73
73
'borderinset' => 'inset 0 0 0 1px rgba(55,55,55,.15)',
74
74
'timeline' => '#d5d8e1',
75
+
'timeline.icon.background' => '#E6E9F1',
75
76
'bluepropertybackground' => '#eff3fc',
76
77
77
78
// Alphas
···
195
196
'sh-disabledbackground' => '#f3f3f3',
196
197
197
198
// Diffs
199
+
'diff.background' => '#fff',
198
200
'new-background' => 'rgba(151, 234, 151, .3)',
199
201
'new-bright' => 'rgba(151, 234, 151, .6)',
200
202
'old-background' => 'rgba(251, 175, 175, .3)',
201
203
'old-bright' => 'rgba(251, 175, 175, .7)',
202
204
'move-background' => '#fdf5d4',
203
205
'copy-background' => '#f1c40f',
206
+
207
+
// Usually light yellow
208
+
'gentle.highlight' => '#fdf3da',
209
+
'gentle.highlight.border' => '#c9b8a8',
204
210
205
211
'paste.content' => '#fffef5',
206
212
'paste.border' => '#e9dbcd',
+1
-1
webroot/rsrc/css/application/config/config-options.css
+1
-1
webroot/rsrc/css/application/config/config-options.css
+8
-8
webroot/rsrc/css/application/differential/changeset-view.css
+8
-8
webroot/rsrc/css/application/differential/changeset-view.css
···
20
20
}
21
21
22
22
.differential-diff {
23
-
background: {$page.content};
23
+
background: {$diff.background};
24
24
width: 100%;
25
25
border-top: 1px solid {$lightblueborder};
26
26
border-bottom: 1px solid {$lightblueborder};
···
266
266
}
267
267
268
268
.differential-meta-notice {
269
-
border-top: 1px solid {$sh-lightyellowborder};
270
-
border-bottom: 1px solid {$sh-lightyellowborder};
271
-
background-color: {$sh-yellowbackground};
269
+
border-top: 1px solid {$gentle.highlight.border};
270
+
border-bottom: 1px solid {$gentle.highlight.border};
271
+
background-color: {$gentle.highlight};
272
272
padding: 12px;
273
273
}
274
274
···
304
304
}
305
305
306
306
.differential-loading {
307
-
border-top: 1px solid {$yellow};
308
-
border-bottom: 1px solid {$yellow};
309
-
background-color: {$lightyellow};
307
+
border-top: 1px solid {$gentle.highlight.border};
308
+
border-bottom: 1px solid {$gentle.highlight.border};
309
+
background-color: {$gentle.highlight};
310
310
padding: 12px;
311
311
text-align: center;
312
312
}
···
405
405
.diff-banner-has-unsaved,
406
406
.diff-banner-has-unsubmitted,
407
407
.diff-banner-has-draft-done {
408
-
background: {$sh-yellowbackground};
408
+
background: {$gentle.highlight};
409
409
}
410
410
411
411
.diff-banner-buttons {
+5
-5
webroot/rsrc/css/application/differential/phui-inline-comment.css
+5
-5
webroot/rsrc/css/application/differential/phui-inline-comment.css
···
26
26
.differential-inline-comment,
27
27
.differential-inline-comment-edit {
28
28
background: {$page.content};
29
-
border: 1px solid {$sh-yellowborder};
29
+
border: 1px solid {$gentle.highlight.border};
30
30
font: {$basefont};
31
31
-moz-box-sizing: border-box;
32
32
-webkit-box-sizing: border-box;
···
48
48
.differential-inline-comment-head {
49
49
font-weight: bold;
50
50
color: {$darkbluetext};
51
-
border-bottom: 1px solid {$sh-lightyellowborder};
51
+
border-bottom: 1px solid {$gentle.highlight.border};
52
52
padding: 4px 5px 4px 8px;
53
-
background-color: {$sh-yellowbackground};
53
+
background-color: {$gentle.highlight};
54
54
}
55
55
56
56
.differential-inline-comment-content {
···
209
209
*/
210
210
211
211
.differential-inline-comment .differential-inline-done-label {
212
-
border-color: {$sh-yellowborder};
213
-
color: {$sh-yellowicon};
212
+
border-color: {$gentle.highlight.border};
213
+
color: {$bluetext};
214
214
}
215
215
216
216
.differential-inline-comment.inline-state-is-draft
+1
-1
webroot/rsrc/css/core/remarkup.css
+1
-1
webroot/rsrc/css/core/remarkup.css
+1
-1
webroot/rsrc/css/phui/phui-comment-form.css
+1
-1
webroot/rsrc/css/phui/phui-comment-form.css
+2
-2
webroot/rsrc/css/phui/phui-timeline-view.css
+2
-2
webroot/rsrc/css/phui/phui-timeline-view.css
···
221
221
}
222
222
223
223
.phui-timeline-icon {
224
-
color: {$sh-blueicon};
224
+
color: {$bluetext};
225
225
}
226
226
227
227
.phui-icon-view.phui-timeline-icon {
···
232
232
height: 26px;
233
233
width: 26px;
234
234
border-radius: 3px;
235
-
background-color: #E6E9F1;
235
+
background-color: {$timeline.icon.background};
236
236
}
237
237
238
238
.phui-timeline-major-event .phui-timeline-icon-fill {