@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] Normalize colors on PHUIListView
Summary: Darker greys, less background colors, proper borders. Ref T8099
Test Plan: Tested a tab panel and Files application.
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: Korvin, epriestley
Maniphest Tasks: T8099
Differential Revision: https://secure.phabricator.com/D12924
+10
-10
+3
-3
resources/celerity/map.php
+3
-3
resources/celerity/map.php
···
7
7
*/
8
8
return array(
9
9
'names' => array(
10
-
'core.pkg.css' => 'b18694c1',
10
+
'core.pkg.css' => '420ee9bd',
11
11
'core.pkg.js' => 'f3e08b38',
12
12
'darkconsole.pkg.js' => 'e7393ebb',
13
13
'differential.pkg.css' => 'bb338e4b',
···
138
138
'rsrc/css/phui/phui-image-mask.css' => '5a8b09c8',
139
139
'rsrc/css/phui/phui-info-panel.css' => '27ea50a1',
140
140
'rsrc/css/phui/phui-info-view.css' => '33595731',
141
-
'rsrc/css/phui/phui-list.css' => '2e25ebfb',
141
+
'rsrc/css/phui/phui-list.css' => 'e448b6ba',
142
142
'rsrc/css/phui/phui-object-box.css' => '23e36d6b',
143
143
'rsrc/css/phui/phui-object-item-list-view.css' => '4be0645f',
144
144
'rsrc/css/phui/phui-pinboard-view.css' => 'eaab2b1b',
···
773
773
'phui-info-panel-css' => '27ea50a1',
774
774
'phui-info-view-css' => '33595731',
775
775
'phui-inline-comment-view-css' => '2174771a',
776
-
'phui-list-view-css' => '2e25ebfb',
776
+
'phui-list-view-css' => 'e448b6ba',
777
777
'phui-object-box-css' => '23e36d6b',
778
778
'phui-object-item-list-view-css' => '4be0645f',
779
779
'phui-pinboard-view-css' => 'eaab2b1b',
+7
-7
webroot/rsrc/css/phui/phui-list.css
+7
-7
webroot/rsrc/css/phui/phui-list.css
···
29
29
30
30
.phui-list-sidenav .phui-list-item-type-divider {
31
31
margin: 8px 8px 12px 8px;
32
-
border-bottom: 1px solid #e7e7e7;
32
+
border-bottom: 1px solid {$thinblueborder};
33
33
}
34
34
35
35
.phui-list-sidenav .phui-list-item-icon {
···
89
89
.phui-list-view.phui-list-navbar {
90
90
list-style: none;
91
91
overflow: hidden;
92
-
border-bottom: 1px solid #e7e7e7;
93
-
background: {$lightgreybackground};
92
+
border-bottom: 1px solid {$thinblueborder};
94
93
}
95
94
96
95
.phui-list-view.phui-list-navbar > li {
97
96
list-style: none;
98
97
float: left;
99
98
display: block;
100
-
border-right: 1px solid #e7e7e7;
99
+
border-right: 1px solid {$thinblueborder};
101
100
}
102
101
103
102
.phui-list-view.phui-list-navbar > li > * {
···
105
104
}
106
105
107
106
.phui-list-navbar .phui-list-item-href {
108
-
color: {$lightbluetext};
107
+
color: {$bluetext};
109
108
padding: 8px 16px;
110
109
font-size: 12px;
111
110
letter-spacing: 0.5px;
112
111
}
113
112
114
113
.phui-list-navbar .phui-list-item-selected .phui-list-item-href {
115
-
background: {$greybackground};
114
+
background: {$lightgreybackground};
116
115
color: {$darkbluetext};
116
+
font-weight: 500;
117
117
}
118
118
119
119
.phui-list-navbar .phui-list-item-href:hover {
120
-
background: #DEE0E4;
120
+
background: rgba(100,100,100,.1);
121
121
color: {$darkgreytext};
122
122
text-decoration: none;
123
123
}