@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
Minor Differential CSS tweaks
Summary: Fixes notices, uses standard colors for TODOs. Mutes comments just a hair.
Test Plan: Will test on epriestley. Also Differentail and Diffusion.
Reviewers: epriestley
Reviewed By: epriestley
CC: Korvin, epriestley, aran
Maniphest Tasks: T3952
Differential Revision: https://secure.phabricator.com/D7311
+49
-45
+16
-16
src/__celerity_resource_map__.php
+16
-16
src/__celerity_resource_map__.php
···
1031
1031
),
1032
1032
'differential-changeset-view-css' =>
1033
1033
array(
1034
-
'uri' => '/res/5fd9d5c0/rsrc/css/application/differential/changeset-view.css',
1034
+
'uri' => '/res/333e7039/rsrc/css/application/differential/changeset-view.css',
1035
1035
'type' => 'css',
1036
1036
'requires' =>
1037
1037
array(
···
4368
4368
'uri' => '/res/pkg/4ccfeb47/darkconsole.pkg.js',
4369
4369
'type' => 'js',
4370
4370
),
4371
-
'4dc2311c' =>
4371
+
'1b8a291d' =>
4372
4372
array(
4373
4373
'name' => 'differential.pkg.css',
4374
4374
'symbols' =>
···
4387
4387
11 => 'differential-local-commits-view-css',
4388
4388
12 => 'inline-comment-summary-css',
4389
4389
),
4390
-
'uri' => '/res/pkg/4dc2311c/differential.pkg.css',
4390
+
'uri' => '/res/pkg/1b8a291d/differential.pkg.css',
4391
4391
'type' => 'css',
4392
4392
),
4393
4393
'5e9e5c4e' =>
···
4507
4507
'aphront-tokenizer-control-css' => '0ed58ed4',
4508
4508
'aphront-tooltip-css' => '0ed58ed4',
4509
4509
'aphront-typeahead-control-css' => '0ed58ed4',
4510
-
'differential-changeset-view-css' => '4dc2311c',
4511
-
'differential-core-view-css' => '4dc2311c',
4510
+
'differential-changeset-view-css' => '1b8a291d',
4511
+
'differential-core-view-css' => '1b8a291d',
4512
4512
'differential-inline-comment-editor' => '5e9e5c4e',
4513
-
'differential-local-commits-view-css' => '4dc2311c',
4514
-
'differential-results-table-css' => '4dc2311c',
4515
-
'differential-revision-add-comment-css' => '4dc2311c',
4516
-
'differential-revision-comment-css' => '4dc2311c',
4517
-
'differential-revision-comment-list-css' => '4dc2311c',
4518
-
'differential-revision-history-css' => '4dc2311c',
4519
-
'differential-revision-list-css' => '4dc2311c',
4520
-
'differential-table-of-contents-css' => '4dc2311c',
4513
+
'differential-local-commits-view-css' => '1b8a291d',
4514
+
'differential-results-table-css' => '1b8a291d',
4515
+
'differential-revision-add-comment-css' => '1b8a291d',
4516
+
'differential-revision-comment-css' => '1b8a291d',
4517
+
'differential-revision-comment-list-css' => '1b8a291d',
4518
+
'differential-revision-history-css' => '1b8a291d',
4519
+
'differential-revision-list-css' => '1b8a291d',
4520
+
'differential-table-of-contents-css' => '1b8a291d',
4521
4521
'diffusion-commit-view-css' => 'c8ce2d88',
4522
4522
'diffusion-icons-css' => 'c8ce2d88',
4523
4523
'global-drag-and-drop-css' => '0ed58ed4',
4524
-
'inline-comment-summary-css' => '4dc2311c',
4524
+
'inline-comment-summary-css' => '1b8a291d',
4525
4525
'javelin-aphlict' => 'adee86d9',
4526
4526
'javelin-behavior' => '3e3be199',
4527
4527
'javelin-behavior-aphlict-dropdown' => 'adee86d9',
···
4600
4600
'phabricator-action-list-view-css' => '0ed58ed4',
4601
4601
'phabricator-application-launch-view-css' => '0ed58ed4',
4602
4602
'phabricator-busy' => 'adee86d9',
4603
-
'phabricator-content-source-view-css' => '4dc2311c',
4603
+
'phabricator-content-source-view-css' => '1b8a291d',
4604
4604
'phabricator-core-css' => '0ed58ed4',
4605
4605
'phabricator-crumbs-view-css' => '0ed58ed4',
4606
4606
'phabricator-drag-and-drop-file-upload' => '5e9e5c4e',
···
4618
4618
'phabricator-notification' => 'adee86d9',
4619
4619
'phabricator-notification-css' => '0ed58ed4',
4620
4620
'phabricator-notification-menu-css' => '0ed58ed4',
4621
-
'phabricator-object-selector-css' => '4dc2311c',
4621
+
'phabricator-object-selector-css' => '1b8a291d',
4622
4622
'phabricator-phtize' => 'adee86d9',
4623
4623
'phabricator-prefab' => 'adee86d9',
4624
4624
'phabricator-project-tag-css' => '49898640',
+33
-29
webroot/rsrc/css/application/differential/changeset-view.css
+33
-29
webroot/rsrc/css/application/differential/changeset-view.css
···
11
11
.differential-diff {
12
12
background: transparent;
13
13
width: 100%;
14
-
border-top: 1px solid #cca;
15
-
border-bottom: 1px solid #cca;
14
+
border-top: 1px solid {$lightblueborder};
15
+
border-bottom: 1px solid {$lightblueborder};
16
16
}
17
17
18
18
.differential-diff td {
···
75
75
}
76
76
77
77
.differential-diff td.old {
78
-
background: #ffd0d0;
78
+
background: #ffd0d0;
79
79
}
80
80
81
81
.differential-diff td.new {
82
-
background: #d0ffd0;
82
+
background: #d0ffd0;
83
83
}
84
84
85
85
.differential-diff td.old-rebase {
···
157
157
background: #f3f6ff;
158
158
}
159
159
160
+
161
+
160
162
.differential-diff td.show-more,
161
163
.differential-diff th.show-context-line,
162
164
.differential-diff td.show-context,
163
165
.differential-diff td.differential-shield {
164
-
background: #ffffee;
166
+
background: {$lightbluebackground};
165
167
padding: 12px 0;
166
-
border-top: 1px solid #ccccaa;
167
-
border-bottom: 1px solid #ccccaa;
168
+
border-top: 1px solid {$thinblueborder};
169
+
border-bottom: 1px solid {$thinblueborder};
168
170
}
169
171
170
172
.differential-diff td.show-more,
···
176
178
177
179
.differential-diff td.show-more {
178
180
text-align: center;
179
-
color: #999966;
181
+
color: {$bluetext};
180
182
}
181
183
182
184
.differential-diff th.show-context-line {
···
204
206
}
205
207
206
208
.differential-meta-notice {
207
-
border: 1px solid #ffdd99;
208
-
background: #ffeeaa;
209
-
font-family: "Helvetica Neue", "Arial", sans-serif;
210
-
font-size: 12px;
211
-
padding: 1em;
212
-
margin: 0 0 6px 0;
209
+
border-top: 1px solid {$yellow};
210
+
border-bottom: 1px solid {$yellow};
211
+
background-color: {$lightyellow};
212
+
padding: 12px;
213
+
}
214
+
215
+
.differential-meta-notice + .differential-diff {
216
+
border-top: none;
213
217
}
214
218
215
219
.differential-changeset h1 {
216
-
font-size: 14px;
220
+
font-size: 15px;
217
221
padding: 2px 0 12px 12px;
218
222
}
219
223
220
224
.differential-reticle {
221
-
background: #ffeeaa;
222
-
border: 1px solid #ffcc00;
223
-
position: absolute;
224
-
opacity: 0.5;
225
-
top: 0px;
226
-
left: 0px;
225
+
background: {$lightyellow};
226
+
border: 1px solid {$yellow};
227
+
position: absolute;
228
+
opacity: 0.5;
229
+
top: 0px;
230
+
left: 0px;
227
231
}
228
232
229
233
.differential-inline-comment,
230
234
.differential-inline-comment-edit {
231
-
background: #f9f9f1;
232
-
border: 1px solid #aaaa88;
235
+
background: #ffffee;
236
+
border: 1px solid #ccccaa;
233
237
font-family: "Helvetica Neue", "Arial", sans-serif;
234
238
font-size: 12px;
235
239
margin: 6px 0px;
···
249
253
.differential-inline-comment-head {
250
254
font-weight: bold;
251
255
color: #333333;
252
-
border-bottom: 1px solid #ccccaa;
253
-
padding-bottom: 6px;
254
-
margin-bottom: 4px;
256
+
border-bottom: 1px solid rgba(204,204,170,0.37);
257
+
padding-bottom: 4px;
258
+
margin-bottom: 8px;
255
259
}
256
260
257
261
.differential-inline-comment-unsaved-draft .differential-inline-comment-head {
···
259
263
}
260
264
261
265
.differential-inline-comment-synthetic {
262
-
background: #efffff;
263
-
border: 1px solid #20dfdf;
266
+
background: {$lightblue};
267
+
border: 1px solid {$blue};
264
268
}
265
269
266
270
.differential-inline-comment-synthetic .differential-inline-comment-head {
267
-
border-bottom: 1px solid #20dfdf;
271
+
border-bottom: 1px solid {$thinblueborder};
268
272
}
269
273
270
274