@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
Implement color variables in CSS.
Summary: Added in color variables in most used places. Tweaked green to be a bit more serious.
Test Plan: Tested Tags, Error View, Timeline, Object Views, and Color Palette.
Reviewers: epriestley, btrahan
Reviewed By: epriestley
CC: aran, Korvin
Differential Revision: https://secure.phabricator.com/D6244
+156
-136
+56
-56
src/__celerity_resource_map__.php
+56
-56
src/__celerity_resource_map__.php
···
2850
2850
),
2851
2851
'maniphest-transaction-detail-css' =>
2852
2852
array(
2853
-
'uri' => '/res/fb430d3e/rsrc/css/application/maniphest/transaction-detail.css',
2853
+
'uri' => '/res/30242771/rsrc/css/application/maniphest/transaction-detail.css',
2854
2854
'type' => 'css',
2855
2855
'requires' =>
2856
2856
array(
···
3215
3215
),
3216
3216
'phabricator-notification-css' =>
3217
3217
array(
3218
-
'uri' => '/res/3b18922a/rsrc/css/aphront/notification.css',
3218
+
'uri' => '/res/829210bd/rsrc/css/aphront/notification.css',
3219
3219
'type' => 'css',
3220
3220
'requires' =>
3221
3221
array(
···
3233
3233
),
3234
3234
'phabricator-object-item-list-view-css' =>
3235
3235
array(
3236
-
'uri' => '/res/2acf1b18/rsrc/css/layout/phabricator-object-item-list-view.css',
3236
+
'uri' => '/res/a66cc93b/rsrc/css/layout/phabricator-object-item-list-view.css',
3237
3237
'type' => 'css',
3238
3238
'requires' =>
3239
3239
array(
···
3410
3410
),
3411
3411
'phabricator-tag-view-css' =>
3412
3412
array(
3413
-
'uri' => '/res/148230a5/rsrc/css/layout/phabricator-tag-view.css',
3413
+
'uri' => '/res/21a0a5d6/rsrc/css/layout/phabricator-tag-view.css',
3414
3414
'type' => 'css',
3415
3415
'requires' =>
3416
3416
array(
···
3429
3429
),
3430
3430
'phabricator-timeline-view-css' =>
3431
3431
array(
3432
-
'uri' => '/res/642a9f44/rsrc/css/layout/phabricator-timeline-view.css',
3432
+
'uri' => '/res/3b85450f/rsrc/css/layout/phabricator-timeline-view.css',
3433
3433
'type' => 'css',
3434
3434
'requires' =>
3435
3435
array(
···
3759
3759
),
3760
3760
'phui-text-css' =>
3761
3761
array(
3762
-
'uri' => '/res/ca884ca6/rsrc/css/phui/phui-text.css',
3762
+
'uri' => '/res/63e53cac/rsrc/css/phui/phui-text.css',
3763
3763
'type' => 'css',
3764
3764
'requires' =>
3765
3765
array(
···
4057
4057
), array(
4058
4058
'packages' =>
4059
4059
array(
4060
-
'e2cfbfd3' =>
4060
+
'e229c250' =>
4061
4061
array(
4062
4062
'name' => 'core.pkg.css',
4063
4063
'symbols' =>
···
4105
4105
40 => 'phabricator-property-list-view-css',
4106
4106
41 => 'phabricator-tag-view-css',
4107
4107
),
4108
-
'uri' => '/res/pkg/e2cfbfd3/core.pkg.css',
4108
+
'uri' => '/res/pkg/e229c250/core.pkg.css',
4109
4109
'type' => 'css',
4110
4110
),
4111
4111
'f2ad0683' =>
···
4268
4268
'uri' => '/res/pkg/a9f14d76/javelin.pkg.js',
4269
4269
'type' => 'js',
4270
4270
),
4271
-
'a7ca34a9' =>
4271
+
'adc3c36d' =>
4272
4272
array(
4273
4273
'name' => 'maniphest.pkg.css',
4274
4274
'symbols' =>
···
4278
4278
2 => 'aphront-attached-file-view-css',
4279
4279
3 => 'phabricator-project-tag-css',
4280
4280
),
4281
-
'uri' => '/res/pkg/a7ca34a9/maniphest.pkg.css',
4281
+
'uri' => '/res/pkg/adc3c36d/maniphest.pkg.css',
4282
4282
'type' => 'css',
4283
4283
),
4284
4284
'98f64f07' =>
···
4298
4298
),
4299
4299
'reverse' =>
4300
4300
array(
4301
-
'aphront-attached-file-view-css' => 'a7ca34a9',
4302
-
'aphront-dialog-view-css' => 'e2cfbfd3',
4303
-
'aphront-error-view-css' => 'e2cfbfd3',
4304
-
'aphront-form-view-css' => 'e2cfbfd3',
4305
-
'aphront-list-filter-view-css' => 'e2cfbfd3',
4306
-
'aphront-pager-view-css' => 'e2cfbfd3',
4307
-
'aphront-panel-view-css' => 'e2cfbfd3',
4308
-
'aphront-table-view-css' => 'e2cfbfd3',
4309
-
'aphront-tokenizer-control-css' => 'e2cfbfd3',
4310
-
'aphront-tooltip-css' => 'e2cfbfd3',
4311
-
'aphront-typeahead-control-css' => 'e2cfbfd3',
4301
+
'aphront-attached-file-view-css' => 'adc3c36d',
4302
+
'aphront-dialog-view-css' => 'e229c250',
4303
+
'aphront-error-view-css' => 'e229c250',
4304
+
'aphront-form-view-css' => 'e229c250',
4305
+
'aphront-list-filter-view-css' => 'e229c250',
4306
+
'aphront-pager-view-css' => 'e229c250',
4307
+
'aphront-panel-view-css' => 'e229c250',
4308
+
'aphront-table-view-css' => 'e229c250',
4309
+
'aphront-tokenizer-control-css' => 'e229c250',
4310
+
'aphront-tooltip-css' => 'e229c250',
4311
+
'aphront-typeahead-control-css' => 'e229c250',
4312
4312
'differential-changeset-view-css' => 'dd27a69b',
4313
4313
'differential-core-view-css' => 'dd27a69b',
4314
4314
'differential-inline-comment-editor' => '9488bb69',
···
4322
4322
'differential-table-of-contents-css' => 'dd27a69b',
4323
4323
'diffusion-commit-view-css' => 'c8ce2d88',
4324
4324
'diffusion-icons-css' => 'c8ce2d88',
4325
-
'global-drag-and-drop-css' => 'e2cfbfd3',
4325
+
'global-drag-and-drop-css' => 'e229c250',
4326
4326
'inline-comment-summary-css' => 'dd27a69b',
4327
4327
'javelin-aphlict' => 'f2ad0683',
4328
4328
'javelin-behavior' => 'a9f14d76',
···
4396
4396
'javelin-util' => 'a9f14d76',
4397
4397
'javelin-vector' => 'a9f14d76',
4398
4398
'javelin-workflow' => 'a9f14d76',
4399
-
'lightbox-attachment-css' => 'e2cfbfd3',
4400
-
'maniphest-task-summary-css' => 'a7ca34a9',
4401
-
'maniphest-transaction-detail-css' => 'a7ca34a9',
4402
-
'phabricator-action-list-view-css' => 'e2cfbfd3',
4403
-
'phabricator-application-launch-view-css' => 'e2cfbfd3',
4399
+
'lightbox-attachment-css' => 'e229c250',
4400
+
'maniphest-task-summary-css' => 'adc3c36d',
4401
+
'maniphest-transaction-detail-css' => 'adc3c36d',
4402
+
'phabricator-action-list-view-css' => 'e229c250',
4403
+
'phabricator-application-launch-view-css' => 'e229c250',
4404
4404
'phabricator-busy' => 'f2ad0683',
4405
4405
'phabricator-content-source-view-css' => 'dd27a69b',
4406
-
'phabricator-core-css' => 'e2cfbfd3',
4407
-
'phabricator-crumbs-view-css' => 'e2cfbfd3',
4406
+
'phabricator-core-css' => 'e229c250',
4407
+
'phabricator-crumbs-view-css' => 'e229c250',
4408
4408
'phabricator-drag-and-drop-file-upload' => '9488bb69',
4409
4409
'phabricator-dropdown-menu' => 'f2ad0683',
4410
4410
'phabricator-file-upload' => 'f2ad0683',
4411
-
'phabricator-filetree-view-css' => 'e2cfbfd3',
4412
-
'phabricator-flag-css' => 'e2cfbfd3',
4413
-
'phabricator-form-view-css' => 'e2cfbfd3',
4414
-
'phabricator-header-view-css' => 'e2cfbfd3',
4411
+
'phabricator-filetree-view-css' => 'e229c250',
4412
+
'phabricator-flag-css' => 'e229c250',
4413
+
'phabricator-form-view-css' => 'e229c250',
4414
+
'phabricator-header-view-css' => 'e229c250',
4415
4415
'phabricator-hovercard' => 'f2ad0683',
4416
-
'phabricator-jump-nav' => 'e2cfbfd3',
4416
+
'phabricator-jump-nav' => 'e229c250',
4417
4417
'phabricator-keyboard-shortcut' => 'f2ad0683',
4418
4418
'phabricator-keyboard-shortcut-manager' => 'f2ad0683',
4419
-
'phabricator-main-menu-view' => 'e2cfbfd3',
4419
+
'phabricator-main-menu-view' => 'e229c250',
4420
4420
'phabricator-menu-item' => 'f2ad0683',
4421
-
'phabricator-nav-view-css' => 'e2cfbfd3',
4421
+
'phabricator-nav-view-css' => 'e229c250',
4422
4422
'phabricator-notification' => 'f2ad0683',
4423
-
'phabricator-notification-css' => 'e2cfbfd3',
4424
-
'phabricator-notification-menu-css' => 'e2cfbfd3',
4425
-
'phabricator-object-item-list-view-css' => 'e2cfbfd3',
4423
+
'phabricator-notification-css' => 'e229c250',
4424
+
'phabricator-notification-menu-css' => 'e229c250',
4425
+
'phabricator-object-item-list-view-css' => 'e229c250',
4426
4426
'phabricator-object-selector-css' => 'dd27a69b',
4427
4427
'phabricator-phtize' => 'f2ad0683',
4428
4428
'phabricator-prefab' => 'f2ad0683',
4429
-
'phabricator-project-tag-css' => 'a7ca34a9',
4430
-
'phabricator-property-list-view-css' => 'e2cfbfd3',
4431
-
'phabricator-remarkup-css' => 'e2cfbfd3',
4429
+
'phabricator-project-tag-css' => 'adc3c36d',
4430
+
'phabricator-property-list-view-css' => 'e229c250',
4431
+
'phabricator-remarkup-css' => 'e229c250',
4432
4432
'phabricator-shaped-request' => '9488bb69',
4433
-
'phabricator-side-menu-view-css' => 'e2cfbfd3',
4434
-
'phabricator-standard-page-view' => 'e2cfbfd3',
4435
-
'phabricator-tag-view-css' => 'e2cfbfd3',
4433
+
'phabricator-side-menu-view-css' => 'e229c250',
4434
+
'phabricator-standard-page-view' => 'e229c250',
4435
+
'phabricator-tag-view-css' => 'e229c250',
4436
4436
'phabricator-textareautils' => 'f2ad0683',
4437
4437
'phabricator-tooltip' => 'f2ad0683',
4438
-
'phabricator-transaction-view-css' => 'e2cfbfd3',
4439
-
'phabricator-zindex-css' => 'e2cfbfd3',
4440
-
'phui-button-css' => 'e2cfbfd3',
4441
-
'phui-form-css' => 'e2cfbfd3',
4442
-
'phui-icon-view-css' => 'e2cfbfd3',
4443
-
'phui-spacing-css' => 'e2cfbfd3',
4444
-
'sprite-apps-large-css' => 'e2cfbfd3',
4445
-
'sprite-gradient-css' => 'e2cfbfd3',
4446
-
'sprite-icons-css' => 'e2cfbfd3',
4447
-
'sprite-menu-css' => 'e2cfbfd3',
4448
-
'syntax-highlighting-css' => 'e2cfbfd3',
4438
+
'phabricator-transaction-view-css' => 'e229c250',
4439
+
'phabricator-zindex-css' => 'e229c250',
4440
+
'phui-button-css' => 'e229c250',
4441
+
'phui-form-css' => 'e229c250',
4442
+
'phui-icon-view-css' => 'e229c250',
4443
+
'phui-spacing-css' => 'e229c250',
4444
+
'sprite-apps-large-css' => 'e229c250',
4445
+
'sprite-gradient-css' => 'e229c250',
4446
+
'sprite-icons-css' => 'e229c250',
4447
+
'sprite-menu-css' => 'e229c250',
4448
+
'syntax-highlighting-css' => 'e229c250',
4449
4449
),
4450
4450
));
+1
-1
src/applications/maniphest/constants/ManiphestTaskStatus.php
+1
-1
src/applications/maniphest/constants/ManiphestTaskStatus.php
···
44
44
self::STATUS_CLOSED_WONTFIX => PhabricatorTagView::COLOR_BLACK,
45
45
self::STATUS_CLOSED_INVALID => PhabricatorTagView::COLOR_BLACK,
46
46
self::STATUS_CLOSED_DUPLICATE => PhabricatorTagView::COLOR_BLACK,
47
-
self::STATUS_CLOSED_SPITE => PhabricatorTagView::COLOR_MAGENTA,
47
+
self::STATUS_CLOSED_SPITE => PhabricatorTagView::COLOR_INDIGO,
48
48
);
49
49
return idx($map, $status, $default);
50
50
}
+1
-1
src/applications/maniphest/view/ManiphestTaskListView.php
+1
-1
src/applications/maniphest/view/ManiphestTaskListView.php
···
41
41
42
42
$status_map = ManiphestTaskStatus::getTaskStatusMap();
43
43
$color_map = array(
44
-
ManiphestTaskPriority::PRIORITY_UNBREAK_NOW => 'magenta',
44
+
ManiphestTaskPriority::PRIORITY_UNBREAK_NOW => 'indigo',
45
45
ManiphestTaskPriority::PRIORITY_TRIAGE => 'violet',
46
46
ManiphestTaskPriority::PRIORITY_HIGH => 'red',
47
47
ManiphestTaskPriority::PRIORITY_NORMAL => 'orange',
+5
-3
src/applications/uiexample/examples/PHUIColorPalletteExample.php
+5
-3
src/applications/uiexample/examples/PHUIColorPalletteExample.php
···
15
15
$colors = array(
16
16
'c0392b' => 'Base Red',
17
17
'f4dddb' => '83% Red',
18
-
'd35400' => 'Base Orange',
18
+
'e67e22' => 'Base Orange',
19
19
'f7e2d4' => '83% Orange',
20
20
'f1c40f' => 'Base Yellow',
21
21
'fdf5d4' => '83% Yellow',
22
-
'27ae60' => 'Base Green',
23
-
'dbf2e4' => '83% Green',
22
+
'139543' => 'Base Green',
23
+
'd7eddf' => '83% Green',
24
24
'2980b9' => 'Base Blue',
25
25
'daeaf3' => '83% Blue',
26
+
'3498db' => 'Sky Base',
27
+
'ddeef9' => '83% Sky',
26
28
'c6539d' => 'Base Indigo',
27
29
'f5e2ef' => '83% Indigo',
28
30
'8e44ad' => 'Base Violet',
+1
-1
src/applications/uiexample/examples/PhabricatorObjectItemListExample.php
+1
-1
src/applications/uiexample/examples/PhabricatorObjectItemListExample.php
···
122
122
'some other parts; most of these parts are pretty squishy'))
123
123
->addFootIcon('search-white', pht('Respiration!'))
124
124
->addHandleIcon($handle, pht('You have a cardiovascular system!'))
125
-
->setBarColor('magenta'));
125
+
->setBarColor('indigo'));
126
126
127
127
128
128
$out[] = array($head, $list);
+1
-1
src/applications/uiexample/examples/PhabricatorTagExample.php
+1
-1
src/applications/uiexample/examples/PhabricatorTagExample.php
···
124
124
$tags[] = hsprintf('<br /><br />');
125
125
$tags[] = id(new PhabricatorTagView())
126
126
->setType(PhabricatorTagView::TYPE_STATE)
127
-
->setBackgroundColor(PhabricatorTagView::COLOR_MAGENTA)
127
+
->setBackgroundColor(PhabricatorTagView::COLOR_INDIGO)
128
128
->setDotColor(PhabricatorTagView::COLOR_YELLOW)
129
129
->setBarColor(PhabricatorTagView::COLOR_BLUE)
130
130
->setName('Easter');
+16
-1
src/infrastructure/celerity/CelerityResourceTransformer.php
+16
-1
src/infrastructure/celerity/CelerityResourceTransformer.php
···
131
131
132
132
public function replaceCSSVariable($matches) {
133
133
static $map = array(
134
-
'red' => '#c0392b',
134
+
'red' => '#c0392b',
135
+
'lightred' => '#f4dddb',
136
+
'orange' => '#e67e22',
137
+
'lightorange' => '#f7e2d4',
138
+
'yellow' => '#f1c40f',
139
+
'lightyellow' => '#fdf5d4',
140
+
'green' => '#139543',
141
+
'lightgreen' => '#d7eddf',
142
+
'blue' => '#2980b9',
143
+
'lightblue' => '#daeaf3',
144
+
'sky' => '#3498db',
145
+
'lightsky' => '#ddeef9',
146
+
'indigo' => '#c6539d',
147
+
'lightindigo' => '#f5e2ef',
148
+
'violet' => '#8e44ad',
149
+
'lightviolet' => '#ecdff1',
135
150
);
136
151
137
152
$var_name = $matches[1];
+4
-2
src/view/layout/PhabricatorTagView.php
+4
-2
src/view/layout/PhabricatorTagView.php
···
10
10
const COLOR_ORANGE = 'orange';
11
11
const COLOR_YELLOW = 'yellow';
12
12
const COLOR_BLUE = 'blue';
13
-
const COLOR_MAGENTA = 'magenta';
13
+
const COLOR_INDIGO = 'indigo';
14
+
const COLOR_VIOLET = 'violet';
14
15
const COLOR_GREEN = 'green';
15
16
const COLOR_BLACK = 'black';
16
17
const COLOR_GREY = 'grey';
···
167
168
self::COLOR_ORANGE,
168
169
self::COLOR_YELLOW,
169
170
self::COLOR_BLUE,
170
-
self::COLOR_MAGENTA,
171
+
self::COLOR_INDIGO,
172
+
self::COLOR_VIOLET,
171
173
self::COLOR_GREEN,
172
174
self::COLOR_BLACK,
173
175
self::COLOR_GREY,
+10
-10
webroot/rsrc/css/aphront/error-view.css
+10
-10
webroot/rsrc/css/aphront/error-view.css
···
36
36
}
37
37
38
38
.aphront-error-severity-error {
39
-
color: #c0392b;
40
-
border-color: #c0392b;
41
-
background: #f4dddb;
39
+
color: {$red};
40
+
border-color: {$red};
41
+
background: {$lightred};
42
42
}
43
43
44
44
.aphront-error-severity-error .aphront-error-view-head {
45
-
color: #c0392b;
45
+
color: {$red};
46
46
}
47
47
48
48
.aphront-error-severity-warning {
49
49
color: #bc7837;
50
-
border-color: #f1c40f;
51
-
background: #fdf5d4;
50
+
border-color: {$yellow};
51
+
background: {$lightyellow};
52
52
}
53
53
54
54
.aphront-error-severity-warning .aphront-error-view-head {
···
56
56
}
57
57
58
58
.aphront-error-severity-notice {
59
-
color: #2980b9;
60
-
border-color: #2980b9;
61
-
background: #daeaf3;
59
+
color: {$blue};
60
+
border-color: {$blue};
61
+
background: {$lightblue};
62
62
}
63
63
64
64
.aphront-error-severity-notice .aphront-error-view-head {
65
-
color: #2980b9;
65
+
color: {$blue};
66
66
}
67
67
68
68
.aphront-error-severity-nodata {
+10
-10
webroot/rsrc/css/aphront/notification.css
+10
-10
webroot/rsrc/css/aphront/notification.css
···
16
16
font-size: 11px;
17
17
overflow: hidden;
18
18
19
-
background: #daeaf3;
19
+
background: {$lightsky};
20
20
color: #444444;
21
-
border: 1px solid #2980b9;
21
+
border: 1px solid {$sky};
22
22
23
23
cursor: pointer;
24
24
···
28
28
}
29
29
30
30
.jx-notification-alert {
31
-
background: #fdf5d4;
32
-
border: 1px solid #f1c40f;
31
+
background: {$lightyellow};
32
+
border: 1px solid {$yellow};
33
33
}
34
34
35
35
.jx-notification-debug {
36
-
background: #f5e2ef;
37
-
border: 1px solid #c6539d;
36
+
background: {$lightindigo};
37
+
border: 1px solid {$indigo};
38
38
}
39
39
40
40
.jx-notification-done {
41
-
background: #dbf2e4;
42
-
border: 1px solid #27ae60;
41
+
background: {$lightgreen};
42
+
border: 1px solid {$green};
43
43
}
44
44
45
45
.jx-notification-error {
46
-
background: #f4dddb;
47
-
border: 1px solid #c0392b;
46
+
background: {$lightred};
47
+
border: 1px solid {$red};
48
48
}
+1
-1
webroot/rsrc/css/application/maniphest/transaction-detail.css
+1
-1
webroot/rsrc/css/application/maniphest/transaction-detail.css
+11
-15
webroot/rsrc/css/layout/phabricator-object-item-list-view.css
+11
-15
webroot/rsrc/css/layout/phabricator-object-item-list-view.css
···
294
294
*/
295
295
296
296
.phabricator-object-item-bar-color-red {
297
-
border-left-color: #c0392b;
297
+
border-left-color: {$red};
298
298
}
299
299
300
300
.phabricator-object-item-bar-color-orange {
301
-
border-left-color: #e67e22;
301
+
border-left-color: {$orange};
302
302
}
303
303
304
304
.phabricator-object-item-bar-color-yellow {
305
-
border-left-color: #f1c40f;
305
+
border-left-color: {$yellow};
306
306
}
307
307
308
308
.phabricator-object-item-bar-color-green {
309
-
border-left-color: #27ae60;
309
+
border-left-color: {$green};
310
310
}
311
311
312
312
.phabricator-object-item-bar-color-sky {
313
-
border-left-color: #3498db;
313
+
border-left-color: {$sky};
314
314
}
315
315
316
316
.phabricator-object-item-bar-color-blue {
317
-
border-left-color: #2980b9;
317
+
border-left-color: {$blue};
318
318
}
319
319
320
-
.phabricator-object-item-bar-color-indigo { /* TODO */
321
-
border-left-color: #3a00cc;
320
+
.phabricator-object-item-bar-color-indigo {
321
+
border-left-color: {$indigo};
322
322
}
323
323
324
324
.phabricator-object-item-bar-color-violet {
325
-
border-left-color: #8e44ad;
326
-
}
327
-
328
-
.phabricator-object-item-bar-color-magenta {
329
-
border-left-color: #cB4d9f;
325
+
border-left-color: {$violet};
330
326
}
331
327
332
328
.phabricator-object-item-bar-color-grey {
···
345
341
*/
346
342
347
343
.phabricator-object-item-highlighted {
348
-
background: #fdf5d4;
344
+
background: {$lightyellow};
349
345
}
350
346
351
347
.phabricator-object-list-cards
···
355
351
}
356
352
357
353
.phabricator-object-item-selected {
358
-
background: #daeaf3;
354
+
background: {$lightblue};
359
355
}
360
356
361
357
.phabricator-object-list-flush .aphront-error-view {
+18
-13
webroot/rsrc/css/layout/phabricator-tag-view.css
+18
-13
webroot/rsrc/css/layout/phabricator-tag-view.css
···
57
57
}
58
58
59
59
.phabricator-tag-color-red {
60
-
background-color: #c0392b;
61
-
border-color: #c0392b;
60
+
background-color: {$red};
61
+
border-color: {$red};
62
62
}
63
63
64
64
.phabricator-tag-color-orange {
65
-
background-color: #F39C12;
66
-
border-color: #F39C12;
65
+
background-color: {$orange};
66
+
border-color: {$orange};
67
67
}
68
68
69
69
.phabricator-tag-color-yellow {
70
-
background-color: #f1c40f;
71
-
border-color: #f1c40f;
70
+
background-color: {$yellow};
71
+
border-color: {$yellow};
72
72
}
73
73
74
74
.phabricator-tag-color-blue {
75
-
background-color: #2980b9;
76
-
border-color: #2980b9;
75
+
background-color: {$blue};
76
+
border-color: {$blue};
77
77
}
78
78
79
-
.phabricator-tag-color-magenta {
80
-
background-color: #cb4d9f;
81
-
border-color: #ce00ce;
79
+
.phabricator-tag-color-indigo {
80
+
background-color: {$indigo};
81
+
border-color: {$indigo};
82
82
}
83
83
84
84
.phabricator-tag-color-green {
85
-
background-color: #27ae60;
86
-
border-color: #27ae60;
85
+
background-color: {$green};
86
+
border-color: {$green};
87
+
}
88
+
89
+
.phabricator-tag-color-violet {
90
+
background-color: {$violet};
91
+
border-color: {$violet};
87
92
}
88
93
89
94
.phabricator-tag-color-black {
+14
-14
webroot/rsrc/css/layout/phabricator-timeline-view.css
+14
-14
webroot/rsrc/css/layout/phabricator-timeline-view.css
···
164
164
}
165
165
166
166
.phabricator-timeline-orange .phabricator-timeline-border {
167
-
border-color: #d35400;
167
+
border-color: {$orange};
168
168
}
169
169
170
170
.phabricator-timeline-yellow .phabricator-timeline-border {
171
-
border-color: #f1c40f;
171
+
border-color: {$yellow};
172
172
}
173
173
174
174
.phabricator-timeline-green .phabricator-timeline-border {
175
-
border-color: #27ae60;
175
+
border-color: {$green};
176
176
}
177
177
178
178
.phabricator-timeline-sky .phabricator-timeline-border {
179
-
border-color: #3498db;
179
+
border-color: {$sky};
180
180
}
181
181
182
182
.phabricator-timeline-blue .phabricator-timeline-border {
183
-
border-color: #2980b9;
183
+
border-color: {$blue};
184
184
}
185
185
186
186
.phabricator-timeline-indigo .phabricator-timeline-border {
187
-
border-color: #c6539d;
187
+
border-color: {$indigo};
188
188
}
189
189
190
190
.phabricator-timeline-violet .phabricator-timeline-border {
191
-
border-color: #8e44ad;
191
+
border-color: {$violet};
192
192
}
193
193
194
194
.phabricator-timeline-grey .phabricator-timeline-border {
···
204
204
}
205
205
206
206
.phabricator-timeline-orange .phabricator-timeline-icon-fill {
207
-
background-color: #d35400;
207
+
background-color: {$orange};
208
208
}
209
209
210
210
.phabricator-timeline-yellow .phabricator-timeline-icon-fill {
211
-
background-color: #f1c40f;
211
+
background-color: {$yellow};
212
212
}
213
213
214
214
.phabricator-timeline-green .phabricator-timeline-icon-fill {
215
-
background-color: #27ae60;
215
+
background-color: {$green};
216
216
}
217
217
218
218
.phabricator-timeline-sky .phabricator-timeline-icon-fill {
219
-
background-color: #3498db;
219
+
background-color: {$sky};
220
220
}
221
221
222
222
.phabricator-timeline-blue .phabricator-timeline-icon-fill {
223
-
background-color: #2980b9;
223
+
background-color: {$blue};
224
224
}
225
225
226
226
.phabricator-timeline-indigo .phabricator-timeline-icon-fill {
227
-
background-color: #c6539d;
227
+
background-color: {$indigo};
228
228
}
229
229
230
230
.phabricator-timeline-violet .phabricator-timeline-icon-fill {
231
-
background-color: #8e44ad;
231
+
background-color: {$violet};
232
232
}
233
233
234
234
.phabricator-timeline-grey .phabricator-timeline-icon-fill {
+7
-7
webroot/rsrc/css/phui/phui-text.css
+7
-7
webroot/rsrc/css/phui/phui-text.css
···
19
19
20
20
/* Colors */
21
21
.phui-text-red {
22
-
color: #E41C2B;
22
+
color: {$red};
23
23
}
24
24
25
25
.phui-text-orange {
26
-
color: #EA921D;
26
+
color: {$orange};
27
27
}
28
28
29
29
.phui-text-yellow {
30
-
color: #EABB1D;
30
+
color: {$yellow};
31
31
}
32
32
33
33
.phui-text-green {
34
-
color: #2FC118
34
+
color: {$green}
35
35
}
36
36
37
37
.phui-text-blue {
38
-
color: #1D5998;
38
+
color: {$blue};
39
39
}
40
40
41
41
.phui-text-indigo {
42
-
color: #BD1772;
42
+
color: {$indigo};
43
43
}
44
44
45
45
.phui-text-violet {
46
-
color: #701A9C;
46
+
color: {$violet};
47
47
}
48
48
49
49
.phui-text-white {