@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
[redesign] Remove most gradients, tweak hovercards
Summary: The removes our least used gradients and uses base colors. Tweaked Hovercards to use.
Test Plan: Test Hovercards and UIExamples Actions Headers
Reviewers: epriestley, btrahan
Subscribers: epriestley, Korvin
Differential Revision: https://secure.phabricator.com/D9347
+41
-68
+8
-8
resources/celerity/map.php
+8
-8
resources/celerity/map.php
···
7
7
return array(
8
8
'names' =>
9
9
array(
10
-
'core.pkg.css' => 'f39a873a',
10
+
'core.pkg.css' => 'b5da82b5',
11
11
'core.pkg.js' => '7db41c19',
12
12
'darkconsole.pkg.js' => 'ca8671ce',
13
13
'differential.pkg.css' => 'fbf57382',
···
112
112
'rsrc/css/font/font-awesome.css' => '73d075c3',
113
113
'rsrc/css/font/font-source-sans-pro.css' => '91d53463',
114
114
'rsrc/css/font/phui-font-icon-base.css' => 'eb84f033',
115
-
'rsrc/css/layout/phabricator-action-header-view.css' => '33a4590a',
115
+
'rsrc/css/layout/phabricator-action-header-view.css' => 'ad0d8f42',
116
116
'rsrc/css/layout/phabricator-action-list-view.css' => 'dcbfc854',
117
117
'rsrc/css/layout/phabricator-crumbs-view.css' => '989a48b6',
118
118
'rsrc/css/layout/phabricator-filetree-view.css' => 'fccf9f82',
119
-
'rsrc/css/layout/phabricator-hovercard-view.css' => '46a13cf0',
119
+
'rsrc/css/layout/phabricator-hovercard-view.css' => '41c2de04',
120
120
'rsrc/css/layout/phabricator-side-menu-view.css' => 'a2ccd7bd',
121
121
'rsrc/css/layout/phabricator-source-code-view.css' => '62a99814',
122
122
'rsrc/css/phui/calendar/phui-calendar-day.css' => 'de035c8a',
···
151
151
'rsrc/css/sprite-buttonbar.css' => 'ba1c5738',
152
152
'rsrc/css/sprite-conpherence.css' => '3b4a0487',
153
153
'rsrc/css/sprite-docs.css' => '5f65d0da',
154
-
'rsrc/css/sprite-gradient.css' => '487b5761',
154
+
'rsrc/css/sprite-gradient.css' => '4aec2401',
155
155
'rsrc/css/sprite-login.css' => '67ff30b2',
156
156
'rsrc/css/sprite-main-header.css' => '92720ee2',
157
157
'rsrc/css/sprite-menu.css' => 'd781c13b',
···
316
316
'rsrc/image/sprite-conpherence.png' => 'a5ab2eb7',
317
317
'rsrc/image/sprite-docs-X2.png' => '6dc1adad',
318
318
'rsrc/image/sprite-docs.png' => '4636297f',
319
-
'rsrc/image/sprite-gradient.png' => '6f37c182',
319
+
'rsrc/image/sprite-gradient.png' => '7c71fb29',
320
320
'rsrc/image/sprite-login-X2.png' => '5f75d60b',
321
321
'rsrc/image/sprite-login.png' => 'efe40ddb',
322
322
'rsrc/image/sprite-main-header.png' => '83521873',
···
688
688
'paste-css' => 'aa1767d1',
689
689
'path-typeahead' => 'f7fc67ec',
690
690
'people-profile-css' => 'ba7b2762',
691
-
'phabricator-action-header-view-css' => '33a4590a',
691
+
'phabricator-action-header-view-css' => 'ad0d8f42',
692
692
'phabricator-action-list-view-css' => 'dcbfc854',
693
693
'phabricator-application-launch-view-css' => 'cb9f4db1',
694
694
'phabricator-busy' => '6453c869',
···
706
706
'phabricator-filetree-view-css' => 'fccf9f82',
707
707
'phabricator-flag-css' => '5337623f',
708
708
'phabricator-hovercard' => '4f344388',
709
-
'phabricator-hovercard-view-css' => '46a13cf0',
709
+
'phabricator-hovercard-view-css' => '41c2de04',
710
710
'phabricator-keyboard-shortcut' => '1ae869f2',
711
711
'phabricator-keyboard-shortcut-manager' => 'ad7a69ca',
712
712
'phabricator-main-menu-view' => '72d1d2ef',
···
801
801
'sprite-buttonbar-css' => 'ba1c5738',
802
802
'sprite-conpherence-css' => '3b4a0487',
803
803
'sprite-docs-css' => '5f65d0da',
804
-
'sprite-gradient-css' => '487b5761',
804
+
'sprite-gradient-css' => '4aec2401',
805
805
'sprite-login-css' => '67ff30b2',
806
806
'sprite-main-header-css' => '92720ee2',
807
807
'sprite-menu-css' => 'd781c13b',
resources/sprite/gradients/blue-header.png
resources/sprite/gradients/blue-header.png
This is a binary file and will not be displayed.
resources/sprite/gradients/green-header.png
resources/sprite/gradients/green-header.png
This is a binary file and will not be displayed.
resources/sprite/gradients/red-header.png
resources/sprite/gradients/red-header.png
This is a binary file and will not be displayed.
resources/sprite/gradients/yellow-header.png
resources/sprite/gradients/yellow-header.png
This is a binary file and will not be displayed.
-25
resources/sprite/manifest/gradient.json
-25
resources/sprite/manifest/gradient.json
···
1
1
{
2
2
"version" : 1,
3
3
"sprites" : {
4
-
"gradient-blue-header" : {
5
-
"name" : "gradient-blue-header",
6
-
"rule" : ".gradient-blue-header",
7
-
"hash" : "bcfc1d3e93ea8585af5b5ca52b08e944"
8
-
},
9
-
"gradient-breadcrumbs" : {
10
-
"name" : "gradient-breadcrumbs",
11
-
"rule" : ".gradient-breadcrumbs",
12
-
"hash" : "ed46fe9544216513a3958900c688a808"
13
-
},
14
4
"gradient-dark-grey-header" : {
15
5
"name" : "gradient-dark-grey-header",
16
6
"rule" : ".gradient-dark-grey-header",
17
7
"hash" : "e8762dd2849410a7e4fba8f972f946ff"
18
8
},
19
-
"gradient-green-header" : {
20
-
"name" : "gradient-green-header",
21
-
"rule" : ".gradient-green-header",
22
-
"hash" : "848b563e846e187b688e899a9d838e40"
23
-
},
24
9
"gradient-grey-header" : {
25
10
"name" : "gradient-grey-header",
26
11
"rule" : ".gradient-grey-header",
···
30
15
"name" : "gradient-lightblue-header",
31
16
"rule" : ".gradient-lightblue-header",
32
17
"hash" : "e7753a6ce63c6822a559266eef9e255b"
33
-
},
34
-
"gradient-red-header" : {
35
-
"name" : "gradient-red-header",
36
-
"rule" : ".gradient-red-header",
37
-
"hash" : "070a2e01f611bfaf5207be25eebdd6f2"
38
-
},
39
-
"gradient-yellow-header" : {
40
-
"name" : "gradient-yellow-header",
41
-
"rule" : ".gradient-yellow-header",
42
-
"hash" : "166ee67c5201416cfa598c1eb86bf92a"
43
18
}
44
19
},
45
20
"scales" : [
+3
-3
src/applications/uiexample/examples/PhabricatorHovercardExample.php
+3
-3
src/applications/uiexample/examples/PhabricatorHovercardExample.php
+17
webroot/rsrc/css/layout/phabricator-action-header-view.css
+17
webroot/rsrc/css/layout/phabricator-action-header-view.css
···
48
48
color: {$darkgreytext};
49
49
}
50
50
51
+
.phabricator-action-header.gradient-green-header {
52
+
background: {$green};
53
+
}
54
+
55
+
.phabricator-action-header.gradient-blue-header {
56
+
background: {$blue};
57
+
}
58
+
59
+
.phabricator-action-header.gradient-yellow-header {
60
+
background: {$yellow};
61
+
}
62
+
63
+
.phabricator-action-header.gradient-red-header {
64
+
background: {$red};
65
+
}
66
+
51
67
.gradient-green-header .phabricator-action-header-title,
52
68
.gradient-red-header .phabricator-action-header-title,
53
69
.gradient-blue-header .phabricator-action-header-title,
···
57
73
.gradient-blue-header .phabricator-action-header-link,
58
74
.gradient-yellow-header .phabricator-action-header-link {
59
75
color: #fff;
76
+
-webkit-font-smoothing: antialiased;
60
77
}
61
78
62
79
.phabricator-action-header-icon-list .phui-tag-view {
+10
-9
webroot/rsrc/css/layout/phabricator-hovercard-view.css
+10
-9
webroot/rsrc/css/layout/phabricator-hovercard-view.css
···
8
8
9
9
.phabricator-hovercard-wrapper {
10
10
float: left;
11
-
border-radius: 5px;
12
11
width: 400px;
13
-
padding: 6px;
14
-
background-color: rgba(0,0,0,.2);
15
12
}
16
13
17
14
.device-phone .phabricator-hovercard-wrapper {
···
22
19
.phabricator-hovercard-container {
23
20
float: left;
24
21
width: 100%;
25
-
border: 1px solid {$greytext};
22
+
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35);
23
+
border: 1px solid {$blueborder};
24
+
border-radius: 3px;
25
+
background-color: #fff;
26
26
}
27
27
28
28
.phabricator-hovercard-tags {
···
33
33
.phabricator-hovercard-body {
34
34
float: left;
35
35
width: 100%;
36
-
padding: 8px 0px 8px 0px;
37
-
background-color: white;
36
+
padding: 12px 0;
38
37
color: {$darkgreytext};
38
+
border-bottom-right-radius: 3px;
39
+
border-bottom-left-radius: 3px;
39
40
}
40
41
41
42
.phabricator-hovercard-body-header,
42
43
.phabricator-hovercard-body-item {
43
-
margin: 0px 0px 0px 8px;
44
+
margin: 0 0 0 8px;
44
45
}
45
46
46
47
.phabricator-hovercard-body-header {
47
-
font-size: 13px;
48
-
padding-bottom: 2px;
48
+
font-size: 14px;
49
+
padding-bottom: 4px;
49
50
color: {$darkgreytext};
50
51
}
51
52
+3
-23
webroot/rsrc/css/sprite-gradient.css
+3
-23
webroot/rsrc/css/sprite-gradient.css
···
11
11
12
12
13
13
14
-
.gradient-blue-header {
15
-
background-position: 0px -32px;
16
-
}
17
-
18
-
.gradient-breadcrumbs {
19
-
background-position: 0px 0px;
20
-
}
21
-
22
14
.gradient-dark-grey-header {
23
-
background-position: 0px -103px;
24
-
}
25
-
26
-
.gradient-green-header {
27
-
background-position: 0px -174px;
15
+
background-position: 0px 0px;
28
16
}
29
17
30
18
.gradient-grey-header {
31
-
background-position: 0px -245px;
19
+
background-position: 0px -71px;
32
20
}
33
21
34
22
.gradient-lightblue-header {
35
-
background-position: 0px -458px;
36
-
}
37
-
38
-
.gradient-red-header {
39
-
background-position: 0px -316px;
40
-
}
41
-
42
-
.gradient-yellow-header {
43
-
background-position: 0px -387px;
23
+
background-position: 0px -142px;
44
24
}
webroot/rsrc/image/sprite-gradient.png
webroot/rsrc/image/sprite-gradient.png
This is a binary file and will not be displayed.