@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
Update Phabricator logo
Summary:
This updates the eye logo and removes the formal wordmark "Phabricator" as an image. Instead we'll use the new updated eye logo and plain text for "Phabricator", both of which are more friendly and less industrial.
Installs that already use the `header-logo` customization setting will need to rebuild their logo to 80px x 80px. They will then also get to use plain text to whitebox their install as they see fit.
Test Plan:
Tested new logo at desktop, tablet, and mobile sizes. Set a random instance name, saw new wordmark. Created a really long wordmark of MMMMMMMMMMMM, saw text cut off so UI doesn't break. May need some additional tweaking, but I think we covered the most edge cases here.
{F1751791, size=full}
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: edibiase, bjshively, yelirekim, Korvin
Maniphest Tasks: T4214, T11096
Differential Revision: https://secure.phabricator.com/D16373
+56
-160
+7
-11
resources/celerity/map.php
+7
-11
resources/celerity/map.php
···
7
7
*/
8
8
return array(
9
9
'names' => array(
10
-
'core.pkg.css' => '90c46327',
10
+
'core.pkg.css' => 'f12c7d47',
11
11
'core.pkg.js' => 'b562c3db',
12
12
'darkconsole.pkg.js' => 'e7393ebb',
13
13
'differential.pkg.css' => '3fb7f532',
···
32
32
'rsrc/css/aphront/typeahead.css' => 'd4f16145',
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' => 'b623169f',
35
+
'rsrc/css/application/base/main-menu-view.css' => 'a79b6e52',
36
36
'rsrc/css/application/base/notification-menu.css' => 'f31c0bde',
37
37
'rsrc/css/application/base/phabricator-application-launch-view.css' => '95351601',
38
38
'rsrc/css/application/base/phui-theme.css' => '027ba77e',
···
163
163
'rsrc/css/phui/workboards/phui-workcard.css' => '0c62d7c5',
164
164
'rsrc/css/phui/workboards/phui-workpanel.css' => '92197373',
165
165
'rsrc/css/sprite-login.css' => '60e8560e',
166
-
'rsrc/css/sprite-menu.css' => '9dd65b92',
167
166
'rsrc/css/sprite-tokens.css' => '9cdfd599',
168
167
'rsrc/css/syntax/syntax-default.css' => '9923583c',
169
168
'rsrc/externals/d3/d3.min.js' => 'a11a5ff2',
···
320
319
'rsrc/image/icon/tango/upload.png' => '7bbb7984',
321
320
'rsrc/image/icon/unsubscribe.png' => '25725013',
322
321
'rsrc/image/lightblue-header.png' => '5c168b6d',
322
+
'rsrc/image/logo/light-eye.png' => 'fcd66408',
323
323
'rsrc/image/main_texture.png' => '29a2c5ad',
324
324
'rsrc/image/menu_texture.png' => '5a17580d',
325
325
'rsrc/image/people/harding.png' => '45aa614e',
···
343
343
'rsrc/image/resize.png' => 'fd476de4',
344
344
'rsrc/image/sprite-login-X2.png' => 'e3991e37',
345
345
'rsrc/image/sprite-login.png' => '03d5af29',
346
-
'rsrc/image/sprite-menu-X2.png' => 'cfd8fca5',
347
-
'rsrc/image/sprite-menu.png' => 'd7a99faa',
348
346
'rsrc/image/sprite-tokens-X2.png' => '804a5232',
349
347
'rsrc/image/sprite-tokens.png' => 'b41d03da',
350
348
'rsrc/image/texture/card-gradient.png' => '815f26e8',
···
785
783
'phabricator-flag-css' => '5337623f',
786
784
'phabricator-keyboard-shortcut' => '1ae869f2',
787
785
'phabricator-keyboard-shortcut-manager' => '4a021c10',
788
-
'phabricator-main-menu-view' => 'b623169f',
786
+
'phabricator-main-menu-view' => 'a79b6e52',
789
787
'phabricator-nav-view-css' => '09f3d0db',
790
788
'phabricator-notification' => 'ccf1cbf8',
791
789
'phabricator-notification-css' => '3f6c89c9',
···
891
889
'releeph-request-typeahead-css' => '667a48ae',
892
890
'setup-issue-css' => 'db7e9c40',
893
891
'sprite-login-css' => '60e8560e',
894
-
'sprite-menu-css' => '9dd65b92',
895
892
'sprite-tokens-css' => '9cdfd599',
896
893
'syntax-default-css' => '9923583c',
897
894
'syntax-highlighting-css' => '769d3498',
···
1724
1721
'javelin-stratcom',
1725
1722
'javelin-dom',
1726
1723
),
1724
+
'a79b6e52' => array(
1725
+
'phui-theme-css',
1726
+
),
1727
1727
'a80d0378' => array(
1728
1728
'javelin-behavior',
1729
1729
'javelin-stratcom',
···
1843
1843
'javelin-stratcom',
1844
1844
'javelin-dom',
1845
1845
'javelin-util',
1846
-
),
1847
-
'b623169f' => array(
1848
-
'phui-theme-css',
1849
1846
),
1850
1847
'b6993408' => array(
1851
1848
'javelin-behavior',
···
2246
2243
'aphront-tooltip-css',
2247
2244
'phabricator-flag-css',
2248
2245
'phui-info-view-css',
2249
-
'sprite-menu-css',
2250
2246
'phabricator-main-menu-view',
2251
2247
'phabricator-notification-css',
2252
2248
'phabricator-notification-menu-css',
-1
resources/celerity/packages.php
-1
resources/celerity/packages.php
-1
scripts/celerity/generate_sprites.php
-1
scripts/celerity/generate_sprites.php
-52
src/applications/celerity/CeleritySpriteGenerator.php
-52
src/applications/celerity/CeleritySpriteGenerator.php
···
2
2
3
3
final class CeleritySpriteGenerator extends Phobject {
4
4
5
-
public function buildMenuSheet() {
6
-
$sprites = array();
7
-
8
-
$colors = array(
9
-
'dark',
10
-
'light',
11
-
);
12
-
13
-
$sources = array();
14
-
foreach ($colors as $color) {
15
-
$sources[$color.'-logo'] = array(
16
-
'x' => 96,
17
-
'y' => 40,
18
-
'css' => '.'.$color.'-logo',
19
-
);
20
-
$sources[$color.'-eye'] = array(
21
-
'x' => 40,
22
-
'y' => 40,
23
-
'css' => '.'.$color.'-eye',
24
-
);
25
-
}
26
-
27
-
$scales = array(
28
-
'1x' => 1,
29
-
'2x' => 2,
30
-
);
31
-
32
-
$template = new PhutilSprite();
33
-
foreach ($sources as $name => $spec) {
34
-
$sprite = id(clone $template)
35
-
->setName($name)
36
-
->setSourceSize($spec['x'], $spec['y'])
37
-
->setTargetCSS($spec['css']);
38
-
39
-
foreach ($scales as $scale_name => $scale) {
40
-
$path = 'menu_'.$scale_name.'/'.$name.'.png';
41
-
$path = $this->getPath($path);
42
-
43
-
$sprite->setSourceFile($path, $scale);
44
-
}
45
-
$sprites[] = $sprite;
46
-
}
47
-
48
-
$sheet = $this->buildSheet('menu', true);
49
-
$sheet->setScales($scales);
50
-
foreach ($sprites as $sprite) {
51
-
$sheet->addSprite($sprite);
52
-
}
53
-
54
-
return $sheet;
55
-
}
56
-
57
5
public function buildTokenSheet() {
58
6
$icons = $this->getDirectoryList('tokens_1x');
59
7
$scales = array(
+9
-1
src/applications/config/option/PhabricatorUIConfigOptions.php
+9
-1
src/applications/config/option/PhabricatorUIConfigOptions.php
···
69
69
" omit this if you just want a piece of text, like a copyright ".
70
70
" notice."))
71
71
->addExample($example, pht('Basic Example')),
72
+
$this->newOption('ui.custom-wordmark', 'string', array())
73
+
->setSummary(
74
+
pht(
75
+
'Customize the text next to the logo.'))
76
+
->setDescription(
77
+
pht(
78
+
"Allows you to change the text (Phabricator by default) ".
79
+
"next to the Phabricator logo.\n\n")),
72
80
$this->newOption(
73
81
'ui.custom-header',
74
82
'custom:PhabricatorCustomHeaderConfigType',
···
80
88
'phid for a viewable image you have uploaded to Phabricator '.
81
89
'via the [[ /file/ | Files application]]. This image should '.
82
90
'be:'."\n".
83
-
' - 192px X 80px; while not enforced, images with these '.
91
+
' - 80px X 80px; while not enforced, images with these '.
84
92
'dimensions will look best across devices.'."\n".
85
93
' - have view policy public if [[ '.
86
94
'/config/edit/policy.allow-public | `policy.allow-public`]] '.
webroot/rsrc/image/logo/light-eye.png
webroot/rsrc/image/logo/light-eye.png
This is a binary file and will not be displayed.