archive/phabricator
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Move rgba rules into CelerityDefaultPostprocessor

Browse Source 
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
This commit is contained in:
Chad Little
2016-02-14 21:29:56 -08:00
parent 483d90fac1
commit 0e5cd478c4
37 changed files with 117 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
resources/celerity/map.php
View File

@@ -7,7 +7,7 @@
*/
return array(
'names' => array(
'core.pkg.css' => '1972333f',
'core.pkg.css' => '7fd6b616',
'core.pkg.js' => 'd7daa6d8',
'darkconsole.pkg.js' => 'e7393ebb',
'differential.pkg.css' => '2de124c9',
@@ -17,19 +17,19 @@ return array(
'maniphest.pkg.css' => '4845691a',
'maniphest.pkg.js' => '949a7498',
'rsrc/css/aphront/aphront-bars.css' => '231ac33c',
'rsrc/css/aphront/dark-console.css' => '6378ef3d',
'rsrc/css/aphront/dark-console.css' => 'f54bf286',
'rsrc/css/aphront/dialog-view.css' => 'b4334e08',
'rsrc/css/aphront/lightbox-attachment.css' => '7acac05d',
'rsrc/css/aphront/list-filter-view.css' => '5d6f0526',
'rsrc/css/aphront/multi-column.css' => 'fd18389d',
'rsrc/css/aphront/notification.css' => '9c279160',
'rsrc/css/aphront/notification.css' => '7f684b62',
'rsrc/css/aphront/panel-view.css' => '8427b78d',
'rsrc/css/aphront/phabricator-nav-view.css' => 'a24cb589',
'rsrc/css/aphront/phabricator-nav-view.css' => 'ac79a758',
'rsrc/css/aphront/table-view.css' => '6d01d468',
'rsrc/css/aphront/tokenizer.css' => '056da01b',
'rsrc/css/aphront/tooltip.css' => '7672b60f',
'rsrc/css/aphront/tooltip.css' => '1a07aea8',
'rsrc/css/aphront/typeahead-browse.css' => 'd8581d2c',
'rsrc/css/aphront/typeahead.css' => '0e403212',
'rsrc/css/aphront/typeahead.css' => 'd4f16145',
'rsrc/css/application/almanac/almanac.css' => 'dbb9b3af',
'rsrc/css/application/auth/auth.css' => '0877ed6e',
'rsrc/css/application/base/main-menu-view.css' => 'd00a795a',
@@ -68,7 +68,7 @@ return array(
'rsrc/css/application/diffusion/diffusion-readme.css' => '2106ea08',
'rsrc/css/application/diffusion/diffusion-source.css' => '075ba788',
'rsrc/css/application/feed/feed.css' => 'ecd4ec57',
'rsrc/css/application/files/global-drag-and-drop.css' => '697324ad',
'rsrc/css/application/files/global-drag-and-drop.css' => '5c1b47c2',
'rsrc/css/application/flag/flag.css' => '5337623f',
'rsrc/css/application/harbormaster/harbormaster.css' => 'b0758ca5',
'rsrc/css/application/herald/herald-test.css' => 'a52e323e',
@@ -81,10 +81,10 @@ return array(
'rsrc/css/application/owners/owners-path-editor.css' => '2f00933b',
'rsrc/css/application/paste/paste.css' => 'a5157c48',
'rsrc/css/application/people/people-profile.css' => '2473d929',
'rsrc/css/application/phame/phame.css' => '1dbbacf9',
'rsrc/css/application/phame/phame.css' => '4ca6fd6c',
'rsrc/css/application/pholio/pholio-edit.css' => '3ad9d1ee',
'rsrc/css/application/pholio/pholio-inline-comments.css' => '8e545e49',
'rsrc/css/application/pholio/pholio.css' => '95174bdd',
'rsrc/css/application/pholio/pholio.css' => 'ca89d380',
'rsrc/css/application/phortune/phortune-credit-card-form.css' => '8391eb02',
'rsrc/css/application/phortune/phortune.css' => '9149f103',
'rsrc/css/application/phrequent/phrequent.css' => 'ffc185ad',
@@ -92,7 +92,7 @@ return array(
'rsrc/css/application/policy/policy-edit.css' => '815c66f7',
'rsrc/css/application/policy/policy-transaction-detail.css' => '82100a43',
'rsrc/css/application/policy/policy.css' => '957ea14c',
'rsrc/css/application/ponder/ponder-view.css' => '7b0df4da',
'rsrc/css/application/ponder/ponder-view.css' => '4486434b',
'rsrc/css/application/project/project-card-view.css' => '9418c97d',
'rsrc/css/application/project/project-view.css' => '4c832c27',
'rsrc/css/application/releeph/releeph-core.css' => '9b3c5733',
@@ -104,7 +104,7 @@ return array(
'rsrc/css/application/tokens/tokens.css' => '3d0f239e',
'rsrc/css/application/uiexample/example.css' => '528b19de',
'rsrc/css/core/core.css' => '5b3563c8',
'rsrc/css/core/remarkup.css' => '2c913a06',
'rsrc/css/core/remarkup.css' => 'fc228f08',
'rsrc/css/core/syntax.css' => '9fd11da8',
'rsrc/css/core/z-index.css' => '5b6fcf3f',
'rsrc/css/diviner/diviner-shared.css' => 'aa3656aa',
@@ -124,21 +124,21 @@ return array(
'rsrc/css/phui/phui-badge.css' => 'f25c3476',
'rsrc/css/phui/phui-big-info-view.css' => 'bd903741',
'rsrc/css/phui/phui-box.css' => 'dd1294d3',
'rsrc/css/phui/phui-button.css' => 'd04a0eb7',
'rsrc/css/phui/phui-button.css' => 'edf464e9',
'rsrc/css/phui/phui-chart.css' => '6bf6f78e',
'rsrc/css/phui/phui-crumbs-view.css' => '79d536e5',
'rsrc/css/phui/phui-document-pro.css' => '8799acf7',
'rsrc/css/phui/phui-document-pro.css' => 'a8872307',
'rsrc/css/phui/phui-document-summary.css' => '9ca48bdf',
'rsrc/css/phui/phui-document.css' => '9c71d2bf',
'rsrc/css/phui/phui-feed-story.css' => '04aec08f',
'rsrc/css/phui/phui-fontkit.css' => '9cda225e',
'rsrc/css/phui/phui-form-view.css' => '4a1a0f5e',
'rsrc/css/phui/phui-form.css' => '0b98e572',
'rsrc/css/phui/phui-header-view.css' => 'd53cc835',
'rsrc/css/phui/phui-form.css' => 'aac1d51d',
'rsrc/css/phui/phui-header-view.css' => '50c5cb6a',
'rsrc/css/phui/phui-hovercard.css' => 'de1a2119',
'rsrc/css/phui/phui-icon-set-selector.css' => '1ab67aad',
'rsrc/css/phui/phui-icon.css' => '3f33ab57',
'rsrc/css/phui/phui-image-mask.css' => '5a8b09c8',
'rsrc/css/phui/phui-image-mask.css' => 'a8498f9c',
'rsrc/css/phui/phui-info-panel.css' => '27ea50a1',
'rsrc/css/phui/phui-info-view.css' => '6d7c3509',
'rsrc/css/phui/phui-list.css' => '9da2aa00',
@@ -146,7 +146,7 @@ return array(
'rsrc/css/phui/phui-object-item-list-view.css' => '18b2ce8e',
'rsrc/css/phui/phui-pager.css' => 'bea33d23',
'rsrc/css/phui/phui-pinboard-view.css' => '2495140e',
'rsrc/css/phui/phui-profile-menu.css' => 'f709256c',
'rsrc/css/phui/phui-profile-menu.css' => 'f42bedb6',
'rsrc/css/phui/phui-property-list-view.css' => '27b2849e',
'rsrc/css/phui/phui-remarkup-preview.css' => '1a8f2591',
'rsrc/css/phui/phui-segment-bar-view.css' => '46342871',
@@ -518,15 +518,15 @@ return array(
'symbols' => array(
'almanac-css' => 'dbb9b3af',
'aphront-bars' => '231ac33c',
'aphront-dark-console-css' => '6378ef3d',
'aphront-dark-console-css' => 'f54bf286',
'aphront-dialog-view-css' => 'b4334e08',
'aphront-list-filter-view-css' => '5d6f0526',
'aphront-multi-column-view-css' => 'fd18389d',
'aphront-panel-view-css' => '8427b78d',
'aphront-table-view-css' => '6d01d468',
'aphront-tokenizer-control-css' => '056da01b',
'aphront-tooltip-css' => '7672b60f',
'aphront-typeahead-control-css' => '0e403212',
'aphront-tooltip-css' => '1a07aea8',
'aphront-typeahead-control-css' => 'd4f16145',
'auth-css' => '0877ed6e',
'bulk-job-css' => 'df9c1d4a',
'changeset-view-manager' => 'a2828756',
@@ -557,7 +557,7 @@ return array(
'font-aleo' => '8bdb2835',
'font-fontawesome' => 'c43323c5',
'font-lato' => 'c7ccd872',
'global-drag-and-drop-css' => '697324ad',
'global-drag-and-drop-css' => '5c1b47c2',
'harbormaster-css' => 'b0758ca5',
'herald-css' => '826075fa',
'herald-rule-editor' => '746ca158',
@@ -761,14 +761,14 @@ return array(
'phabricator-keyboard-shortcut' => '1ae869f2',
'phabricator-keyboard-shortcut-manager' => 'c1700f6f',
'phabricator-main-menu-view' => 'd00a795a',
'phabricator-nav-view-css' => 'a24cb589',
'phabricator-nav-view-css' => 'ac79a758',
'phabricator-notification' => 'ccf1cbf8',
'phabricator-notification-css' => '9c279160',
'phabricator-notification-css' => '7f684b62',
'phabricator-notification-menu-css' => 'f31c0bde',
'phabricator-object-selector-css' => '85ee8ce6',
'phabricator-phtize' => 'd254d646',
'phabricator-prefab' => 'e67df814',
'phabricator-remarkup-css' => '2c913a06',
'phabricator-remarkup-css' => 'fc228f08',
'phabricator-search-results-css' => '7dea472c',
'phabricator-shaped-request' => '7cbe244b',
'phabricator-side-menu-view-css' => '3a3d9f41',
@@ -790,8 +790,8 @@ return array(
'phabricator-uiexample-reactor-sendclass' => '1def2711',
'phabricator-uiexample-reactor-sendproperties' => 'b1f0ccee',
'phabricator-zindex-css' => '5b6fcf3f',
'phame-css' => '1dbbacf9',
'pholio-css' => '95174bdd',
'phame-css' => '4ca6fd6c',
'pholio-css' => 'ca89d380',
'pholio-edit-css' => '3ad9d1ee',
'pholio-inline-comments-css' => '8e545e49',
'phortune-credit-card-form' => '2290aeef',
@@ -803,7 +803,7 @@ return array(
'phui-badge-view-css' => 'f25c3476',
'phui-big-info-view-css' => 'bd903741',
'phui-box-css' => 'dd1294d3',
'phui-button-css' => 'd04a0eb7',
'phui-button-css' => 'edf464e9',
'phui-calendar-css' => 'ccabe893',
'phui-calendar-day-css' => 'd1cf6f93',
'phui-calendar-list-css' => 'c1c7f338',
@@ -812,18 +812,18 @@ return array(
'phui-crumbs-view-css' => '79d536e5',
'phui-document-summary-view-css' => '9ca48bdf',
'phui-document-view-css' => '9c71d2bf',
'phui-document-view-pro-css' => '8799acf7',
'phui-document-view-pro-css' => 'a8872307',
'phui-feed-story-css' => '04aec08f',
'phui-font-icon-base-css' => 'ecbbb4c2',
'phui-fontkit-css' => '9cda225e',
'phui-form-css' => '0b98e572',
'phui-form-css' => 'aac1d51d',
'phui-form-view-css' => '4a1a0f5e',
'phui-header-view-css' => 'd53cc835',
'phui-header-view-css' => '50c5cb6a',
'phui-hovercard' => '1bd28176',
'phui-hovercard-view-css' => 'de1a2119',
'phui-icon-set-selector-css' => '1ab67aad',
'phui-icon-view-css' => '3f33ab57',
'phui-image-mask-css' => '5a8b09c8',
'phui-image-mask-css' => 'a8498f9c',
'phui-info-panel-css' => '27ea50a1',
'phui-info-view-css' => '6d7c3509',
'phui-inline-comment-view-css' => '0fdb3667',
@@ -832,7 +832,7 @@ return array(
'phui-object-item-list-view-css' => '18b2ce8e',
'phui-pager-css' => 'bea33d23',
'phui-pinboard-view-css' => '2495140e',
'phui-profile-menu-css' => 'f709256c',
'phui-profile-menu-css' => 'f42bedb6',
'phui-property-list-view-css' => '27b2849e',
'phui-remarkup-preview-css' => '1a8f2591',
'phui-segment-bar-view-css' => '46342871',
@@ -855,7 +855,7 @@ return array(
'policy-css' => '957ea14c',
'policy-edit-css' => '815c66f7',
'policy-transaction-detail-css' => '82100a43',
'ponder-view-css' => '7b0df4da',
'ponder-view-css' => '4486434b',
'project-card-view-css' => '9418c97d',
'project-view-css' => '4c832c27',
'releeph-core' => '9b3c5733',

6
src/applications/celerity/postprocessor/CelerityDefaultPostprocessor.php
View File

@@ -72,6 +72,12 @@ final class CelerityDefaultPostprocessor
'hoverselectedblue' => '#e6e9ee',
'borderinset' => 'inset 0 0 0 1px rgba(55,55,55,.15)',
// Alphas
'alphawhite' => '255,255,255',
'alphagrey' => '55,55,55',
'alphablue' => '71,87,120',
'alphablack' => '0,0,0',
// Base Greys
'lightgreyborder' => '#C7CCD9',
'greyborder' => '#A1A6B0',

2
webroot/rsrc/css/aphront/dark-console.css
View File

@@ -31,7 +31,7 @@
.dark-console-panel,
.dark-console-load {
border-left: 1px solid #111111;
box-shadow: -2px 0px 2px rgba(0, 0, 0, 0.25);
box-shadow: -2px 0px 2px rgba({$alphablack}, 0.25);
}
.dark-console-requests {

2
webroot/rsrc/css/aphront/notification.css
View File

@@ -23,7 +23,7 @@
cursor: pointer;
border-radius: 3px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
box-shadow: 0px 1px 2px rgba({$alphablack}, 0.25);
margin-top: 4px;
}

2
webroot/rsrc/css/aphront/phabricator-nav-view.css
View File

@@ -52,7 +52,7 @@
border-width: 0 1px 0 1px;
border-color: #fff #999c9e #fff #999c9e;
box-shadow: inset -1px 0px 1px rgba(0, 0, 0, 0.15);
box-shadow: inset -1px 0px 1px rgba({$alphablack}, 0.15);
background-image: url(/rsrc/image/divot.png);
background-position: center;

4
webroot/rsrc/css/aphront/tooltip.css
View File

@@ -9,7 +9,7 @@
.jx-tooltip-inner {
position: relative;
background: rgba(0,0,0, .9);
background: rgba({$alphablack}, .9);
border-radius: 3px;
}
@@ -28,7 +28,7 @@
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(0, 0, 0, 0);
border-color: rgba({$alphablack}, 0);
border-width: 5px;
}

2
webroot/rsrc/css/aphront/typeahead.css
View File

@@ -14,7 +14,7 @@ div.jx-typeahead-results {
padding: 0;
background: #fefefe;
width: 98%;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 2px rgba({$alphablack}, 0.2);
margin: -1px 1% 0;
}

2
webroot/rsrc/css/application/base/main-menu-view.css
View File

@@ -65,7 +65,7 @@
}
.device-desktop .phabricator-main-menu-brand:hover {
background-color: rgba(55,55,55,.2);
background-color: rgba({$alphagrey},.2);
cursor: hand;
}

2
webroot/rsrc/css/application/base/phabricator-application-launch-view.css
View File

@@ -52,7 +52,7 @@ div.phabricator-application-launch-container {
}
.device-desktop a.phabricator-application-launch-container:hover {
background-color: rgba(0,0,0,.07);
background-color: rgba({$alphablack},.07);
text-decoration: none;
}

2
webroot/rsrc/css/application/base/standard-page-view.css
View File

@@ -21,7 +21,7 @@
text-align: right;
margin: 44px 16px 16px;
padding: 12px 0;
border-top: 1px solid rgba(55,55,55,.1);
border-top: 1px solid rgba({$alphagrey},.1);
color: {$greytext};
}

4
webroot/rsrc/css/application/conpherence/durable-column.css
View File

@@ -108,8 +108,8 @@
}
.conpherence-durable-column-header {
border-left: 1px solid rgba(0,0,0,.1);
border-right: 1px solid rgba(0,0,0,.1);
border-left: 1px solid rgba({$alphablack},.1);
border-right: 1px solid rgba({$alphablack},.1);
}
.conpherence-durable-column-header-text {

6
webroot/rsrc/css/application/conpherence/menu.css
View File

@@ -117,7 +117,7 @@
}
.conpherence-menu .conpherence-selected {
background: rgba(0,0,0,0.05);
background: rgba({$alphablack},0.05);
border-left: 4px solid {$sky};
}
@@ -127,7 +127,7 @@
.device-desktop .conpherence-menu
.conpherence-selected.conpherence-menu-item-view:hover {
background-color: rgba(0,0,0,0.07);
background-color: rgba({$alphablack},0.07);
}
.conpherence-menu .loading {
@@ -135,7 +135,7 @@
}
.device-desktop .conpherence-menu .conpherence-menu-item-view:hover {
background-color: rgba(0,0,0,0.05);
background-color: rgba({$alphablack},0.05);
}
.conpherence-menu .conpherence-menu-item-view .conpherence-menu-item-image {

4
webroot/rsrc/css/application/differential/phui-inline-comment.css
View File

@@ -340,7 +340,7 @@
}
.ghost-icon {
background: rgba(55,55,55,.07);
background: rgba({$alphagrey},.07);
float: left;
padding: 2px 4px 2px 2px;
position: absolute;
@@ -389,7 +389,7 @@
}
.inline-button-divider {
border-left: 1px solid rgba(55,55,55,.25);
border-left: 1px solid rgba({$alphagrey},.25);
margin-left: 8px;
}

2
webroot/rsrc/css/application/files/global-drag-and-drop.css
View File

@@ -15,7 +15,7 @@
padding: 18px 0;
color: #ffffff;
background: rgba(0, 0, 0, 0.8);
background: rgba({$alphablack}, 0.8);
border-radius: 18px;
}

2
webroot/rsrc/css/application/people/people-profile.css
View File

@@ -38,7 +38,7 @@ form.compose-dialog {
}
.compose-dialog .compose-icon-bg {
color: rgba(255,255,255,0.8);
color: rgba({$alphawhite},0.8);
line-height: 50px;
width: 50px;
text-align: center;

8
webroot/rsrc/css/application/phame/phame.css
View File

@@ -23,7 +23,7 @@
display: inline-block;
background-repeat: no-repeat;
background-size: 100%;
box-shadow: inset 0 0 0 1px rgba(55,55,55,.15);
box-shadow: inset 0 0 0 1px rgba({$alphagrey},.15);
width: 40px;
height: 40px;
border-radius: 3px;
@@ -31,7 +31,7 @@
}
.phame-blog-description + .phui-property-list-section {
border-top: 1px solid rgba(71, 87, 120, 0.20);
border-top: 1px solid rgba({$alphablue}, 0.20);
padding-top: 16px;
}
@@ -45,7 +45,7 @@
.phame-home-view {
background-color: #fff;
border-bottom: 1px solid rgba(55,55,55,.1);
border-bottom: 1px solid rgba({$alphagrey},.1);
}
.phame-home-view .phame-home-container {
@@ -100,7 +100,7 @@
display: inline-block;
background-repeat: no-repeat;
background-size: 100%;
box-shadow: inset 0 0 0 1px rgba(55,55,55,.15);
box-shadow: inset 0 0 0 1px rgba({$alphagrey},.15);
width: 24px;
height: 24px;
border-radius: 3px;

14
webroot/rsrc/css/application/pholio/pholio.css
View File

@@ -116,8 +116,8 @@
}
.pholio-mock-reticle-selection {
border: 1px solid rgba(0,0,0,.5);
box-shadow: 0 0 0 4px rgba(255,255,255,.5);
border: 1px solid rgba({$alphablack},.5);
box-shadow: 0 0 0 4px rgba({$alphawhite},.5);
}
.pholio-mock-comment-icon {
@@ -132,21 +132,21 @@
.pholio-mock-reticle-draft .pholio-mock-comment-icon {
font-size: 2.2em;
color: {$yellow};
text-shadow: 0 3px 8px rgba(0, 0, 0, 0.35);
text-shadow: 0 3px 8px rgba({$alphablack}, 0.35);
-webkit-text-stroke: 1px white;
}
.pholio-mock-reticle-final .pholio-mock-comment-icon {
font-size: 2.2em;
color: {$pink};
text-shadow: 0 3px 8px rgba(0, 0, 0, 0.35);
text-shadow: 0 3px 8px rgba({$alphablack}, 0.35);
-webkit-text-stroke: 1px white;
}
.pholio-mock-reticle-draft:hover,
.pholio-mock-reticle-final:hover {
border: 1px solid rgba(0,0,0,.5);
box-shadow: 0 0 0 4px rgba(255,255,255,.5);
border: 1px solid rgba({$alphablack},.5);
box-shadow: 0 0 0 4px rgba({$alphawhite},.5);
cursor: pointer;
}
@@ -170,7 +170,7 @@
right: 0;
font-size: 14px;
padding: 4px 8px;
background: rgba(255,255,255,.6);
background: rgba({$alphawhite},.6);
color: {$greytext};
}

4
webroot/rsrc/css/application/ponder/ponder-view.css
View File

@@ -63,7 +63,7 @@
margin-right: 8px;
color: {$anchor};
display: inline-block;
background-color: rgba(71, 87, 120, 0.06);
background-color: rgba({$alphablue}, 0.06);
}
.ponder-footer-view .ponder-footer-action.ponder-footer-action-helpful {
@@ -82,5 +82,5 @@
.ponder-footer-view a:hover {
text-decoration: none;
background-color: rgba(71, 87, 120, 0.10);
background-color: rgba({$alphablue}, 0.10);
}

4
webroot/rsrc/css/application/project/project-view.css
View File

@@ -27,7 +27,7 @@
.project-view-home .phui-box.project-view-properties {
margin: 0 16px 16px 16px;
padding: 4px 12px;
border: 2px solid rgba(55,55,55,.1);
border: 2px solid rgba({$alphagrey},.1);
background-color: #F7F7F9;
}
@@ -37,7 +37,7 @@
.project-view-properties .phui-property-list-container +
.phui-property-list-text-content {
border-color: rgba(55,55,55,.15);
border-color: rgba({$alphagrey},.15);
}
.project-view-properties .phui-property-list-key {

8
webroot/rsrc/css/core/remarkup.css
View File

@@ -30,7 +30,7 @@
padding: 6px 12px;
font-size: 13px;
font-weight: bold;
background: rgba(71,87,120,0.08);
background: rgba({$alphablue},0.08);
display: inline-block;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
@@ -45,7 +45,7 @@
}
.phabricator-remarkup .remarkup-code-block pre {
background: rgba(71,87,120,0.08);
background: rgba({$alphablue},0.08);
display: block;
color: #000;
overflow: auto;
@@ -59,7 +59,7 @@
.phabricator-remarkup tt.remarkup-monospaced {
color: #000;
background: rgba(71,87,120,0.1);
background: rgba({$alphablue},0.1);
padding: 1px 4px;
border-radius: 3px;
white-space: pre-wrap;
@@ -330,7 +330,7 @@
.phabricator-remarkup-embed-image {
display: inline-block;
border: 3px solid white;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.20);
box-shadow: 1px 1px 2px rgba({$alphablack}, 0.20);
}
.phabricator-remarkup-embed-image-full {

6
webroot/rsrc/css/layout/phabricator-side-menu-view.css
View File

@@ -19,7 +19,7 @@
}
.phabricator-basic-nav .phabricator-side-menu .phui-list-item-selected {
background-color: rgba(0,0,0,.05);
background-color: rgba({$alphablack},.05);
border-left: 4px solid {$sky};
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
@@ -29,7 +29,7 @@
.device-desktop .phabricator-basic-nav .phabricator-side-menu
.phui-list-item-selected
a.phui-list-item-href:hover {
background-color: rgba(0,0,0,.05);
background-color: rgba({$alphablack},.05);
}
.phabricator-basic-nav .phabricator-side-menu .phui-list-item-selected
@@ -49,5 +49,5 @@
.device-desktop .phabricator-basic-nav .phabricator-side-menu
a.phui-list-item-href:hover {
text-decoration: none;
background-color: rgba(0,0,0,.07);
background-color: rgba({$alphablack},.07);
}

2
webroot/rsrc/css/phui/phui-action-panel.css
View File

@@ -22,7 +22,7 @@
.device-desktop .phui-action-panel-hitarea:hover {
text-decoration: none;
background-color: rgba(255,255,255,.25);
background-color: rgba({$alphawhite},.25);
}
.device-desktop .phui-action-panel-hitarea:hover .phui-icon-view {

2
webroot/rsrc/css/phui/phui-badge.css
View File

@@ -88,7 +88,7 @@
.phui-badge-illustration {
background-color: #fff;
box-shadow: inset 0 -1px 1px 0 rgba(0,0,0,.1);
box-shadow: inset 0 -1px 1px 0 rgba({$alphablack},.1);
text-align: center;
height: 100px;
width: 100%;

4
webroot/rsrc/css/phui/phui-box.css
View File

@@ -15,7 +15,7 @@
.phui-box-grey {
background-color: #F7F7F9;
border-radius: 3px;
border-color: rgba(55,55,55,.1);
border-color: rgba({$alphagrey},.1);
}
.phui-box-blue {
@@ -44,7 +44,7 @@
}
.phui-box-grey .phui-header-shell {
border-color: rgba(55,55,55,.1);
border-color: rgba({$alphagrey},.1);
}
.phui-object-box.phui-box-blue div.phui-info-severity-nodata,

10
webroot/rsrc/css/phui/phui-button.css
View File

@@ -60,7 +60,7 @@ input[type="submit"].grey,
a.grey,
a.grey:visited {
background-color: #F7F7F9;
border: 1px solid rgba(55,55,55,.1);
border: 1px solid rgba({$alphagrey},.1);
color: {$darkgreytext};
}
@@ -106,8 +106,8 @@ button:hover {
a.button.grey:hover,
button.grey:hover {
background-color: rgba(71, 87, 120, 0.1);
border-color: rgba(71, 87, 120, 0.15);
background-color: rgba({$alphablue}, 0.1);
border-color: rgba({$alphablue}, 0.15);
transition: 0.1s;
}
@@ -315,7 +315,7 @@ a.policy-control .caret {
.phui-button-bar-borderless .button .phui-icon-view {
font-size: 15px;
color: rgba(55,55,55,.4);
color: rgba({$alphagrey},.4);
}
.phui-button-bar-borderless .button:hover {
@@ -324,7 +324,7 @@ a.policy-control .caret {
}
.phui-button-bar-borderless .button:hover .phui-icon-view {
color: rgba(55,55,55,.9);
color: rgba({$alphagrey},.9);
}
.phui-button-bar-borderless .button {

2
webroot/rsrc/css/phui/phui-crumbs-view.css
View File

@@ -105,7 +105,7 @@ a.phui-crumbs-action .phui-crumbs-action-name {
}
.phui-crumbs-view.phui-crumbs-border {
border-bottom: 1px solid rgba(55,55,55,.1);
border-bottom: 1px solid rgba({$alphagrey},.1);
}
body .phui-crumbs-view + .phui-object-box {

2
webroot/rsrc/css/phui/phui-document-pro.css
View File

@@ -140,7 +140,7 @@ a.button.phui-document-toc {
.phui-document-view-pro-box .phui-timeline-view {
padding: 16px 0 0 0;
background: none;
border-top: 1px solid rgba(71, 87, 120, 0.20);
border-top: 1px solid rgba({$alphablue}, 0.20);
}
.phui-document-view-pro-box .phui-timeline-image {

2
webroot/rsrc/css/phui/phui-document-summary.css
View File

@@ -4,7 +4,7 @@
.phui-document-summary-view {
margin-top: 8px;
border-bottom: 1px solid rgba(55,55,55,.1);
border-bottom: 1px solid rgba({$alphagrey},.1);
}
.phui-document-summary-view.is-draft {

12
webroot/rsrc/css/phui/phui-form.css
View File

@@ -48,9 +48,9 @@ div.jx-tokenizer-container {
background-color: #ffffff;
border: 1px solid {$blueborder};
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-box-shadow: inset 0 1px 1px rgba({$alphablack}, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba({$alphablack}, 0.075);
box-shadow: inset 0 1px 1px rgba({$alphablack}, 0.075);
-webkit-transition: border linear .05s, box-shadow linear .05s;
-moz-transition: border linear .05s, box-shadow linear .05s;
@@ -87,13 +87,13 @@ div.jx-tokenizer-container-focused {
/* IE6-9 */
-webkit-box-shadow:
inset 0 1px 1px rgba(0,0,0,.075),
inset 0 1px 1px rgba({$alphablack},.075),
0 0 8px rgba(82,168,236,.6);
-moz-box-shadow:
inset 0 1px 1px rgba(0,0,0,.075),
inset 0 1px 1px rgba({$alphablack},.075),
0 0 8px rgba(82,168,236,.6);
box-shadow:
inset 0 1px 1px rgba(0,0,0,.075),
inset 0 1px 1px rgba({$alphablack},.075),
0 0 8px rgba(82,168,236,.6);
}
input[type="radio"],

4
webroot/rsrc/css/phui/phui-header-view.css
View File

@@ -146,7 +146,7 @@ body .phui-header-shell.phui-bleed-header
display: block;
position: absolute;
left: 0;
background: rgba(0,0,0,0.4);
background: rgba({$alphablack},0.4);
color: #fff;
font-weight: normal;
bottom: 4px;
@@ -179,7 +179,7 @@ body .phui-header-shell.phui-bleed-header
.phui-header-subheader .phui-header-status {
padding: 3px 9px;
border-radius: 3px;
background: rgba(71, 87, 120, 0.06);
background: rgba({$alphablue}, 0.06);
margin-right: 8px;
}

2
webroot/rsrc/css/phui/phui-image-mask.css
View File

@@ -17,7 +17,7 @@
}
.phui-image-mask-mask {
border: 300px solid rgba(0, 0, 0, 0.5);
border: 300px solid rgba({$alphablack}, 0.5);
background-clip: content-box;
position: absolute;
}

2
webroot/rsrc/css/phui/phui-info-view.css
View File

@@ -24,7 +24,7 @@
.phui-info-view-body tt {
padding: 0 2px;
background-color: rgba(55,55,55,.1);
background-color: rgba({$alphagrey},.1);
}
.phui-info-view-actions {

10
webroot/rsrc/css/phui/phui-profile-menu.css
View File

@@ -34,7 +34,7 @@
.phui-profile-menu .phabricator-side-menu {
background: #525867;
box-shadow: inset -2px 0 2px rgba(0, 0, 0, 0.150);
box-shadow: inset -2px 0 2px rgba({$alphablack}, 0.150);
width: 240px;
}
@@ -107,7 +107,7 @@
.device-desktop .phui-profile-menu .phabricator-side-menu
.phui-list-item-href:hover {
background-color: rgba(0,0,0,0.15);
background-color: rgba({$alphablack},0.15);
color: {$menu.profile.text.selected};
}
@@ -122,18 +122,18 @@
.phui-profile-menu .phabricator-side-menu .phui-list-item-selected
.phui-list-item-href {
background-color: rgba(0,0,0,0.3);
background-color: rgba({$alphablack},0.3);
color: {$menu.profile.text.selected};
}
.phui-profile-menu .phabricator-side-menu .phui-list-item-selected
.phui-list-item-href:hover {
background-color: rgba(0,0,0,0.45);
background-color: rgba({$alphablack},0.45);
}
.phui-profile-menu .phabricator-side-menu .phui-divider {
margin: 4px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
border-bottom: 1px solid rgba({$alphablack}, 0.2);
}
.phui-profile-menu .phabricator-side-menu .phui-motivator {

2
webroot/rsrc/css/phui/phui-tag-view.css
View File

@@ -16,7 +16,7 @@ a.phui-tag-view:hover {
.phui-tag-core-closed {
text-decoration: line-through;
color: rgba(0,0,0,0.5);
color: rgba({$alphablack},0.5);
}
.phui-tag-core-closed:hover {

10
webroot/rsrc/css/phui/workboards/phui-workboard-color.css
View File

@@ -7,14 +7,14 @@
}
.phui-workboard-color .phui-crumbs-view {
background-color: rgba(55,55,55,.15);
background-color: rgba({$alphagrey},.15);
border: none;
color: rgba(255,255,255,.8);
color: rgba({$alphawhite},.8);
}
.phui-workboard-color .phui-crumbs-view a,
.phui-workboard-color .phui-crumbs-view .phui-icon-view {
color: rgba(255,255,255,.85);
color: rgba({$alphawhite},.85);
}
.phui-workboard-color .phui-crumbs-view a:hover,
@@ -23,11 +23,11 @@
}
.phui-workboard-color .phuix-dropdown-menu {
background-color: rgba(255,255,255,.9);
background-color: rgba({$alphawhite},.9);
}
.phui-workboard-color .phui-workpanel-view .phui-box-grey {
background-color: rgba(255,255,255,.6);
background-color: rgba({$alphawhite},.6);
}
.phui-workboard-color-preview {

2
webroot/rsrc/css/phui/workboards/phui-workcard.css
View File

@@ -42,7 +42,7 @@
}
.phui-object-item-disabled.phui-workcard {
background-color: rgba(255,255,255,.67);
background-color: rgba({$alphawhite},.67);
}
.phui-object-item-disabled.phui-workcard .phui-object-item-link {

8
webroot/rsrc/css/phui/workboards/phui-workpanel.css
View File

@@ -36,7 +36,7 @@
}
.phui-workpanel-view .phui-box-grey {
background-color: rgba(71,87,120,0.1);
background-color: rgba({$alphablue},0.1);
}
.phui-workpanel-view.phui-workboard-column-milestone .phui-box-grey {
@@ -106,12 +106,12 @@
.device-desktop .phui-workpanel-body-content::-webkit-scrollbar {
height: 8px;
width: 8px;
background: rgba(71,87,120,0.2);
background: rgba({$alphablue},0.2);
border-radius: 4px;
}
.device-desktop .phui-workpanel-body-content::-webkit-scrollbar-thumb {
background: rgba(71,87,120,0.4);
background: rgba({$alphablue},0.4);
border-radius: 4px;
}
@@ -127,7 +127,7 @@
}
.project-panel-empty .phui-object-item-list-view.drag-target-list {
background: rgba(255,255,255,.7);
background: rgba({$alphawhite},.7);
}
.phui-workpanel-view.project-panel-over-limit .phui-header-header {