@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
Extend PHUITheme to include Profile Nav
Summary: Reasonable first pass, removes the "light" header, due to pain of upkeep. Reinforces UI color into the Profile Nav (and later likely dropmenu hovers). Most of this is reasonably easy to maintain now, but I may do a more accurate color pass after I get some more time together with it. For now this feels pretty good if you're developing in a different color UI.
Test Plan:
Switch between all the colors, hover over all the states.
{F1076766}
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: Korvin
Differential Revision: https://secure.phabricator.com/D15120
+53
-97
+9
-9
resources/celerity/map.php
+9
-9
resources/celerity/map.php
···
7
7
*/
8
8
return array(
9
9
'names' => array(
10
-
'core.pkg.css' => 'bb7485ba',
10
+
'core.pkg.css' => '8abb1666',
11
11
'core.pkg.js' => '573e6664',
12
12
'darkconsole.pkg.js' => 'e7393ebb',
13
13
'differential.pkg.css' => '2de124c9',
···
35
35
'rsrc/css/application/base/main-menu-view.css' => 'd00a795a',
36
36
'rsrc/css/application/base/notification-menu.css' => 'f31c0bde',
37
37
'rsrc/css/application/base/phabricator-application-launch-view.css' => '95351601',
38
-
'rsrc/css/application/base/phui-theme.css' => 'd52033fb',
38
+
'rsrc/css/application/base/phui-theme.css' => 'ab7b848c',
39
39
'rsrc/css/application/base/standard-page-view.css' => '7b0d68d8',
40
40
'rsrc/css/application/chatlog/chatlog.css' => 'd295b020',
41
41
'rsrc/css/application/conduit/conduit-api.css' => '7bc725c4',
···
102
102
'rsrc/css/application/slowvote/slowvote.css' => 'da0afb1b',
103
103
'rsrc/css/application/tokens/tokens.css' => '3d0f239e',
104
104
'rsrc/css/application/uiexample/example.css' => '528b19de',
105
-
'rsrc/css/core/core.css' => 'a76cefc9',
105
+
'rsrc/css/core/core.css' => '5b3563c8',
106
106
'rsrc/css/core/remarkup.css' => '64277c02',
107
107
'rsrc/css/core/syntax.css' => '9fd11da8',
108
108
'rsrc/css/core/z-index.css' => 'a36a45da',
···
123
123
'rsrc/css/phui/phui-action-panel.css' => '91c7b835',
124
124
'rsrc/css/phui/phui-badge.css' => 'f25c3476',
125
125
'rsrc/css/phui/phui-big-info-view.css' => 'bd903741',
126
-
'rsrc/css/phui/phui-box.css' => '6240d401',
126
+
'rsrc/css/phui/phui-box.css' => '6e8ac7fd',
127
127
'rsrc/css/phui/phui-button.css' => 'd6ac72db',
128
128
'rsrc/css/phui/phui-crumbs-view.css' => '414406b5',
129
129
'rsrc/css/phui/phui-document-pro.css' => '8799acf7',
···
144
144
'rsrc/css/phui/phui-object-item-list-view.css' => '0d484a97',
145
145
'rsrc/css/phui/phui-pager.css' => 'bea33d23',
146
146
'rsrc/css/phui/phui-pinboard-view.css' => '2495140e',
147
-
'rsrc/css/phui/phui-profile-menu.css' => 'fa814ef9',
147
+
'rsrc/css/phui/phui-profile-menu.css' => 'ab4fcf5f',
148
148
'rsrc/css/phui/phui-property-list-view.css' => '27b2849e',
149
149
'rsrc/css/phui/phui-remarkup-preview.css' => '1a8f2591',
150
150
'rsrc/css/phui/phui-spacing.css' => '042804d6',
···
737
737
'phabricator-busy' => '59a7976a',
738
738
'phabricator-chatlog-css' => 'd295b020',
739
739
'phabricator-content-source-view-css' => '4b8b05d4',
740
-
'phabricator-core-css' => 'a76cefc9',
740
+
'phabricator-core-css' => '5b3563c8',
741
741
'phabricator-countdown-css' => 'e7544472',
742
742
'phabricator-dashboard-css' => 'eb458607',
743
743
'phabricator-drag-and-drop-file-upload' => 'ad10aeac',
···
793
793
'phui-action-panel-css' => '91c7b835',
794
794
'phui-badge-view-css' => 'f25c3476',
795
795
'phui-big-info-view-css' => 'bd903741',
796
-
'phui-box-css' => '6240d401',
796
+
'phui-box-css' => '6e8ac7fd',
797
797
'phui-button-css' => 'd6ac72db',
798
798
'phui-calendar-css' => 'ccabe893',
799
799
'phui-calendar-day-css' => 'd1cf6f93',
···
820
820
'phui-object-item-list-view-css' => '0d484a97',
821
821
'phui-pager-css' => 'bea33d23',
822
822
'phui-pinboard-view-css' => '2495140e',
823
-
'phui-profile-menu-css' => 'fa814ef9',
823
+
'phui-profile-menu-css' => 'ab4fcf5f',
824
824
'phui-property-list-view-css' => '27b2849e',
825
825
'phui-remarkup-preview-css' => '1a8f2591',
826
826
'phui-spacing-css' => '042804d6',
827
827
'phui-status-list-view-css' => '888cedb8',
828
828
'phui-tag-view-css' => 'e60e227b',
829
829
'phui-text-css' => 'cf019f54',
830
-
'phui-theme-css' => 'd52033fb',
830
+
'phui-theme-css' => 'ab7b848c',
831
831
'phui-timeline-view-css' => '2efceff8',
832
832
'phui-two-column-view-css' => 'c75bfc5b',
833
833
'phui-workboard-view-css' => '04b34072',
+5
-10
src/applications/celerity/postprocessor/CelerityDefaultPostprocessor.php
+5
-10
src/applications/celerity/postprocessor/CelerityDefaultPostprocessor.php
···
185
185
'sh-disabledtext' => '#a6a6a6',
186
186
'sh-disabledbackground' => '#f3f3f3',
187
187
188
-
// Background color for "light" themes.
189
-
'page.background.light' => '#f7f7f7',
188
+
// Background color for "most" themes.
189
+
'page.background' => '#f1f1f4',
190
190
191
191
// Background color for "dark" themes.
192
192
'page.background.dark' => '#ebecee',
193
193
194
-
// This is the base background color.
195
-
'menu.profile.background' => '#525867',
196
-
'menu.profile.background.hover' => '#464b58',
197
-
'menu.profile.background.selected' => '#393d48',
198
-
199
-
'menu.profile.text' => '#c6c7cb',
200
-
'menu.profile.text.selected' => '#ffffff',
201
-
'menu.profile.icon.disabled' => '#b9bcc2',
194
+
'menu.profile.text' => 'rgba(255,255,255,.8)',
195
+
'menu.profile.text.selected' => 'rgba(255,255,255,1)',
196
+
'menu.profile.icon.disabled' => 'rgba(255,255,255,.4)',
202
197
203
198
'menu.main.height' => '44px',
204
199
+1
-2
src/applications/config/option/PhabricatorUIConfigOptions.php
+1
-2
src/applications/config/option/PhabricatorUIConfigOptions.php
···
25
25
$experimental_link = 'https://secure.phabricator.com/T4214';
26
26
$options = array(
27
27
'blindigo' => 'blindigo',
28
-
'light' => 'light',
29
28
'red' => 'red',
30
29
'blue' => 'blue',
31
30
'green' => 'green',
···
52
51
return array(
53
52
$this->newOption('ui.header-color', 'enum', 'blindigo')
54
53
->setDescription(
55
-
pht('Sets the color of the main header.'))
54
+
pht('Sets the default color scheme of Phabricator.'))
56
55
->setEnumOptions($options),
57
56
$this->newOption('ui.footer-items', 'list<wild>', array())
58
57
->setSummary(
+25
-67
webroot/rsrc/css/application/base/phui-theme.css
+25
-67
webroot/rsrc/css/application/base/phui-theme.css
···
2
2
* @provides phui-theme-css
3
3
*/
4
4
5
-
/*--- Base Colors ------------------------------------------------------------*/
5
+
/*--- Header Colors ----------------------------------------------------------*/
6
6
7
7
.phui-theme-blindigo .phabricator-main-menu-background {
8
8
background: #41506e;
···
13
13
}
14
14
15
15
.phui-theme-indigo .phabricator-main-menu-background {
16
-
background: #4a2b85;
16
+
background: #2C1D4A;
17
17
}
18
18
19
19
.phui-theme-red .phabricator-main-menu-background {
···
21
21
}
22
22
23
23
.phui-theme-blue .phabricator-main-menu-background {
24
-
background: #004377;
24
+
background: #003965;
25
25
}
26
26
27
27
.phui-theme-green .phabricator-main-menu-background {
28
28
background: #124A1B;
29
29
}
30
30
31
-
/*--- Light Colors -----------------------------------------------------------*/
32
-
33
-
.phui-theme-light button.phabricator-main-menu-search-dropdown .caret:before {
34
-
color: {$lightbluetext};
35
-
}
36
-
37
-
.phui-theme-light .phabricator-main-menu-search
38
-
button.phabricator-main-menu-search-dropdown .phui-icon-view {
39
-
color: {$lightbluetext};
40
-
text-shadow: {$whitetextshadow};
41
-
}
42
-
43
-
.phui-theme-light .alert-notifications .phui-icon-view {
44
-
color: {$lightbluetext};
45
-
text-shadow: {$whitetextshadow};
46
-
}
47
-
48
-
.phui-theme-light .phabricator-application-menu
49
-
.phui-list-item-icon.phui-font-fa {
50
-
color: {$lightbluetext};
51
-
text-shadow: {$whitetextshadow};
52
-
}
31
+
/*--- Profile Nav Colors -----------------------------------------------------*/
53
32
54
-
.device-desktop.phui-theme-light .phabricator-main-menu-search
55
-
button.phabricator-main-menu-search-dropdown:hover .phui-icon-view {
56
-
color: {$sky};
57
-
}
58
33
59
-
.device-desktop.phui-theme-light .phabricator-application-menu
60
-
.core-menu-item.phui-list-item-view:hover
61
-
.phui-list-item-icon.phui-font-fa {
62
-
color: {$sky};
34
+
.phui-theme-blindigo .phui-profile-menu .phabricator-side-menu,
35
+
.phui-theme-blindigo .phabricator-side-menu .phui-profile-menu-footer-1 {
36
+
background: #525867;
63
37
}
64
38
65
-
.phui-theme-light .phabricator-menu-button-icon.phui-icon-view {
66
-
color: {$bluetext};
67
-
text-shadow: {$whitetextshadow};
68
-
}
69
-
70
-
.device-desktop.phui-theme-light .phabricator-main-menu-brand:hover {
71
-
background-color: rgba(55,55,55,.08);
72
-
cursor: hand;
39
+
.phui-theme-dark .phui-profile-menu .phabricator-side-menu,
40
+
.phui-theme-dark .phabricator-side-menu .phui-profile-menu-footer-1 {
41
+
background: #30333A;
73
42
}
74
43
75
-
/*--- Messages / Notifications -----------------------------------------------*/
76
-
77
-
.device-desktop.phui-theme-light .alert-notifications:hover .phui-icon-view {
78
-
color: {$sky};
44
+
.phui-theme-indigo .phui-profile-menu .phabricator-side-menu,
45
+
.phui-theme-indigo .phabricator-side-menu .phui-profile-menu-footer-1 {
46
+
background: #423658;
79
47
}
80
48
81
-
.phui-theme-light .alert-unread .phabricator-main-menu-alert-icon,
82
-
.phui-theme-light .message-unread .phabricator-main-menu-message-icon {
83
-
color: {$sky};
49
+
.phui-theme-red .phui-profile-menu .phabricator-side-menu,
50
+
.phui-theme-red .phabricator-side-menu .phui-profile-menu-footer-1 {
51
+
background: #420C0C;
84
52
}
85
53
86
-
.phui-theme-light .phabricator-main-menu-alert-count,
87
-
.phui-theme-light .phabricator-main-menu-message-count,
88
-
.phui-theme-light .phui-icon-view.menu-icon-selected {
89
-
color: {$sky};
54
+
.phui-theme-blue .phui-profile-menu .phabricator-side-menu,
55
+
.phui-theme-blue .phabricator-side-menu .phui-profile-menu-footer-1 {
56
+
background: #062842;
90
57
}
91
58
92
-
/*--- Durable Column ---------------------------------------------------------*/
93
-
94
-
.phui-theme-light .conpherence-durable-column-header-text,
95
-
.phui-theme-light .conpherence-durable-column-header-text .phui-icon-view {
96
-
color: {$bluetext};
59
+
.phui-theme-green .phui-profile-menu .phabricator-side-menu,
60
+
.phui-theme-green .phabricator-side-menu .phui-profile-menu-footer-1 {
61
+
background: #122916;
97
62
}
98
63
99
-
.phui-theme-light .conpherence-durable-column-header {
100
-
border-left: 1px solid {$lightblueborder};
101
-
border-right: 1px solid {$lightblueborder};
102
-
}
103
64
104
-
/*--- Dark "Classic" ---------------------------------------------------------*/
65
+
/*--- Dark "Classic Phabricator" ---------------------------------------------*/
105
66
106
67
.phui-theme-dark {
107
68
background-color: {$page.background.dark};
···
109
70
110
71
.phui-theme-dark .phui-box-border {
111
72
border-color: {$lightblueborder};
112
-
border-bottom-color: {$blueborder};
113
73
}
114
74
115
-
/*--- Blindigo "Phacility" ---------------------------------------------------*/
116
-
117
-
.phui-theme-blindigo {
118
-
background-color: #F1F1F4;
75
+
.phui-theme-dark .phui-box-grey {
76
+
background-color: {$page.background.dark};
119
77
}
+1
-1
webroot/rsrc/css/core/core.css
+1
-1
webroot/rsrc/css/core/core.css
···
47
47
direction: ltr;
48
48
text-align: left;
49
49
unicode-bidi: embed;
50
-
background: {$page.background.light};
50
+
background: {$page.background};
51
51
52
52
/* By default, the iPhone zooms all text on the page by some percentage when
53
53
you rotate from portrait mode to landscape mode. Disable this, since it