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

Pop the buttons

Summary: Keeping in step with the gradients on the grey buttons, this adds slight gradients and hover states to blue and green. I feel like they are much more obviously buttons now in the UI (on headers for example).

Test Plan:
Review UI Buttons, check differential, actions, other random buttons.

{F1137208}

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

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

authored by

Chad Little and committed by
chad
58aac5de db4fdf8c

+18 -6
+3 -3
resources/celerity/map.php
··· 7 7 */ 8 8 return array( 9 9 'names' => array( 10 - 'core.pkg.css' => '3b2e293c', 10 + 'core.pkg.css' => '80c32191', 11 11 'core.pkg.js' => '7d8faf57', 12 12 'darkconsole.pkg.js' => 'e7393ebb', 13 13 'differential.pkg.css' => '2de124c9', ··· 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' => '348bd872', 127 - 'rsrc/css/phui/phui-button.css' => 'c096e4e9', 127 + 'rsrc/css/phui/phui-button.css' => 'a64a8de6', 128 128 'rsrc/css/phui/phui-chart.css' => '6bf6f78e', 129 129 'rsrc/css/phui/phui-crumbs-view.css' => '79d536e5', 130 130 'rsrc/css/phui/phui-document-pro.css' => '92d5b648', ··· 804 804 'phui-badge-view-css' => 'f25c3476', 805 805 'phui-big-info-view-css' => 'bd903741', 806 806 'phui-box-css' => '348bd872', 807 - 'phui-button-css' => 'c096e4e9', 807 + 'phui-button-css' => 'a64a8de6', 808 808 'phui-calendar-css' => 'ccabe893', 809 809 'phui-calendar-day-css' => 'd1cf6f93', 810 810 'phui-calendar-list-css' => 'c1c7f338',
+15 -3
webroot/rsrc/css/phui/phui-button.css
··· 26 26 a.button, 27 27 a.button:visited, 28 28 input[type="submit"] { 29 - background-color: {$blue}; 30 - border: 1px solid {$blue}; 29 + background-color: #2980b9; 30 + border: 1px solid #2980b9; 31 + background-image: linear-gradient(to bottom, #3498db, #2980b9); 31 32 color: white; 32 33 cursor: pointer; 33 34 font-weight: bold; ··· 53 54 a.green:visited { 54 55 background-color: {$green}; 55 56 border-color: {$green}; 57 + background-image: linear-gradient(to bottom, #23BB5B, #139543); 56 58 } 57 59 58 60 button.grey, ··· 101 103 a.button:hover, 102 104 button:hover { 103 105 text-decoration: none; 104 - background-color: {$sky}; 106 + background-color: #2980b9; 107 + background-image: linear-gradient(to bottom, #3498db, #1b6ba0); 108 + border-color: #115988; 105 109 transition: 0.1s; 106 110 } 107 111 ··· 114 118 115 119 a.button.green:hover, 116 120 button.green:hover { 121 + border-color: #127336; 117 122 background-color: #0DAD48; 123 + background-image: linear-gradient(to bottom, #23BB5B, #178841); 118 124 transition: 0.1s; 119 125 } 120 126 121 127 a.button.simple:hover, 122 128 button.simple:hover { 123 129 background-color: {$blue}; 130 + background-image: linear-gradient(to bottom, {$blue}, {$blue}); 124 131 color: #fff; 125 132 transition: 0.1s; 126 133 } ··· 165 172 display: inline; 166 173 border: none; 167 174 background: transparent; 175 + background-image: none; 168 176 font-weight: normal; 169 177 padding: 0; 170 178 margin: 0; ··· 310 318 .phui-button-bar-borderless .button { 311 319 border: 0; 312 320 background-color: transparent; 321 + background-image: none; 313 322 padding-left: 10px; 314 323 padding-right: 10px; 315 324 } ··· 321 330 322 331 .phui-button-bar-borderless .button:hover { 323 332 background-color: transparent; 333 + background-image: none; 324 334 border-radius: 3px; 325 335 } 326 336 ··· 357 367 .phui-button-bar .button.simple:hover { 358 368 border-color: {$lightblueborder}; 359 369 background-color: #fff; 370 + background-image: none; 360 371 color: {$sky}; 361 372 } 362 373 363 374 .phui-button-bar .button.simple:hover .phui-icon-view { 364 375 border-color: {$lightblueborder}; 365 376 color: {$sky}; 377 + background-image: none; 366 378 }