@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 Chatlog CSS, fix standard backgrounds
Summary: Uses standard colors in Chatlog, updates the background colors in UIExamples
Test Plan: View UIExamples page, check hex values, check Chatlog new CSS
Reviewers: epriestley, btrahan
Reviewed By: epriestley
CC: Korvin, epriestley, aran
Differential Revision: https://secure.phabricator.com/D8171
+26
-59
+2
-2
resources/celerity/map.php
+2
-2
resources/celerity/map.php
···
43
43
'rsrc/css/application/base/notification-menu.css' => 'fc9a363c',
44
44
'rsrc/css/application/base/phabricator-application-launch-view.css' => '55ba7571',
45
45
'rsrc/css/application/base/standard-page-view.css' => '517cdfb1',
46
-
'rsrc/css/application/chatlog/chatlog.css' => '0cd2bc78',
46
+
'rsrc/css/application/chatlog/chatlog.css' => 'ad006c53',
47
47
'rsrc/css/application/config/config-options.css' => '7fedf08b',
48
48
'rsrc/css/application/config/config-template.css' => '25d446d6',
49
49
'rsrc/css/application/config/setup-issue.css' => '1bb81c53',
···
672
672
'phabricator-action-list-view-css' => '81383e25',
673
673
'phabricator-application-launch-view-css' => '55ba7571',
674
674
'phabricator-busy' => '6453c869',
675
-
'phabricator-chatlog-css' => '0cd2bc78',
675
+
'phabricator-chatlog-css' => 'ad006c53',
676
676
'phabricator-content-source-view-css' => '4b8b05d4',
677
677
'phabricator-core-css' => 'da26ddb2',
678
678
'phabricator-countdown-css' => '86b7b0a0',
+13
-40
src/applications/uiexample/examples/PHUIColorPalletteExample.php
+13
-40
src/applications/uiexample/examples/PHUIColorPalletteExample.php
···
40
40
'4B4D51' => 'Dark Grey Text {$darkgreytext}',
41
41
'F7F7F7' => 'Light Grey Background {$lightgreybackground}',
42
42
'EBECEE' => 'Grey Background {$greybackground}',
43
+
'DFE0E2' => 'Dark Grey Background {$darkgreybackground}',
43
44
);
44
45
45
46
$blues = array(
···
48
49
'95A6C5' => 'Blue Border {$blueborder}',
49
50
'626E82' => 'Dark Blue Border {$darkblueborder}',
50
51
'F8F9FC' => 'Light Blue Background {$lightbluebackground}',
51
-
'DFE0E2' => 'Blue Background {$bluebackground}',
52
+
'DAE7FF' => 'Blue Background {$bluebackground}',
52
53
'8C98B8' => 'Light Blue Text {$lightbluetext}',
53
54
'6B748C' => 'Blue Text {$bluetext}',
54
55
'464C5C' => 'Dark Blue Text {$darkbluetext}',
···
94
95
'class' => 'button grey mlb'),
95
96
'Color Palette');
96
97
97
-
$layout1 = id(new PHUIBoxView())
98
-
->appendChild($d_column)
99
-
->setShadow(true)
100
-
->addPadding(PHUI::PADDING_LARGE);
98
+
$wrap1 = id(new PHUIObjectBoxView())
99
+
->setHeaderText(pht('Greys'))
100
+
->appendChild($d_column);
101
101
102
-
$layout1b = id(new PHUIBoxView())
103
-
->appendChild($b_column)
104
-
->setShadow(true)
105
-
->addPadding(PHUI::PADDING_LARGE);
102
+
$wrap2 = id(new PHUIObjectBoxView())
103
+
->setHeaderText(pht('Blues'))
104
+
->appendChild($b_column);
106
105
107
-
$layout2 = id(new PHUIBoxView())
108
-
->appendChild($color_url)
109
-
->appendChild($c_column)
110
-
->setShadow(true)
111
-
->addPadding(PHUI::PADDING_LARGE);
112
-
113
-
$head1 = id(new PHUIHeaderView())
114
-
->setHeader(pht('Greys'));
115
-
116
-
$head1b = id(new PHUIHeaderView())
117
-
->setHeader(pht('Blues'));
118
-
119
-
$head2 = id(new PHUIHeaderView())
120
-
->setHeader(pht('Colors'));
121
-
122
-
$wrap1 = id(new PHUIBoxView())
123
-
->appendChild($layout1)
124
-
->addMargin(PHUI::MARGIN_LARGE);
125
-
126
-
$wrap1b = id(new PHUIBoxView())
127
-
->appendChild($layout1b)
128
-
->addMargin(PHUI::MARGIN_LARGE);
129
-
130
-
$wrap2 = id(new PHUIBoxView())
131
-
->appendChild($layout2)
132
-
->addMargin(PHUI::MARGIN_LARGE);
106
+
$wrap3 = id(new PHUIObjectBoxView())
107
+
->setHeaderText(pht('Colors'))
108
+
->appendChild($c_column);
133
109
134
110
return phutil_tag(
135
111
'div',
136
112
array(),
137
113
array(
138
-
$head1,
139
114
$wrap1,
140
-
$head1b,
141
-
$wrap1b,
142
-
$head2,
143
-
$wrap2
115
+
$wrap2,
116
+
$wrap3
144
117
));
145
118
}
146
119
}
+1
src/infrastructure/celerity/CelerityResourceTransformer.php
+1
src/infrastructure/celerity/CelerityResourceTransformer.php
+10
-17
webroot/rsrc/css/application/chatlog/chatlog.css
+10
-17
webroot/rsrc/css/application/chatlog/chatlog.css
···
3
3
*/
4
4
5
5
.phabricator-chat-log-wrap {
6
-
padding: 0 20px;
6
+
padding: 0 16px;
7
7
}
8
8
9
9
.device-phone .phabricator-chat-log-wrap {
···
34
34
35
35
.phabricator-chat-log-panel {
36
36
clear: both;
37
-
border-left: 1px solid #e7e7e7;
38
-
border-right: 1px solid #e7e7e7;
39
-
border-bottom: 1px solid #c0c5d1;
37
+
border: 1px solid {$lightblueborder};
38
+
border-bottom: 1px solid {$blueborder};
40
39
}
41
40
42
41
.phabricator-chat-log {
43
42
width: 100%;
44
-
border: 1px solid #e7e7e7;
45
-
box-shadow: 0 1px 1px rgba(0,0,0,.2);
46
43
}
47
44
48
45
.phabricator-chat-log td {
···
55
52
}
56
53
57
54
.phabricator-chat-log tr td.author {
58
-
background: #e7e7ee;
55
+
background: {$greybackground};
59
56
}
60
57
61
58
.phabricator-chat-log tr.alternate {
62
-
border-top: 1px solid #e7e7e7;
63
-
border-bottom: 1px solid #e7e7e7;
59
+
border-top: 1px solid {$thinblueborder};
60
+
border-bottom: 1px solid {$thinblueborder};
64
61
}
65
62
66
63
.phabricator-chat-log tr.alternate td.author {
67
-
background: #dfdfe6;
64
+
background: {$darkgreybackground};
68
65
}
69
66
70
67
.phabricator-chat-log tr.highlight td {
71
-
background: #ffff88;
72
-
}
73
-
74
-
.phabricator-chat-log tr.highlight td.author {
75
-
background: #eeee88;
68
+
background: {$lightyellow};
76
69
}
77
70
78
71
.phabricator-chat-log td.timestamp {
···
82
75
}
83
76
84
77
.phabricator-chat-log td.message .timestamp {
85
-
color: #a1a5a9;
78
+
color: {$bluetext};
86
79
font-size: 11px;
87
80
float: right;
88
81
margin-left: 5px;
···
93
86
text-align: right;
94
87
font-weight: bold;
95
88
width: 140px;
96
-
color: #555555;
89
+
color: {$darkbluetext};
97
90
}
98
91
99
92
.device-phone .phabricator-chat-log td.author {