@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
Add an Experimental Dark Mode to Phabricator
Summary: Mostly this is an exercise to clean up our CSS and Celerity processor by making sure all important color decisions are generatable. It's somewhat resonable to use if you don't review code. Posting it up here mostly so I don't lose the work.
Test Plan: Visit lots and lots of pages with dark mode on and off.
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: Korvin
Differential Revision: https://secure.phabricator.com/D18227
+479
-279
+58
-58
resources/celerity/map.php
+58
-58
resources/celerity/map.php
···
7
7
*/
8
8
return array(
9
9
'names' => array(
10
-
'conpherence.pkg.css' => 'ff161f2d',
10
+
'conpherence.pkg.css' => 'e68cf1fa',
11
11
'conpherence.pkg.js' => 'b5b51108',
12
-
'core.pkg.css' => '7ae9e755',
12
+
'core.pkg.css' => '2cac901b',
13
13
'core.pkg.js' => '5d80e0db',
14
14
'darkconsole.pkg.js' => '1f9a31bc',
15
-
'differential.pkg.css' => 'b00f573e',
15
+
'differential.pkg.css' => '0cdef299',
16
16
'differential.pkg.js' => '1d80ecc6',
17
17
'diffusion.pkg.css' => 'a2d17c7d',
18
18
'diffusion.pkg.js' => '6134c5a1',
···
35
35
'rsrc/css/aphront/table-view.css' => 'a3aa6910',
36
36
'rsrc/css/aphront/tokenizer.css' => '15d5ff71',
37
37
'rsrc/css/aphront/tooltip.css' => '173b9431',
38
-
'rsrc/css/aphront/typeahead-browse.css' => '4f82e510',
39
-
'rsrc/css/aphront/typeahead.css' => '8a84cc7d',
38
+
'rsrc/css/aphront/typeahead-browse.css' => 'f2818435',
39
+
'rsrc/css/aphront/typeahead.css' => '4434bc8a',
40
40
'rsrc/css/application/almanac/almanac.css' => 'dbb9b3af',
41
41
'rsrc/css/application/auth/auth.css' => '0877ed6e',
42
42
'rsrc/css/application/base/main-menu-view.css' => '16053029',
43
-
'rsrc/css/application/base/notification-menu.css' => '6a697e43',
43
+
'rsrc/css/application/base/notification-menu.css' => '73fefdfa',
44
44
'rsrc/css/application/base/phui-theme.css' => '9f261c6b',
45
45
'rsrc/css/application/base/standard-page-view.css' => 'eb5b80c5',
46
46
'rsrc/css/application/chatlog/chatlog.css' => 'd295b020',
47
47
'rsrc/css/application/conduit/conduit-api.css' => '7bc725c4',
48
-
'rsrc/css/application/config/config-options.css' => '0ede4c9b',
48
+
'rsrc/css/application/config/config-options.css' => 'c5aac7b0',
49
49
'rsrc/css/application/config/config-page.css' => 'c1d5121b',
50
50
'rsrc/css/application/config/config-template.css' => '8f18fa41',
51
51
'rsrc/css/application/config/setup-issue.css' => 'f794cfc3',
···
53
53
'rsrc/css/application/conpherence/color.css' => 'abb4c358',
54
54
'rsrc/css/application/conpherence/durable-column.css' => '89ea6bef',
55
55
'rsrc/css/application/conpherence/header-pane.css' => 'cb6f4e19',
56
-
'rsrc/css/application/conpherence/menu.css' => '6953e7ec',
56
+
'rsrc/css/application/conpherence/menu.css' => '69368e97',
57
57
'rsrc/css/application/conpherence/message-pane.css' => 'b0f55ecc',
58
58
'rsrc/css/application/conpherence/notification.css' => 'cef0a3fc',
59
59
'rsrc/css/application/conpherence/participant-pane.css' => '26a3ce56',
···
62
62
'rsrc/css/application/countdown/timer.css' => '16c52f5c',
63
63
'rsrc/css/application/daemon/bulk-job.css' => 'df9c1d4a',
64
64
'rsrc/css/application/dashboard/dashboard.css' => 'fe5b1869',
65
-
'rsrc/css/application/diff/inline-comment-summary.css' => '51efda3a',
65
+
'rsrc/css/application/diff/inline-comment-summary.css' => 'f23d4e8f',
66
66
'rsrc/css/application/differential/add-comment.css' => 'c47f8c40',
67
-
'rsrc/css/application/differential/changeset-view.css' => '3cef17bd',
67
+
'rsrc/css/application/differential/changeset-view.css' => 'bf1a41d8',
68
68
'rsrc/css/application/differential/core.css' => '5b7b8ff4',
69
-
'rsrc/css/application/differential/phui-inline-comment.css' => 'ffd1a542',
69
+
'rsrc/css/application/differential/phui-inline-comment.css' => 'c4036846',
70
70
'rsrc/css/application/differential/revision-comment.css' => '14b8565a',
71
71
'rsrc/css/application/differential/revision-history.css' => '0e8eb855',
72
72
'rsrc/css/application/differential/revision-list.css' => 'f3c47d33',
···
77
77
'rsrc/css/application/diffusion/diffusion-source.css' => '750add59',
78
78
'rsrc/css/application/diffusion/diffusion.css' => '8d01932f',
79
79
'rsrc/css/application/feed/feed.css' => 'ecd4ec57',
80
-
'rsrc/css/application/files/global-drag-and-drop.css' => '5c1b47c2',
80
+
'rsrc/css/application/files/global-drag-and-drop.css' => 'b556a948',
81
81
'rsrc/css/application/flag/flag.css' => 'bba8f811',
82
82
'rsrc/css/application/harbormaster/harbormaster.css' => 'f491c9f4',
83
83
'rsrc/css/application/herald/herald-test.css' => 'a52e323e',
···
88
88
'rsrc/css/application/maniphest/task-summary.css' => '11cc5344',
89
89
'rsrc/css/application/objectselector/object-selector.css' => '85ee8ce6',
90
90
'rsrc/css/application/owners/owners-path-editor.css' => '2f00933b',
91
-
'rsrc/css/application/paste/paste.css' => '1898e534',
91
+
'rsrc/css/application/paste/paste.css' => '9fcc9773',
92
92
'rsrc/css/application/people/people-picture-menu-item.css' => 'a06f7f34',
93
93
'rsrc/css/application/people/people-profile.css' => '4df76faf',
94
-
'rsrc/css/application/phame/phame.css' => 'b3a0b3a3',
94
+
'rsrc/css/application/phame/phame.css' => '8cb3afcd',
95
95
'rsrc/css/application/pholio/pholio-edit.css' => '07676f51',
96
96
'rsrc/css/application/pholio/pholio-inline-comments.css' => '8e545e49',
97
97
'rsrc/css/application/pholio/pholio.css' => 'ca89d380',
···
104
104
'rsrc/css/application/policy/policy-transaction-detail.css' => '82100a43',
105
105
'rsrc/css/application/policy/policy.css' => '957ea14c',
106
106
'rsrc/css/application/ponder/ponder-view.css' => 'fbd45f96',
107
-
'rsrc/css/application/project/project-card-view.css' => '3d3c1f91',
107
+
'rsrc/css/application/project/project-card-view.css' => '0010bb52',
108
108
'rsrc/css/application/project/project-view.css' => '792c9057',
109
109
'rsrc/css/application/releeph/releeph-core.css' => '9b3c5733',
110
110
'rsrc/css/application/releeph/releeph-preview-branch.css' => 'b7a6f4a5',
···
115
115
'rsrc/css/application/slowvote/slowvote.css' => 'a94b7230',
116
116
'rsrc/css/application/tokens/tokens.css' => '3d0f239e',
117
117
'rsrc/css/application/uiexample/example.css' => '528b19de',
118
-
'rsrc/css/core/core.css' => '23beb330',
119
-
'rsrc/css/core/remarkup.css' => 'eb37bd0d',
118
+
'rsrc/css/core/core.css' => '1760853c',
119
+
'rsrc/css/core/remarkup.css' => '279e409c',
120
120
'rsrc/css/core/syntax.css' => 'cae95e89',
121
121
'rsrc/css/core/z-index.css' => '9d8f7c4b',
122
122
'rsrc/css/diviner/diviner-shared.css' => '896f1d43',
···
124
124
'rsrc/css/font/font-lato.css' => 'c7ccd872',
125
125
'rsrc/css/font/phui-font-icon-base.css' => '870a7360',
126
126
'rsrc/css/layout/phabricator-filetree-view.css' => 'fccf9f82',
127
-
'rsrc/css/layout/phabricator-source-code-view.css' => '4383192f',
127
+
'rsrc/css/layout/phabricator-source-code-view.css' => 'aea41829',
128
128
'rsrc/css/phui/button/phui-button-bar.css' => '39fe680c',
129
129
'rsrc/css/phui/button/phui-button-simple.css' => '8e1baf68',
130
130
'rsrc/css/phui/button/phui-button.css' => '022581b4',
131
131
'rsrc/css/phui/calendar/phui-calendar-day.css' => '572b1893',
132
132
'rsrc/css/phui/calendar/phui-calendar-list.css' => '576be600',
133
-
'rsrc/css/phui/calendar/phui-calendar-month.css' => '8e10e92c',
134
-
'rsrc/css/phui/calendar/phui-calendar.css' => '477acfaa',
133
+
'rsrc/css/phui/calendar/phui-calendar-month.css' => '21154caf',
134
+
'rsrc/css/phui/calendar/phui-calendar.css' => 'f1ddf11c',
135
135
'rsrc/css/phui/object-item/phui-oi-big-ui.css' => '19f9369b',
136
136
'rsrc/css/phui/object-item/phui-oi-color.css' => 'cd2b9b77',
137
137
'rsrc/css/phui/object-item/phui-oi-drag-ui.css' => '08f4ccc3',
138
138
'rsrc/css/phui/object-item/phui-oi-flush-ui.css' => '9d9685d6',
139
139
'rsrc/css/phui/object-item/phui-oi-list-view.css' => 'bf094950',
140
140
'rsrc/css/phui/object-item/phui-oi-simple-ui.css' => 'a8beebea',
141
-
'rsrc/css/phui/phui-action-list.css' => 'c01858f4',
141
+
'rsrc/css/phui/phui-action-list.css' => '6ee16164',
142
142
'rsrc/css/phui/phui-action-panel.css' => '91c7b835',
143
143
'rsrc/css/phui/phui-badge.css' => '22c0cf4f',
144
144
'rsrc/css/phui/phui-basic-nav-view.css' => 'a0705f53',
145
-
'rsrc/css/phui/phui-big-info-view.css' => 'bd903741',
146
-
'rsrc/css/phui/phui-box.css' => '269cbc99',
145
+
'rsrc/css/phui/phui-big-info-view.css' => 'd13afcde',
146
+
'rsrc/css/phui/phui-box.css' => '745e881d',
147
147
'rsrc/css/phui/phui-chart.css' => '6bf6f78e',
148
148
'rsrc/css/phui/phui-cms.css' => '504b4b23',
149
-
'rsrc/css/phui/phui-comment-form.css' => '57af2e14',
149
+
'rsrc/css/phui/phui-comment-form.css' => '62836121',
150
150
'rsrc/css/phui/phui-comment-panel.css' => 'f50152ad',
151
151
'rsrc/css/phui/phui-crumbs-view.css' => '6ece3bbb',
152
152
'rsrc/css/phui/phui-curtain-view.css' => '55dd0e59',
···
156
156
'rsrc/css/phui/phui-feed-story.css' => '44a9c8e9',
157
157
'rsrc/css/phui/phui-fontkit.css' => '1320ed01',
158
158
'rsrc/css/phui/phui-form-view.css' => '6175808d',
159
-
'rsrc/css/phui/phui-form.css' => 'a5570f70',
159
+
'rsrc/css/phui/phui-form.css' => 'efa86a27',
160
160
'rsrc/css/phui/phui-head-thing.css' => 'fd311e5f',
161
161
'rsrc/css/phui/phui-header-view.css' => 'e7de7ee2',
162
162
'rsrc/css/phui/phui-hovercard.css' => 'f0592bcf',
···
164
164
'rsrc/css/phui/phui-icon.css' => '5c4a5de6',
165
165
'rsrc/css/phui/phui-image-mask.css' => 'a8498f9c',
166
166
'rsrc/css/phui/phui-info-panel.css' => '27ea50a1',
167
-
'rsrc/css/phui/phui-info-view.css' => '6e217679',
167
+
'rsrc/css/phui/phui-info-view.css' => 'e1b4ec37',
168
168
'rsrc/css/phui/phui-invisible-character-view.css' => '6993d9f0',
169
169
'rsrc/css/phui/phui-left-right.css' => 'f60c67e7',
170
170
'rsrc/css/phui/phui-lightbox.css' => '0a035e40',
171
-
'rsrc/css/phui/phui-list.css' => 'dcafb463',
171
+
'rsrc/css/phui/phui-list.css' => '38f8c9bd',
172
172
'rsrc/css/phui/phui-object-box.css' => '9cff003c',
173
173
'rsrc/css/phui/phui-pager.css' => 'edcbc226',
174
174
'rsrc/css/phui/phui-pinboard-view.css' => '2495140e',
···
177
177
'rsrc/css/phui/phui-segment-bar-view.css' => 'b1d1b892',
178
178
'rsrc/css/phui/phui-spacing.css' => '042804d6',
179
179
'rsrc/css/phui/phui-status.css' => 'd5263e49',
180
-
'rsrc/css/phui/phui-tag-view.css' => '93b084cf',
181
-
'rsrc/css/phui/phui-timeline-view.css' => '313c7f22',
180
+
'rsrc/css/phui/phui-tag-view.css' => 'b4719c50',
181
+
'rsrc/css/phui/phui-timeline-view.css' => 'c4700486',
182
182
'rsrc/css/phui/phui-two-column-view.css' => '5b8cd553',
183
183
'rsrc/css/phui/workboards/phui-workboard-color.css' => '783cdff5',
184
184
'rsrc/css/phui/workboards/phui-workboard.css' => '3bc85455',
···
547
547
'aphront-table-view-css' => 'a3aa6910',
548
548
'aphront-tokenizer-control-css' => '15d5ff71',
549
549
'aphront-tooltip-css' => '173b9431',
550
-
'aphront-typeahead-control-css' => '8a84cc7d',
550
+
'aphront-typeahead-control-css' => '4434bc8a',
551
551
'application-search-view-css' => '66ee5d46',
552
552
'auth-css' => '0877ed6e',
553
553
'bulk-job-css' => 'df9c1d4a',
554
554
'conduit-api-css' => '7bc725c4',
555
-
'config-options-css' => '0ede4c9b',
555
+
'config-options-css' => 'c5aac7b0',
556
556
'config-page-css' => 'c1d5121b',
557
557
'conpherence-color-css' => 'abb4c358',
558
558
'conpherence-durable-column-view' => '89ea6bef',
559
559
'conpherence-header-pane-css' => 'cb6f4e19',
560
-
'conpherence-menu-css' => '6953e7ec',
560
+
'conpherence-menu-css' => '69368e97',
561
561
'conpherence-message-pane-css' => 'b0f55ecc',
562
562
'conpherence-notification-css' => 'cef0a3fc',
563
563
'conpherence-participant-pane-css' => '26a3ce56',
564
564
'conpherence-thread-manager' => '4d863052',
565
565
'conpherence-transaction-css' => '85129c68',
566
566
'd3' => 'a11a5ff2',
567
-
'differential-changeset-view-css' => '3cef17bd',
567
+
'differential-changeset-view-css' => 'bf1a41d8',
568
568
'differential-core-view-css' => '5b7b8ff4',
569
569
'differential-revision-add-comment-css' => 'c47f8c40',
570
570
'differential-revision-comment-css' => '14b8565a',
···
579
579
'diviner-shared-css' => '896f1d43',
580
580
'font-fontawesome' => 'e838e088',
581
581
'font-lato' => 'c7ccd872',
582
-
'global-drag-and-drop-css' => '5c1b47c2',
582
+
'global-drag-and-drop-css' => 'b556a948',
583
583
'harbormaster-css' => 'f491c9f4',
584
584
'herald-css' => 'dc31f6e9',
585
585
'herald-rule-editor' => 'd6a7e717',
586
586
'herald-test-css' => 'a52e323e',
587
-
'inline-comment-summary-css' => '51efda3a',
587
+
'inline-comment-summary-css' => 'f23d4e8f',
588
588
'javelin-aphlict' => 'e1d4b11a',
589
589
'javelin-behavior' => '61cbc29a',
590
590
'javelin-behavior-aphlict-dropdown' => 'caade6f2',
···
764
764
'multirow-row-manager' => 'b5d57730',
765
765
'owners-path-editor' => 'aa1733d0',
766
766
'owners-path-editor-css' => '2f00933b',
767
-
'paste-css' => '1898e534',
767
+
'paste-css' => '9fcc9773',
768
768
'path-typeahead' => 'f7fc67ec',
769
769
'people-picture-menu-item-css' => 'a06f7f34',
770
770
'people-profile-css' => '4df76faf',
771
-
'phabricator-action-list-view-css' => 'c01858f4',
771
+
'phabricator-action-list-view-css' => '6ee16164',
772
772
'phabricator-busy' => '59a7976a',
773
773
'phabricator-chatlog-css' => 'd295b020',
774
774
'phabricator-content-source-view-css' => '4b8b05d4',
775
-
'phabricator-core-css' => '23beb330',
775
+
'phabricator-core-css' => '1760853c',
776
776
'phabricator-countdown-css' => '16c52f5c',
777
777
'phabricator-darklog' => 'c8e1ffe3',
778
778
'phabricator-darkmessage' => 'c48cccdd',
···
794
794
'phabricator-nav-view-css' => 'faf6a6fc',
795
795
'phabricator-notification' => 'ccf1cbf8',
796
796
'phabricator-notification-css' => '3f6c89c9',
797
-
'phabricator-notification-menu-css' => '6a697e43',
797
+
'phabricator-notification-menu-css' => '73fefdfa',
798
798
'phabricator-object-selector-css' => '85ee8ce6',
799
799
'phabricator-phtize' => 'd254d646',
800
800
'phabricator-prefab' => 'c5af80a2',
801
-
'phabricator-remarkup-css' => 'eb37bd0d',
801
+
'phabricator-remarkup-css' => '279e409c',
802
802
'phabricator-search-results-css' => '8f8e08ed',
803
803
'phabricator-shaped-request' => '7cbe244b',
804
804
'phabricator-slowvote-css' => 'a94b7230',
805
-
'phabricator-source-code-view-css' => '4383192f',
805
+
'phabricator-source-code-view-css' => 'aea41829',
806
806
'phabricator-standard-page-view' => 'eb5b80c5',
807
807
'phabricator-textareautils' => '320810c8',
808
808
'phabricator-title' => '485aaa6c',
809
809
'phabricator-tooltip' => '358b8c04',
810
810
'phabricator-ui-example-css' => '528b19de',
811
811
'phabricator-zindex-css' => '9d8f7c4b',
812
-
'phame-css' => 'b3a0b3a3',
812
+
'phame-css' => '8cb3afcd',
813
813
'pholio-css' => 'ca89d380',
814
814
'pholio-edit-css' => '07676f51',
815
815
'pholio-inline-comments-css' => '8e545e49',
···
822
822
'phui-action-panel-css' => '91c7b835',
823
823
'phui-badge-view-css' => '22c0cf4f',
824
824
'phui-basic-nav-view-css' => 'a0705f53',
825
-
'phui-big-info-view-css' => 'bd903741',
826
-
'phui-box-css' => '269cbc99',
825
+
'phui-big-info-view-css' => 'd13afcde',
826
+
'phui-box-css' => '745e881d',
827
827
'phui-button-bar-css' => '39fe680c',
828
828
'phui-button-css' => '022581b4',
829
829
'phui-button-simple-css' => '8e1baf68',
830
-
'phui-calendar-css' => '477acfaa',
830
+
'phui-calendar-css' => 'f1ddf11c',
831
831
'phui-calendar-day-css' => '572b1893',
832
832
'phui-calendar-list-css' => '576be600',
833
-
'phui-calendar-month-css' => '8e10e92c',
833
+
'phui-calendar-month-css' => '21154caf',
834
834
'phui-chart-css' => '6bf6f78e',
835
835
'phui-cms-css' => '504b4b23',
836
-
'phui-comment-form-css' => '57af2e14',
836
+
'phui-comment-form-css' => '62836121',
837
837
'phui-comment-panel-css' => 'f50152ad',
838
838
'phui-crumbs-view-css' => '6ece3bbb',
839
839
'phui-curtain-view-css' => '55dd0e59',
···
843
843
'phui-feed-story-css' => '44a9c8e9',
844
844
'phui-font-icon-base-css' => '870a7360',
845
845
'phui-fontkit-css' => '1320ed01',
846
-
'phui-form-css' => 'a5570f70',
846
+
'phui-form-css' => 'efa86a27',
847
847
'phui-form-view-css' => '6175808d',
848
848
'phui-head-thing-view-css' => 'fd311e5f',
849
849
'phui-header-view-css' => 'e7de7ee2',
···
853
853
'phui-icon-view-css' => '5c4a5de6',
854
854
'phui-image-mask-css' => 'a8498f9c',
855
855
'phui-info-panel-css' => '27ea50a1',
856
-
'phui-info-view-css' => '6e217679',
857
-
'phui-inline-comment-view-css' => 'ffd1a542',
856
+
'phui-info-view-css' => 'e1b4ec37',
857
+
'phui-inline-comment-view-css' => 'c4036846',
858
858
'phui-invisible-character-view-css' => '6993d9f0',
859
859
'phui-left-right-css' => 'f60c67e7',
860
860
'phui-lightbox-css' => '0a035e40',
861
-
'phui-list-view-css' => 'dcafb463',
861
+
'phui-list-view-css' => '38f8c9bd',
862
862
'phui-object-box-css' => '9cff003c',
863
863
'phui-oi-big-ui-css' => '19f9369b',
864
864
'phui-oi-color-css' => 'cd2b9b77',
···
873
873
'phui-segment-bar-view-css' => 'b1d1b892',
874
874
'phui-spacing-css' => '042804d6',
875
875
'phui-status-list-view-css' => 'd5263e49',
876
-
'phui-tag-view-css' => '93b084cf',
876
+
'phui-tag-view-css' => 'b4719c50',
877
877
'phui-theme-css' => '9f261c6b',
878
-
'phui-timeline-view-css' => '313c7f22',
878
+
'phui-timeline-view-css' => 'c4700486',
879
879
'phui-two-column-view-css' => '5b8cd553',
880
880
'phui-workboard-color-css' => '783cdff5',
881
881
'phui-workboard-view-css' => '3bc85455',
···
892
892
'policy-edit-css' => '815c66f7',
893
893
'policy-transaction-detail-css' => '82100a43',
894
894
'ponder-view-css' => 'fbd45f96',
895
-
'project-card-view-css' => '3d3c1f91',
895
+
'project-card-view-css' => '0010bb52',
896
896
'project-view-css' => '792c9057',
897
897
'releeph-core' => '9b3c5733',
898
898
'releeph-preview-branch' => 'b7a6f4a5',
···
904
904
'syntax-default-css' => '9923583c',
905
905
'syntax-highlighting-css' => 'cae95e89',
906
906
'tokens-css' => '3d0f239e',
907
-
'typeahead-browse-css' => '4f82e510',
907
+
'typeahead-browse-css' => 'f2818435',
908
908
'unhandled-exception-css' => '4c96257a',
909
909
),
910
910
'requires' => array(
···
1145
1145
'javelin-workflow',
1146
1146
'javelin-util',
1147
1147
'javelin-uri',
1148
-
),
1149
-
'3cef17bd' => array(
1150
-
'phui-inline-comment-view-css',
1151
1148
),
1152
1149
'3dbf94d5' => array(
1153
1150
'javelin-behavior',
···
1869
1866
'phabricator-phtize',
1870
1867
'phabricator-drag-and-drop-file-upload',
1871
1868
'phabricator-draggable-list',
1869
+
),
1870
+
'bf1a41d8' => array(
1871
+
'phui-inline-comment-view-css',
1872
1872
),
1873
1873
'bf5374ef' => array(
1874
1874
'javelin-behavior',
+2
src/__phutil_library_map__.php
+2
src/__phutil_library_map__.php
···
223
223
'CalendarTimeUtil' => 'applications/calendar/util/CalendarTimeUtil.php',
224
224
'CalendarTimeUtilTestCase' => 'applications/calendar/__tests__/CalendarTimeUtilTestCase.php',
225
225
'CelerityAPI' => 'applications/celerity/CelerityAPI.php',
226
+
'CelerityDarkModePostprocessor' => 'applications/celerity/postprocessor/CelerityDarkModePostprocessor.php',
226
227
'CelerityDefaultPostprocessor' => 'applications/celerity/postprocessor/CelerityDefaultPostprocessor.php',
227
228
'CelerityHighContrastPostprocessor' => 'applications/celerity/postprocessor/CelerityHighContrastPostprocessor.php',
228
229
'CelerityLargeFontPostprocessor' => 'applications/celerity/postprocessor/CelerityLargeFontPostprocessor.php',
···
5170
5171
'CalendarTimeUtil' => 'Phobject',
5171
5172
'CalendarTimeUtilTestCase' => 'PhabricatorTestCase',
5172
5173
'CelerityAPI' => 'Phobject',
5174
+
'CelerityDarkModePostprocessor' => 'CelerityPostprocessor',
5173
5175
'CelerityDefaultPostprocessor' => 'CelerityPostprocessor',
5174
5176
'CelerityHighContrastPostprocessor' => 'CelerityPostprocessor',
5175
5177
'CelerityLargeFontPostprocessor' => 'CelerityPostprocessor',
+218
src/applications/celerity/postprocessor/CelerityDarkModePostprocessor.php
+218
src/applications/celerity/postprocessor/CelerityDarkModePostprocessor.php
···
1
+
<?php
2
+
3
+
final class CelerityDarkModePostprocessor
4
+
extends CelerityPostprocessor {
5
+
6
+
public function getPostprocessorKey() {
7
+
return 'darkmode';
8
+
}
9
+
10
+
public function getPostprocessorName() {
11
+
return pht('Dark Mode (Experimental)');
12
+
}
13
+
14
+
public function buildVariables() {
15
+
return array(
16
+
17
+
// Fonts
18
+
'basefont' => "13px 'Segoe UI', 'Segoe UI Emoji', ".
19
+
"'Segoe UI Symbol', 'Lato', 'Helvetica Neue', ".
20
+
"Helvetica, Arial, sans-serif",
21
+
22
+
'fontfamily' => "'Segoe UI', 'Segoe UI Emoji', ".
23
+
"'Segoe UI Symbol', 'Lato', 'Helvetica Neue', ".
24
+
"Helvetica, Arial, sans-serif",
25
+
26
+
// Drop Shadow
27
+
'dropshadow' => '0 2px 12px rgba(0, 0, 0, .20)',
28
+
'whitetextshadow' => '0 1px 0 rgba(255, 255, 255, 1)',
29
+
30
+
// Anchors
31
+
'anchor' => '#3498db',
32
+
33
+
// Base Colors
34
+
'red' => '#c0392b',
35
+
'lightred' => '#f4dddb',
36
+
'orange' => '#e67e22',
37
+
'lightorange' => '#f7e2d4',
38
+
'yellow' => '#f1c40f',
39
+
'lightyellow' => '#fdf5d4',
40
+
'green' => '#139543',
41
+
'lightgreen' => '#d7eddf',
42
+
'blue' => '#2980b9',
43
+
'lightblue' => '#daeaf3',
44
+
'sky' => '#3498db',
45
+
'lightsky' => '#ddeef9',
46
+
'fire' => '#e62f17',
47
+
'indigo' => '#6e5cb6',
48
+
'lightindigo' => '#eae6f7',
49
+
'pink' => '#da49be',
50
+
'lightpink' => '#fbeaf8',
51
+
'violet' => '#8e44ad',
52
+
'lightviolet' => '#ecdff1',
53
+
'charcoal' => '#4b4d51',
54
+
'backdrop' => '#c4cde0',
55
+
'hoverwhite' => 'rgba(255,255,255,.6)',
56
+
'hovergrey' => '#c5cbcf',
57
+
'hoverblue' => '#2a425f',
58
+
'hoverborder' => '#dfe1e9',
59
+
'hoverselectedgrey' => '#bbc4ca',
60
+
'hoverselectedblue' => '#e6e9ee',
61
+
'borderinset' => 'inset 0 0 0 1px rgba(55,55,55,.15)',
62
+
'timeline' => '#4e6078',
63
+
'bluepropertybackground' => '#2d435f',
64
+
65
+
// Alphas
66
+
'alphawhite' => '255,255,255',
67
+
'alphagrey' => '255,255,255',
68
+
'alphablue' => '255,255,255',
69
+
'alphablack' => '0,0,0',
70
+
71
+
// Base Greys
72
+
'lightgreyborder' => 'rgba(255,255,255,.3)',
73
+
'greyborder' => 'rgba(255,255,255,.6)',
74
+
'darkgreyborder' => 'rgba(255,255,255,.9)',
75
+
'lightgreytext' => 'rgba(255,255,255,.3)',
76
+
'greytext' => 'rgba(255,255,255,.6)',
77
+
'darkgreytext' => 'rgba(255,255,255,.9)',
78
+
'lightgreybackground' => '#2a425f',
79
+
'greybackground' => '#304a6d',
80
+
'darkgreybackground' => '#8C98B8',
81
+
82
+
// Base Blues
83
+
'thinblueborder' => '#2c405a',
84
+
'lightblueborder' => '#39506d',
85
+
'blueborder' => '#8C98B8',
86
+
'darkblueborder' => '#626E82',
87
+
'lightbluebackground' => 'rgba(255,255,255,.05)',
88
+
'bluebackground' => 'rgba(255,255,255,.1)',
89
+
'lightbluetext' => 'rgba(255,255,255,.3)',
90
+
'bluetext' => 'rgba(255,255,255,.6)',
91
+
'darkbluetext' => 'rgba(255,255,255,.8)',
92
+
'blacktext' => 'rgba(255,255,255,.9)',
93
+
94
+
// Base Greens
95
+
'lightgreenborder' => '#bfdac1',
96
+
'greenborder' => '#8cb89c',
97
+
'greentext' => '#3e6d35',
98
+
'lightgreenbackground' => '#e6f2e4',
99
+
100
+
// Base Red
101
+
'lightredborder' => '#f4c6c6',
102
+
'redborder' => '#eb9797',
103
+
'redtext' => '#802b2b',
104
+
'lightredbackground' => '#f5e1e1',
105
+
106
+
// Base Violet
107
+
'lightvioletborder' => '#cfbddb',
108
+
'violetborder' => '#b589ba',
109
+
'violettext' => '#603c73',
110
+
'lightvioletbackground' => '#e9dfee',
111
+
112
+
// Shades are a more muted set of our base colors
113
+
// better suited to blending into other UIs.
114
+
115
+
// Shade Red
116
+
'sh-lightredborder' => '#efcfcf',
117
+
'sh-redborder' => '#d1abab',
118
+
'sh-redicon' => '#c85a5a',
119
+
'sh-redtext' => '#a53737',
120
+
'sh-redbackground' => '#f7e6e6',
121
+
122
+
// Shade Orange
123
+
'sh-lightorangeborder' => '#f8dcc3',
124
+
'sh-orangeborder' => '#dbb99e',
125
+
'sh-orangeicon' => '#e78331',
126
+
'sh-orangetext' => '#ba6016',
127
+
'sh-orangebackground' => '#fbede1',
128
+
129
+
// Shade Yellow
130
+
'sh-lightyellowborder' => '#e9dbcd',
131
+
'sh-yellowborder' => '#c9b8a8',
132
+
'sh-yellowicon' => '#9b946e',
133
+
'sh-yellowtext' => '#726f56',
134
+
'sh-yellowbackground' => '#fdf3da',
135
+
136
+
// Shade Green
137
+
'sh-lightgreenborder' => '#c6e6c7',
138
+
'sh-greenborder' => '#a0c4a1',
139
+
'sh-greenicon' => '#4ca74e',
140
+
'sh-greentext' => '#326d34',
141
+
'sh-greenbackground' => '#ddefdd',
142
+
143
+
// Shade Blue
144
+
'sh-lightblueborder' => '#cfdbe3',
145
+
'sh-blueborder' => '#a7b5bf',
146
+
'sh-blueicon' => '#6b748c',
147
+
'sh-bluetext' => '#464c5c',
148
+
'sh-bluebackground' => '#dee7f8',
149
+
150
+
// Shade Indigo
151
+
'sh-lightindigoborder' => '#d1c9ee',
152
+
'sh-indigoborder' => '#bcb4da',
153
+
'sh-indigoicon' => '#8672d4',
154
+
'sh-indigotext' => '#6e5cb6',
155
+
'sh-indigobackground' => '#eae6f7',
156
+
157
+
// Shade Violet
158
+
'sh-lightvioletborder' => '#e0d1e7',
159
+
'sh-violetborder' => '#bcabc5',
160
+
'sh-violeticon' => '#9260ad',
161
+
'sh-violettext' => '#69427f',
162
+
'sh-violetbackground' => '#efe8f3',
163
+
164
+
// Shade Pink
165
+
'sh-lightpinkborder' => '#f6d5ef',
166
+
'sh-pinkborder' => '#d5aecd',
167
+
'sh-pinkicon' => '#e26fcb',
168
+
'sh-pinktext' => '#da49be',
169
+
'sh-pinkbackground' => '#fbeaf8',
170
+
171
+
// Shade Grey
172
+
'sh-lightgreyborder' => '#e3e4e8',
173
+
'sh-greyborder' => '#b2b2b2',
174
+
'sh-greyicon' => '#757575',
175
+
'sh-greytext' => '#555555',
176
+
'sh-greybackground' => '#edeef2',
177
+
178
+
// Shade Disabled
179
+
'sh-lightdisabledborder' => '#e5e5e5',
180
+
'sh-disabledborder' => '#cbcbcb',
181
+
'sh-disabledicon' => '#bababa',
182
+
'sh-disabledtext' => '#a6a6a6',
183
+
'sh-disabledbackground' => '#f3f3f3',
184
+
185
+
// Diffs
186
+
'new-background' => 'rgba(151, 234, 151, .3)',
187
+
'new-bright' => 'rgba(151, 234, 151, .6)',
188
+
'old-background' => 'rgba(251, 175, 175, .3)',
189
+
'old-bright' => 'rgba(251, 175, 175, .7)',
190
+
'move-background' => '#fdf5d4',
191
+
'copy-background' => '#f1c40f',
192
+
193
+
'paste.content' => '#222222',
194
+
'paste.border' => '#000000',
195
+
'paste.highlight' => '#121212',
196
+
197
+
// Background color for "most" themes.
198
+
'page.background' => '#223246',
199
+
'page.sidenav' => '#1c293b',
200
+
'page.content' => '#26374c',
201
+
202
+
'menu.profile.text' => 'rgba(255,255,255,.8)',
203
+
'menu.profile.text.selected' => 'rgba(255,255,255,1)',
204
+
'menu.profile.icon.disabled' => 'rgba(255,255,255,.4)',
205
+
206
+
// Buttons
207
+
'blue.button.color' => '#2980b9',
208
+
'blue.button.gradient' => 'linear-gradient(to bottom, #3498db, #2980b9)',
209
+
'green.button.color' => '#139543',
210
+
'green.button.gradient' => 'linear-gradient(to bottom, #23BB5B, #139543)',
211
+
'grey.button.color' => '#223246',
212
+
'grey.button.gradient' => 'linear-gradient(to bottom, #223246, #223246)',
213
+
'grey.button.hover' => 'linear-gradient(to bottom, #1c293b, #1c293b)',
214
+
215
+
);
216
+
}
217
+
218
+
}
+19
src/applications/celerity/postprocessor/CelerityDefaultPostprocessor.php
+19
src/applications/celerity/postprocessor/CelerityDefaultPostprocessor.php
···
72
72
'hoverselectedblue' => '#e6e9ee',
73
73
'borderinset' => 'inset 0 0 0 1px rgba(55,55,55,.15)',
74
74
'timeline' => '#d5d8e1',
75
+
'bluepropertybackground' => '#eff3fc',
75
76
76
77
// Alphas
77
78
'alphawhite' => '255,255,255',
···
100
101
'lightbluetext' => '#8C98B8',
101
102
'bluetext' => '#6B748C',
102
103
'darkbluetext' => '#464C5C',
104
+
'blacktext' => '#000',
103
105
104
106
// Base Greens
105
107
'lightgreenborder' => '#bfdac1',
···
200
202
'move-background' => '#fdf5d4',
201
203
'copy-background' => '#f1c40f',
202
204
205
+
'paste.content' => '#fffef5',
206
+
'paste.border' => '#e9dbcd',
207
+
'paste.highlight' => '#fdf3da',
208
+
203
209
// Background color for "most" themes.
204
210
'page.background' => '#f3f5f7',
205
211
'page.sidenav' => '#eaedf1',
212
+
'page.content' => '#fff',
206
213
207
214
'menu.profile.text' => 'rgba(255,255,255,.8)',
208
215
'menu.profile.text.selected' => 'rgba(255,255,255,1)',
···
210
217
211
218
'menu.main.height' => '44px',
212
219
'menu.profile.width' => '240px',
220
+
221
+
// Buttons
222
+
'blue.button.color' => '#2980b9',
223
+
'blue.button.gradient' => 'linear-gradient(to bottom, #3498db, #2980b9)',
224
+
'blue.button.hover' => 'linear-gradient(to bottom, #3498db, #1b6ba0)',
225
+
'green.button.color' => '#139543',
226
+
'green.button.gradient' => 'linear-gradient(to bottom, #23BB5B, #139543)',
227
+
'green.button.hover' => 'linear-gradient(to bottom, #23BB5B, #178841)',
228
+
'grey.button.color' => '#F7F7F9',
229
+
'grey.button.gradient' => 'linear-gradient(to bottom, #ffffff, #f1f0f1)',
230
+
'grey.button.hover' => 'linear-gradient(to bottom, #ffffff, #eeebec)',
231
+
213
232
214
233
);
215
234
}
+2
-2
webroot/rsrc/css/aphront/dialog-view.css
+2
-2
webroot/rsrc/css/aphront/dialog-view.css
···
7
7
margin: 32px auto 16px;
8
8
border: 1px solid {$lightblueborder};
9
9
border-radius: 3px;
10
-
background-color: #fff;
10
+
background-color: {$page.content};
11
11
}
12
12
13
13
.jx-client-dialog .aphront-dialog-view {
···
41
41
}
42
42
43
43
.aphront-dialog-body {
44
-
background: #fff;
44
+
background: {$page.content};
45
45
padding: 16px;
46
46
border: none;
47
47
}
+1
-1
webroot/rsrc/css/aphront/list-filter-view.css
+1
-1
webroot/rsrc/css/aphront/list-filter-view.css
+1
-1
webroot/rsrc/css/aphront/table-view.css
+1
-1
webroot/rsrc/css/aphront/table-view.css
+2
-2
webroot/rsrc/css/aphront/tokenizer.css
+2
-2
webroot/rsrc/css/aphront/tokenizer.css
···
88
88
89
89
a.jx-tokenizer-token-function {
90
90
border-color: {$sh-lightgreyborder};
91
-
background: #fff;
91
+
background: {$page.content};
92
92
}
93
93
94
94
a.jx-tokenizer-token-function:hover {
95
-
background: #fff;
95
+
background: {$page.content};
96
96
}
97
97
98
98
a.jx-tokenizer-token-disabled {
+1
-1
webroot/rsrc/css/aphront/typeahead-browse.css
+1
-1
webroot/rsrc/css/aphront/typeahead-browse.css
+3
-3
webroot/rsrc/css/aphront/typeahead.css
+3
-3
webroot/rsrc/css/aphront/typeahead.css
···
9
9
10
10
div.jx-typeahead-results {
11
11
position: absolute;
12
-
border: 1px solid {$hoverborder};
12
+
border: 1px solid {$thinblueborder};
13
13
border-top: 0px;
14
14
padding: 0;
15
-
background: #fefefe;
15
+
background: {$page.content};
16
16
width: 98%;
17
17
box-shadow: 0px 1px 2px rgba({$alphablack}, 0.2);
18
18
margin: -1px 1% 0;
···
31
31
}
32
32
33
33
div.jx-typeahead-results a.jx-result + a.jx-result {
34
-
border-top: 1px solid {$hoverborder};
34
+
border-top: 1px solid {$thinblueborder};
35
35
}
36
36
37
37
div.jx-typeahead-results a.jx-result:hover,
+1
-1
webroot/rsrc/css/application/base/standard-page-view.css
+1
-1
webroot/rsrc/css/application/base/standard-page-view.css
+2
-2
webroot/rsrc/css/application/config/config-options.css
+2
-2
webroot/rsrc/css/application/config/config-options.css
+1
-1
webroot/rsrc/css/application/conpherence/durable-column.css
+1
-1
webroot/rsrc/css/application/conpherence/durable-column.css
+1
-1
webroot/rsrc/css/application/conpherence/header-pane.css
+1
-1
webroot/rsrc/css/application/conpherence/header-pane.css
+4
-4
webroot/rsrc/css/application/conpherence/message-pane.css
+4
-4
webroot/rsrc/css/application/conpherence/message-pane.css
···
25
25
.conpherence-layout .conpherence-content-pane .conpherence-no-threads {
26
26
top: 44px;
27
27
right: 0;
28
-
background: #fff;
28
+
background: {$page.content};
29
29
z-index: 26;
30
30
}
31
31
···
411
411
bottom: 0;
412
412
transition: all 0.3s;
413
413
position: fixed;
414
-
background-color: #fff;
414
+
background-color: {$page.content};
415
415
}
416
416
417
417
.conpherence-layout.loading .conpherence-loading-mask {
···
445
445
.show-searchbar .conpherence-search-form-view {
446
446
display: block;
447
447
height: 54px;
448
-
background: #fff;
448
+
background: {$page.content};
449
449
position: absolute;
450
450
top: 0;
451
451
left: 0;
···
461
461
462
462
.conpherence-search-results {
463
463
position: absolute;
464
-
background: #fff;
464
+
background: {$page.content};
465
465
top: 54px;
466
466
left: 0;
467
467
right: 0;
+2
-2
webroot/rsrc/css/application/conpherence/participant-pane.css
+2
-2
webroot/rsrc/css/application/conpherence/participant-pane.css
···
65
65
}
66
66
67
67
.conpherence-participant-pane .person-entry:hover a {
68
-
color: #000;
68
+
color: {$blacktext};
69
69
}
70
70
71
71
.conpherence-participant-pane .person-entry a img {
···
99
99
}
100
100
101
101
.conpherence-participant-pane .person-entry .remove:hover .close-icon {
102
-
color: #000;
102
+
color: {$blacktext};
103
103
}
104
104
105
105
/****** Hide Widgets **********************************************************/
+2
-2
webroot/rsrc/css/application/conpherence/transaction.css
+2
-2
webroot/rsrc/css/application/conpherence/transaction.css
···
13
13
.conpherence-transaction-header .phui-link-person {
14
14
font-weight: bold;
15
15
font-size: {$biggerfontsize};
16
-
color: #000;
16
+
color: {$blacktext};
17
17
}
18
18
19
19
.conpherence-transaction-view.date-marker {
···
23
23
.conpherence-transaction-view.date-marker .date {
24
24
position: relative;
25
25
top: -11px;
26
-
background-color: #fff;
26
+
background-color: {$page.content};
27
27
color: {$sh-violettext};
28
28
font-weight: bold;
29
29
}
+1
-1
webroot/rsrc/css/application/dashboard/dashboard.css
+1
-1
webroot/rsrc/css/application/dashboard/dashboard.css
+3
-4
webroot/rsrc/css/application/diff/inline-comment-summary.css
+3
-4
webroot/rsrc/css/application/diff/inline-comment-summary.css
···
16
16
.phabricator-inline-summary-table .inline-comment-summary-table-header {
17
17
font-weight: bold;
18
18
padding: 16px 1px 8px;
19
-
background: #fff;
20
-
color: #000;
19
+
color: {$blacktext};
21
20
border-bottom: 1px solid {$thinblueborder};
22
21
}
23
22
···
25
24
padding: 4px 8px;
26
25
white-space: nowrap;
27
26
color: {$darkbluetext};
28
-
background: white;
27
+
background: {$page.content};
29
28
}
30
29
31
30
.phabricator-inline-summary-table td.inline-line-number {
32
31
padding: 0;
33
32
width: 100px;
34
33
white-space: nowrap;
35
-
background: #F8F9FC;
34
+
background: {$lightgreybackground};
36
35
font-family: "Menlo", "Consolas", monospace;
37
36
font-size: {$smallestfontsize};
38
37
color: {$bluetext};
+3
-11
webroot/rsrc/css/application/differential/changeset-view.css
+3
-11
webroot/rsrc/css/application/differential/changeset-view.css
···
20
20
}
21
21
22
22
.differential-diff {
23
-
background: #fff;
23
+
background: {$page.content};
24
24
width: 100%;
25
25
border-top: 1px solid {$lightblueborder};
26
26
border-bottom: 1px solid {$lightblueborder};
···
113
113
cursor: auto;
114
114
}
115
115
116
-
.differential-diff th.old {
117
-
border-right-color: {$old-bright};
118
-
}
119
-
120
-
.differential-diff th.new {
121
-
border-right-color: {$new-bright};
122
-
}
123
-
124
116
.differential-diff td.old {
125
117
background: {$old-background};
126
118
}
···
288
280
font-size: {$biggestfontsize};
289
281
padding: 2px 0 20px 12px;
290
282
line-height: 20px;
291
-
color: #000;
283
+
color: {$blacktext};
292
284
}
293
285
294
286
.device-phone .differential-changeset h1 {
···
392
384
top: 0;
393
385
left: 0;
394
386
right: 0;
395
-
background: #fff;
387
+
background: {$page.content};
396
388
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
397
389
border-bottom: 1px solid {$lightgreyborder};
398
390
padding: 8px 18px;
+5
-5
webroot/rsrc/css/application/differential/phui-inline-comment.css
+5
-5
webroot/rsrc/css/application/differential/phui-inline-comment.css
···
25
25
26
26
.differential-inline-comment,
27
27
.differential-inline-comment-edit {
28
-
background: #fff;
28
+
background: {$page.content};
29
29
border: 1px solid {$sh-yellowborder};
30
30
font: {$basefont};
31
31
-moz-box-sizing: border-box;
···
244
244
245
245
.differential-inline-comment.inline-is-done
246
246
.differential-inline-done-label {
247
-
background-color: #fff;
247
+
background-color: {$page.content};
248
248
border-color: {$lightblueborder};
249
249
color: {$sky};
250
250
opacity: 1;
···
252
252
253
253
.device-desktop .differential-inline-comment.inline-is-done
254
254
.differential-inline-done-label:hover {
255
-
background-color: #fff;
255
+
background-color: {$page.content};
256
256
color: {$sky};
257
257
}
258
258
···
273
273
}
274
274
275
275
.differential-inline-comment.inline-is-done
276
-
.differential-inline-comment-head {
276
+
.differential-inline-comment-head {
277
277
background-color: {$lightgreybackground};
278
278
border-bottom-color: {$lightgreyborder};
279
279
}
···
287
287
.differential-inline-comment.inline-is-done .differential-inline-comment-head
288
288
.differential-inline-done-label {
289
289
color: {$sky};
290
-
background-color: #fff;
290
+
background-color: {$page.content};
291
291
border-color: {$sky};
292
292
}
293
293
+1
-1
webroot/rsrc/css/application/diffusion/diffusion-source.css
+1
-1
webroot/rsrc/css/application/diffusion/diffusion-source.css
+1
-1
webroot/rsrc/css/application/diffusion/diffusion.css
+1
-1
webroot/rsrc/css/application/diffusion/diffusion.css
+1
-1
webroot/rsrc/css/application/files/global-drag-and-drop.css
+1
-1
webroot/rsrc/css/application/files/global-drag-and-drop.css
+1
-1
webroot/rsrc/css/application/objectselector/object-selector.css
+1
-1
webroot/rsrc/css/application/objectselector/object-selector.css
+9
-3
webroot/rsrc/css/application/paste/paste.css
+9
-3
webroot/rsrc/css/application/paste/paste.css
···
3
3
*/
4
4
5
5
.paste-embed {
6
-
background: {$sh-yellowbackground};
7
-
border: 1px solid {$sh-lightyellowborder};
6
+
background: {$paste.content};
7
+
border: 1px solid {$paste.border};
8
8
border-radius: 3px;
9
9
}
10
10
···
13
13
}
14
14
15
15
.paste-embed-head {
16
-
border-bottom: 1px solid {$sh-lightyellowborder};
16
+
border-bottom: 1px solid {$paste.border};
17
+
background: {$paste.highlight};
17
18
padding: 8px 12px;
18
19
}
19
20
···
25
26
.paste-embed-body {
26
27
overflow-y: auto;
27
28
}
29
+
30
+
.paste-embed-body .phabricator-source-code-container {
31
+
border-top-right-radius: 0;
32
+
border-top-left-radius: 0;
33
+
}
+8
-7
webroot/rsrc/css/application/phame/phame.css
+8
-7
webroot/rsrc/css/application/phame/phame.css
···
29
29
position: absolute;
30
30
}
31
31
32
+
32
33
.phame-blog-description + .phui-document-view-pro-box {
33
34
border-top: 1px solid rgba({$alphablue}, 0.20);
34
35
}
···
38
39
}
39
40
40
41
.phame-home-view .phui-side-column {
41
-
background-color: #fff;
42
+
background-color: {$page.content};
42
43
}
43
44
44
45
.phame-home-view {
45
-
background-color: #fff;
46
+
background-color: {$page.content};
46
47
border-bottom: 1px solid rgba({$alphagrey},.1);
47
48
}
48
49
···
145
146
width: 360px;
146
147
float: right;
147
148
text-align: right;
148
-
color: #000;
149
+
color: {$blacktext};
149
150
position: relative;
150
151
}
151
152
···
179
180
width: 360px;
180
181
float: left;
181
182
text-align: left;
182
-
color: #000;
183
+
color: {$blacktext};
183
184
position: relative;
184
185
}
185
186
···
258
259
259
260
/* Hero Image */
260
261
.phame-header-hero {
261
-
background-color: #fff;
262
+
background-color: {$page.content};
262
263
margin-top: 16px;
263
264
}
264
265
···
281
282
.phame-mega-header {
282
283
margin: 0 auto;
283
284
text-align: center;
284
-
background: #fff;
285
+
background: {$page.content};
285
286
padding: 16px 0 24px;
286
287
}
287
288
···
290
291
}
291
292
292
293
.phame-mega-header .phame-header-title {
293
-
color: #000;
294
+
color: {$blacktext};
294
295
font-size: 28px;
295
296
font-weight: bold;
296
297
padding-top: 24px;
+1
-1
webroot/rsrc/css/application/pholio/pholio.css
+1
-1
webroot/rsrc/css/application/pholio/pholio.css
+13
-50
webroot/rsrc/css/application/project/project-card-view.css
+13
-50
webroot/rsrc/css/application/project/project-card-view.css
···
5
5
.project-card-view {
6
6
margin: 0 12px 16px 0;
7
7
text-align: left;
8
-
background: #fff;
8
+
background: {$page.content};
9
9
border: 1px solid {$lightblueborder};
10
10
border-radius: 3px;
11
11
box-shadow: {$dropshadow};
···
21
21
}
22
22
23
23
.project-card-view .phui-header-shell .phui-header-image {
24
-
border: 3px solid #fff;
24
+
border: 3px solid {$page.content};
25
25
border-radius: 3px;
26
-
background-color: #fff;
26
+
background-color: {$page.content};
27
27
}
28
28
29
29
.project-card-view .phui-header-shell .phui-header-header {
···
71
71
.project-card-header .project-card-name {
72
72
font-size: 20px;
73
73
font-weight: bold;
74
-
color: #000;
74
+
color: {$blacktext};
75
75
margin-bottom: 2px;
76
76
text-overflow: ellipsis;
77
77
white-space: nowrap;
···
129
129
130
130
/* Colors */
131
131
132
-
.project-card-view.project-card-red {
133
-
border-color: {$sh-redborder};
134
-
}
135
-
136
132
.project-card-view.project-card-red .phui-header-shell {
137
133
background: linear-gradient(to bottom,
138
-
{$sh-redbackground} 42px, #fff 42px);
139
-
}
140
-
141
-
.project-card-view.project-card-orange {
142
-
border-color: {$sh-orangeborder};
134
+
{$sh-redbackground} 42px, {$page.content} 42px);
143
135
}
144
136
145
137
.project-card-view.project-card-orange .phui-header-shell {
146
138
background: linear-gradient(to bottom,
147
-
{$sh-orangebackground} 42px, #fff 42px);
148
-
}
149
-
150
-
.project-card-view.project-card-yellow {
151
-
border-color: {$sh-yellowborder};
139
+
{$sh-orangebackground} 42px, {$page.content} 42px);
152
140
}
153
141
154
142
.project-card-view.project-card-yellow .phui-header-shell {
155
143
background: linear-gradient(to bottom,
156
-
{$sh-yellowbackground} 42px, #fff 42px);
157
-
}
158
-
159
-
.project-card-view.project-card-green {
160
-
border-color: {$sh-greenborder};
144
+
{$sh-yellowbackground} 42px, {$page.content} 42px);
161
145
}
162
146
163
147
.project-card-view.project-card-green .phui-header-shell {
164
148
background: linear-gradient(to bottom,
165
-
{$sh-greenbackground} 42px, #fff 42px);
166
-
}
167
-
168
-
.project-card-view.project-card-blue {
169
-
border-color: {$sh-blueborder};
149
+
{$sh-greenbackground} 42px, {$page.content} 42px);
170
150
}
171
151
172
152
.project-card-view.project-card-blue .phui-header-shell {
173
153
background: linear-gradient(to bottom,
174
-
{$sh-bluebackground} 42px, #fff 42px);
175
-
}
176
-
177
-
.project-card-view.project-card-indigo {
178
-
border-color: {$sh-indigoborder};
154
+
{$sh-bluebackground} 42px, {$page.content} 42px);
179
155
}
180
156
181
157
.project-card-view.project-card-indigo .phui-header-shell {
182
158
background: linear-gradient(to bottom,
183
-
{$sh-indigobackground} 42px, #fff 42px);
184
-
}
185
-
186
-
.project-card-view.project-card-violet {
187
-
border-color: {$sh-violetborder};
159
+
{$sh-indigobackground} 42px, {$page.content} 42px);
188
160
}
189
161
190
162
.project-card-view.project-card-violet .phui-header-shell {
191
163
background: linear-gradient(to bottom,
192
-
{$sh-violetbackground} 42px, #fff 42px);
193
-
}
194
-
195
-
.project-card-view.project-card-pink {
196
-
border-color: {$sh-pinkborder};
164
+
{$sh-violetbackground} 42px, {$page.content} 42px);
197
165
}
198
166
199
167
.project-card-view.project-card-pink .phui-header-shell {
200
168
background: linear-gradient(to bottom,
201
-
{$sh-pinkbackground} 42px, #fff 42px);
202
-
}
203
-
204
-
.project-card-view.project-card-grey,
205
-
.project-card-view.project-card-checkered {
206
-
border-color: {$sh-greyborder};
169
+
{$sh-pinkbackground} 42px, {$page.content} 42px);
207
170
}
208
171
209
172
.project-card-view.project-card-grey .phui-header-shell,
210
173
.project-card-view.project-card-checkered .phui-header-shell {
211
174
background: linear-gradient(to bottom,
212
-
{$sh-greybackground} 42px, #fff 42px);
175
+
{$sh-greybackground} 42px, {$page.content} 42px);
213
176
}
+2
-2
webroot/rsrc/css/application/search/application-search-view.css
+2
-2
webroot/rsrc/css/application/search/application-search-view.css
···
3
3
*/
4
4
5
5
.application-search-view {
6
-
background-color: #fff;
6
+
background-color: {$page.content};
7
7
}
8
8
9
9
.application-search-view .phui-crumbs-view {
10
-
background-color: #fff;
10
+
background-color: {$page.content};
11
11
}
12
12
13
13
.application-search-view .application-search-results.phui-object-box {
+1
-1
webroot/rsrc/css/application/search/search-results.css
+1
-1
webroot/rsrc/css/application/search/search-results.css
+1
webroot/rsrc/css/core/core.css
+1
webroot/rsrc/css/core/core.css
+14
-13
webroot/rsrc/css/core/remarkup.css
+14
-13
webroot/rsrc/css/core/remarkup.css
···
5
5
.phabricator-remarkup {
6
6
line-height: 1.51em;
7
7
word-break: break-word;
8
+
color: {$darkbluetext};
8
9
}
9
10
10
11
.phabricator-remarkup p {
···
47
48
.phabricator-remarkup .remarkup-code-block pre {
48
49
background: rgba({$alphablue},0.08);
49
50
display: block;
50
-
color: #000;
51
+
color: {$blacktext};
51
52
overflow: auto;
52
53
padding: 12px;
53
54
border-radius: 3px;
···
80
81
}
81
82
82
83
.phabricator-remarkup tt.remarkup-monospaced {
83
-
color: #000;
84
+
color: {$blacktext};
84
85
background: rgba({$alphablue},0.1);
85
86
padding: 1px 4px;
86
87
border-radius: 3px;
···
342
343
.phabricator-remarkup-toc {
343
344
float: right;
344
345
border-left: 1px solid {$lightblueborder};
345
-
background: #fff;
346
+
background: {$page.content};
346
347
width: 160px;
347
348
padding-left: 8px;
348
349
margin: 0 0 4px 8px;
···
402
403
-webkit-font-smoothing: antialiased;
403
404
border: 1px solid {$lightblueborder};
404
405
border-radius: 3px;
405
-
color: #000;
406
+
color: {$blacktext};
406
407
min-width: 256px;
407
408
position: relative;
408
409
/*height: 22px;*/
···
509
510
}
510
511
511
512
.phabricator-remarkup table.remarkup-table td {
512
-
background: #ffffff;
513
+
background: {$page.content};
513
514
padding: 3px 6px;
514
515
}
515
516
···
679
680
position: absolute;
680
681
width: 300px;
681
682
box-shadow: {$dropshadow};
682
-
background: #ffffff;
683
+
background: {$page.content};
683
684
border: 1px solid {$lightgreyborder};
684
685
border-radius: 3px;
685
686
}
···
721
722
.phuix-autocomplete-list a.jx-result:hover {
722
723
text-decoration: none;
723
724
background: {$sh-bluebackground};
724
-
color: #000;
725
+
color: {$blacktext};
725
726
}
726
727
727
728
.phuix-autocomplete-list a.jx-result.focused,
728
729
.phuix-autocomplete-list a.jx-result.focused:hover {
729
730
background: {$sh-bluebackground};
730
-
color: #000;
731
+
color: {$blacktext};
731
732
}
732
733
733
734
···
735
736
736
737
.phui-box.phui-object-box.phui-comment-form-view.remarkup-assist-pinned {
737
738
position: fixed;
738
-
background-color: #ffffff;
739
+
background-color: {$page.content};
739
740
border-top: 1px solid {$lightblueborder};
740
741
box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
741
742
···
759
760
.remarkup-inline-preview {
760
761
display: block;
761
762
position: relative;
762
-
background: #fff;
763
+
background: {$page.content};
763
764
overflow-y: auto;
764
765
box-sizing: border-box;
765
766
width: 100%;
···
783
784
}
784
785
785
786
.remarkup-assist-button.preview-active .phui-icon-view {
786
-
color: #fff;
787
+
color: {$page.content};
787
788
}
788
789
789
790
.remarkup-assist-button.preview-active:hover {
···
791
792
}
792
793
793
794
.remarkup-assist-button.preview-active:hover .phui-icon-view {
794
-
color: #fff;
795
+
color: {$page.content};
795
796
}
796
797
797
798
.remarkup-preview-active .remarkup-assist,
···
867
868
border-width: 1px 0 0 0;
868
869
outline: none;
869
870
resize: none;
870
-
background: #fff !important;
871
+
background: {$page.content} !important;
871
872
}
872
873
873
874
.remarkup-control-fullscreen-mode textarea.remarkup-assist-textarea:focus {
+6
-6
webroot/rsrc/css/layout/phabricator-source-code-view.css
+6
-6
webroot/rsrc/css/layout/phabricator-source-code-view.css
···
5
5
.phabricator-source-code-container {
6
6
overflow-x: auto;
7
7
overflow-y: hidden;
8
-
border: 1px solid {$sh-lightyellowborder};
8
+
border: 1px solid {$paste.border};
9
9
border-radius: 3px;
10
-
background-color: #FFFEF5;
10
+
background-color: {$paste.content};
11
11
}
12
12
13
13
.phui-oi .phabricator-source-code-container {
···
29
29
}
30
30
31
31
.phabricator-source-line {
32
-
background-color: {$sh-yellowbackground};
32
+
background-color: {$paste.highlight};
33
33
text-align: right;
34
34
padding: 2px 6px 1px 12px;
35
-
border-right: 1px solid {$sh-lightyellowborder};
35
+
border-right: 1px solid {$paste.border};
36
36
color: {$sh-yellowtext};
37
37
38
38
/* When the user selects rows of source, don't visibly select the line
···
51
51
}
52
52
53
53
th.phabricator-source-line:hover {
54
-
background: {$sh-lightyellowborder};
54
+
background: {$paste.border};
55
55
cursor: pointer;
56
56
}
57
57
58
58
.phabricator-source-highlight {
59
-
background: {$sh-yellowbackground};
59
+
background: {$paste.highlight};
60
60
}
61
61
62
62
.phabricator-source-code-summary {
+1
-1
webroot/rsrc/css/phui/calendar/phui-calendar-list.css
+1
-1
webroot/rsrc/css/phui/calendar/phui-calendar-list.css
+3
-3
webroot/rsrc/css/phui/calendar/phui-calendar-month.css
+3
-3
webroot/rsrc/css/phui/calendar/phui-calendar-month.css
···
5
5
.phui-calendar-view {
6
6
width: 100%;
7
7
border-collapse: collapse;
8
-
background: #fff;
8
+
background: {$page.content};
9
9
}
10
10
11
11
tr.phui-calendar-day-of-week-header th {
···
33
33
}
34
34
35
35
table.phui-calendar-view td {
36
-
border: solid #dfdfdf;
36
+
border: solid {$lightblueborder};
37
37
border-width: 1px 0 0;
38
38
width: 14.2857%; /* This is one seventh, approximately. */
39
39
}
···
220
220
221
221
.device-desktop td.phui-calendar-month-day.calendar-hover,
222
222
.device-desktop td.phui-calendar-month-number.calendar-hover {
223
-
background: {$lightblue};
223
+
background: {$hoverblue};
224
224
}
225
225
226
226
.phui-calendar-month-adjacent {
+1
-1
webroot/rsrc/css/phui/calendar/phui-calendar.css
+1
-1
webroot/rsrc/css/phui/calendar/phui-calendar.css
+1
-1
webroot/rsrc/css/phui/object-item/phui-oi-big-ui.css
+1
-1
webroot/rsrc/css/phui/object-item/phui-oi-big-ui.css
+2
-2
webroot/rsrc/css/phui/object-item/phui-oi-list-view.css
+2
-2
webroot/rsrc/css/phui/object-item/phui-oi-list-view.css
···
37
37
border-color: {$lightgreyborder};
38
38
margin: 5px 0;
39
39
overflow: hidden;
40
-
background: #fff;
40
+
background: {$page.content};
41
41
margin-bottom: 4px;
42
42
}
43
43
···
105
105
}
106
106
107
107
.phui-oi-objname {
108
-
color: #000;
108
+
color: {$blacktext};
109
109
cursor: text;
110
110
font-weight: bold;
111
111
}
+1
-2
webroot/rsrc/css/phui/phui-action-list.css
+1
-2
webroot/rsrc/css/phui/phui-action-list.css
···
114
114
115
115
.device-desktop li.phabricator-action-view-label:hover
116
116
.phabricator-action-view-item {
117
-
background-color: #fff;
117
+
background-color: {$page.content};
118
118
color: {$bluetext};
119
119
}
120
120
···
157
157
.phabricator-action-view-icon,
158
158
.device-desktop .phabricator-action-view-disabled:hover
159
159
button.phabricator-action-view-icon {
160
-
background-color: {$greybackground};
161
160
color: {$lightgreytext};
162
161
}
163
162
+1
-1
webroot/rsrc/css/phui/phui-action-panel.css
+1
-1
webroot/rsrc/css/phui/phui-action-panel.css
+1
-1
webroot/rsrc/css/phui/phui-big-info-view.css
+1
-1
webroot/rsrc/css/phui/phui-big-info-view.css
+6
-6
webroot/rsrc/css/phui/phui-box.css
+6
-6
webroot/rsrc/css/phui/phui-box.css
···
4
4
5
5
.phui-box-border {
6
6
border: 1px solid {$lightblueborder};
7
-
background-color: #fff;
7
+
background-color: {$page.content};
8
8
border-radius: 3px;
9
9
}
10
10
···
13
13
}
14
14
15
15
.phui-box-grey {
16
-
background-color: #F7F7F9;
16
+
background-color: {$lightgreybackground};
17
17
border-radius: 3px;
18
18
border-color: rgba({$alphagrey},.2);
19
19
}
···
36
36
37
37
.phui-box-blue .phui-oi-list-view,
38
38
.phui-box-grey .phui-oi-list-view {
39
-
background-color: #fff;
39
+
background-color: {$page.content};
40
40
}
41
41
42
42
.phui-box-blue .phui-header-shell {
···
49
49
50
50
.phui-object-box.phui-box-blue div.phui-info-severity-nodata,
51
51
.phui-object-box.phui-box-grey div.phui-info-severity-nodata {
52
-
background: #fff;
52
+
background: {$page.content};
53
53
padding: 32px 0;
54
54
text-align: center;
55
55
border: none;
···
81
81
}
82
82
83
83
.phui-box.phui-object-box.phui-box-blue-property .phui-header-shell {
84
-
background-color: #eff3fc;
84
+
background-color: {$bluepropertybackground};
85
85
border-top-right-radius: 3px;
86
86
border-top-left-radius: 3px;
87
87
padding: 6px 16px;
···
113
113
114
114
.phui-box-blue-property .phui-header-shell + .phui-object-box
115
115
.phui-header-shell {
116
-
background: #fff;
116
+
background: {$page.content};
117
117
}
+3
-3
webroot/rsrc/css/phui/phui-comment-form.css
+3
-3
webroot/rsrc/css/phui/phui-comment-form.css
···
3
3
*/
4
4
5
5
body .phui-box.phui-object-box.phui-comment-form-view {
6
-
background-color: #fff;
6
+
background-color: {$page.content};
7
7
margin-left: 62px;
8
8
position: relative;
9
9
}
···
67
67
}
68
68
69
69
.phui-comment-form-view .aphront-form-input .remarkup-assist-textarea:focus {
70
-
background-color: #fff;
70
+
background-color: {$page.content};
71
71
}
72
72
73
73
.device-phone .phui-comment-form-view .aphront-form-input
···
106
106
107
107
.phui-comment-form-view .phui-comment-action-bar {
108
108
border-bottom: 1px solid {$thinblueborder};
109
-
background-color: rgba(239, 243, 252, .75);
109
+
background-color: {$bluepropertybackground};
110
110
padding: 4px 12px 4px 12px;
111
111
margin-bottom: 16px;
112
112
}
+4
-4
webroot/rsrc/css/phui/phui-document-pro.css
+4
-4
webroot/rsrc/css/phui/phui-document-pro.css
···
9
9
}
10
10
11
11
.phui-document-container {
12
-
background-color: #fff;
12
+
background-color: {$page.content};
13
13
position: relative;
14
14
border-bottom: 1px solid #dedee1;
15
15
}
···
79
79
width: 260px;
80
80
position: absolute;
81
81
z-index: 30;
82
-
background-color: #fff;
82
+
background-color: {$page.content};
83
83
top: 52px;
84
84
left: -40px;
85
85
}
···
163
163
.phui-header-header {
164
164
font-size: 24px;
165
165
line-height: 30px;
166
-
color: #000;
166
+
color: {$blacktext};
167
167
}
168
168
169
169
.device-phone .phui-document-view.phui-document-view-pro .phui-header-tall
···
228
228
.phui-document-view-pro-box .phui-timeline-title {
229
229
border-top-right-radius: 3px;
230
230
border-top-left-radius: 3px;
231
-
background-color: #fff;
231
+
background-color: {$page.content};
232
232
border-bottom: 1px solid #F1F1F4;
233
233
}
234
234
+1
-1
webroot/rsrc/css/phui/phui-document-summary.css
+1
-1
webroot/rsrc/css/phui/phui-document-summary.css
+1
-1
webroot/rsrc/css/phui/phui-document.css
+1
-1
webroot/rsrc/css/phui/phui-document.css
+1
-1
webroot/rsrc/css/phui/phui-fontkit.css
+1
-1
webroot/rsrc/css/phui/phui-fontkit.css
+3
-3
webroot/rsrc/css/phui/phui-form.css
+3
-3
webroot/rsrc/css/phui/phui-form.css
···
22
22
display: inline-block;
23
23
height: 30px;
24
24
line-height: 18px;
25
-
color: #333;
25
+
color: {$darkbluetext};
26
26
vertical-align: middle;
27
27
font: {$basefont};
28
28
-webkit-font-smoothing: antialiased;
···
45
45
input[type="color"],
46
46
div.jx-tokenizer-container {
47
47
padding: 4px 6px;
48
-
background-color: #ffffff;
48
+
background-color: {$page.content};
49
49
border: 1px solid {$greyborder};
50
50
border-radius: 3px;
51
51
···
105
105
-moz-appearance: none;
106
106
appearance: none;
107
107
108
-
background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC") no-repeat right 8px center;
108
+
background: {$page.content} url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC") no-repeat right 8px center;
109
109
background-size: 8px 10px;
110
110
border-radius: 3px;
111
111
color: {$darkbluetext};
+1
-1
webroot/rsrc/css/phui/phui-header-view.css
+1
-1
webroot/rsrc/css/phui/phui-header-view.css
+1
-1
webroot/rsrc/css/phui/phui-hovercard.css
+1
-1
webroot/rsrc/css/phui/phui-hovercard.css
+2
-1
webroot/rsrc/css/phui/phui-info-view.css
+2
-1
webroot/rsrc/css/phui/phui-info-view.css
···
5
5
.phui-info-view {
6
6
border-style: solid;
7
7
border-width: 1px;
8
-
background: #fff;
8
+
background: {$page.content};
9
9
margin: 16px;
10
10
padding: 12px;
11
11
border-radius: 3px;
···
38
38
39
39
.phui-info-view-body {
40
40
line-height: 1.6em;
41
+
color: {$blacktext};
41
42
}
42
43
43
44
.phui-info-view.phui-info-has-icon .phui-info-view-body {
+1
-1
webroot/rsrc/css/phui/phui-invisible-character-view.css
+1
-1
webroot/rsrc/css/phui/phui-invisible-character-view.css
+3
-3
webroot/rsrc/css/phui/phui-lightbox.css
+3
-3
webroot/rsrc/css/phui/phui-lightbox.css
···
80
80
right: 0;
81
81
width: 360px;
82
82
overflow-y: auto;
83
-
background: #fff;
83
+
background: {$page.content};
84
84
opacity: 1;
85
85
}
86
86
···
100
100
}
101
101
102
102
.lightbox-attachment .lightbox-status {
103
-
background: #fff;
103
+
background: {$page.content};
104
104
position: fixed;
105
105
top: 0;
106
106
left: 0;
···
121
121
}
122
122
123
123
.lightbox-attachment .lightbox-status-txt a {
124
-
color: #000;
124
+
color: {$blacktext};
125
125
margin-right: 12px;
126
126
font-size: {$biggerfontsize};
127
127
}
+2
-3
webroot/rsrc/css/phui/phui-list.css
+2
-3
webroot/rsrc/css/phui/phui-list.css
···
88
88
}
89
89
90
90
.device-desktop .phui-list-sidenav .phui-list-item-href:hover .phui-icon-view {
91
-
color: #fff;
91
+
color: {$page.content};
92
92
}
93
93
94
94
/* - Top, Full Width Navigations -----------------------------------------------
···
171
171
line-height: 24px;
172
172
font-weight: bold;
173
173
font-size: {$biggerfontsize};
174
-
border-top: 4px solid #fff;
174
+
border-top: 4px solid transparent;
175
175
}
176
176
177
177
.phui-list-tabbar .phui-list-item-selected .phui-list-item-href {
···
186
186
187
187
.device-desktop .phui-list-tabbar .phui-list-item-href:hover {
188
188
color: {$sky};
189
-
border-bottom: 4px solid $fff;
190
189
text-decoration: none;
191
190
}
192
191
+2
-2
webroot/rsrc/css/phui/phui-pinboard-view.css
+2
-2
webroot/rsrc/css/phui/phui-pinboard-view.css
···
16
16
margin: 0 12px 16px 0;
17
17
text-align: left;
18
18
width: 280px;
19
-
background: #fff;
19
+
background: {$page.content};
20
20
border: 1px solid {$lightblueborder};
21
21
border-radius: 3px;
22
22
}
···
95
95
.dashboard-panel .phui-pinboard-view {
96
96
margin: 0;
97
97
padding: 16px 12px 0 12px;
98
-
background: #fff;
98
+
background: {$page.content};
99
99
border-left: 1px solid {$lightblueborder};
100
100
border-right: 1px solid {$lightblueborder};
101
101
border-bottom: 1px solid {$blueborder};
+14
-14
webroot/rsrc/css/phui/phui-tag-view.css
+14
-14
webroot/rsrc/css/phui/phui-tag-view.css
···
63
63
a.phui-tag-type-object,
64
64
a.phui-tag-type-object:link,
65
65
.phui-tag-core-closed .phui-tag-color-object {
66
-
color: #000;
66
+
color: {$blacktext};
67
67
}
68
68
69
69
.phui-tag-type-person {
70
70
white-space: nowrap;
71
-
color: #19558d;
71
+
color: {$anchor};
72
72
}
73
73
74
74
.phui-tag-color-red {
···
107
107
}
108
108
109
109
.phui-tag-color-black {
110
-
background-color: #333333;
111
-
border-color: #333333;
110
+
background-color: {$darkgreybackground};
111
+
border-color: {$darkgreybackground};
112
112
}
113
113
114
114
.phui-tag-color-grey {
···
117
117
}
118
118
119
119
.phui-tag-color-white {
120
-
background-color: #f7f7f7;
121
-
border-color: #f7f7f7;
120
+
background-color: {$lightgreybackground};
121
+
border-color: {$lightgreybackground};
122
122
}
123
123
124
124
.phui-tag-color-object {
125
-
background-color: #e7e7e7;
126
-
border-color: #e7e7e7;
125
+
background-color: {$greybackground};
126
+
border-color: {$lightgreyborder};
127
127
}
128
128
129
129
.phui-tag-color-person {
130
-
background-color: #f1f7ff;
131
-
border-color: #f1f7ff;
130
+
background-color: {$bluebackground};
131
+
border-color: {$thinblueborder};
132
132
}
133
133
134
134
a.phui-tag-view:hover
135
135
.phui-tag-core.phui-tag-color-person {
136
-
border-color: #d9ebfd;
136
+
border-color: {$lightblueborder};
137
137
}
138
138
139
139
a.phui-tag-view:hover
140
140
.phui-tag-core.phui-tag-color-object {
141
-
border-color: #d7d7d7;
141
+
border-color: {$greyborder};
142
142
}
143
143
144
144
.phabricator-handle-tag-list-item + .phabricator-handle-tag-list-item {
···
514
514
}
515
515
516
516
.phui-tag-type-outline.phui-tag-black .phui-tag-core {
517
-
color: #000;
518
-
border-color: #000;
517
+
color: {$blacktext};
518
+
border-color: {$blacktext};
519
519
}
+3
-3
webroot/rsrc/css/phui/phui-timeline-view.css
+3
-3
webroot/rsrc/css/phui/phui-timeline-view.css
···
179
179
.phui-timeline-core-content {
180
180
padding: 16px;
181
181
line-height: 18px;
182
-
background: #fff;
182
+
background: {$page.content};
183
183
border-top: 1px solid rgba({$alphablue},.1);
184
184
border-bottom-left-radius: 3px;
185
185
border-bottom-right-radius: 3px;
···
260
260
.conpherence-transaction-content .phui-timeline-value,
261
261
.phui-feed-story-head .phui-timeline-value {
262
262
font-style: italic;
263
-
color: black;
263
+
color: {$blacktext};
264
264
}
265
265
266
266
.device-desktop .phui-timeline-extra {
···
280
280
}
281
281
282
282
.phui-timeline-icon-fill.fill-has-color .phui-icon-view {
283
-
color: #fff;
283
+
color: {$page.content};
284
284
}
285
285
286
286
.phui-timeline-icon-fill-red {
+3
-3
webroot/rsrc/css/phui/phui-two-column-view.css
+3
-3
webroot/rsrc/css/phui/phui-two-column-view.css
···
3
3
*/
4
4
5
5
.phui-two-column-view .phui-two-column-header {
6
-
background-color: #fff;
6
+
background-color: {$page.content};
7
7
border-bottom: 1px solid rgba({$alphagrey}, .12);
8
8
margin-bottom: 24px;
9
9
}
···
19
19
20
20
.phui-two-column-header .phui-header-header {
21
21
font-size: 20px;
22
-
color: #000;
22
+
color: {$blacktext};
23
23
}
24
24
25
25
.device-phone .phui-two-column-header .phui-header-header {
···
172
172
.phui-two-column-tabs {
173
173
padding: 0 32px;
174
174
margin-bottom: 32px;
175
-
background: #fff;
175
+
background: {$page.content};
176
176
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
177
177
}
178
178
+1
-1
webroot/rsrc/css/phui/workboards/phui-workboard-color.css
+1
-1
webroot/rsrc/css/phui/workboards/phui-workboard-color.css
+2
-2
webroot/rsrc/css/phui/workboards/phui-workcard.css
+2
-2
webroot/rsrc/css/phui/workboards/phui-workcard.css
···
3
3
*/
4
4
5
5
.phui-workcard.phui-oi {
6
-
background-color: #fff;
6
+
background-color: {$page.content};
7
7
border-radius: 3px;
8
8
margin-bottom: 8px;
9
9
border-left-width: 4px;
···
37
37
.phui-workcard .phui-oi-link {
38
38
white-space: normal;
39
39
font-weight: normal;
40
-
color: #000;
40
+
color: {$blacktext};
41
41
margin-left: 2px;
42
42
}
43
43