@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.

Add Indigo header, fix colors and hovers

Summary: This adds Phacility "Indigo" as well as uses rgba for colors and hovers improving icon colors.

Test Plan:
Tested each color and hover states. Set test instance to scootaloo.

{F310660}

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: Korvin, epriestley

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

+67 -59
+6 -6
resources/celerity/map.php
··· 7 7 */ 8 8 return array( 9 9 'names' => array( 10 - 'core.pkg.css' => '64aeadfc', 10 + 'core.pkg.css' => 'a605a99b', 11 11 'core.pkg.js' => '23d653bb', 12 12 'darkconsole.pkg.js' => '8ab24e01', 13 13 'differential.pkg.css' => '380f07e5', ··· 35 35 'rsrc/css/aphront/typeahead.css' => '0e403212', 36 36 'rsrc/css/application/almanac/almanac.css' => 'dbb9b3af', 37 37 'rsrc/css/application/auth/auth.css' => '1e655982', 38 - 'rsrc/css/application/base/main-menu-view.css' => '83766540', 38 + 'rsrc/css/application/base/main-menu-view.css' => 'c32b228a', 39 39 'rsrc/css/application/base/notification-menu.css' => '6aa0a74b', 40 40 'rsrc/css/application/base/phabricator-application-launch-view.css' => '16ca323f', 41 41 'rsrc/css/application/base/standard-page-view.css' => '60d0df9a', ··· 151 151 'rsrc/css/phui/phui-workpanel-view.css' => 'e495a5cc', 152 152 'rsrc/css/sprite-gradient.css' => '4bdb98a7', 153 153 'rsrc/css/sprite-login.css' => 'a355d921', 154 - 'rsrc/css/sprite-main-header.css' => '92720ee2', 154 + 'rsrc/css/sprite-main-header.css' => '12c32a0b', 155 155 'rsrc/css/sprite-menu.css' => '9ef76324', 156 156 'rsrc/css/sprite-projects.css' => 'b0d9e24f', 157 157 'rsrc/css/sprite-tokens.css' => '1706b943', ··· 329 329 'rsrc/image/sprite-gradient.png' => 'ec15a417', 330 330 'rsrc/image/sprite-login-X2.png' => '5ae6de3a', 331 331 'rsrc/image/sprite-login.png' => '07f2c67c', 332 - 'rsrc/image/sprite-main-header.png' => '83521873', 332 + 'rsrc/image/sprite-main-header.png' => '2f8f4c8d', 333 333 'rsrc/image/sprite-menu-X2.png' => '1c90d7bc', 334 334 'rsrc/image/sprite-menu.png' => '619781ee', 335 335 'rsrc/image/sprite-projects-X2.png' => '8c91c839', ··· 729 729 'phabricator-hovercard-view-css' => '893f4783', 730 730 'phabricator-keyboard-shortcut' => '1ae869f2', 731 731 'phabricator-keyboard-shortcut-manager' => 'c1700f6f', 732 - 'phabricator-main-menu-view' => '83766540', 732 + 'phabricator-main-menu-view' => 'c32b228a', 733 733 'phabricator-nav-view-css' => '7aeaf435', 734 734 'phabricator-notification' => '0c6946e7', 735 735 'phabricator-notification-css' => '9c279160', ··· 824 824 'setup-issue-css' => '22270af2', 825 825 'sprite-gradient-css' => '4bdb98a7', 826 826 'sprite-login-css' => 'a355d921', 827 - 'sprite-main-header-css' => '92720ee2', 827 + 'sprite-main-header-css' => '12c32a0b', 828 828 'sprite-menu-css' => '9ef76324', 829 829 'sprite-projects-css' => 'b0d9e24f', 830 830 'sprite-tokens-css' => '1706b943',
resources/sprite/main_header/indigo.png

This is a binary file and will not be displayed.

+46 -41
resources/sprite/manifest/main-header.json
··· 1 1 { 2 - "version" : 1, 3 - "sprites" : { 4 - "main-header-applebloom" : { 5 - "name" : "main-header-applebloom", 6 - "rule" : ".main-header-applebloom", 7 - "hash" : "64822776b129e724709983db1ac5a712" 2 + "version": 1, 3 + "sprites": { 4 + "main-header-applebloom": { 5 + "name": "main-header-applebloom", 6 + "rule": ".main-header-applebloom", 7 + "hash": "64822776b129e724709983db1ac5a712" 8 8 }, 9 - "main-header-blue" : { 10 - "name" : "main-header-blue", 11 - "rule" : ".main-header-blue", 12 - "hash" : "b5dd317b7bd35e0592b3f4b66267437c" 9 + "main-header-blue": { 10 + "name": "main-header-blue", 11 + "rule": ".main-header-blue", 12 + "hash": "b5dd317b7bd35e0592b3f4b66267437c" 13 13 }, 14 - "main-header-dark" : { 15 - "name" : "main-header-dark", 16 - "rule" : ".main-header-dark", 17 - "hash" : "817815d84c0c935b4875f6ecc7dbb526" 14 + "main-header-dark": { 15 + "name": "main-header-dark", 16 + "rule": ".main-header-dark", 17 + "hash": "817815d84c0c935b4875f6ecc7dbb526" 18 18 }, 19 - "main-header-fluttershy" : { 20 - "name" : "main-header-fluttershy", 21 - "rule" : ".main-header-fluttershy", 22 - "hash" : "55d4e9f813cf354693290105cf83cf78" 19 + "main-header-fluttershy": { 20 + "name": "main-header-fluttershy", 21 + "rule": ".main-header-fluttershy", 22 + "hash": "55d4e9f813cf354693290105cf83cf78" 23 23 }, 24 - "main-header-green" : { 25 - "name" : "main-header-green", 26 - "rule" : ".main-header-green", 27 - "hash" : "c230f09e307d167fab3ea0d8c3b33755" 24 + "main-header-green": { 25 + "name": "main-header-green", 26 + "rule": ".main-header-green", 27 + "hash": "c230f09e307d167fab3ea0d8c3b33755" 28 + }, 29 + "main-header-indigo": { 30 + "name": "main-header-indigo", 31 + "rule": ".main-header-indigo", 32 + "hash": "a27394ff1eff4d24398ec57e54d7f5fd" 28 33 }, 29 - "main-header-nightmaremoon" : { 30 - "name" : "main-header-nightmaremoon", 31 - "rule" : ".main-header-nightmaremoon", 32 - "hash" : "9e7cc7b18d2132d2dd47586ba0cd6400" 34 + "main-header-nightmaremoon": { 35 + "name": "main-header-nightmaremoon", 36 + "rule": ".main-header-nightmaremoon", 37 + "hash": "9e7cc7b18d2132d2dd47586ba0cd6400" 33 38 }, 34 - "main-header-red" : { 35 - "name" : "main-header-red", 36 - "rule" : ".main-header-red", 37 - "hash" : "3f12cc098afddb8e6c830ef761dcaa61" 39 + "main-header-red": { 40 + "name": "main-header-red", 41 + "rule": ".main-header-red", 42 + "hash": "3f12cc098afddb8e6c830ef761dcaa61" 38 43 }, 39 - "main-header-scootaloo" : { 40 - "name" : "main-header-scootaloo", 41 - "rule" : ".main-header-scootaloo", 42 - "hash" : "8cedc359dccab1bbd49cbc69940f566a" 44 + "main-header-scootaloo": { 45 + "name": "main-header-scootaloo", 46 + "rule": ".main-header-scootaloo", 47 + "hash": "8cedc359dccab1bbd49cbc69940f566a" 43 48 }, 44 - "main-header-yellow" : { 45 - "name" : "main-header-yellow", 46 - "rule" : ".main-header-yellow", 47 - "hash" : "d920e70a6d2662cfb83e1d7e4b4000fd" 49 + "main-header-yellow": { 50 + "name": "main-header-yellow", 51 + "rule": ".main-header-yellow", 52 + "hash": "d920e70a6d2662cfb83e1d7e4b4000fd" 48 53 } 49 54 }, 50 - "scales" : [ 55 + "scales": [ 51 56 1 52 57 ], 53 - "header" : "\/**\n * @provides sprite-main-header-css\n * @generated\n *\/\n\n.sprite-main-header {\n background-image: url(\/rsrc\/image\/sprite-main-header.png);\n background-repeat: repeat-x;\n}\n\n\n", 54 - "type" : "repeat-x" 58 + "header": "\/**\n * @provides sprite-main-header-css\n * @generated\n *\/\n\n.sprite-main-header {\n background-image: url(\/rsrc\/image\/sprite-main-header.png);\n background-repeat: repeat-x;\n}\n\n\n", 59 + "type": "repeat-x" 55 60 }
+7 -8
webroot/rsrc/css/application/base/main-menu-view.css
··· 63 63 } 64 64 65 65 .device-desktop .phabricator-main-menu-brand:hover { 66 - background-color: rgba(0,0,0,.6); 66 + background-color: rgba(0,0,0,.33); 67 67 cursor: hand; 68 68 } 69 69 ··· 280 280 float: left; 281 281 } 282 282 283 + .alert-notifications .phui-icon-view { 284 + color: rgba(200,200,200, .5); 285 + } 286 + 283 287 .alert-notifications:hover .phui-icon-view { 284 288 color: #fff; 285 289 } ··· 416 420 font-size: 20px; 417 421 height: 20px; 418 422 width: 20px; 419 - color: #d7d7d7; 423 + color: rgba(255,255,255,.8); 420 424 margin: 8px; 421 425 text-align: center; 422 426 vertical-align: middle; ··· 441 445 display: block; 442 446 } 443 447 444 - .device-desktop .main-header-dark .phabricator-application-menu 445 - .core-menu-item.phui-list-item-view:hover { 446 - background-color: rgba(0,0,0,.6); 447 - } 448 - 449 448 .device-desktop .phabricator-application-menu 450 449 .core-menu-item.phui-list-item-view:hover { 451 - box-shadow: inset 0 5px 10px rgba(0,0,0,0.5); 450 + background-color: rgba(0,0,0,.33); 452 451 border-radius: 3px; 453 452 color: #fff; 454 453 }
+8 -4
webroot/rsrc/css/sprite-main-header.css
··· 31 31 background-position: 0px -180px; 32 32 } 33 33 34 - .main-header-nightmaremoon { 34 + .main-header-indigo { 35 35 background-position: 0px -225px; 36 36 } 37 37 38 - .main-header-red { 38 + .main-header-nightmaremoon { 39 39 background-position: 0px -270px; 40 40 } 41 41 42 - .main-header-scootaloo { 42 + .main-header-red { 43 43 background-position: 0px -315px; 44 44 } 45 45 46 - .main-header-yellow { 46 + .main-header-scootaloo { 47 47 background-position: 0px -360px; 48 48 } 49 + 50 + .main-header-yellow { 51 + background-position: 0px -405px; 52 + }
webroot/rsrc/image/sprite-main-header.png

This is a binary file and will not be displayed.