@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
Clean up UI a little.
Summary: Mainly this changes the fonts and some minor navigation colors. I wanted to get rid of some of the 'girly blues' from Facebook and mute everything a little bit to match the change to Helvetica and new buttons.
Test Plan: Tested Manifest, Profiles, and other random pages I could find. Single and Multiple Navigations. http://phab1.pushlabs.net/
Reviewers: epriestley, btrahan
Reviewed By: btrahan
CC: vrana, aran, Korvin
Differential Revision: https://secure.phabricator.com/D3955
+31
-36
+8
-6
webroot/rsrc/css/aphront/panel-view.css
+8
-6
webroot/rsrc/css/aphront/panel-view.css
···
20
20
}
21
21
22
22
.aphront-panel-view h1 {
23
-
font-size: 14px;
24
-
font-weight: bold;
25
-
padding: 4px 0 0 0;
23
+
font-size: 14px;
24
+
font-weight: bold;
25
+
padding: 4px 0 0 0;
26
26
}
27
27
28
28
.aphront-panel-view-caption {
···
54
54
}
55
55
56
56
.aphront-panel-accent {
57
-
background: #efefdf;
58
-
border: 1px solid #666622;
57
+
background: #f1f1f1;
58
+
border: 1px solid #ddd;
59
+
border-radius: 3px;
59
60
}
60
61
61
62
.aphront-panel-accent .aphront-form-view {
62
-
background: #fffff5;
63
+
background: #f7f7f7;
63
64
border: 1px solid #c4c4c0;
65
+
border-radius: 3px;
64
66
}
65
67
66
68
.aphront-panel-preview {
+9
-5
webroot/rsrc/css/aphront/tokenizer.css
+9
-5
webroot/rsrc/css/aphront/tokenizer.css
···
5
5
6
6
div.jx-tokenizer {
7
7
background: transparent;
8
-
position: relative;
9
-
display: block;
10
-
width: 100%;
8
+
position: relative;
9
+
display: block;
10
+
width: 100%;
11
11
}
12
12
13
13
div.jx-tokenizer-container {
···
27
27
input.jx-tokenizer-input {
28
28
border: 1px solid transparent;
29
29
border-width: 1px 0px;
30
-
padding: 4px 4px 4px 3px;
30
+
padding: 3px;
31
31
outline: none;
32
32
float: left;
33
33
}
···
37
37
}
38
38
39
39
a.jx-tokenizer-token {
40
-
padding: 1px 0 1px 4px;
40
+
padding: 2px 0 2px 5px;
41
41
border: 1px solid #a4bdec;
42
42
margin: 3px 2px 0 4px;
43
43
background: #dee7f8;
44
44
float: left;
45
45
cursor: text;
46
46
font-size: 12px;
47
+
48
+
border-radius: 3px;
49
+
-webkit-border-radius: 3px;
50
+
-moz-border-radius: 3px;
47
51
}
48
52
49
53
a.jx-tokenizer-token:hover {
-2
webroot/rsrc/css/application/differential/changeset-view.css
-2
webroot/rsrc/css/application/differential/changeset-view.css
+3
-14
webroot/rsrc/css/core/core.css
+3
-14
webroot/rsrc/css/core/core.css
···
59
59
}
60
60
61
61
body {
62
-
font: 13px/1.231 'lucida grande', tahoma, verdana, arial, sans-serif;
62
+
font: 13px/1.231 'Helvetica Neue', Arial, sans-serif;
63
63
direction: ltr;
64
64
text-align: left;
65
65
unicode-bidi: embed;
66
-
*font-size: small;
67
66
}
68
67
69
68
body.phabricator-chromeless-page {
70
69
background: #ffffff;
71
70
}
72
71
73
-
select, input, button, textarea, button {
74
-
font: 99% 'lucida grande', tahoma, verdana, arial, clean, sans-serif;
75
-
}
76
-
77
-
select {
78
-
/* NOTE: In Safari, specifying a border color makes the browser respect
79
-
"font-size" settings. */
80
-
border: 1px solid #999999;
81
-
}
82
-
83
72
table {
84
73
font-size: inherit;
85
74
font: 100%;
···
100
89
}
101
90
102
91
a:visited {
103
-
color: #3b5998;
92
+
color: #18559D;
104
93
}
105
94
106
95
a:link {
107
-
color: #3b5998;
96
+
color: #18559D;
108
97
}
109
98
110
99
a:hover {