@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
Added cross-platform default fonts
Summary:
`system-ui` is provided by modern browsers as [a cross-platform default font](https://caniuse.com/font-family-system-ui). Using this font [was a controversial choice back in 2017](https://infinnie.github.io/blog/2017/systemui.html). because it did not address i18n well and therefore it was removed from Bootstrap [twbs/bootstrap#22377](https://github.com/twbs/bootstrap/pull/22377). However, it was added back in Bootstrap v5 [twbs/bootstrap#30561](https://github.com/twbs/bootstrap/pull/30561) since it got better over time.
Fixes T15049.
Test Plan: Tested locally for now.
Reviewers: O1 Blessed Committers, avivey
Reviewed By: O1 Blessed Committers, avivey
Subscribers: Matthew, avivey, Cigaryno, 20after4, Ekubischta, speck, tobiaswiese, valerio.bozzolan
Maniphest Tasks: T15049
Differential Revision: https://we.phorge.it/D25021
authored by
Vedran Miletić
and committed by
Aviv Eyal
f8ffa393
69b2710a
+60
-58
+41
-41
resources/celerity/map.php
+41
-41
resources/celerity/map.php
···
9
9
'names' => array(
10
10
'conpherence.pkg.css' => '0e3cf785',
11
11
'conpherence.pkg.js' => '020aebcf',
12
-
'core.pkg.css' => '80481fe6',
13
-
'core.pkg.js' => 'd2de90d9',
12
+
'core.pkg.css' => 'd95915b7',
13
+
'core.pkg.js' => '256dfd7b',
14
14
'dark-console.pkg.js' => '187792c2',
15
-
'differential.pkg.css' => 'ffb69e3d',
15
+
'differential.pkg.css' => '609e63d4',
16
16
'differential.pkg.js' => 'c60bec1b',
17
17
'diffusion.pkg.css' => '42c75c37',
18
18
'diffusion.pkg.js' => '78c9885d',
···
45
45
'rsrc/css/application/chatlog/chatlog.css' => 'abdc76ee',
46
46
'rsrc/css/application/conduit/conduit-api.css' => 'ce2cfc41',
47
47
'rsrc/css/application/config/config-options.css' => '16c920ae',
48
-
'rsrc/css/application/config/config-template.css' => '20babf50',
48
+
'rsrc/css/application/config/config-template.css' => 'e689dbbd',
49
49
'rsrc/css/application/config/setup-issue.css' => '5eed85b2',
50
50
'rsrc/css/application/config/unhandled-exception.css' => '9ecfc00d',
51
51
'rsrc/css/application/conpherence/color.css' => 'b17746b0',
···
63
63
'rsrc/css/application/diff/diff-tree-view.css' => 'e2d3e222',
64
64
'rsrc/css/application/diff/inline-comment-summary.css' => '81eb368d',
65
65
'rsrc/css/application/differential/add-comment.css' => '7e5900d9',
66
-
'rsrc/css/application/differential/changeset-view.css' => '60c3d405',
66
+
'rsrc/css/application/differential/changeset-view.css' => 'bf159129',
67
67
'rsrc/css/application/differential/core.css' => '7300a73e',
68
-
'rsrc/css/application/differential/phui-inline-comment.css' => '9863a85e',
68
+
'rsrc/css/application/differential/phui-inline-comment.css' => 'a864426f',
69
69
'rsrc/css/application/differential/revision-comment.css' => '7dbc8d1d',
70
70
'rsrc/css/application/differential/revision-history.css' => '237a2979',
71
71
'rsrc/css/application/differential/revision-list.css' => '93d2df7d',
···
77
77
'rsrc/css/application/feed/feed.css' => 'd8b6e3f8',
78
78
'rsrc/css/application/files/global-drag-and-drop.css' => '1d2713a4',
79
79
'rsrc/css/application/flag/flag.css' => '2b77be8d',
80
-
'rsrc/css/application/harbormaster/harbormaster.css' => '8dfe16b2',
80
+
'rsrc/css/application/harbormaster/harbormaster.css' => 'd98decda',
81
81
'rsrc/css/application/herald/herald-test.css' => '7e7bbdae',
82
82
'rsrc/css/application/herald/herald.css' => '648d39e2',
83
83
'rsrc/css/application/maniphest/report.css' => '3d53188b',
···
101
101
'rsrc/css/application/policy/policy-transaction-detail.css' => 'c02b8384',
102
102
'rsrc/css/application/policy/policy.css' => 'ceb56a08',
103
103
'rsrc/css/application/ponder/ponder-view.css' => '05a09d0a',
104
-
'rsrc/css/application/project/project-card-view.css' => 'a9f2c2dd',
104
+
'rsrc/css/application/project/project-card-view.css' => 'c1200da7',
105
105
'rsrc/css/application/project/project-triggers.css' => 'cd9c8bb9',
106
-
'rsrc/css/application/project/project-view.css' => '567858b3',
106
+
'rsrc/css/application/project/project-view.css' => '2f7caa20',
107
107
'rsrc/css/application/search/application-search-view.css' => '0f7c06d8',
108
108
'rsrc/css/application/search/search-results.css' => '9ea70ace',
109
109
'rsrc/css/application/slowvote/slowvote.css' => '1694baed',
110
110
'rsrc/css/application/tokens/tokens.css' => 'ce5a50bd',
111
111
'rsrc/css/application/uiexample/example.css' => 'b4795059',
112
-
'rsrc/css/core/core.css' => 'b3ebd90d',
112
+
'rsrc/css/core/core.css' => 'a708bd25',
113
113
'rsrc/css/core/remarkup.css' => '5baa3bd9',
114
114
'rsrc/css/core/syntax.css' => '548567f6',
115
115
'rsrc/css/core/z-index.css' => 'ac3bfcd4',
···
124
124
'rsrc/css/layout/phabricator-source-code-view.css' => '6b31244f',
125
125
'rsrc/css/phui/button/phui-button-bar.css' => 'a4aa75c4',
126
126
'rsrc/css/phui/button/phui-button-simple.css' => '1ff278aa',
127
-
'rsrc/css/phui/button/phui-button.css' => 'ea704902',
127
+
'rsrc/css/phui/button/phui-button.css' => 'e434f171',
128
128
'rsrc/css/phui/calendar/phui-calendar-day.css' => '9597d706',
129
129
'rsrc/css/phui/calendar/phui-calendar-list.css' => 'ccd7e4e2',
130
130
'rsrc/css/phui/calendar/phui-calendar-month.css' => 'cb758c42',
···
142
142
'rsrc/css/phui/phui-big-info-view.css' => '362ad37b',
143
143
'rsrc/css/phui/phui-box.css' => '5ed3b8cb',
144
144
'rsrc/css/phui/phui-bulk-editor.css' => '374d5e30',
145
-
'rsrc/css/phui/phui-chart.css' => '14df9ae3',
145
+
'rsrc/css/phui/phui-chart.css' => 'fe8f87a7',
146
146
'rsrc/css/phui/phui-cms.css' => '8c05c41e',
147
147
'rsrc/css/phui/phui-comment-form.css' => '68a2d99a',
148
148
'rsrc/css/phui/phui-comment-panel.css' => 'ec4e31c0',
···
155
155
'rsrc/css/phui/phui-feed-story.css' => 'a0c05029',
156
156
'rsrc/css/phui/phui-fontkit.css' => '1ec937e5',
157
157
'rsrc/css/phui/phui-form-view.css' => '01b796c0',
158
-
'rsrc/css/phui/phui-form.css' => '1f177cb7',
158
+
'rsrc/css/phui/phui-form.css' => 'd1adb52c',
159
159
'rsrc/css/phui/phui-formation-view.css' => 'd2dec8ed',
160
160
'rsrc/css/phui/phui-head-thing.css' => 'd7f293df',
161
161
'rsrc/css/phui/phui-header-view.css' => '36c86a58',
···
168
168
'rsrc/css/phui/phui-left-right.css' => '68513c34',
169
169
'rsrc/css/phui/phui-lightbox.css' => '4ebf22da',
170
170
'rsrc/css/phui/phui-list.css' => '0c04affd',
171
-
'rsrc/css/phui/phui-object-box.css' => 'b8d7eea0',
171
+
'rsrc/css/phui/phui-object-box.css' => 'fdffed5c',
172
172
'rsrc/css/phui/phui-pager.css' => 'd022c7ad',
173
173
'rsrc/css/phui/phui-pinboard-view.css' => '1f08f5d8',
174
174
'rsrc/css/phui/phui-policy-section-view.css' => '139fdc64',
···
257
257
'rsrc/externals/javelin/lib/URI.js' => '2e255291',
258
258
'rsrc/externals/javelin/lib/Vector.js' => 'e9c80beb',
259
259
'rsrc/externals/javelin/lib/WebSocket.js' => 'fdc13e4e',
260
-
'rsrc/externals/javelin/lib/Workflow.js' => '945ff654',
260
+
'rsrc/externals/javelin/lib/Workflow.js' => 'd7ba6915',
261
261
'rsrc/externals/javelin/lib/__tests__/Cookie.js' => 'ca686f71',
262
262
'rsrc/externals/javelin/lib/__tests__/DOM.js' => '4566e249',
263
263
'rsrc/externals/javelin/lib/__tests__/JSON.js' => '710377ae',
···
559
559
'conpherence-transaction-css' => '3a3f5e7e',
560
560
'd3' => '9d068042',
561
561
'diff-tree-view-css' => 'e2d3e222',
562
-
'differential-changeset-view-css' => '60c3d405',
562
+
'differential-changeset-view-css' => 'bf159129',
563
563
'differential-core-view-css' => '7300a73e',
564
564
'differential-revision-add-comment-css' => '7e5900d9',
565
565
'differential-revision-comment-css' => '7dbc8d1d',
···
578
578
'fuel-map-css' => 'd6e31510',
579
579
'fuel-menu-css' => '21f5d199',
580
580
'global-drag-and-drop-css' => '1d2713a4',
581
-
'harbormaster-css' => '8dfe16b2',
581
+
'harbormaster-css' => 'd98decda',
582
582
'herald-css' => '648d39e2',
583
583
'herald-rule-editor' => '2633bef7',
584
584
'herald-test-css' => '7e7bbdae',
···
756
756
'javelin-workboard-header' => '111bfd2d',
757
757
'javelin-workboard-header-template' => 'ebe83a6b',
758
758
'javelin-workboard-order-template' => '03e8891f',
759
-
'javelin-workflow' => '945ff654',
759
+
'javelin-workflow' => 'd7ba6915',
760
760
'maniphest-report-css' => '3d53188b',
761
761
'maniphest-task-edit-css' => '272daa84',
762
762
'maniphest-task-summary-css' => '61d1667e',
···
771
771
'phabricator-busy' => '5202e831',
772
772
'phabricator-chatlog-css' => 'abdc76ee',
773
773
'phabricator-content-source-view-css' => 'cdf0d579',
774
-
'phabricator-core-css' => 'b3ebd90d',
774
+
'phabricator-core-css' => 'a708bd25',
775
775
'phabricator-countdown-css' => 'bff8012f',
776
776
'phabricator-darklog' => '3b869402',
777
777
'phabricator-darkmessage' => '26cd4b73',
···
784
784
'phabricator-diff-tree-view' => '5d83623b',
785
785
'phabricator-drag-and-drop-file-upload' => '4370900d',
786
786
'phabricator-draggable-list' => '0169e425',
787
-
'phabricator-fatal-config-template-css' => '20babf50',
787
+
'phabricator-fatal-config-template-css' => 'e689dbbd',
788
788
'phabricator-favicon' => '7930776a',
789
789
'phabricator-feed-css' => 'd8b6e3f8',
790
790
'phabricator-file-upload' => 'ab85e184',
···
827
827
'phui-box-css' => '5ed3b8cb',
828
828
'phui-bulk-editor-css' => '374d5e30',
829
829
'phui-button-bar-css' => 'a4aa75c4',
830
-
'phui-button-css' => 'ea704902',
830
+
'phui-button-css' => 'e434f171',
831
831
'phui-button-simple-css' => '1ff278aa',
832
832
'phui-calendar-css' => 'f11073aa',
833
833
'phui-calendar-day-css' => '9597d706',
834
834
'phui-calendar-list-css' => 'ccd7e4e2',
835
835
'phui-calendar-month-css' => 'cb758c42',
836
-
'phui-chart-css' => '14df9ae3',
836
+
'phui-chart-css' => 'fe8f87a7',
837
837
'phui-cms-css' => '8c05c41e',
838
838
'phui-comment-form-css' => '68a2d99a',
839
839
'phui-comment-panel-css' => 'ec4e31c0',
···
846
846
'phui-feed-story-css' => 'a0c05029',
847
847
'phui-font-icon-base-css' => '303c9b87',
848
848
'phui-fontkit-css' => '1ec937e5',
849
-
'phui-form-css' => '1f177cb7',
849
+
'phui-form-css' => 'd1adb52c',
850
850
'phui-form-view-css' => '01b796c0',
851
851
'phui-formation-view-css' => 'd2dec8ed',
852
852
'phui-head-thing-view-css' => 'd7f293df',
···
858
858
'phui-icon-view-css' => '4cbc684a',
859
859
'phui-image-mask-css' => '62c7f4d2',
860
860
'phui-info-view-css' => 'a10a909b',
861
-
'phui-inline-comment-view-css' => '9863a85e',
861
+
'phui-inline-comment-view-css' => 'a864426f',
862
862
'phui-invisible-character-view-css' => 'c694c4a4',
863
863
'phui-left-right-css' => '68513c34',
864
864
'phui-lightbox-css' => '4ebf22da',
865
865
'phui-list-view-css' => '0c04affd',
866
-
'phui-object-box-css' => 'b8d7eea0',
866
+
'phui-object-box-css' => 'fdffed5c',
867
867
'phui-oi-big-ui-css' => 'fa74cc35',
868
868
'phui-oi-color-css' => 'b517bfa0',
869
869
'phui-oi-drag-ui-css' => 'da15d3dc',
···
900
900
'policy-edit-css' => '8794e2ed',
901
901
'policy-transaction-detail-css' => 'c02b8384',
902
902
'ponder-view-css' => '05a09d0a',
903
-
'project-card-view-css' => 'a9f2c2dd',
903
+
'project-card-view-css' => 'c1200da7',
904
904
'project-triggers-css' => 'cd9c8bb9',
905
-
'project-view-css' => '567858b3',
905
+
'project-view-css' => '2f7caa20',
906
906
'setup-issue-css' => '5eed85b2',
907
907
'sprite-login-css' => '18b368a6',
908
908
'sprite-tokens-css' => 'f1896dc5',
···
1512
1512
'5faf27b9' => array(
1513
1513
'phuix-form-control-view',
1514
1514
),
1515
-
'60c3d405' => array(
1516
-
'phui-inline-comment-view-css',
1517
-
),
1518
1515
'60cd9241' => array(
1519
1516
'javelin-behavior',
1520
1517
),
···
1747
1744
'javelin-typeahead-preloaded-source',
1748
1745
'javelin-util',
1749
1746
),
1750
-
'945ff654' => array(
1751
-
'javelin-stratcom',
1752
-
'javelin-request',
1753
-
'javelin-dom',
1754
-
'javelin-vector',
1755
-
'javelin-install',
1756
-
'javelin-util',
1757
-
'javelin-mask',
1758
-
'javelin-uri',
1759
-
'javelin-routable',
1760
-
),
1761
1747
'9623adc1' => array(
1762
1748
'javelin-behavior',
1763
1749
'javelin-stratcom',
···
2013
1999
'phabricator-drag-and-drop-file-upload',
2014
2000
'javelin-workboard-board',
2015
2001
),
2002
+
'bf159129' => array(
2003
+
'phui-inline-comment-view-css',
2004
+
),
2016
2005
'c03f2fb4' => array(
2017
2006
'javelin-install',
2018
2007
),
···
2079
2068
),
2080
2069
'd4cc2d2a' => array(
2081
2070
'javelin-install',
2071
+
),
2072
+
'd7ba6915' => array(
2073
+
'javelin-stratcom',
2074
+
'javelin-request',
2075
+
'javelin-dom',
2076
+
'javelin-vector',
2077
+
'javelin-install',
2078
+
'javelin-util',
2079
+
'javelin-mask',
2080
+
'javelin-uri',
2081
+
'javelin-routable',
2082
2082
),
2083
2083
'd7d3ba75' => array(
2084
2084
'javelin-dom',
+6
-6
src/applications/celerity/postprocessor/CelerityDarkModePostprocessor.php
+6
-6
src/applications/celerity/postprocessor/CelerityDarkModePostprocessor.php
···
15
15
return array(
16
16
17
17
// Fonts
18
-
'basefont' => "13px 'Segoe UI', 'Segoe UI Emoji', ".
19
-
"'Segoe UI Symbol', 'Lato', 'Helvetica Neue', ".
20
-
"Helvetica, Arial, sans-serif",
18
+
'basefont' => "13px -apple-system, system-ui, BlinkMacSystemFont, ".
19
+
"'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato', ".
20
+
"'Helvetica Neue', Helvetica, Arial, sans-serif",
21
21
22
-
'fontfamily' => "'Segoe UI', 'Segoe UI Emoji', ".
23
-
"'Segoe UI Symbol', 'Lato', 'Helvetica Neue', ".
24
-
"Helvetica, Arial, sans-serif",
22
+
'fontfamily' => "-apple-system, system-ui, BlinkMacSystemFont, ".
23
+
"'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato', ".
24
+
"'Helvetica Neue', Helvetica, Arial, sans-serif",
25
25
26
26
// Drop Shadow
27
27
'dropshadow' => '0 2px 12px rgba(0, 0, 0, .20)',
+6
-6
src/applications/celerity/postprocessor/CelerityDefaultPostprocessor.php
+6
-6
src/applications/celerity/postprocessor/CelerityDefaultPostprocessor.php
···
20
20
public function buildVariables() {
21
21
return array(
22
22
// Fonts
23
-
'basefont' => "13px 'Segoe UI', 'Segoe UI Emoji', ".
24
-
"'Segoe UI Symbol', 'Lato', 'Helvetica Neue', ".
25
-
"Helvetica, Arial, sans-serif",
23
+
'basefont' => "13px -apple-system, system-ui, BlinkMacSystemFont, ".
24
+
"'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato', ".
25
+
"'Helvetica Neue', Helvetica, Arial, sans-serif",
26
26
27
-
'fontfamily' => "'Segoe UI', 'Segoe UI Emoji', ".
28
-
"'Segoe UI Symbol', 'Lato', 'Helvetica Neue', ".
29
-
"Helvetica, Arial, sans-serif",
27
+
'fontfamily' => "-apple-system, system-ui, BlinkMacSystemFont, ".
28
+
"'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato', ".
29
+
"'Helvetica Neue', Helvetica, Arial, sans-serif",
30
30
31
31
// Drop Shadow
32
32
'dropshadow' => '0 2px 12px rgba(0, 0, 0, .20)',
+3
-3
src/applications/celerity/postprocessor/CelerityLargeFontPostprocessor.php
+3
-3
src/applications/celerity/postprocessor/CelerityLargeFontPostprocessor.php
···
14
14
public function buildVariables() {
15
15
return array(
16
16
17
-
'basefont' => "14px 'Segoe UI', 'Segoe UI Web Regular', ".
18
-
"'Segoe UI Symbol', 'Lato', 'Helvetica Neue', Helvetica, ".
19
-
"Arial, sans-serif",
17
+
'basefont' => "14px -apple-system, system-ui, BlinkMacSystemFont, ".
18
+
"'Segoe UI', 'Segoe UI Web Regular', 'Segoe UI Symbol', 'Lato', ".
19
+
"'Helvetica Neue', Helvetica, Arial, sans-serif",
20
20
21
21
// Font Sizes
22
22
'biggestfontsize' => '16px',
+2
-1
webroot/rsrc/css/application/config/config-template.css
+2
-1
webroot/rsrc/css/application/config/config-template.css
···
6
6
background: #f9f9f9;
7
7
margin: 0;
8
8
padding: 0;
9
-
font: 13px/1.231 'Segoe UI', 'Segoe UI Web Regular', 'Segoe UI Symbol',
9
+
font: 13px/1.231 -apple-system, system-ui, BlinkMacSystemFont,
10
+
'Segoe UI', 'Segoe UI Web Regular', 'Segoe UI Symbol',
10
11
'Helvetica Neue', Helvetica, Arial, sans-serif;
11
12
text-align: left;
12
13
-webkit-text-size-adjust: none;
+2
-1
webroot/rsrc/css/application/harbormaster/harbormaster.css
+2
-1
webroot/rsrc/css/application/harbormaster/harbormaster.css
···
106
106
107
107
.harbormaster-log-expand-table td {
108
108
vertical-align: middle;
109
-
font: 13px 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato',
109
+
font: 13px -apple-system, system-ui, BlinkMacSystemFont,
110
+
'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato',
110
111
'Helvetica Neue', Helvetica, Arial, sans-serif;
111
112
}
112
113