@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] Add back limited header-color options
Summary: Ref T8099. Adds back basic header color options, which change the logo color instead. Also RAINBOW.
Test Plan:
tested each of the new colors.
{F442284}
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: Korvin, epriestley
Maniphest Tasks: T8099
Differential Revision: https://secure.phabricator.com/D13040
+136
-185
+5
-9
resources/celerity/map.php
+5
-9
resources/celerity/map.php
···
7
7
*/
8
8
return array(
9
9
'names' => array(
10
-
'core.pkg.css' => 'e5517713',
10
+
'core.pkg.css' => '75121d30',
11
11
'core.pkg.js' => '9db3e620',
12
12
'darkconsole.pkg.js' => 'e7393ebb',
13
13
'differential.pkg.css' => 'bb338e4b',
···
153
153
'rsrc/css/phui/phui-workboard-view.css' => '720efdde',
154
154
'rsrc/css/phui/phui-workpanel-view.css' => '015a0cab',
155
155
'rsrc/css/sprite-login.css' => 'a3526809',
156
-
'rsrc/css/sprite-main-header.css' => '28d01b0b',
157
-
'rsrc/css/sprite-menu.css' => '02aa815a',
156
+
'rsrc/css/sprite-menu.css' => 'ab8f6356',
158
157
'rsrc/css/sprite-projects.css' => 'b0d9e24f',
159
158
'rsrc/css/sprite-tokens.css' => '1706b943',
160
159
'rsrc/externals/font/fontawesome/fontawesome-webfont.eot' => '5fb6fb0e',
···
305
304
'rsrc/image/phrequent_inactive.png' => 'bfc15a69',
306
305
'rsrc/image/sprite-login-X2.png' => 'a15918f0',
307
306
'rsrc/image/sprite-login.png' => '8cee4f6e',
308
-
'rsrc/image/sprite-main-header.png' => '39419fa6',
309
-
'rsrc/image/sprite-menu-X2.png' => 'e8655658',
310
-
'rsrc/image/sprite-menu.png' => 'e7e02f73',
307
+
'rsrc/image/sprite-menu-X2.png' => 'dc41efa4',
308
+
'rsrc/image/sprite-menu.png' => '8848c09a',
311
309
'rsrc/image/sprite-projects-X2.png' => '8c91c839',
312
310
'rsrc/image/sprite-projects.png' => 'ef9dc9b5',
313
311
'rsrc/image/sprite-tokens-X2.png' => 'b4776580',
···
808
806
'releeph-request-typeahead-css' => '667a48ae',
809
807
'setup-issue-css' => '631c4e92',
810
808
'sprite-login-css' => 'a3526809',
811
-
'sprite-main-header-css' => '28d01b0b',
812
-
'sprite-menu-css' => '02aa815a',
809
+
'sprite-menu-css' => 'ab8f6356',
813
810
'sprite-projects-css' => 'b0d9e24f',
814
811
'sprite-tokens-css' => '1706b943',
815
812
'syntax-highlighting-css' => '6b7b24d9',
···
2070
2067
'phui-list-view-css',
2071
2068
'font-fontawesome',
2072
2069
'phui-font-icon-base-css',
2073
-
'sprite-main-header-css',
2074
2070
'phui-box-css',
2075
2071
'phui-object-box-css',
2076
2072
'phui-timeline-view-css',
-1
resources/celerity/packages.php
-1
resources/celerity/packages.php
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/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.
-65
resources/sprite/manifest/main-header.json
-65
resources/sprite/manifest/main-header.json
···
1
-
{
2
-
"version": 1,
3
-
"sprites": {
4
-
"main-header-applebloom": {
5
-
"name": "main-header-applebloom",
6
-
"rule": ".main-header-applebloom",
7
-
"hash": "64822776b129e724709983db1ac5a712"
8
-
},
9
-
"main-header-blindigo": {
10
-
"name": "main-header-blindigo",
11
-
"rule": ".main-header-blindigo",
12
-
"hash": "8c4f5b1f1f3faceb6ca6e8278a1b082f"
13
-
},
14
-
"main-header-blue": {
15
-
"name": "main-header-blue",
16
-
"rule": ".main-header-blue",
17
-
"hash": "b5dd317b7bd35e0592b3f4b66267437c"
18
-
},
19
-
"main-header-dark": {
20
-
"name": "main-header-dark",
21
-
"rule": ".main-header-dark",
22
-
"hash": "817815d84c0c935b4875f6ecc7dbb526"
23
-
},
24
-
"main-header-fluttershy": {
25
-
"name": "main-header-fluttershy",
26
-
"rule": ".main-header-fluttershy",
27
-
"hash": "55d4e9f813cf354693290105cf83cf78"
28
-
},
29
-
"main-header-green": {
30
-
"name": "main-header-green",
31
-
"rule": ".main-header-green",
32
-
"hash": "c230f09e307d167fab3ea0d8c3b33755"
33
-
},
34
-
"main-header-indigo": {
35
-
"name": "main-header-indigo",
36
-
"rule": ".main-header-indigo",
37
-
"hash": "a27394ff1eff4d24398ec57e54d7f5fd"
38
-
},
39
-
"main-header-nightmaremoon": {
40
-
"name": "main-header-nightmaremoon",
41
-
"rule": ".main-header-nightmaremoon",
42
-
"hash": "9e7cc7b18d2132d2dd47586ba0cd6400"
43
-
},
44
-
"main-header-red": {
45
-
"name": "main-header-red",
46
-
"rule": ".main-header-red",
47
-
"hash": "3f12cc098afddb8e6c830ef761dcaa61"
48
-
},
49
-
"main-header-scootaloo": {
50
-
"name": "main-header-scootaloo",
51
-
"rule": ".main-header-scootaloo",
52
-
"hash": "8cedc359dccab1bbd49cbc69940f566a"
53
-
},
54
-
"main-header-yellow": {
55
-
"name": "main-header-yellow",
56
-
"rule": ".main-header-yellow",
57
-
"hash": "d920e70a6d2662cfb83e1d7e4b4000fd"
58
-
}
59
-
},
60
-
"scales": [
61
-
1
62
-
],
63
-
"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",
64
-
"type": "repeat-x"
65
-
}
-1
scripts/celerity/generate_sprites.php
-1
scripts/celerity/generate_sprites.php
+18
-34
src/applications/celerity/CeleritySpriteGenerator.php
+18
-34
src/applications/celerity/CeleritySpriteGenerator.php
···
5
5
public function buildMenuSheet() {
6
6
$sprites = array();
7
7
8
-
$sources = array(
9
-
'logo' => array(
8
+
$colors = array(
9
+
'dark',
10
+
'red',
11
+
'blue',
12
+
'indigo',
13
+
'blindigo',
14
+
'rainbow',
15
+
);
16
+
17
+
$sources = array();
18
+
foreach ($colors as $color) {
19
+
$sources[$color.'-logo'] = array(
10
20
'x' => 96,
11
21
'y' => 40,
12
-
'css' => '.phabricator-main-menu-logo',
13
-
),
14
-
'eye' => array(
22
+
'css' => '.'.$color.'-logo',
23
+
);
24
+
$sources[$color.'-eye'] = array(
15
25
'x' => 40,
16
26
'y' => 40,
17
-
'css' => '.phabricator-main-menu-eye',
18
-
),
19
-
);
27
+
'css' => '.'.$color.'-eye',
28
+
);
29
+
}
20
30
21
31
$scales = array(
22
32
'1x' => 1,
···
137
147
138
148
$sheet = $this->buildSheet('login', true);
139
149
$sheet->setScales($scales);
140
-
foreach ($sprites as $sprite) {
141
-
$sheet->addSprite($sprite);
142
-
}
143
-
144
-
return $sheet;
145
-
}
146
-
147
-
public function buildMainHeaderSheet() {
148
-
$gradients = $this->getDirectoryList('main_header');
149
-
$template = new PhutilSprite();
150
-
151
-
$sprites = array();
152
-
foreach ($gradients as $gradient) {
153
-
$path = $this->getPath('main_header/'.$gradient.'.png');
154
-
$sprite = id(clone $template)
155
-
->setName('main-header-'.$gradient)
156
-
->setSourceFile($path)
157
-
->setTargetCSS('.main-header-'.$gradient);
158
-
$sprite->setSourceSize(6, 44);
159
-
$sprites[] = $sprite;
160
-
}
161
-
162
-
$sheet = $this->buildSheet('main-header',
163
-
false,
164
-
PhutilSpriteSheet::TYPE_REPEAT_X);
165
-
166
150
foreach ($sprites as $sprite) {
167
151
$sheet->addSprite($sprite);
168
152
}
+8
-6
src/applications/config/option/PhabricatorUIConfigOptions.php
+8
-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
26
28
-
$options = array();
29
-
foreach (array_keys($manifest) as $sprite_name) {
30
-
$key = substr($sprite_name, strlen('main-header-'));
31
-
$options[$key] = $key;
32
-
}
27
+
$options = array(
28
+
'blindigo' => 'blindigo',
29
+
'blue' => 'blue',
30
+
'dark' => 'dark',
31
+
'indigo' => 'indigo',
32
+
'red' => 'red',
33
+
'rainbow' => 'rainbow',
34
+
);
33
35
34
36
$example = <<<EOJSON
35
37
[
-56
webroot/rsrc/css/sprite-main-header.css
-56
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
-
.main-header-applebloom {
15
-
background-position: 0px 0px;
16
-
}
17
-
18
-
.main-header-blindigo {
19
-
background-position: 0px -45px;
20
-
}
21
-
22
-
.main-header-blue {
23
-
background-position: 0px -90px;
24
-
}
25
-
26
-
.main-header-dark {
27
-
background-position: 0px -135px;
28
-
}
29
-
30
-
.main-header-fluttershy {
31
-
background-position: 0px -180px;
32
-
}
33
-
34
-
.main-header-green {
35
-
background-position: 0px -225px;
36
-
}
37
-
38
-
.main-header-indigo {
39
-
background-position: 0px -270px;
40
-
}
41
-
42
-
.main-header-nightmaremoon {
43
-
background-position: 0px -315px;
44
-
}
45
-
46
-
.main-header-red {
47
-
background-position: 0px -360px;
48
-
}
49
-
50
-
.main-header-scootaloo {
51
-
background-position: 0px -405px;
52
-
}
53
-
54
-
.main-header-yellow {
55
-
background-position: 0px -450px;
56
-
}
webroot/rsrc/image/sprite-main-header.png
webroot/rsrc/image/sprite-main-header.png
This is a binary file and will not be displayed.