@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
Remove header gradients for flat colors
Summary: Removes header gradient images for flat, CSS controlled colors. I didn't convert the "pony" colors over, going with few options for easier theme-ability.
Test Plan:
Test each color choice.
{F1063828}
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: Korvin
Differential Revision: https://secure.phabricator.com/D15052
+50
-183
+8
-11
resources/celerity/map.php
+8
-11
resources/celerity/map.php
···
7
7
*/
8
8
return array(
9
9
'names' => array(
10
-
'core.pkg.css' => '9d3a79f4',
10
+
'core.pkg.css' => 'c61091b0',
11
11
'core.pkg.js' => '573e6664',
12
12
'darkconsole.pkg.js' => 'e7393ebb',
13
13
'differential.pkg.css' => '2de124c9',
···
32
32
'rsrc/css/aphront/typeahead.css' => '0e403212',
33
33
'rsrc/css/application/almanac/almanac.css' => 'dbb9b3af',
34
34
'rsrc/css/application/auth/auth.css' => '0877ed6e',
35
-
'rsrc/css/application/base/main-menu-view.css' => '2f670a96',
35
+
'rsrc/css/application/base/main-menu-view.css' => 'd00a795a',
36
36
'rsrc/css/application/base/notification-menu.css' => 'f31c0bde',
37
37
'rsrc/css/application/base/phabricator-application-launch-view.css' => '95351601',
38
-
'rsrc/css/application/base/phui-theme.css' => '6b451f24',
38
+
'rsrc/css/application/base/phui-theme.css' => '981a58f8',
39
39
'rsrc/css/application/base/standard-page-view.css' => '7b0d68d8',
40
40
'rsrc/css/application/chatlog/chatlog.css' => 'd295b020',
41
41
'rsrc/css/application/conduit/conduit-api.css' => '7bc725c4',
···
155
155
'rsrc/css/phui/phui-workboard-view.css' => '95a54f74',
156
156
'rsrc/css/phui/phui-workpanel-view.css' => 'adec7699',
157
157
'rsrc/css/sprite-login.css' => '60e8560e',
158
-
'rsrc/css/sprite-main-header.css' => 'f07bbb87',
159
158
'rsrc/css/sprite-menu.css' => '9dd65b92',
160
159
'rsrc/css/sprite-projects.css' => 'e5ad842a',
161
160
'rsrc/css/sprite-tokens.css' => '4f399012',
···
336
335
'rsrc/image/phrequent_inactive.png' => 'bfc15a69',
337
336
'rsrc/image/sprite-login-X2.png' => 'e3991e37',
338
337
'rsrc/image/sprite-login.png' => '03d5af29',
339
-
'rsrc/image/sprite-main-header.png' => '3673af44',
340
338
'rsrc/image/sprite-menu-X2.png' => 'cfd8fca5',
341
339
'rsrc/image/sprite-menu.png' => 'd7a99faa',
342
340
'rsrc/image/sprite-projects-X2.png' => '853552c7',
···
753
751
'phabricator-hovercard-view-css' => '1239cd52',
754
752
'phabricator-keyboard-shortcut' => '1ae869f2',
755
753
'phabricator-keyboard-shortcut-manager' => 'c1700f6f',
756
-
'phabricator-main-menu-view' => '2f670a96',
754
+
'phabricator-main-menu-view' => 'd00a795a',
757
755
'phabricator-nav-view-css' => 'a24cb589',
758
756
'phabricator-notification' => 'ccf1cbf8',
759
757
'phabricator-notification-css' => '9c279160',
···
829
827
'phui-status-list-view-css' => '888cedb8',
830
828
'phui-tag-view-css' => 'e60e227b',
831
829
'phui-text-css' => 'cf019f54',
832
-
'phui-theme-css' => '6b451f24',
830
+
'phui-theme-css' => '981a58f8',
833
831
'phui-timeline-view-css' => '2efceff8',
834
832
'phui-two-column-view-css' => '39ecafb1',
835
833
'phui-workboard-view-css' => '95a54f74',
···
853
851
'releeph-request-typeahead-css' => '667a48ae',
854
852
'setup-issue-css' => 'db7e9c40',
855
853
'sprite-login-css' => '60e8560e',
856
-
'sprite-main-header-css' => 'f07bbb87',
857
854
'sprite-menu-css' => '9dd65b92',
858
855
'sprite-projects-css' => 'e5ad842a',
859
856
'sprite-tokens-css' => '4f399012',
···
1053
1050
'2caa8fb8' => array(
1054
1051
'javelin-install',
1055
1052
'javelin-event',
1056
-
),
1057
-
'2f670a96' => array(
1058
-
'phui-theme-css',
1059
1053
),
1060
1054
'327a00d1' => array(
1061
1055
'javelin-behavior',
···
1851
1845
'javelin-dom',
1852
1846
'javelin-workflow',
1853
1847
'phabricator-drag-and-drop-file-upload',
1848
+
),
1849
+
'd00a795a' => array(
1850
+
'phui-theme-css',
1854
1851
),
1855
1852
'd19198c8' => array(
1856
1853
'javelin-install',
resources/sprite/main_header/applebloom.png
resources/sprite/main_header/applebloom.png
This is a binary file and will not be displayed.
resources/sprite/main_header/blindigo.png
resources/sprite/main_header/blindigo.png
This is a binary file and will not be displayed.
resources/sprite/main_header/blue.png
resources/sprite/main_header/blue.png
This is a binary file and will not be displayed.
resources/sprite/main_header/dark.png
resources/sprite/main_header/dark.png
This is a binary file and will not be displayed.
resources/sprite/main_header/fluttershy.png
resources/sprite/main_header/fluttershy.png
This is a binary file and will not be displayed.
resources/sprite/main_header/green.png
resources/sprite/main_header/green.png
This is a binary file and will not be displayed.
resources/sprite/main_header/indigo.png
resources/sprite/main_header/indigo.png
This is a binary file and will not be displayed.
resources/sprite/main_header/light.png
resources/sprite/main_header/light.png
This is a binary file and will not be displayed.
resources/sprite/main_header/nightmaremoon.png
resources/sprite/main_header/nightmaremoon.png
This is a binary file and will not be displayed.
resources/sprite/main_header/red.png
resources/sprite/main_header/red.png
This is a binary file and will not be displayed.
resources/sprite/main_header/scootaloo.png
resources/sprite/main_header/scootaloo.png
This is a binary file and will not be displayed.
resources/sprite/main_header/yellow.png
resources/sprite/main_header/yellow.png
This is a binary file and will not be displayed.
-70
resources/sprite/manifest/main-header.json
-70
resources/sprite/manifest/main-header.json
···
1
-
{
2
-
"version": 1,
3
-
"sprites": {
4
-
"main-header-applebloom": {
5
-
"name": "main-header-applebloom",
6
-
"rule": ".phui-theme-applebloom .phabricator-main-menu-background",
7
-
"hash": "64822776b129e724709983db1ac5a712"
8
-
},
9
-
"main-header-blindigo": {
10
-
"name": "main-header-blindigo",
11
-
"rule": ".phui-theme-blindigo .phabricator-main-menu-background",
12
-
"hash": "8c4f5b1f1f3faceb6ca6e8278a1b082f"
13
-
},
14
-
"main-header-blue": {
15
-
"name": "main-header-blue",
16
-
"rule": ".phui-theme-blue .phabricator-main-menu-background",
17
-
"hash": "b5dd317b7bd35e0592b3f4b66267437c"
18
-
},
19
-
"main-header-dark": {
20
-
"name": "main-header-dark",
21
-
"rule": ".phui-theme-dark .phabricator-main-menu-background",
22
-
"hash": "817815d84c0c935b4875f6ecc7dbb526"
23
-
},
24
-
"main-header-fluttershy": {
25
-
"name": "main-header-fluttershy",
26
-
"rule": ".phui-theme-fluttershy .phabricator-main-menu-background",
27
-
"hash": "55d4e9f813cf354693290105cf83cf78"
28
-
},
29
-
"main-header-green": {
30
-
"name": "main-header-green",
31
-
"rule": ".phui-theme-green .phabricator-main-menu-background",
32
-
"hash": "c230f09e307d167fab3ea0d8c3b33755"
33
-
},
34
-
"main-header-indigo": {
35
-
"name": "main-header-indigo",
36
-
"rule": ".phui-theme-indigo .phabricator-main-menu-background",
37
-
"hash": "a27394ff1eff4d24398ec57e54d7f5fd"
38
-
},
39
-
"main-header-light": {
40
-
"name": "main-header-light",
41
-
"rule": ".phui-theme-light .phabricator-main-menu-background",
42
-
"hash": "3c41fbfbe13cae2451467a1e307115aa"
43
-
},
44
-
"main-header-nightmaremoon": {
45
-
"name": "main-header-nightmaremoon",
46
-
"rule": ".phui-theme-nightmaremoon .phabricator-main-menu-background",
47
-
"hash": "9e7cc7b18d2132d2dd47586ba0cd6400"
48
-
},
49
-
"main-header-red": {
50
-
"name": "main-header-red",
51
-
"rule": ".phui-theme-red .phabricator-main-menu-background",
52
-
"hash": "3f12cc098afddb8e6c830ef761dcaa61"
53
-
},
54
-
"main-header-scootaloo": {
55
-
"name": "main-header-scootaloo",
56
-
"rule": ".phui-theme-scootaloo .phabricator-main-menu-background",
57
-
"hash": "8cedc359dccab1bbd49cbc69940f566a"
58
-
},
59
-
"main-header-yellow": {
60
-
"name": "main-header-yellow",
61
-
"rule": ".phui-theme-yellow .phabricator-main-menu-background",
62
-
"hash": "d920e70a6d2662cfb83e1d7e4b4000fd"
63
-
}
64
-
},
65
-
"scales": [
66
-
1
67
-
],
68
-
"header": "\/**\n * @provides sprite-main-header-css\n * @generated\n *\/\n\n.sprite-main-header {\n background-image: url(\/rsrc\/image\/sprite-main-header.png);\n background-repeat: repeat-x;\n}\n\n\n",
69
-
"type": "repeat-x"
70
-
}
-1
scripts/celerity/generate_sprites.php
-1
scripts/celerity/generate_sprites.php
-27
src/applications/celerity/CeleritySpriteGenerator.php
-27
src/applications/celerity/CeleritySpriteGenerator.php
···
150
150
return $sheet;
151
151
}
152
152
153
-
public function buildMainHeaderSheet() {
154
-
$gradients = $this->getDirectoryList('main_header');
155
-
$template = new PhutilSprite();
156
-
157
-
$sprites = array();
158
-
foreach ($gradients as $gradient) {
159
-
$path = $this->getPath('main_header/'.$gradient.'.png');
160
-
$sprite = id(clone $template)
161
-
->setName('main-header-'.$gradient)
162
-
->setSourceFile($path)
163
-
->setTargetCSS('.phui-theme-'.$gradient.
164
-
' .phabricator-main-menu-background');
165
-
$sprite->setSourceSize(6, 44);
166
-
$sprites[] = $sprite;
167
-
}
168
-
169
-
$sheet = $this->buildSheet('main-header',
170
-
false,
171
-
PhutilSpriteSheet::TYPE_REPEAT_X);
172
-
173
-
foreach ($sprites as $sprite) {
174
-
$sheet->addSprite($sprite);
175
-
}
176
-
177
-
return $sheet;
178
-
}
179
-
180
153
private function getPath($to_path = null) {
181
154
$root = dirname(phutil_get_library_root('phabricator'));
182
155
return $root.'/resources/sprite/'.$to_path;
+9
-6
src/applications/config/option/PhabricatorUIConfigOptions.php
+9
-6
src/applications/config/option/PhabricatorUIConfigOptions.php
···
20
20
}
21
21
22
22
public function getOptions() {
23
-
$manifest = PHUIIconView::getSheetManifest('main-header');
24
23
$custom_header_example =
25
24
PhabricatorCustomHeaderConfigType::getExampleConfig();
26
25
$experimental_link = 'https://secure.phabricator.com/T4214';
27
-
$options = array();
28
-
foreach (array_keys($manifest) as $sprite_name) {
29
-
$key = substr($sprite_name, strlen('main-header-'));
30
-
$options[$key] = $key;
31
-
}
26
+
$options = array(
27
+
'blindigo' => 'blindigo',
28
+
'light' => 'light',
29
+
'red' => 'red',
30
+
'blue' => 'blue',
31
+
'green' => 'green',
32
+
'indigo' => 'indigo',
33
+
'dark' => 'dark',
34
+
);
32
35
33
36
$example = <<<EOJSON
34
37
[
+30
-2
webroot/rsrc/css/application/base/phui-theme.css
+30
-2
webroot/rsrc/css/application/base/phui-theme.css
···
2
2
* @provides phui-theme-css
3
3
*/
4
4
5
-
.phui-theme-light button.phabricator-main-menu-search-dropdown .caret:before {
5
+
/*--- Base Colors ------------------------------------------------------------*/
6
+
7
+
.phui-theme-blindigo .phabricator-main-menu-background {
8
+
background: #41506e;
9
+
}
10
+
11
+
.phui-theme-dark .phabricator-main-menu-background {
12
+
background: #171c20;
13
+
}
14
+
15
+
.phui-theme-indigo .phabricator-main-menu-background {
16
+
background: #4a2b85;
17
+
}
18
+
19
+
.phui-theme-red .phabricator-main-menu-background {
20
+
background: #650404;
21
+
}
22
+
23
+
.phui-theme-blue .phabricator-main-menu-background {
24
+
background: #004377;
25
+
}
26
+
27
+
.phui-theme-green .phabricator-main-menu-background {
28
+
background: #124A1B;
29
+
}
30
+
31
+
/*--- Light Colors -----------------------------------------------------------*/
32
+
33
+
.phui-theme-light button.phabricator-main-menu-search-dropdown .caret:before {
6
34
color: {$lightbluetext};
7
35
}
8
36
9
-
.phui-theme-light .phabricator-main-menu-search
37
+
.phui-theme-light .phabricator-main-menu-search
10
38
button.phabricator-main-menu-search-dropdown .phui-icon-view {
11
39
color: {$lightbluetext};
12
40
text-shadow: {$whitetextshadow};
-60
webroot/rsrc/css/sprite-main-header.css
-60
webroot/rsrc/css/sprite-main-header.css
···
1
-
/**
2
-
* @provides sprite-main-header-css
3
-
* @generated
4
-
*/
5
-
6
-
.sprite-main-header {
7
-
background-image: url(/rsrc/image/sprite-main-header.png);
8
-
background-repeat: repeat-x;
9
-
}
10
-
11
-
12
-
13
-
14
-
.phui-theme-applebloom .phabricator-main-menu-background {
15
-
background-position: 0px 0px;
16
-
}
17
-
18
-
.phui-theme-blindigo .phabricator-main-menu-background {
19
-
background-position: 0px -45px;
20
-
}
21
-
22
-
.phui-theme-blue .phabricator-main-menu-background {
23
-
background-position: 0px -90px;
24
-
}
25
-
26
-
.phui-theme-dark .phabricator-main-menu-background {
27
-
background-position: 0px -135px;
28
-
}
29
-
30
-
.phui-theme-fluttershy .phabricator-main-menu-background {
31
-
background-position: 0px -180px;
32
-
}
33
-
34
-
.phui-theme-green .phabricator-main-menu-background {
35
-
background-position: 0px -225px;
36
-
}
37
-
38
-
.phui-theme-indigo .phabricator-main-menu-background {
39
-
background-position: 0px -270px;
40
-
}
41
-
42
-
.phui-theme-light .phabricator-main-menu-background {
43
-
background-position: 0px -315px;
44
-
}
45
-
46
-
.phui-theme-nightmaremoon .phabricator-main-menu-background {
47
-
background-position: 0px -360px;
48
-
}
49
-
50
-
.phui-theme-red .phabricator-main-menu-background {
51
-
background-position: 0px -405px;
52
-
}
53
-
54
-
.phui-theme-scootaloo .phabricator-main-menu-background {
55
-
background-position: 0px -450px;
56
-
}
57
-
58
-
.phui-theme-yellow .phabricator-main-menu-background {
59
-
background-position: 0px -495px;
60
-
}
webroot/rsrc/image/sprite-main-header.png
webroot/rsrc/image/sprite-main-header.png
This is a binary file and will not be displayed.