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

Move rgba rules into CelerityDefaultPostprocessor

Summary: Should make it simpler here to have more `rgba` rules in CSS for things like hovers, selected states. Maybe only use `rgb` colors? Color pallette probably needs an overhaul.

Test Plan: Bounce around random pages, buttons, menus. Everything appears normal.

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

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

+117 -111
+33 -33
resources/celerity/map.php
··· 7 7 */ 8 8 return array( 9 9 'names' => array( 10 - 'core.pkg.css' => '1972333f', 10 + 'core.pkg.css' => '7fd6b616', 11 11 'core.pkg.js' => 'd7daa6d8', 12 12 'darkconsole.pkg.js' => 'e7393ebb', 13 13 'differential.pkg.css' => '2de124c9', ··· 17 17 'maniphest.pkg.css' => '4845691a', 18 18 'maniphest.pkg.js' => '949a7498', 19 19 'rsrc/css/aphront/aphront-bars.css' => '231ac33c', 20 - 'rsrc/css/aphront/dark-console.css' => '6378ef3d', 20 + 'rsrc/css/aphront/dark-console.css' => 'f54bf286', 21 21 'rsrc/css/aphront/dialog-view.css' => 'b4334e08', 22 22 'rsrc/css/aphront/lightbox-attachment.css' => '7acac05d', 23 23 'rsrc/css/aphront/list-filter-view.css' => '5d6f0526', 24 24 'rsrc/css/aphront/multi-column.css' => 'fd18389d', 25 - 'rsrc/css/aphront/notification.css' => '9c279160', 25 + 'rsrc/css/aphront/notification.css' => '7f684b62', 26 26 'rsrc/css/aphront/panel-view.css' => '8427b78d', 27 - 'rsrc/css/aphront/phabricator-nav-view.css' => 'a24cb589', 27 + 'rsrc/css/aphront/phabricator-nav-view.css' => 'ac79a758', 28 28 'rsrc/css/aphront/table-view.css' => '6d01d468', 29 29 'rsrc/css/aphront/tokenizer.css' => '056da01b', 30 - 'rsrc/css/aphront/tooltip.css' => '7672b60f', 30 + 'rsrc/css/aphront/tooltip.css' => '1a07aea8', 31 31 'rsrc/css/aphront/typeahead-browse.css' => 'd8581d2c', 32 - 'rsrc/css/aphront/typeahead.css' => '0e403212', 32 + 'rsrc/css/aphront/typeahead.css' => 'd4f16145', 33 33 'rsrc/css/application/almanac/almanac.css' => 'dbb9b3af', 34 34 'rsrc/css/application/auth/auth.css' => '0877ed6e', 35 35 'rsrc/css/application/base/main-menu-view.css' => 'd00a795a', ··· 68 68 'rsrc/css/application/diffusion/diffusion-readme.css' => '2106ea08', 69 69 'rsrc/css/application/diffusion/diffusion-source.css' => '075ba788', 70 70 'rsrc/css/application/feed/feed.css' => 'ecd4ec57', 71 - 'rsrc/css/application/files/global-drag-and-drop.css' => '697324ad', 71 + 'rsrc/css/application/files/global-drag-and-drop.css' => '5c1b47c2', 72 72 'rsrc/css/application/flag/flag.css' => '5337623f', 73 73 'rsrc/css/application/harbormaster/harbormaster.css' => 'b0758ca5', 74 74 'rsrc/css/application/herald/herald-test.css' => 'a52e323e', ··· 81 81 'rsrc/css/application/owners/owners-path-editor.css' => '2f00933b', 82 82 'rsrc/css/application/paste/paste.css' => 'a5157c48', 83 83 'rsrc/css/application/people/people-profile.css' => '2473d929', 84 - 'rsrc/css/application/phame/phame.css' => '1dbbacf9', 84 + 'rsrc/css/application/phame/phame.css' => '4ca6fd6c', 85 85 'rsrc/css/application/pholio/pholio-edit.css' => '3ad9d1ee', 86 86 'rsrc/css/application/pholio/pholio-inline-comments.css' => '8e545e49', 87 - 'rsrc/css/application/pholio/pholio.css' => '95174bdd', 87 + 'rsrc/css/application/pholio/pholio.css' => 'ca89d380', 88 88 'rsrc/css/application/phortune/phortune-credit-card-form.css' => '8391eb02', 89 89 'rsrc/css/application/phortune/phortune.css' => '9149f103', 90 90 'rsrc/css/application/phrequent/phrequent.css' => 'ffc185ad', ··· 92 92 'rsrc/css/application/policy/policy-edit.css' => '815c66f7', 93 93 'rsrc/css/application/policy/policy-transaction-detail.css' => '82100a43', 94 94 'rsrc/css/application/policy/policy.css' => '957ea14c', 95 - 'rsrc/css/application/ponder/ponder-view.css' => '7b0df4da', 95 + 'rsrc/css/application/ponder/ponder-view.css' => '4486434b', 96 96 'rsrc/css/application/project/project-card-view.css' => '9418c97d', 97 97 'rsrc/css/application/project/project-view.css' => '4c832c27', 98 98 'rsrc/css/application/releeph/releeph-core.css' => '9b3c5733', ··· 104 104 'rsrc/css/application/tokens/tokens.css' => '3d0f239e', 105 105 'rsrc/css/application/uiexample/example.css' => '528b19de', 106 106 'rsrc/css/core/core.css' => '5b3563c8', 107 - 'rsrc/css/core/remarkup.css' => '2c913a06', 107 + 'rsrc/css/core/remarkup.css' => 'fc228f08', 108 108 'rsrc/css/core/syntax.css' => '9fd11da8', 109 109 'rsrc/css/core/z-index.css' => '5b6fcf3f', 110 110 'rsrc/css/diviner/diviner-shared.css' => 'aa3656aa', ··· 124 124 'rsrc/css/phui/phui-badge.css' => 'f25c3476', 125 125 'rsrc/css/phui/phui-big-info-view.css' => 'bd903741', 126 126 'rsrc/css/phui/phui-box.css' => 'dd1294d3', 127 - 'rsrc/css/phui/phui-button.css' => 'd04a0eb7', 127 + 'rsrc/css/phui/phui-button.css' => 'edf464e9', 128 128 'rsrc/css/phui/phui-chart.css' => '6bf6f78e', 129 129 'rsrc/css/phui/phui-crumbs-view.css' => '79d536e5', 130 - 'rsrc/css/phui/phui-document-pro.css' => '8799acf7', 130 + 'rsrc/css/phui/phui-document-pro.css' => 'a8872307', 131 131 'rsrc/css/phui/phui-document-summary.css' => '9ca48bdf', 132 132 'rsrc/css/phui/phui-document.css' => '9c71d2bf', 133 133 'rsrc/css/phui/phui-feed-story.css' => '04aec08f', 134 134 'rsrc/css/phui/phui-fontkit.css' => '9cda225e', 135 135 'rsrc/css/phui/phui-form-view.css' => '4a1a0f5e', 136 - 'rsrc/css/phui/phui-form.css' => '0b98e572', 137 - 'rsrc/css/phui/phui-header-view.css' => 'd53cc835', 136 + 'rsrc/css/phui/phui-form.css' => 'aac1d51d', 137 + 'rsrc/css/phui/phui-header-view.css' => '50c5cb6a', 138 138 'rsrc/css/phui/phui-hovercard.css' => 'de1a2119', 139 139 'rsrc/css/phui/phui-icon-set-selector.css' => '1ab67aad', 140 140 'rsrc/css/phui/phui-icon.css' => '3f33ab57', 141 - 'rsrc/css/phui/phui-image-mask.css' => '5a8b09c8', 141 + 'rsrc/css/phui/phui-image-mask.css' => 'a8498f9c', 142 142 'rsrc/css/phui/phui-info-panel.css' => '27ea50a1', 143 143 'rsrc/css/phui/phui-info-view.css' => '6d7c3509', 144 144 'rsrc/css/phui/phui-list.css' => '9da2aa00', ··· 146 146 'rsrc/css/phui/phui-object-item-list-view.css' => '18b2ce8e', 147 147 'rsrc/css/phui/phui-pager.css' => 'bea33d23', 148 148 'rsrc/css/phui/phui-pinboard-view.css' => '2495140e', 149 - 'rsrc/css/phui/phui-profile-menu.css' => 'f709256c', 149 + 'rsrc/css/phui/phui-profile-menu.css' => 'f42bedb6', 150 150 'rsrc/css/phui/phui-property-list-view.css' => '27b2849e', 151 151 'rsrc/css/phui/phui-remarkup-preview.css' => '1a8f2591', 152 152 'rsrc/css/phui/phui-segment-bar-view.css' => '46342871', ··· 518 518 'symbols' => array( 519 519 'almanac-css' => 'dbb9b3af', 520 520 'aphront-bars' => '231ac33c', 521 - 'aphront-dark-console-css' => '6378ef3d', 521 + 'aphront-dark-console-css' => 'f54bf286', 522 522 'aphront-dialog-view-css' => 'b4334e08', 523 523 'aphront-list-filter-view-css' => '5d6f0526', 524 524 'aphront-multi-column-view-css' => 'fd18389d', 525 525 'aphront-panel-view-css' => '8427b78d', 526 526 'aphront-table-view-css' => '6d01d468', 527 527 'aphront-tokenizer-control-css' => '056da01b', 528 - 'aphront-tooltip-css' => '7672b60f', 529 - 'aphront-typeahead-control-css' => '0e403212', 528 + 'aphront-tooltip-css' => '1a07aea8', 529 + 'aphront-typeahead-control-css' => 'd4f16145', 530 530 'auth-css' => '0877ed6e', 531 531 'bulk-job-css' => 'df9c1d4a', 532 532 'changeset-view-manager' => 'a2828756', ··· 557 557 'font-aleo' => '8bdb2835', 558 558 'font-fontawesome' => 'c43323c5', 559 559 'font-lato' => 'c7ccd872', 560 - 'global-drag-and-drop-css' => '697324ad', 560 + 'global-drag-and-drop-css' => '5c1b47c2', 561 561 'harbormaster-css' => 'b0758ca5', 562 562 'herald-css' => '826075fa', 563 563 'herald-rule-editor' => '746ca158', ··· 761 761 'phabricator-keyboard-shortcut' => '1ae869f2', 762 762 'phabricator-keyboard-shortcut-manager' => 'c1700f6f', 763 763 'phabricator-main-menu-view' => 'd00a795a', 764 - 'phabricator-nav-view-css' => 'a24cb589', 764 + 'phabricator-nav-view-css' => 'ac79a758', 765 765 'phabricator-notification' => 'ccf1cbf8', 766 - 'phabricator-notification-css' => '9c279160', 766 + 'phabricator-notification-css' => '7f684b62', 767 767 'phabricator-notification-menu-css' => 'f31c0bde', 768 768 'phabricator-object-selector-css' => '85ee8ce6', 769 769 'phabricator-phtize' => 'd254d646', 770 770 'phabricator-prefab' => 'e67df814', 771 - 'phabricator-remarkup-css' => '2c913a06', 771 + 'phabricator-remarkup-css' => 'fc228f08', 772 772 'phabricator-search-results-css' => '7dea472c', 773 773 'phabricator-shaped-request' => '7cbe244b', 774 774 'phabricator-side-menu-view-css' => '3a3d9f41', ··· 790 790 'phabricator-uiexample-reactor-sendclass' => '1def2711', 791 791 'phabricator-uiexample-reactor-sendproperties' => 'b1f0ccee', 792 792 'phabricator-zindex-css' => '5b6fcf3f', 793 - 'phame-css' => '1dbbacf9', 794 - 'pholio-css' => '95174bdd', 793 + 'phame-css' => '4ca6fd6c', 794 + 'pholio-css' => 'ca89d380', 795 795 'pholio-edit-css' => '3ad9d1ee', 796 796 'pholio-inline-comments-css' => '8e545e49', 797 797 'phortune-credit-card-form' => '2290aeef', ··· 803 803 'phui-badge-view-css' => 'f25c3476', 804 804 'phui-big-info-view-css' => 'bd903741', 805 805 'phui-box-css' => 'dd1294d3', 806 - 'phui-button-css' => 'd04a0eb7', 806 + 'phui-button-css' => 'edf464e9', 807 807 'phui-calendar-css' => 'ccabe893', 808 808 'phui-calendar-day-css' => 'd1cf6f93', 809 809 'phui-calendar-list-css' => 'c1c7f338', ··· 812 812 'phui-crumbs-view-css' => '79d536e5', 813 813 'phui-document-summary-view-css' => '9ca48bdf', 814 814 'phui-document-view-css' => '9c71d2bf', 815 - 'phui-document-view-pro-css' => '8799acf7', 815 + 'phui-document-view-pro-css' => 'a8872307', 816 816 'phui-feed-story-css' => '04aec08f', 817 817 'phui-font-icon-base-css' => 'ecbbb4c2', 818 818 'phui-fontkit-css' => '9cda225e', 819 - 'phui-form-css' => '0b98e572', 819 + 'phui-form-css' => 'aac1d51d', 820 820 'phui-form-view-css' => '4a1a0f5e', 821 - 'phui-header-view-css' => 'd53cc835', 821 + 'phui-header-view-css' => '50c5cb6a', 822 822 'phui-hovercard' => '1bd28176', 823 823 'phui-hovercard-view-css' => 'de1a2119', 824 824 'phui-icon-set-selector-css' => '1ab67aad', 825 825 'phui-icon-view-css' => '3f33ab57', 826 - 'phui-image-mask-css' => '5a8b09c8', 826 + 'phui-image-mask-css' => 'a8498f9c', 827 827 'phui-info-panel-css' => '27ea50a1', 828 828 'phui-info-view-css' => '6d7c3509', 829 829 'phui-inline-comment-view-css' => '0fdb3667', ··· 832 832 'phui-object-item-list-view-css' => '18b2ce8e', 833 833 'phui-pager-css' => 'bea33d23', 834 834 'phui-pinboard-view-css' => '2495140e', 835 - 'phui-profile-menu-css' => 'f709256c', 835 + 'phui-profile-menu-css' => 'f42bedb6', 836 836 'phui-property-list-view-css' => '27b2849e', 837 837 'phui-remarkup-preview-css' => '1a8f2591', 838 838 'phui-segment-bar-view-css' => '46342871', ··· 855 855 'policy-css' => '957ea14c', 856 856 'policy-edit-css' => '815c66f7', 857 857 'policy-transaction-detail-css' => '82100a43', 858 - 'ponder-view-css' => '7b0df4da', 858 + 'ponder-view-css' => '4486434b', 859 859 'project-card-view-css' => '9418c97d', 860 860 'project-view-css' => '4c832c27', 861 861 'releeph-core' => '9b3c5733',
+6
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 75 + // Alphas 76 + 'alphawhite' => '255,255,255', 77 + 'alphagrey' => '55,55,55', 78 + 'alphablue' => '71,87,120', 79 + 'alphablack' => '0,0,0', 80 + 75 81 // Base Greys 76 82 'lightgreyborder' => '#C7CCD9', 77 83 'greyborder' => '#A1A6B0',
+1 -1
webroot/rsrc/css/aphront/dark-console.css
··· 31 31 .dark-console-panel, 32 32 .dark-console-load { 33 33 border-left: 1px solid #111111; 34 - box-shadow: -2px 0px 2px rgba(0, 0, 0, 0.25); 34 + box-shadow: -2px 0px 2px rgba({$alphablack}, 0.25); 35 35 } 36 36 37 37 .dark-console-requests {
+1 -1
webroot/rsrc/css/aphront/notification.css
··· 23 23 cursor: pointer; 24 24 25 25 border-radius: 3px; 26 - box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25); 26 + box-shadow: 0px 1px 2px rgba({$alphablack}, 0.25); 27 27 margin-top: 4px; 28 28 } 29 29
+1 -1
webroot/rsrc/css/aphront/phabricator-nav-view.css
··· 52 52 border-width: 0 1px 0 1px; 53 53 border-color: #fff #999c9e #fff #999c9e; 54 54 55 - box-shadow: inset -1px 0px 1px rgba(0, 0, 0, 0.15); 55 + box-shadow: inset -1px 0px 1px rgba({$alphablack}, 0.15); 56 56 57 57 background-image: url(/rsrc/image/divot.png); 58 58 background-position: center;
+2 -2
webroot/rsrc/css/aphront/tooltip.css
··· 9 9 10 10 .jx-tooltip-inner { 11 11 position: relative; 12 - background: rgba(0,0,0, .9); 12 + background: rgba({$alphablack}, .9); 13 13 border-radius: 3px; 14 14 } 15 15 ··· 28 28 width: 0; 29 29 position: absolute; 30 30 pointer-events: none; 31 - border-color: rgba(0, 0, 0, 0); 31 + border-color: rgba({$alphablack}, 0); 32 32 border-width: 5px; 33 33 } 34 34
+1 -1
webroot/rsrc/css/aphront/typeahead.css
··· 14 14 padding: 0; 15 15 background: #fefefe; 16 16 width: 98%; 17 - box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); 17 + box-shadow: 0px 1px 2px rgba({$alphablack}, 0.2); 18 18 margin: -1px 1% 0; 19 19 } 20 20
+1 -1
webroot/rsrc/css/application/base/main-menu-view.css
··· 65 65 } 66 66 67 67 .device-desktop .phabricator-main-menu-brand:hover { 68 - background-color: rgba(55,55,55,.2); 68 + background-color: rgba({$alphagrey},.2); 69 69 cursor: hand; 70 70 } 71 71
+1 -1
webroot/rsrc/css/application/base/phabricator-application-launch-view.css
··· 52 52 } 53 53 54 54 .device-desktop a.phabricator-application-launch-container:hover { 55 - background-color: rgba(0,0,0,.07); 55 + background-color: rgba({$alphablack},.07); 56 56 text-decoration: none; 57 57 } 58 58
+1 -1
webroot/rsrc/css/application/base/standard-page-view.css
··· 21 21 text-align: right; 22 22 margin: 44px 16px 16px; 23 23 padding: 12px 0; 24 - border-top: 1px solid rgba(55,55,55,.1); 24 + border-top: 1px solid rgba({$alphagrey},.1); 25 25 color: {$greytext}; 26 26 } 27 27
+2 -2
webroot/rsrc/css/application/conpherence/durable-column.css
··· 108 108 } 109 109 110 110 .conpherence-durable-column-header { 111 - border-left: 1px solid rgba(0,0,0,.1); 112 - border-right: 1px solid rgba(0,0,0,.1); 111 + border-left: 1px solid rgba({$alphablack},.1); 112 + border-right: 1px solid rgba({$alphablack},.1); 113 113 } 114 114 115 115 .conpherence-durable-column-header-text {
+3 -3
webroot/rsrc/css/application/conpherence/menu.css
··· 117 117 } 118 118 119 119 .conpherence-menu .conpherence-selected { 120 - background: rgba(0,0,0,0.05); 120 + background: rgba({$alphablack},0.05); 121 121 border-left: 4px solid {$sky}; 122 122 } 123 123 ··· 127 127 128 128 .device-desktop .conpherence-menu 129 129 .conpherence-selected.conpherence-menu-item-view:hover { 130 - background-color: rgba(0,0,0,0.07); 130 + background-color: rgba({$alphablack},0.07); 131 131 } 132 132 133 133 .conpherence-menu .loading { ··· 135 135 } 136 136 137 137 .device-desktop .conpherence-menu .conpherence-menu-item-view:hover { 138 - background-color: rgba(0,0,0,0.05); 138 + background-color: rgba({$alphablack},0.05); 139 139 } 140 140 141 141 .conpherence-menu .conpherence-menu-item-view .conpherence-menu-item-image {
+2 -2
webroot/rsrc/css/application/differential/phui-inline-comment.css
··· 340 340 } 341 341 342 342 .ghost-icon { 343 - background: rgba(55,55,55,.07); 343 + background: rgba({$alphagrey},.07); 344 344 float: left; 345 345 padding: 2px 4px 2px 2px; 346 346 position: absolute; ··· 389 389 } 390 390 391 391 .inline-button-divider { 392 - border-left: 1px solid rgba(55,55,55,.25); 392 + border-left: 1px solid rgba({$alphagrey},.25); 393 393 margin-left: 8px; 394 394 } 395 395
+1 -1
webroot/rsrc/css/application/files/global-drag-and-drop.css
··· 15 15 padding: 18px 0; 16 16 17 17 color: #ffffff; 18 - background: rgba(0, 0, 0, 0.8); 18 + background: rgba({$alphablack}, 0.8); 19 19 border-radius: 18px; 20 20 21 21 }
+1 -1
webroot/rsrc/css/application/people/people-profile.css
··· 38 38 } 39 39 40 40 .compose-dialog .compose-icon-bg { 41 - color: rgba(255,255,255,0.8); 41 + color: rgba({$alphawhite},0.8); 42 42 line-height: 50px; 43 43 width: 50px; 44 44 text-align: center;
+4 -4
webroot/rsrc/css/application/phame/phame.css
··· 23 23 display: inline-block; 24 24 background-repeat: no-repeat; 25 25 background-size: 100%; 26 - box-shadow: inset 0 0 0 1px rgba(55,55,55,.15); 26 + box-shadow: inset 0 0 0 1px rgba({$alphagrey},.15); 27 27 width: 40px; 28 28 height: 40px; 29 29 border-radius: 3px; ··· 31 31 } 32 32 33 33 .phame-blog-description + .phui-property-list-section { 34 - border-top: 1px solid rgba(71, 87, 120, 0.20); 34 + border-top: 1px solid rgba({$alphablue}, 0.20); 35 35 padding-top: 16px; 36 36 } 37 37 ··· 45 45 46 46 .phame-home-view { 47 47 background-color: #fff; 48 - border-bottom: 1px solid rgba(55,55,55,.1); 48 + border-bottom: 1px solid rgba({$alphagrey},.1); 49 49 } 50 50 51 51 .phame-home-view .phame-home-container { ··· 100 100 display: inline-block; 101 101 background-repeat: no-repeat; 102 102 background-size: 100%; 103 - box-shadow: inset 0 0 0 1px rgba(55,55,55,.15); 103 + box-shadow: inset 0 0 0 1px rgba({$alphagrey},.15); 104 104 width: 24px; 105 105 height: 24px; 106 106 border-radius: 3px;
+7 -7
webroot/rsrc/css/application/pholio/pholio.css
··· 116 116 } 117 117 118 118 .pholio-mock-reticle-selection { 119 - border: 1px solid rgba(0,0,0,.5); 120 - box-shadow: 0 0 0 4px rgba(255,255,255,.5); 119 + border: 1px solid rgba({$alphablack},.5); 120 + box-shadow: 0 0 0 4px rgba({$alphawhite},.5); 121 121 } 122 122 123 123 .pholio-mock-comment-icon { ··· 132 132 .pholio-mock-reticle-draft .pholio-mock-comment-icon { 133 133 font-size: 2.2em; 134 134 color: {$yellow}; 135 - text-shadow: 0 3px 8px rgba(0, 0, 0, 0.35); 135 + text-shadow: 0 3px 8px rgba({$alphablack}, 0.35); 136 136 -webkit-text-stroke: 1px white; 137 137 } 138 138 139 139 .pholio-mock-reticle-final .pholio-mock-comment-icon { 140 140 font-size: 2.2em; 141 141 color: {$pink}; 142 - text-shadow: 0 3px 8px rgba(0, 0, 0, 0.35); 142 + text-shadow: 0 3px 8px rgba({$alphablack}, 0.35); 143 143 -webkit-text-stroke: 1px white; 144 144 } 145 145 146 146 .pholio-mock-reticle-draft:hover, 147 147 .pholio-mock-reticle-final:hover { 148 - border: 1px solid rgba(0,0,0,.5); 149 - box-shadow: 0 0 0 4px rgba(255,255,255,.5); 148 + border: 1px solid rgba({$alphablack},.5); 149 + box-shadow: 0 0 0 4px rgba({$alphawhite},.5); 150 150 cursor: pointer; 151 151 } 152 152 ··· 170 170 right: 0; 171 171 font-size: 14px; 172 172 padding: 4px 8px; 173 - background: rgba(255,255,255,.6); 173 + background: rgba({$alphawhite},.6); 174 174 color: {$greytext}; 175 175 } 176 176
+2 -2
webroot/rsrc/css/application/ponder/ponder-view.css
··· 63 63 margin-right: 8px; 64 64 color: {$anchor}; 65 65 display: inline-block; 66 - background-color: rgba(71, 87, 120, 0.06); 66 + background-color: rgba({$alphablue}, 0.06); 67 67 } 68 68 69 69 .ponder-footer-view .ponder-footer-action.ponder-footer-action-helpful { ··· 82 82 83 83 .ponder-footer-view a:hover { 84 84 text-decoration: none; 85 - background-color: rgba(71, 87, 120, 0.10); 85 + background-color: rgba({$alphablue}, 0.10); 86 86 }
+2 -2
webroot/rsrc/css/application/project/project-view.css
··· 27 27 .project-view-home .phui-box.project-view-properties { 28 28 margin: 0 16px 16px 16px; 29 29 padding: 4px 12px; 30 - border: 2px solid rgba(55,55,55,.1); 30 + border: 2px solid rgba({$alphagrey},.1); 31 31 background-color: #F7F7F9; 32 32 } 33 33 ··· 37 37 38 38 .project-view-properties .phui-property-list-container + 39 39 .phui-property-list-text-content { 40 - border-color: rgba(55,55,55,.15); 40 + border-color: rgba({$alphagrey},.15); 41 41 } 42 42 43 43 .project-view-properties .phui-property-list-key {
+4 -4
webroot/rsrc/css/core/remarkup.css
··· 30 30 padding: 6px 12px; 31 31 font-size: 13px; 32 32 font-weight: bold; 33 - background: rgba(71,87,120,0.08); 33 + background: rgba({$alphablue},0.08); 34 34 display: inline-block; 35 35 border-top-left-radius: 3px; 36 36 border-top-right-radius: 3px; ··· 45 45 } 46 46 47 47 .phabricator-remarkup .remarkup-code-block pre { 48 - background: rgba(71,87,120,0.08); 48 + background: rgba({$alphablue},0.08); 49 49 display: block; 50 50 color: #000; 51 51 overflow: auto; ··· 59 59 60 60 .phabricator-remarkup tt.remarkup-monospaced { 61 61 color: #000; 62 - background: rgba(71,87,120,0.1); 62 + background: rgba({$alphablue},0.1); 63 63 padding: 1px 4px; 64 64 border-radius: 3px; 65 65 white-space: pre-wrap; ··· 330 330 .phabricator-remarkup-embed-image { 331 331 display: inline-block; 332 332 border: 3px solid white; 333 - box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.20); 333 + box-shadow: 1px 1px 2px rgba({$alphablack}, 0.20); 334 334 } 335 335 336 336 .phabricator-remarkup-embed-image-full {
+3 -3
webroot/rsrc/css/layout/phabricator-side-menu-view.css
··· 19 19 } 20 20 21 21 .phabricator-basic-nav .phabricator-side-menu .phui-list-item-selected { 22 - background-color: rgba(0,0,0,.05); 22 + background-color: rgba({$alphablack},.05); 23 23 border-left: 4px solid {$sky}; 24 24 border-top-right-radius: 3px; 25 25 border-bottom-right-radius: 3px; ··· 29 29 .device-desktop .phabricator-basic-nav .phabricator-side-menu 30 30 .phui-list-item-selected 31 31 a.phui-list-item-href:hover { 32 - background-color: rgba(0,0,0,.05); 32 + background-color: rgba({$alphablack},.05); 33 33 } 34 34 35 35 .phabricator-basic-nav .phabricator-side-menu .phui-list-item-selected ··· 49 49 .device-desktop .phabricator-basic-nav .phabricator-side-menu 50 50 a.phui-list-item-href:hover { 51 51 text-decoration: none; 52 - background-color: rgba(0,0,0,.07); 52 + background-color: rgba({$alphablack},.07); 53 53 }
+1 -1
webroot/rsrc/css/phui/phui-action-panel.css
··· 22 22 23 23 .device-desktop .phui-action-panel-hitarea:hover { 24 24 text-decoration: none; 25 - background-color: rgba(255,255,255,.25); 25 + background-color: rgba({$alphawhite},.25); 26 26 } 27 27 28 28 .device-desktop .phui-action-panel-hitarea:hover .phui-icon-view {
+1 -1
webroot/rsrc/css/phui/phui-badge.css
··· 88 88 89 89 .phui-badge-illustration { 90 90 background-color: #fff; 91 - box-shadow: inset 0 -1px 1px 0 rgba(0,0,0,.1); 91 + box-shadow: inset 0 -1px 1px 0 rgba({$alphablack},.1); 92 92 text-align: center; 93 93 height: 100px; 94 94 width: 100%;
+2 -2
webroot/rsrc/css/phui/phui-box.css
··· 15 15 .phui-box-grey { 16 16 background-color: #F7F7F9; 17 17 border-radius: 3px; 18 - border-color: rgba(55,55,55,.1); 18 + border-color: rgba({$alphagrey},.1); 19 19 } 20 20 21 21 .phui-box-blue { ··· 44 44 } 45 45 46 46 .phui-box-grey .phui-header-shell { 47 - border-color: rgba(55,55,55,.1); 47 + border-color: rgba({$alphagrey},.1); 48 48 } 49 49 50 50 .phui-object-box.phui-box-blue div.phui-info-severity-nodata,
+5 -5
webroot/rsrc/css/phui/phui-button.css
··· 60 60 a.grey, 61 61 a.grey:visited { 62 62 background-color: #F7F7F9; 63 - border: 1px solid rgba(55,55,55,.1); 63 + border: 1px solid rgba({$alphagrey},.1); 64 64 color: {$darkgreytext}; 65 65 } 66 66 ··· 106 106 107 107 a.button.grey:hover, 108 108 button.grey:hover { 109 - background-color: rgba(71, 87, 120, 0.1); 110 - border-color: rgba(71, 87, 120, 0.15); 109 + background-color: rgba({$alphablue}, 0.1); 110 + border-color: rgba({$alphablue}, 0.15); 111 111 transition: 0.1s; 112 112 } 113 113 ··· 315 315 316 316 .phui-button-bar-borderless .button .phui-icon-view { 317 317 font-size: 15px; 318 - color: rgba(55,55,55,.4); 318 + color: rgba({$alphagrey},.4); 319 319 } 320 320 321 321 .phui-button-bar-borderless .button:hover { ··· 324 324 } 325 325 326 326 .phui-button-bar-borderless .button:hover .phui-icon-view { 327 - color: rgba(55,55,55,.9); 327 + color: rgba({$alphagrey},.9); 328 328 } 329 329 330 330 .phui-button-bar-borderless .button {
+1 -1
webroot/rsrc/css/phui/phui-crumbs-view.css
··· 105 105 } 106 106 107 107 .phui-crumbs-view.phui-crumbs-border { 108 - border-bottom: 1px solid rgba(55,55,55,.1); 108 + border-bottom: 1px solid rgba({$alphagrey},.1); 109 109 } 110 110 111 111 body .phui-crumbs-view + .phui-object-box {
+1 -1
webroot/rsrc/css/phui/phui-document-pro.css
··· 140 140 .phui-document-view-pro-box .phui-timeline-view { 141 141 padding: 16px 0 0 0; 142 142 background: none; 143 - border-top: 1px solid rgba(71, 87, 120, 0.20); 143 + border-top: 1px solid rgba({$alphablue}, 0.20); 144 144 } 145 145 146 146 .phui-document-view-pro-box .phui-timeline-image {
+1 -1
webroot/rsrc/css/phui/phui-document-summary.css
··· 4 4 5 5 .phui-document-summary-view { 6 6 margin-top: 8px; 7 - border-bottom: 1px solid rgba(55,55,55,.1); 7 + border-bottom: 1px solid rgba({$alphagrey},.1); 8 8 } 9 9 10 10 .phui-document-summary-view.is-draft {
+6 -6
webroot/rsrc/css/phui/phui-form.css
··· 48 48 background-color: #ffffff; 49 49 border: 1px solid {$blueborder}; 50 50 51 - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 52 - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 53 - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 51 + -webkit-box-shadow: inset 0 1px 1px rgba({$alphablack}, 0.075); 52 + -moz-box-shadow: inset 0 1px 1px rgba({$alphablack}, 0.075); 53 + box-shadow: inset 0 1px 1px rgba({$alphablack}, 0.075); 54 54 55 55 -webkit-transition: border linear .05s, box-shadow linear .05s; 56 56 -moz-transition: border linear .05s, box-shadow linear .05s; ··· 87 87 /* IE6-9 */ 88 88 89 89 -webkit-box-shadow: 90 - inset 0 1px 1px rgba(0,0,0,.075), 90 + inset 0 1px 1px rgba({$alphablack},.075), 91 91 0 0 8px rgba(82,168,236,.6); 92 92 -moz-box-shadow: 93 - inset 0 1px 1px rgba(0,0,0,.075), 93 + inset 0 1px 1px rgba({$alphablack},.075), 94 94 0 0 8px rgba(82,168,236,.6); 95 95 box-shadow: 96 - inset 0 1px 1px rgba(0,0,0,.075), 96 + inset 0 1px 1px rgba({$alphablack},.075), 97 97 0 0 8px rgba(82,168,236,.6); 98 98 } 99 99 input[type="radio"],
+2 -2
webroot/rsrc/css/phui/phui-header-view.css
··· 146 146 display: block; 147 147 position: absolute; 148 148 left: 0; 149 - background: rgba(0,0,0,0.4); 149 + background: rgba({$alphablack},0.4); 150 150 color: #fff; 151 151 font-weight: normal; 152 152 bottom: 4px; ··· 179 179 .phui-header-subheader .phui-header-status { 180 180 padding: 3px 9px; 181 181 border-radius: 3px; 182 - background: rgba(71, 87, 120, 0.06); 182 + background: rgba({$alphablue}, 0.06); 183 183 margin-right: 8px; 184 184 } 185 185
+1 -1
webroot/rsrc/css/phui/phui-image-mask.css
··· 17 17 } 18 18 19 19 .phui-image-mask-mask { 20 - border: 300px solid rgba(0, 0, 0, 0.5); 20 + border: 300px solid rgba({$alphablack}, 0.5); 21 21 background-clip: content-box; 22 22 position: absolute; 23 23 }
+1 -1
webroot/rsrc/css/phui/phui-info-view.css
··· 24 24 25 25 .phui-info-view-body tt { 26 26 padding: 0 2px; 27 - background-color: rgba(55,55,55,.1); 27 + background-color: rgba({$alphagrey},.1); 28 28 } 29 29 30 30 .phui-info-view-actions {
+5 -5
webroot/rsrc/css/phui/phui-profile-menu.css
··· 34 34 35 35 .phui-profile-menu .phabricator-side-menu { 36 36 background: #525867; 37 - box-shadow: inset -2px 0 2px rgba(0, 0, 0, 0.150); 37 + box-shadow: inset -2px 0 2px rgba({$alphablack}, 0.150); 38 38 width: 240px; 39 39 } 40 40 ··· 107 107 108 108 .device-desktop .phui-profile-menu .phabricator-side-menu 109 109 .phui-list-item-href:hover { 110 - background-color: rgba(0,0,0,0.15); 110 + background-color: rgba({$alphablack},0.15); 111 111 color: {$menu.profile.text.selected}; 112 112 } 113 113 ··· 122 122 123 123 .phui-profile-menu .phabricator-side-menu .phui-list-item-selected 124 124 .phui-list-item-href { 125 - background-color: rgba(0,0,0,0.3); 125 + background-color: rgba({$alphablack},0.3); 126 126 color: {$menu.profile.text.selected}; 127 127 } 128 128 129 129 .phui-profile-menu .phabricator-side-menu .phui-list-item-selected 130 130 .phui-list-item-href:hover { 131 - background-color: rgba(0,0,0,0.45); 131 + background-color: rgba({$alphablack},0.45); 132 132 } 133 133 134 134 .phui-profile-menu .phabricator-side-menu .phui-divider { 135 135 margin: 4px 0; 136 - border-bottom: 1px solid rgba(0, 0, 0, 0.2); 136 + border-bottom: 1px solid rgba({$alphablack}, 0.2); 137 137 } 138 138 139 139 .phui-profile-menu .phabricator-side-menu .phui-motivator {
+1 -1
webroot/rsrc/css/phui/phui-tag-view.css
··· 16 16 17 17 .phui-tag-core-closed { 18 18 text-decoration: line-through; 19 - color: rgba(0,0,0,0.5); 19 + color: rgba({$alphablack},0.5); 20 20 } 21 21 22 22 .phui-tag-core-closed:hover {
+5 -5
webroot/rsrc/css/phui/workboards/phui-workboard-color.css
··· 7 7 } 8 8 9 9 .phui-workboard-color .phui-crumbs-view { 10 - background-color: rgba(55,55,55,.15); 10 + background-color: rgba({$alphagrey},.15); 11 11 border: none; 12 - color: rgba(255,255,255,.8); 12 + color: rgba({$alphawhite},.8); 13 13 } 14 14 15 15 .phui-workboard-color .phui-crumbs-view a, 16 16 .phui-workboard-color .phui-crumbs-view .phui-icon-view { 17 - color: rgba(255,255,255,.85); 17 + color: rgba({$alphawhite},.85); 18 18 } 19 19 20 20 .phui-workboard-color .phui-crumbs-view a:hover, ··· 23 23 } 24 24 25 25 .phui-workboard-color .phuix-dropdown-menu { 26 - background-color: rgba(255,255,255,.9); 26 + background-color: rgba({$alphawhite},.9); 27 27 } 28 28 29 29 .phui-workboard-color .phui-workpanel-view .phui-box-grey { 30 - background-color: rgba(255,255,255,.6); 30 + background-color: rgba({$alphawhite},.6); 31 31 } 32 32 33 33 .phui-workboard-color-preview {
+1 -1
webroot/rsrc/css/phui/workboards/phui-workcard.css
··· 42 42 } 43 43 44 44 .phui-object-item-disabled.phui-workcard { 45 - background-color: rgba(255,255,255,.67); 45 + background-color: rgba({$alphawhite},.67); 46 46 } 47 47 48 48 .phui-object-item-disabled.phui-workcard .phui-object-item-link {
+4 -4
webroot/rsrc/css/phui/workboards/phui-workpanel.css
··· 36 36 } 37 37 38 38 .phui-workpanel-view .phui-box-grey { 39 - background-color: rgba(71,87,120,0.1); 39 + background-color: rgba({$alphablue},0.1); 40 40 } 41 41 42 42 .phui-workpanel-view.phui-workboard-column-milestone .phui-box-grey { ··· 106 106 .device-desktop .phui-workpanel-body-content::-webkit-scrollbar { 107 107 height: 8px; 108 108 width: 8px; 109 - background: rgba(71,87,120,0.2); 109 + background: rgba({$alphablue},0.2); 110 110 border-radius: 4px; 111 111 } 112 112 113 113 .device-desktop .phui-workpanel-body-content::-webkit-scrollbar-thumb { 114 - background: rgba(71,87,120,0.4); 114 + background: rgba({$alphablue},0.4); 115 115 border-radius: 4px; 116 116 } 117 117 ··· 127 127 } 128 128 129 129 .project-panel-empty .phui-object-item-list-view.drag-target-list { 130 - background: rgba(255,255,255,.7); 130 + background: rgba({$alphawhite},.7); 131 131 } 132 132 133 133 .phui-workpanel-view.project-panel-over-limit .phui-header-header {