@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
Normalize colors a bit better on Profiles/Projects, add Workboard backgrounds
Summary: Cleans up the backgrounds a little on Projects/Profiles and adds a number of colour choices for Workboards.
Test Plan:
Manually add each color for testing. Test new project / profile layouts with and without properties.
{F1109325}
{F1109326}
{F1109327}
{F1109328}
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: Korvin
Differential Revision: https://secure.phabricator.com/D15269
+154
-40
+18
-16
resources/celerity/map.php
+18
-16
resources/celerity/map.php
···
7
7
*/
8
8
return array(
9
9
'names' => array(
10
-
'core.pkg.css' => 'b59766ad',
10
+
'core.pkg.css' => '394a6788',
11
11
'core.pkg.js' => 'd7daa6d8',
12
12
'darkconsole.pkg.js' => 'e7393ebb',
13
13
'differential.pkg.css' => '2de124c9',
···
94
94
'rsrc/css/application/policy/policy.css' => '957ea14c',
95
95
'rsrc/css/application/ponder/ponder-view.css' => '7b0df4da',
96
96
'rsrc/css/application/project/project-card-view.css' => '9418c97d',
97
-
'rsrc/css/application/project/project-view.css' => '4693497c',
97
+
'rsrc/css/application/project/project-view.css' => '4c832c27',
98
98
'rsrc/css/application/releeph/releeph-core.css' => '9b3c5733',
99
99
'rsrc/css/application/releeph/releeph-preview-branch.css' => 'b7a6f4a5',
100
100
'rsrc/css/application/releeph/releeph-request-differential-create-dialog.css' => '8d8b92cd',
···
123
123
'rsrc/css/phui/phui-action-panel.css' => '91c7b835',
124
124
'rsrc/css/phui/phui-badge.css' => 'f25c3476',
125
125
'rsrc/css/phui/phui-big-info-view.css' => 'bd903741',
126
-
'rsrc/css/phui/phui-box.css' => '6e8ac7fd',
127
-
'rsrc/css/phui/phui-button.css' => 'd6ac72db',
126
+
'rsrc/css/phui/phui-box.css' => 'dd1294d3',
127
+
'rsrc/css/phui/phui-button.css' => 'd04a0eb7',
128
128
'rsrc/css/phui/phui-chart.css' => '6bf6f78e',
129
129
'rsrc/css/phui/phui-crumbs-view.css' => '79d536e5',
130
130
'rsrc/css/phui/phui-document-pro.css' => '8799acf7',
···
143
143
'rsrc/css/phui/phui-info-view.css' => '6d7c3509',
144
144
'rsrc/css/phui/phui-list.css' => '9da2aa00',
145
145
'rsrc/css/phui/phui-object-box.css' => '407eaf5a',
146
-
'rsrc/css/phui/phui-object-item-list-view.css' => 'be31c3a7',
146
+
'rsrc/css/phui/phui-object-item-list-view.css' => '18b2ce8e',
147
147
'rsrc/css/phui/phui-pager.css' => 'bea33d23',
148
148
'rsrc/css/phui/phui-pinboard-view.css' => '2495140e',
149
149
'rsrc/css/phui/phui-profile-menu.css' => 'f709256c',
···
155
155
'rsrc/css/phui/phui-tag-view.css' => '9d5d4400',
156
156
'rsrc/css/phui/phui-timeline-view.css' => '2efceff8',
157
157
'rsrc/css/phui/phui-two-column-view.css' => 'c75bfc5b',
158
-
'rsrc/css/phui/workboards/phui-workboard.css' => 'e9e56029',
158
+
'rsrc/css/phui/workboards/phui-workboard-color.css' => 'd30ae971',
159
+
'rsrc/css/phui/workboards/phui-workboard.css' => 'e6d89647',
159
160
'rsrc/css/phui/workboards/phui-workcard.css' => '3646fb96',
160
-
'rsrc/css/phui/workboards/phui-workpanel.css' => 'a78c0661',
161
+
'rsrc/css/phui/workboards/phui-workpanel.css' => '92197373',
161
162
'rsrc/css/sprite-login.css' => '60e8560e',
162
163
'rsrc/css/sprite-menu.css' => '9dd65b92',
163
164
'rsrc/css/sprite-tokens.css' => '4f399012',
···
801
802
'phui-action-panel-css' => '91c7b835',
802
803
'phui-badge-view-css' => 'f25c3476',
803
804
'phui-big-info-view-css' => 'bd903741',
804
-
'phui-box-css' => '6e8ac7fd',
805
-
'phui-button-css' => 'd6ac72db',
805
+
'phui-box-css' => 'dd1294d3',
806
+
'phui-button-css' => 'd04a0eb7',
806
807
'phui-calendar-css' => 'ccabe893',
807
808
'phui-calendar-day-css' => 'd1cf6f93',
808
809
'phui-calendar-list-css' => 'c1c7f338',
···
828
829
'phui-inline-comment-view-css' => '0fdb3667',
829
830
'phui-list-view-css' => '9da2aa00',
830
831
'phui-object-box-css' => '407eaf5a',
831
-
'phui-object-item-list-view-css' => 'be31c3a7',
832
+
'phui-object-item-list-view-css' => '18b2ce8e',
832
833
'phui-pager-css' => 'bea33d23',
833
834
'phui-pinboard-view-css' => '2495140e',
834
835
'phui-profile-menu-css' => 'f709256c',
···
841
842
'phui-theme-css' => 'ab7b848c',
842
843
'phui-timeline-view-css' => '2efceff8',
843
844
'phui-two-column-view-css' => 'c75bfc5b',
844
-
'phui-workboard-view-css' => 'e9e56029',
845
+
'phui-workboard-color-css' => 'd30ae971',
846
+
'phui-workboard-view-css' => 'e6d89647',
845
847
'phui-workcard-view-css' => '3646fb96',
846
-
'phui-workpanel-view-css' => 'a78c0661',
848
+
'phui-workpanel-view-css' => '92197373',
847
849
'phuix-action-list-view' => 'b5c256b8',
848
850
'phuix-action-view' => '8cf6d262',
849
851
'phuix-autocomplete' => '9196fb06',
···
855
857
'policy-transaction-detail-css' => '82100a43',
856
858
'ponder-view-css' => '7b0df4da',
857
859
'project-card-view-css' => '9418c97d',
858
-
'project-view-css' => '4693497c',
860
+
'project-view-css' => '4c832c27',
859
861
'releeph-core' => '9b3c5733',
860
862
'releeph-preview-branch' => 'b7a6f4a5',
861
863
'releeph-request-differential-create-dialog' => '8d8b92cd',
···
1573
1575
'phuix-icon-view',
1574
1576
'phabricator-prefab',
1575
1577
),
1578
+
92197373 => array(
1579
+
'phui-workcard-view-css',
1580
+
),
1576
1581
'93d0c9e3' => array(
1577
1582
'javelin-behavior',
1578
1583
'javelin-stratcom',
···
1658
1663
'a7763e11' => array(
1659
1664
'javelin-install',
1660
1665
'javelin-dom',
1661
-
),
1662
-
'a78c0661' => array(
1663
-
'phui-workcard-view-css',
1664
1666
),
1665
1667
'a80d0378' => array(
1666
1668
'javelin-behavior',
+1
-1
src/applications/people/controller/PhabricatorPeopleProfileViewController.php
+1
-1
src/applications/people/controller/PhabricatorPeopleProfileViewController.php
+5
src/applications/project/controller/PhabricatorProjectBoardViewController.php
+5
src/applications/project/controller/PhabricatorProjectBoardViewController.php
···
427
427
$crumbs->addAction($manage_menu);
428
428
$crumbs->addAction($fullscreen);
429
429
430
+
// TODO: Wire to Workboard Preferences
431
+
// require_celerity_resource('phui-workboard-color-css');
432
+
// ->addClass('phui-workboard-color')
433
+
// ->addClass('phui-workboard-bluegrey')
434
+
430
435
return $this->newPage()
431
436
->setTitle(
432
437
array(
+1
-1
src/applications/project/controller/PhabricatorProjectProfileController.php
+1
-1
src/applications/project/controller/PhabricatorProjectProfileController.php
+20
-9
webroot/rsrc/css/application/project/project-view.css
+20
-9
webroot/rsrc/css/application/project/project-view.css
···
3
3
*/
4
4
5
5
.project-view-home {
6
-
background: #fff;
7
6
padding-bottom: 64px;
7
+
background: #fff;
8
8
}
9
9
10
10
.project-view-header-tag {
···
24
24
color: {$bluetext};
25
25
}
26
26
27
-
.phui-box.phui-box-grey.project-view-properties {
28
-
margin: 0 16px 0 16px;
27
+
.project-view-home .phui-box.project-view-properties {
28
+
margin: 0 16px 16px 16px;
29
29
padding: 4px 12px;
30
+
border: 2px solid rgba(55,55,55,.1);
31
+
background-color: #F7F7F9;
30
32
}
31
33
32
-
.device-phone .phui-box.phui-box-grey.project-view-properties {
34
+
.device-phone .phui-box.project-view-properties {
33
35
margin: 0 12px 0 12px;
36
+
}
37
+
38
+
.project-view-properties .phui-property-list-container +
39
+
.phui-property-list-text-content {
40
+
border-color: rgba(55,55,55,.15);
34
41
}
35
42
36
43
.project-view-properties .phui-property-list-key {
37
44
width: auto;
38
-
margin-left: 4px;
45
+
margin-left: 4px2
39
46
}
40
47
41
48
.project-view-properties .phui-property-list-section-header {
···
44
51
}
45
52
46
53
.project-view-feed .phui-object-box.phui-box-border {
54
+
padding: 0 16px 8px 16px;
47
55
border: none;
48
-
padding: 8px;
49
56
}
50
57
51
58
.project-view-feed .phui-object-box .phui-header-shell {
···
67
74
}
68
75
69
76
.project-view-home .phui-box-grey .phui-header-shell {
70
-
padding: 8px 8px 8px 12px;
77
+
padding: 6px 6px 6px 12px;
71
78
}
72
79
73
80
.project-view-home .phui-box-grey .phui-header-header {
···
75
82
}
76
83
77
84
.project-view-home .phui-box-grey .phui-object-item-list-view {
78
-
padding: 8px;
85
+
padding: 4px 8px 0 8px;
79
86
}
80
87
81
88
.device-desktop .phui-two-column-view.project-view-badges .phui-side-column {
82
-
width: 364px;
89
+
width: 366px;
90
+
}
91
+
92
+
.project-view-badges .phui-badge-flex-view {
93
+
background-color: #fff;
83
94
}
84
95
85
96
.project-view-home .phui-box-grey .phui-object-item-attribute .phui-icon-view {
+14
-6
webroot/rsrc/css/phui/phui-box.css
+14
-6
webroot/rsrc/css/phui/phui-box.css
···
13
13
}
14
14
15
15
.phui-box-grey {
16
-
background-color: {$page.background};
16
+
background-color: #F7F7F9;
17
17
border-radius: 3px;
18
-
border: none;
18
+
border-color: rgba(55,55,55,.1);
19
19
}
20
20
21
21
.phui-box-blue {
22
22
background-color: {$bluebackground};
23
23
border-radius: 3px;
24
-
border: none;
24
+
border-color: {$thinblueborder};
25
25
}
26
26
27
27
.phui-box-blue .phui-object-item,
···
34
34
color: {$darkbluetext};
35
35
}
36
36
37
-
.phui-box-blue .phui-header-shell,
37
+
.phui-box-blue .phui-object-item-list-view,
38
+
.phui-box-grey .phui-object-item-list-view {
39
+
background-color: #fff;
40
+
}
41
+
42
+
.phui-box-blue .phui-header-shell {
43
+
border-color: {$thinblueborder};
44
+
}
45
+
38
46
.phui-box-grey .phui-header-shell {
39
-
border-bottom: 2px solid #fff;
47
+
border-color: rgba(55,55,55,.1);
40
48
}
41
49
42
50
.phui-object-box.phui-box-blue div.phui-info-severity-nodata,
43
51
.phui-object-box.phui-box-grey div.phui-info-severity-nodata {
44
52
background: transparent;
45
-
padding: 12px 4px;
53
+
padding: 20px 4px 24px;
46
54
text-align: center;
47
55
border: none;
48
56
color: {$greytext};
-1
webroot/rsrc/css/phui/phui-object-item-list-view.css
-1
webroot/rsrc/css/phui/phui-object-item-list-view.css
+88
webroot/rsrc/css/phui/workboards/phui-workboard-color.css
+88
webroot/rsrc/css/phui/workboards/phui-workboard-color.css
···
1
+
/**
2
+
* @provides phui-workboard-color-css
3
+
*/
4
+
5
+
.phui-workboard-color .phabricator-nav-content .phui-workboard-view-shadow {
6
+
background-color: transparent;
7
+
}
8
+
9
+
.phui-workboard-color .phui-crumbs-view {
10
+
background-color: rgba(55,55,55,.15);
11
+
border: none;
12
+
color: rgba(255,255,255,.8);
13
+
}
14
+
15
+
.phui-workboard-color .phui-crumbs-view a,
16
+
.phui-workboard-color .phui-crumbs-view .phui-icon-view {
17
+
color: rgba(255,255,255,.85);
18
+
}
19
+
20
+
.phui-workboard-color .phui-crumbs-view a:hover,
21
+
.phui-workboard-color .phui-crumbs-view a:hover .phui-icon-view {
22
+
color: #fff;
23
+
}
24
+
25
+
.phui-workboard-color .phuix-dropdown-menu {
26
+
background-color: rgba(255,255,255,.9);
27
+
}
28
+
29
+
.phui-workboard-color .phui-workpanel-view .phui-box-grey {
30
+
background-color: rgba(255,255,255,.6);
31
+
}
32
+
33
+
/* Colors */
34
+
35
+
.phui-workboard-red {
36
+
background-color: #e53935;
37
+
background-image: linear-gradient(to left, #e53935, #e35d5b);
38
+
}
39
+
40
+
.phui-workboard-orange {
41
+
background-color: #f46b45;
42
+
background-image: linear-gradient(to left, #f46b45, #eea849);
43
+
}
44
+
45
+
.phui-workboard-yellow {
46
+
background-color: #FF8008;
47
+
background-image: linear-gradient(to left, #FF8008, #FFC837);
48
+
}
49
+
50
+
.phui-workboard-blue {
51
+
background-color: #73a5c3;
52
+
background-image: linear-gradient(90deg, #73a5c3 0, #6875be);
53
+
}
54
+
55
+
.phui-workboard-bluegrey {
56
+
background-color: #517fa4;
57
+
background-image: linear-gradient(to left, #517fa4, #243949);
58
+
}
59
+
60
+
.phui-workboard-green {
61
+
background-color: #2fa0ac;
62
+
background-image: linear-gradient(90deg, #2fa0ac 0, #58cca6);
63
+
}
64
+
65
+
.phui-workboard-indigo {
66
+
background-color: #4776E6;
67
+
background-image: linear-gradient(to left, #4776E6, #8E54E9);
68
+
}
69
+
70
+
.phui-workboard-violet {
71
+
background-color: #9f73c3;
72
+
background-image: linear-gradient(90deg, #9f73c3 0, #6875be);
73
+
}
74
+
75
+
.phui-workboard-sky {
76
+
background-color: #7474BF;
77
+
background-image: linear-gradient(to left, #7474BF, #348AC7);
78
+
}
79
+
80
+
.phui-workboard-pink {
81
+
background-color: #EA2A90;
82
+
background-image: linear-gradient(to left, #EA2A90, #79164B);
83
+
}
84
+
85
+
.phui-workboard-grey {
86
+
background-color: #283048;
87
+
background-image: linear-gradient(to left, #283048, #859398);
88
+
}
+1
-1
webroot/rsrc/css/phui/workboards/phui-workboard.css
+1
-1
webroot/rsrc/css/phui/workboards/phui-workboard.css
+2
-1
webroot/rsrc/css/phui/workboards/phui-workpanel.css
+2
-1
webroot/rsrc/css/phui/workboards/phui-workpanel.css
···
85
85
86
86
.phui-workpanel-body .phui-object-item-list-view {
87
87
min-height: 54px;
88
+
background-color: transparent;
88
89
}
89
90
90
91
.device .aphront-multi-column-outer
···
115
116
}
116
117
117
118
.project-panel-empty .phui-object-item-list-view {
118
-
background: {$sh-indigobackground};
119
+
background: rgba(234, 230, 247, 0.85);
119
120
border-radius: 3px;
120
121
margin-bottom: 4px;
121
122
border: 1px dashed {$sh-indigoborder};