@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
1
fork

Configure Feed

Select the types of activity you want to include in your feed.

[Redesign] Lots of minor color changes

Summary: Ref T8099. Makes subheaders in object lists darker with a background. Moves to lighter icons in the header with a dark instead of blue hover state. Gives a nicer blue selected state for sidenavs.

Test Plan: Just eyeballing a lot of this, but with some level of consistency.

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: Korvin, epriestley

Maniphest Tasks: T8099

Differential Revision: https://secure.phabricator.com/D13065

+44 -37
+17 -17
resources/celerity/map.php
··· 7 7 */ 8 8 return array( 9 9 'names' => array( 10 - 'core.pkg.css' => 'dac18977', 10 + 'core.pkg.css' => 'b6b5fe6c', 11 11 'core.pkg.js' => 'fbf1d615', 12 12 'darkconsole.pkg.js' => 'e7393ebb', 13 13 'differential.pkg.css' => '7d01bee8', ··· 34 34 'rsrc/css/aphront/typeahead.css' => '0e403212', 35 35 'rsrc/css/application/almanac/almanac.css' => 'dbb9b3af', 36 36 'rsrc/css/application/auth/auth.css' => '44975d4b', 37 - 'rsrc/css/application/base/main-menu-view.css' => '4b7ecab2', 37 + 'rsrc/css/application/base/main-menu-view.css' => '1d2f0ad0', 38 38 'rsrc/css/application/base/notification-menu.css' => '713df25a', 39 - 'rsrc/css/application/base/phabricator-application-launch-view.css' => '214e2510', 39 + 'rsrc/css/application/base/phabricator-application-launch-view.css' => '9a233ed6', 40 40 'rsrc/css/application/base/standard-page-view.css' => '43045fb4', 41 41 'rsrc/css/application/calendar/calendar-icon.css' => '98ce946d', 42 42 'rsrc/css/application/chatlog/chatlog.css' => 'f1971c1c', ··· 118 118 'rsrc/css/font/phui-font-icon-base.css' => '3dad2ae3', 119 119 'rsrc/css/layout/phabricator-filetree-view.css' => 'fccf9f82', 120 120 'rsrc/css/layout/phabricator-hovercard-view.css' => '0d665853', 121 - 'rsrc/css/layout/phabricator-side-menu-view.css' => 'a440478a', 121 + 'rsrc/css/layout/phabricator-side-menu-view.css' => '4f2cd343', 122 122 'rsrc/css/layout/phabricator-source-code-view.css' => '2ceee894', 123 123 'rsrc/css/phui/calendar/phui-calendar-day.css' => 'd1cf6f93', 124 124 'rsrc/css/phui/calendar/phui-calendar-list.css' => 'c1c7f338', ··· 130 130 'rsrc/css/phui/phui-button.css' => 'b995182d', 131 131 'rsrc/css/phui/phui-crumbs-view.css' => 'ce840ec2', 132 132 'rsrc/css/phui/phui-document.css' => '8be7a5e3', 133 - 'rsrc/css/phui/phui-feed-story.css' => 'e5682f4c', 133 + 'rsrc/css/phui/phui-feed-story.css' => '92f55311', 134 134 'rsrc/css/phui/phui-fontkit.css' => 'b664ac96', 135 135 'rsrc/css/phui/phui-form-view.css' => 'a0e8f168', 136 136 'rsrc/css/phui/phui-form.css' => 'f535f938', 137 - 'rsrc/css/phui/phui-header-view.css' => '7ad91dd2', 137 + 'rsrc/css/phui/phui-header-view.css' => '47b8f221', 138 138 'rsrc/css/phui/phui-icon.css' => '88ba9081', 139 139 'rsrc/css/phui/phui-image-mask.css' => '5a8b09c8', 140 140 'rsrc/css/phui/phui-info-panel.css' => '27ea50a1', 141 141 'rsrc/css/phui/phui-info-view.css' => '33e54618', 142 142 'rsrc/css/phui/phui-list.css' => 'e448b6ba', 143 - 'rsrc/css/phui/phui-object-box.css' => '8eacbeed', 144 - 'rsrc/css/phui/phui-object-item-list-view.css' => '24ed8d94', 143 + 'rsrc/css/phui/phui-object-box.css' => '59db5c05', 144 + 'rsrc/css/phui/phui-object-item-list-view.css' => '29ded459', 145 145 'rsrc/css/phui/phui-pinboard-view.css' => '55b27bc3', 146 146 'rsrc/css/phui/phui-property-list-view.css' => '1baf23eb', 147 147 'rsrc/css/phui/phui-remarkup-preview.css' => '19ad512b', ··· 149 149 'rsrc/css/phui/phui-status.css' => '888cedb8', 150 150 'rsrc/css/phui/phui-tag-view.css' => '402691cc', 151 151 'rsrc/css/phui/phui-text.css' => 'cf019f54', 152 - 'rsrc/css/phui/phui-timeline-view.css' => '8eaab66c', 152 + 'rsrc/css/phui/phui-timeline-view.css' => '07a1bd0f', 153 153 'rsrc/css/phui/phui-workboard-view.css' => '720efdde', 154 154 'rsrc/css/phui/phui-workpanel-view.css' => '01b6e9c6', 155 155 'rsrc/css/sprite-login.css' => 'a3526809', ··· 697 697 'path-typeahead' => 'f7fc67ec', 698 698 'people-profile-css' => '25970776', 699 699 'phabricator-action-list-view-css' => '32c388b3', 700 - 'phabricator-application-launch-view-css' => '214e2510', 700 + 'phabricator-application-launch-view-css' => '9a233ed6', 701 701 'phabricator-busy' => '59a7976a', 702 702 'phabricator-chatlog-css' => 'f1971c1c', 703 703 'phabricator-content-source-view-css' => '4b8b05d4', ··· 715 715 'phabricator-hovercard-view-css' => '0d665853', 716 716 'phabricator-keyboard-shortcut' => '1ae869f2', 717 717 'phabricator-keyboard-shortcut-manager' => 'c1700f6f', 718 - 'phabricator-main-menu-view' => '4b7ecab2', 718 + 'phabricator-main-menu-view' => '1d2f0ad0', 719 719 'phabricator-nav-view-css' => '0ecd30a1', 720 720 'phabricator-notification' => '0c6946e7', 721 721 'phabricator-notification-css' => '9c279160', ··· 727 727 'phabricator-remarkup-css' => 'ea91b3ee', 728 728 'phabricator-search-results-css' => '15c71110', 729 729 'phabricator-shaped-request' => '7cbe244b', 730 - 'phabricator-side-menu-view-css' => 'a440478a', 730 + 'phabricator-side-menu-view-css' => '4f2cd343', 731 731 'phabricator-slowvote-css' => '266df6a1', 732 732 'phabricator-source-code-view-css' => '2ceee894', 733 733 'phabricator-standard-page-view' => '43045fb4', ··· 764 764 'phui-calendar-month-css' => '476be7e0', 765 765 'phui-crumbs-view-css' => 'ce840ec2', 766 766 'phui-document-view-css' => '8be7a5e3', 767 - 'phui-feed-story-css' => 'e5682f4c', 767 + 'phui-feed-story-css' => '92f55311', 768 768 'phui-font-icon-base-css' => '3dad2ae3', 769 769 'phui-fontkit-css' => 'b664ac96', 770 770 'phui-form-css' => 'f535f938', 771 771 'phui-form-view-css' => 'a0e8f168', 772 - 'phui-header-view-css' => '7ad91dd2', 772 + 'phui-header-view-css' => '47b8f221', 773 773 'phui-icon-view-css' => '88ba9081', 774 774 'phui-image-mask-css' => '5a8b09c8', 775 775 'phui-info-panel-css' => '27ea50a1', 776 776 'phui-info-view-css' => '33e54618', 777 777 'phui-inline-comment-view-css' => 'aa16f165', 778 778 'phui-list-view-css' => 'e448b6ba', 779 - 'phui-object-box-css' => '8eacbeed', 780 - 'phui-object-item-list-view-css' => '24ed8d94', 779 + 'phui-object-box-css' => '59db5c05', 780 + 'phui-object-item-list-view-css' => '29ded459', 781 781 'phui-pinboard-view-css' => '55b27bc3', 782 782 'phui-property-list-view-css' => '1baf23eb', 783 783 'phui-remarkup-preview-css' => '19ad512b', ··· 785 785 'phui-status-list-view-css' => '888cedb8', 786 786 'phui-tag-view-css' => '402691cc', 787 787 'phui-text-css' => 'cf019f54', 788 - 'phui-timeline-view-css' => '8eaab66c', 788 + 'phui-timeline-view-css' => '07a1bd0f', 789 789 'phui-workboard-view-css' => '720efdde', 790 790 'phui-workpanel-view-css' => '01b6e9c6', 791 791 'phuix-action-list-view' => 'b5c256b8',
+2 -1
src/applications/celerity/CelerityResourceTransformer.php
··· 177 177 178 178 // Drop Shadow 179 179 'dropshadow' => '0 1px 6px rgba(0, 0, 0, .25)', 180 + 'whitetextshadow' => '0 1px 0 rgba(255, 255, 255, 1)', 180 181 181 182 // Anchors 182 183 'anchor' => '#136CB2', ··· 194 195 'lightblue' => '#daeaf3', 195 196 'sky' => '#3498db', 196 197 'lightsky' => '#ddeef9', 197 - 'fire' => '#fa4b2a', 198 + 'fire' => '#e62f17', 198 199 'indigo' => '#6e5cb6', 199 200 'lightindigo' => '#eae6f7', 200 201 'pink' => '#da49be',
+1 -1
src/applications/feed/builder/PhabricatorFeedBuilder.php
··· 59 59 $last_date = $date; 60 60 $header = new PHUIHeaderView(); 61 61 $header->setHeader($date); 62 - $header->setHeaderIcon('fa-calendar blue msr'); 62 + $header->setHeaderIcon('fa-calendar msr'); 63 63 64 64 $null_view->appendChild($header); 65 65 }
+1 -1
src/applications/home/controller/PhabricatorHomeController.php
··· 74 74 75 75 $nav->addFilter( 76 76 '', 77 - pht('Customize Applications...'), 77 + pht('Customize Menu...'), 78 78 '/settings/panel/home/'); 79 79 80 80 $nav->addClass('phabricator-side-menu-home');
+10 -5
webroot/rsrc/css/application/base/main-menu-view.css
··· 92 92 text-align: center; 93 93 vertical-align: middle; 94 94 line-height: 24px; 95 + text-shadow: {$whitetextshadow}; 95 96 } 96 97 97 98 .phabricator-expand-application-menu, ··· 220 221 221 222 .device-desktop .phabricator-main-menu-search 222 223 button.phabricator-main-menu-search-dropdown:hover .phui-icon-view { 223 - color: {$sky}; 224 + color: {$darkbluetext}; 224 225 } 225 226 226 227 .device-desktop .phabricator-main-menu-search ··· 238 239 button.phabricator-main-menu-search-dropdown .caret:before { 239 240 content: "\f107"; 240 241 font-family: FontAwesome; 241 - color: {$bluetext}; 242 + color: {$lightbluetext}; 242 243 } 243 244 244 245 .phabricator-main-menu-search button.phabricator-main-menu-search-dropdown 245 246 .phui-icon-view { 246 - color: {$bluetext}; 247 + color: {$lightbluetext}; 247 248 font-size: 15px; 248 249 top: 6px; 249 250 left: 8px; 251 + text-shadow: {$whitetextshadow}; 250 252 } 251 253 252 254 .phabricator-main-menu-search-dropdown .caret { ··· 351 353 352 354 .alert-notifications .phui-icon-view { 353 355 color: {$lightbluetext}; 356 + text-shadow: {$whitetextshadow}; 354 357 } 355 358 356 359 .device-desktop .alert-notifications:hover { ··· 387 390 float: left; 388 391 margin: 11px 6px 0 -2px; 389 392 font-size: 12px; 393 + text-shadow: {$whitetextshadow}; 390 394 } 391 395 392 396 .device-phone .alert-unread .phabricator-main-menu-alert-count, ··· 489 493 font-size: 20px; 490 494 height: 20px; 491 495 width: 20px; 492 - color: {$bluetext}; 496 + color: {$lightbluetext}; 493 497 margin: 8px; 494 498 text-align: center; 495 499 vertical-align: middle; 500 + text-shadow: {$whitetextshadow}; 496 501 } 497 502 498 503 .device .phabricator-application-menu .phui-list-item-icon.phui-font-fa { ··· 506 511 .device-desktop .phabricator-application-menu 507 512 .core-menu-item.phui-list-item-view:hover 508 513 .phui-list-item-icon.phui-font-fa { 509 - color: {$sky}; 514 + color: {$darkbluetext}; 510 515 } 511 516 512 517 .device-desktop .phabricator-application-menu
+1
webroot/rsrc/css/application/base/phabricator-application-launch-view.css
··· 48 48 text-align: center; 49 49 vertical-align: bottom; 50 50 color: {$darkbluetext}; 51 + text-shadow: {$whitetextshadow}; 51 52 } 52 53 53 54 .device-desktop a.phabricator-application-launch-container:hover {
+2 -1
webroot/rsrc/css/layout/phabricator-side-menu-view.css
··· 19 19 } 20 20 21 21 .phabricator-side-menu .phui-list-item-selected { 22 - background-color: rgba(0,0,0,.05); 22 + background-color: {$lightsky}; 23 23 border-left: 4px solid {$sky}; 24 24 border-top-right-radius: 3px; 25 25 border-bottom-right-radius: 3px; ··· 68 68 line-height: 38px; 69 69 text-align: center; 70 70 vertical-align: bottom; 71 + text-shadow: {$whitetextshadow}; 71 72 } 72 73 73 74 .phabricator-icon-nav .phabricator-side-menu .phui-list-item-selected {
-3
webroot/rsrc/css/phui/phui-feed-story.css
··· 1 1 /** 2 2 * @provides phui-feed-story-css 3 3 */ 4 - .phui-object-box .phabricator-feed-frame .phui-header-shell h1 { 5 - color: {$blue}; 6 - } 7 4 8 5 .phui-feed-story-head .phui-feed-story-actor-image { 9 6 width: 35px;
+1 -1
webroot/rsrc/css/phui/phui-header-view.css
··· 64 64 } 65 65 66 66 .phui-header-view { 67 - font-size: 15px; 67 + font-size: 16px; 68 68 color: #000; 69 69 font-weight: 500; 70 70 position: relative;
+3 -2
webroot/rsrc/css/phui/phui-object-box.css
··· 113 113 } 114 114 115 115 .phui-object-box .phui-object-box .phui-header-shell h1 { 116 - padding: 8px 4px; 116 + padding: 8px; 117 117 font-size: 13px; 118 118 margin: 0; 119 - color: {$bluetext}; 119 + color: {$darkbluetext}; 120 120 font-weight: 500; 121 + background-color: {$lightgreybackground}; 121 122 } 122 123 123 124 .phui-object-box .phui-object-box .phui-header-shell {
+3 -2
webroot/rsrc/css/phui/phui-object-item-list-view.css
··· 608 608 609 609 .phui-object-box .phui-object-item-list-header { 610 610 font-size: 13px; 611 - color: {$bluetext}; 611 + color: {$darkbluetext}; 612 612 border-top: 1px solid {$thinblueborder}; 613 613 border-bottom: 1px solid {$thinblueborder}; 614 - padding: 8px 4px; 614 + padding: 8px; 615 615 font-weight: 500; 616 + background-color: {$lightgreybackground}; 616 617 } 617 618 618 619 .phui-object-box .phui-header-shell + .phui-object-item-list-view
+3 -3
webroot/rsrc/css/phui/phui-timeline-view.css
··· 318 318 } 319 319 320 320 .phui-timeline-older-transactions-are-hidden { 321 - background: {$lightyellow}; 322 - border: 1px solid {$yellow}; 321 + background: {$sh-yellowbackground}; 322 + border: 1px solid {$sh-yellowborder}; 323 323 text-align: center; 324 324 padding: 12px; 325 325 color: {$darkgreytext}; 326 326 cursor: pointer; 327 + border-radius: 3px; 327 328 } 328 329 329 330 .device-phone .phui-timeline-older-transactions-are-hidden { 330 331 margin: 0 8px; 331 332 } 332 - 333 333 334 334 .phui-timeline-title .phui-timeline-extra-information a { 335 335 font-weight: normal;