revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2025-01-24 21:48:21 +01:00
Code Issues Releases Wiki Activity

Add an Experimental Dark Mode to Phabricator

Browse source 
Summary: Mostly this is an exercise to clean up our CSS and Celerity processor by making sure all important color decisions are generatable. It's somewhat resonable to use if you don't review code. Posting it up here mostly so I don't lose the work.

Test Plan: Visit lots and lots of pages with dark mode on and off.

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Differential Revision: https://secure.phabricator.com/D18227
This commit is contained in:
Chad Little 2017-07-17 11:08:17 -07:00
parent 10d9d2519c
commit 7aeefc0cca
67 changed files with 479 additions and 279 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

116
resources/celerity/map.php
View file

@ -7,12 +7,12 @@
*/ */
return array( return array(
'names' => array( 'names' => array(
'conpherence.pkg.css' => 'ff161f2d', 'conpherence.pkg.css' => 'e68cf1fa',
'conpherence.pkg.js' => 'b5b51108', 'conpherence.pkg.js' => 'b5b51108',
'core.pkg.css' => '7ae9e755', 'core.pkg.css' => '2cac901b',
'core.pkg.js' => '5d80e0db', 'core.pkg.js' => '5d80e0db',
'darkconsole.pkg.js' => '1f9a31bc', 'darkconsole.pkg.js' => '1f9a31bc',
'differential.pkg.css' => 'b00f573e', 'differential.pkg.css' => '0cdef299',
'differential.pkg.js' => '1d80ecc6', 'differential.pkg.js' => '1d80ecc6',
'diffusion.pkg.css' => 'a2d17c7d', 'diffusion.pkg.css' => 'a2d17c7d',
'diffusion.pkg.js' => '6134c5a1', 'diffusion.pkg.js' => '6134c5a1',
@ -35,17 +35,17 @@ return array(
'rsrc/css/aphront/table-view.css' => 'a3aa6910', 'rsrc/css/aphront/table-view.css' => 'a3aa6910',
'rsrc/css/aphront/tokenizer.css' => '15d5ff71', 'rsrc/css/aphront/tokenizer.css' => '15d5ff71',
'rsrc/css/aphront/tooltip.css' => '173b9431', 'rsrc/css/aphront/tooltip.css' => '173b9431',
'rsrc/css/aphront/typeahead-browse.css' => '4f82e510', 'rsrc/css/aphront/typeahead-browse.css' => 'f2818435',
'rsrc/css/aphront/typeahead.css' => '8a84cc7d', 'rsrc/css/aphront/typeahead.css' => '4434bc8a',
'rsrc/css/application/almanac/almanac.css' => 'dbb9b3af', 'rsrc/css/application/almanac/almanac.css' => 'dbb9b3af',
'rsrc/css/application/auth/auth.css' => '0877ed6e', 'rsrc/css/application/auth/auth.css' => '0877ed6e',
'rsrc/css/application/base/main-menu-view.css' => '16053029', 'rsrc/css/application/base/main-menu-view.css' => '16053029',
'rsrc/css/application/base/notification-menu.css' => '6a697e43', 'rsrc/css/application/base/notification-menu.css' => '73fefdfa',
'rsrc/css/application/base/phui-theme.css' => '9f261c6b', 'rsrc/css/application/base/phui-theme.css' => '9f261c6b',
'rsrc/css/application/base/standard-page-view.css' => 'eb5b80c5', 'rsrc/css/application/base/standard-page-view.css' => 'eb5b80c5',
'rsrc/css/application/chatlog/chatlog.css' => 'd295b020', 'rsrc/css/application/chatlog/chatlog.css' => 'd295b020',
'rsrc/css/application/conduit/conduit-api.css' => '7bc725c4', 'rsrc/css/application/conduit/conduit-api.css' => '7bc725c4',
'rsrc/css/application/config/config-options.css' => '0ede4c9b', 'rsrc/css/application/config/config-options.css' => 'c5aac7b0',
'rsrc/css/application/config/config-page.css' => 'c1d5121b', 'rsrc/css/application/config/config-page.css' => 'c1d5121b',
'rsrc/css/application/config/config-template.css' => '8f18fa41', 'rsrc/css/application/config/config-template.css' => '8f18fa41',
'rsrc/css/application/config/setup-issue.css' => 'f794cfc3', 'rsrc/css/application/config/setup-issue.css' => 'f794cfc3',
@ -53,7 +53,7 @@ return array(
'rsrc/css/application/conpherence/color.css' => 'abb4c358', 'rsrc/css/application/conpherence/color.css' => 'abb4c358',
'rsrc/css/application/conpherence/durable-column.css' => '89ea6bef', 'rsrc/css/application/conpherence/durable-column.css' => '89ea6bef',
'rsrc/css/application/conpherence/header-pane.css' => 'cb6f4e19', 'rsrc/css/application/conpherence/header-pane.css' => 'cb6f4e19',
'rsrc/css/application/conpherence/menu.css' => '6953e7ec', 'rsrc/css/application/conpherence/menu.css' => '69368e97',
'rsrc/css/application/conpherence/message-pane.css' => 'b0f55ecc', 'rsrc/css/application/conpherence/message-pane.css' => 'b0f55ecc',
'rsrc/css/application/conpherence/notification.css' => 'cef0a3fc', 'rsrc/css/application/conpherence/notification.css' => 'cef0a3fc',
'rsrc/css/application/conpherence/participant-pane.css' => '26a3ce56', 'rsrc/css/application/conpherence/participant-pane.css' => '26a3ce56',
@ -62,11 +62,11 @@ return array(
'rsrc/css/application/countdown/timer.css' => '16c52f5c', 'rsrc/css/application/countdown/timer.css' => '16c52f5c',
'rsrc/css/application/daemon/bulk-job.css' => 'df9c1d4a', 'rsrc/css/application/daemon/bulk-job.css' => 'df9c1d4a',
'rsrc/css/application/dashboard/dashboard.css' => 'fe5b1869', 'rsrc/css/application/dashboard/dashboard.css' => 'fe5b1869',
'rsrc/css/application/diff/inline-comment-summary.css' => '51efda3a', 'rsrc/css/application/diff/inline-comment-summary.css' => 'f23d4e8f',
'rsrc/css/application/differential/add-comment.css' => 'c47f8c40', 'rsrc/css/application/differential/add-comment.css' => 'c47f8c40',
'rsrc/css/application/differential/changeset-view.css' => '3cef17bd', 'rsrc/css/application/differential/changeset-view.css' => 'bf1a41d8',
'rsrc/css/application/differential/core.css' => '5b7b8ff4', 'rsrc/css/application/differential/core.css' => '5b7b8ff4',
'rsrc/css/application/differential/phui-inline-comment.css' => 'ffd1a542', 'rsrc/css/application/differential/phui-inline-comment.css' => 'c4036846',
'rsrc/css/application/differential/revision-comment.css' => '14b8565a', 'rsrc/css/application/differential/revision-comment.css' => '14b8565a',
'rsrc/css/application/differential/revision-history.css' => '0e8eb855', 'rsrc/css/application/differential/revision-history.css' => '0e8eb855',
'rsrc/css/application/differential/revision-list.css' => 'f3c47d33', 'rsrc/css/application/differential/revision-list.css' => 'f3c47d33',
@ -77,7 +77,7 @@ return array(
'rsrc/css/application/diffusion/diffusion-source.css' => '750add59', 'rsrc/css/application/diffusion/diffusion-source.css' => '750add59',
'rsrc/css/application/diffusion/diffusion.css' => '8d01932f', 'rsrc/css/application/diffusion/diffusion.css' => '8d01932f',
'rsrc/css/application/feed/feed.css' => 'ecd4ec57', 'rsrc/css/application/feed/feed.css' => 'ecd4ec57',
'rsrc/css/application/files/global-drag-and-drop.css' => '5c1b47c2', 'rsrc/css/application/files/global-drag-and-drop.css' => 'b556a948',
'rsrc/css/application/flag/flag.css' => 'bba8f811', 'rsrc/css/application/flag/flag.css' => 'bba8f811',
'rsrc/css/application/harbormaster/harbormaster.css' => 'f491c9f4', 'rsrc/css/application/harbormaster/harbormaster.css' => 'f491c9f4',
'rsrc/css/application/herald/herald-test.css' => 'a52e323e', 'rsrc/css/application/herald/herald-test.css' => 'a52e323e',
@ -88,10 +88,10 @@ return array(
'rsrc/css/application/maniphest/task-summary.css' => '11cc5344', 'rsrc/css/application/maniphest/task-summary.css' => '11cc5344',
'rsrc/css/application/objectselector/object-selector.css' => '85ee8ce6', 'rsrc/css/application/objectselector/object-selector.css' => '85ee8ce6',
'rsrc/css/application/owners/owners-path-editor.css' => '2f00933b', 'rsrc/css/application/owners/owners-path-editor.css' => '2f00933b',
'rsrc/css/application/paste/paste.css' => '1898e534', 'rsrc/css/application/paste/paste.css' => '9fcc9773',
'rsrc/css/application/people/people-picture-menu-item.css' => 'a06f7f34', 'rsrc/css/application/people/people-picture-menu-item.css' => 'a06f7f34',
'rsrc/css/application/people/people-profile.css' => '4df76faf', 'rsrc/css/application/people/people-profile.css' => '4df76faf',
'rsrc/css/application/phame/phame.css' => 'b3a0b3a3', 'rsrc/css/application/phame/phame.css' => '8cb3afcd',
'rsrc/css/application/pholio/pholio-edit.css' => '07676f51', 'rsrc/css/application/pholio/pholio-edit.css' => '07676f51',
'rsrc/css/application/pholio/pholio-inline-comments.css' => '8e545e49', 'rsrc/css/application/pholio/pholio-inline-comments.css' => '8e545e49',
'rsrc/css/application/pholio/pholio.css' => 'ca89d380', 'rsrc/css/application/pholio/pholio.css' => 'ca89d380',
@ -104,7 +104,7 @@ return array(
'rsrc/css/application/policy/policy-transaction-detail.css' => '82100a43', 'rsrc/css/application/policy/policy-transaction-detail.css' => '82100a43',
'rsrc/css/application/policy/policy.css' => '957ea14c', 'rsrc/css/application/policy/policy.css' => '957ea14c',
'rsrc/css/application/ponder/ponder-view.css' => 'fbd45f96', 'rsrc/css/application/ponder/ponder-view.css' => 'fbd45f96',
'rsrc/css/application/project/project-card-view.css' => '3d3c1f91', 'rsrc/css/application/project/project-card-view.css' => '0010bb52',
'rsrc/css/application/project/project-view.css' => '792c9057', 'rsrc/css/application/project/project-view.css' => '792c9057',
'rsrc/css/application/releeph/releeph-core.css' => '9b3c5733', 'rsrc/css/application/releeph/releeph-core.css' => '9b3c5733',
'rsrc/css/application/releeph/releeph-preview-branch.css' => 'b7a6f4a5', 'rsrc/css/application/releeph/releeph-preview-branch.css' => 'b7a6f4a5',
@ -115,8 +115,8 @@ return array(
'rsrc/css/application/slowvote/slowvote.css' => 'a94b7230', 'rsrc/css/application/slowvote/slowvote.css' => 'a94b7230',
'rsrc/css/application/tokens/tokens.css' => '3d0f239e', 'rsrc/css/application/tokens/tokens.css' => '3d0f239e',
'rsrc/css/application/uiexample/example.css' => '528b19de', 'rsrc/css/application/uiexample/example.css' => '528b19de',
'rsrc/css/core/core.css' => '23beb330', 'rsrc/css/core/core.css' => '1760853c',
'rsrc/css/core/remarkup.css' => 'eb37bd0d', 'rsrc/css/core/remarkup.css' => '279e409c',
'rsrc/css/core/syntax.css' => 'cae95e89', 'rsrc/css/core/syntax.css' => 'cae95e89',
'rsrc/css/core/z-index.css' => '9d8f7c4b', 'rsrc/css/core/z-index.css' => '9d8f7c4b',
'rsrc/css/diviner/diviner-shared.css' => '896f1d43', 'rsrc/css/diviner/diviner-shared.css' => '896f1d43',
@ -124,29 +124,29 @@ return array(
'rsrc/css/font/font-lato.css' => 'c7ccd872', 'rsrc/css/font/font-lato.css' => 'c7ccd872',
'rsrc/css/font/phui-font-icon-base.css' => '870a7360', 'rsrc/css/font/phui-font-icon-base.css' => '870a7360',
'rsrc/css/layout/phabricator-filetree-view.css' => 'fccf9f82', 'rsrc/css/layout/phabricator-filetree-view.css' => 'fccf9f82',
'rsrc/css/layout/phabricator-source-code-view.css' => '4383192f', 'rsrc/css/layout/phabricator-source-code-view.css' => 'aea41829',
'rsrc/css/phui/button/phui-button-bar.css' => '39fe680c', 'rsrc/css/phui/button/phui-button-bar.css' => '39fe680c',
'rsrc/css/phui/button/phui-button-simple.css' => '8e1baf68', 'rsrc/css/phui/button/phui-button-simple.css' => '8e1baf68',
'rsrc/css/phui/button/phui-button.css' => '022581b4', 'rsrc/css/phui/button/phui-button.css' => '022581b4',
'rsrc/css/phui/calendar/phui-calendar-day.css' => '572b1893', 'rsrc/css/phui/calendar/phui-calendar-day.css' => '572b1893',
'rsrc/css/phui/calendar/phui-calendar-list.css' => '576be600', 'rsrc/css/phui/calendar/phui-calendar-list.css' => '576be600',
'rsrc/css/phui/calendar/phui-calendar-month.css' => '8e10e92c', 'rsrc/css/phui/calendar/phui-calendar-month.css' => '21154caf',
'rsrc/css/phui/calendar/phui-calendar.css' => '477acfaa', 'rsrc/css/phui/calendar/phui-calendar.css' => 'f1ddf11c',
'rsrc/css/phui/object-item/phui-oi-big-ui.css' => '19f9369b', 'rsrc/css/phui/object-item/phui-oi-big-ui.css' => '19f9369b',
'rsrc/css/phui/object-item/phui-oi-color.css' => 'cd2b9b77', 'rsrc/css/phui/object-item/phui-oi-color.css' => 'cd2b9b77',
'rsrc/css/phui/object-item/phui-oi-drag-ui.css' => '08f4ccc3', 'rsrc/css/phui/object-item/phui-oi-drag-ui.css' => '08f4ccc3',
'rsrc/css/phui/object-item/phui-oi-flush-ui.css' => '9d9685d6', 'rsrc/css/phui/object-item/phui-oi-flush-ui.css' => '9d9685d6',
'rsrc/css/phui/object-item/phui-oi-list-view.css' => 'bf094950', 'rsrc/css/phui/object-item/phui-oi-list-view.css' => 'bf094950',
'rsrc/css/phui/object-item/phui-oi-simple-ui.css' => 'a8beebea', 'rsrc/css/phui/object-item/phui-oi-simple-ui.css' => 'a8beebea',
'rsrc/css/phui/phui-action-list.css' => 'c01858f4', 'rsrc/css/phui/phui-action-list.css' => '6ee16164',
'rsrc/css/phui/phui-action-panel.css' => '91c7b835', 'rsrc/css/phui/phui-action-panel.css' => '91c7b835',
'rsrc/css/phui/phui-badge.css' => '22c0cf4f', 'rsrc/css/phui/phui-badge.css' => '22c0cf4f',
'rsrc/css/phui/phui-basic-nav-view.css' => 'a0705f53', 'rsrc/css/phui/phui-basic-nav-view.css' => 'a0705f53',
'rsrc/css/phui/phui-big-info-view.css' => 'bd903741', 'rsrc/css/phui/phui-big-info-view.css' => 'd13afcde',
'rsrc/css/phui/phui-box.css' => '269cbc99', 'rsrc/css/phui/phui-box.css' => '745e881d',
'rsrc/css/phui/phui-chart.css' => '6bf6f78e', 'rsrc/css/phui/phui-chart.css' => '6bf6f78e',
'rsrc/css/phui/phui-cms.css' => '504b4b23', 'rsrc/css/phui/phui-cms.css' => '504b4b23',
'rsrc/css/phui/phui-comment-form.css' => '57af2e14', 'rsrc/css/phui/phui-comment-form.css' => '62836121',
'rsrc/css/phui/phui-comment-panel.css' => 'f50152ad', 'rsrc/css/phui/phui-comment-panel.css' => 'f50152ad',
'rsrc/css/phui/phui-crumbs-view.css' => '6ece3bbb', 'rsrc/css/phui/phui-crumbs-view.css' => '6ece3bbb',
'rsrc/css/phui/phui-curtain-view.css' => '55dd0e59', 'rsrc/css/phui/phui-curtain-view.css' => '55dd0e59',
@ -156,7 +156,7 @@ return array(
'rsrc/css/phui/phui-feed-story.css' => '44a9c8e9', 'rsrc/css/phui/phui-feed-story.css' => '44a9c8e9',
'rsrc/css/phui/phui-fontkit.css' => '1320ed01', 'rsrc/css/phui/phui-fontkit.css' => '1320ed01',
'rsrc/css/phui/phui-form-view.css' => '6175808d', 'rsrc/css/phui/phui-form-view.css' => '6175808d',
'rsrc/css/phui/phui-form.css' => 'a5570f70', 'rsrc/css/phui/phui-form.css' => 'efa86a27',
'rsrc/css/phui/phui-head-thing.css' => 'fd311e5f', 'rsrc/css/phui/phui-head-thing.css' => 'fd311e5f',
'rsrc/css/phui/phui-header-view.css' => 'e7de7ee2', 'rsrc/css/phui/phui-header-view.css' => 'e7de7ee2',
'rsrc/css/phui/phui-hovercard.css' => 'f0592bcf', 'rsrc/css/phui/phui-hovercard.css' => 'f0592bcf',
@ -164,11 +164,11 @@ return array(
'rsrc/css/phui/phui-icon.css' => '5c4a5de6', 'rsrc/css/phui/phui-icon.css' => '5c4a5de6',
'rsrc/css/phui/phui-image-mask.css' => 'a8498f9c', 'rsrc/css/phui/phui-image-mask.css' => 'a8498f9c',
'rsrc/css/phui/phui-info-panel.css' => '27ea50a1', 'rsrc/css/phui/phui-info-panel.css' => '27ea50a1',
'rsrc/css/phui/phui-info-view.css' => '6e217679', 'rsrc/css/phui/phui-info-view.css' => 'e1b4ec37',
'rsrc/css/phui/phui-invisible-character-view.css' => '6993d9f0', 'rsrc/css/phui/phui-invisible-character-view.css' => '6993d9f0',
'rsrc/css/phui/phui-left-right.css' => 'f60c67e7', 'rsrc/css/phui/phui-left-right.css' => 'f60c67e7',
'rsrc/css/phui/phui-lightbox.css' => '0a035e40', 'rsrc/css/phui/phui-lightbox.css' => '0a035e40',
'rsrc/css/phui/phui-list.css' => 'dcafb463', 'rsrc/css/phui/phui-list.css' => '38f8c9bd',
'rsrc/css/phui/phui-object-box.css' => '9cff003c', 'rsrc/css/phui/phui-object-box.css' => '9cff003c',
'rsrc/css/phui/phui-pager.css' => 'edcbc226', 'rsrc/css/phui/phui-pager.css' => 'edcbc226',
'rsrc/css/phui/phui-pinboard-view.css' => '2495140e', 'rsrc/css/phui/phui-pinboard-view.css' => '2495140e',
@ -177,8 +177,8 @@ return array(
'rsrc/css/phui/phui-segment-bar-view.css' => 'b1d1b892', 'rsrc/css/phui/phui-segment-bar-view.css' => 'b1d1b892',
'rsrc/css/phui/phui-spacing.css' => '042804d6', 'rsrc/css/phui/phui-spacing.css' => '042804d6',
'rsrc/css/phui/phui-status.css' => 'd5263e49', 'rsrc/css/phui/phui-status.css' => 'd5263e49',
'rsrc/css/phui/phui-tag-view.css' => '93b084cf', 'rsrc/css/phui/phui-tag-view.css' => 'b4719c50',
'rsrc/css/phui/phui-timeline-view.css' => '313c7f22', 'rsrc/css/phui/phui-timeline-view.css' => 'c4700486',
'rsrc/css/phui/phui-two-column-view.css' => '5b8cd553', 'rsrc/css/phui/phui-two-column-view.css' => '5b8cd553',
'rsrc/css/phui/workboards/phui-workboard-color.css' => '783cdff5', 'rsrc/css/phui/workboards/phui-workboard-color.css' => '783cdff5',
'rsrc/css/phui/workboards/phui-workboard.css' => '3bc85455', 'rsrc/css/phui/workboards/phui-workboard.css' => '3bc85455',
@ -547,24 +547,24 @@ return array(
'aphront-table-view-css' => 'a3aa6910', 'aphront-table-view-css' => 'a3aa6910',
'aphront-tokenizer-control-css' => '15d5ff71', 'aphront-tokenizer-control-css' => '15d5ff71',
'aphront-tooltip-css' => '173b9431', 'aphront-tooltip-css' => '173b9431',
'aphront-typeahead-control-css' => '8a84cc7d', 'aphront-typeahead-control-css' => '4434bc8a',
'application-search-view-css' => '66ee5d46', 'application-search-view-css' => '66ee5d46',
'auth-css' => '0877ed6e', 'auth-css' => '0877ed6e',
'bulk-job-css' => 'df9c1d4a', 'bulk-job-css' => 'df9c1d4a',
'conduit-api-css' => '7bc725c4', 'conduit-api-css' => '7bc725c4',
'config-options-css' => '0ede4c9b', 'config-options-css' => 'c5aac7b0',
'config-page-css' => 'c1d5121b', 'config-page-css' => 'c1d5121b',
'conpherence-color-css' => 'abb4c358', 'conpherence-color-css' => 'abb4c358',
'conpherence-durable-column-view' => '89ea6bef', 'conpherence-durable-column-view' => '89ea6bef',
'conpherence-header-pane-css' => 'cb6f4e19', 'conpherence-header-pane-css' => 'cb6f4e19',
'conpherence-menu-css' => '6953e7ec', 'conpherence-menu-css' => '69368e97',
'conpherence-message-pane-css' => 'b0f55ecc', 'conpherence-message-pane-css' => 'b0f55ecc',
'conpherence-notification-css' => 'cef0a3fc', 'conpherence-notification-css' => 'cef0a3fc',
'conpherence-participant-pane-css' => '26a3ce56', 'conpherence-participant-pane-css' => '26a3ce56',
'conpherence-thread-manager' => '4d863052', 'conpherence-thread-manager' => '4d863052',
'conpherence-transaction-css' => '85129c68', 'conpherence-transaction-css' => '85129c68',
'd3' => 'a11a5ff2', 'd3' => 'a11a5ff2',
'differential-changeset-view-css' => '3cef17bd', 'differential-changeset-view-css' => 'bf1a41d8',
'differential-core-view-css' => '5b7b8ff4', 'differential-core-view-css' => '5b7b8ff4',
'differential-revision-add-comment-css' => 'c47f8c40', 'differential-revision-add-comment-css' => 'c47f8c40',
'differential-revision-comment-css' => '14b8565a', 'differential-revision-comment-css' => '14b8565a',
@ -579,12 +579,12 @@ return array(
'diviner-shared-css' => '896f1d43', 'diviner-shared-css' => '896f1d43',
'font-fontawesome' => 'e838e088', 'font-fontawesome' => 'e838e088',
'font-lato' => 'c7ccd872', 'font-lato' => 'c7ccd872',
'global-drag-and-drop-css' => '5c1b47c2', 'global-drag-and-drop-css' => 'b556a948',
'harbormaster-css' => 'f491c9f4', 'harbormaster-css' => 'f491c9f4',
'herald-css' => 'dc31f6e9', 'herald-css' => 'dc31f6e9',
'herald-rule-editor' => 'd6a7e717', 'herald-rule-editor' => 'd6a7e717',
'herald-test-css' => 'a52e323e', 'herald-test-css' => 'a52e323e',
'inline-comment-summary-css' => '51efda3a', 'inline-comment-summary-css' => 'f23d4e8f',
'javelin-aphlict' => 'e1d4b11a', 'javelin-aphlict' => 'e1d4b11a',
'javelin-behavior' => '61cbc29a', 'javelin-behavior' => '61cbc29a',
'javelin-behavior-aphlict-dropdown' => 'caade6f2', 'javelin-behavior-aphlict-dropdown' => 'caade6f2',
@ -764,15 +764,15 @@ return array(
'multirow-row-manager' => 'b5d57730', 'multirow-row-manager' => 'b5d57730',
'owners-path-editor' => 'aa1733d0', 'owners-path-editor' => 'aa1733d0',
'owners-path-editor-css' => '2f00933b', 'owners-path-editor-css' => '2f00933b',
'paste-css' => '1898e534', 'paste-css' => '9fcc9773',
'path-typeahead' => 'f7fc67ec', 'path-typeahead' => 'f7fc67ec',
'people-picture-menu-item-css' => 'a06f7f34', 'people-picture-menu-item-css' => 'a06f7f34',
'people-profile-css' => '4df76faf', 'people-profile-css' => '4df76faf',
'phabricator-action-list-view-css' => 'c01858f4', 'phabricator-action-list-view-css' => '6ee16164',
'phabricator-busy' => '59a7976a', 'phabricator-busy' => '59a7976a',
'phabricator-chatlog-css' => 'd295b020', 'phabricator-chatlog-css' => 'd295b020',
'phabricator-content-source-view-css' => '4b8b05d4', 'phabricator-content-source-view-css' => '4b8b05d4',
'phabricator-core-css' => '23beb330', 'phabricator-core-css' => '1760853c',
'phabricator-countdown-css' => '16c52f5c', 'phabricator-countdown-css' => '16c52f5c',
'phabricator-darklog' => 'c8e1ffe3', 'phabricator-darklog' => 'c8e1ffe3',
'phabricator-darkmessage' => 'c48cccdd', 'phabricator-darkmessage' => 'c48cccdd',
@ -794,22 +794,22 @@ return array(
'phabricator-nav-view-css' => 'faf6a6fc', 'phabricator-nav-view-css' => 'faf6a6fc',
'phabricator-notification' => 'ccf1cbf8', 'phabricator-notification' => 'ccf1cbf8',
'phabricator-notification-css' => '3f6c89c9', 'phabricator-notification-css' => '3f6c89c9',
'phabricator-notification-menu-css' => '6a697e43', 'phabricator-notification-menu-css' => '73fefdfa',
'phabricator-object-selector-css' => '85ee8ce6', 'phabricator-object-selector-css' => '85ee8ce6',
'phabricator-phtize' => 'd254d646', 'phabricator-phtize' => 'd254d646',
'phabricator-prefab' => 'c5af80a2', 'phabricator-prefab' => 'c5af80a2',
'phabricator-remarkup-css' => 'eb37bd0d', 'phabricator-remarkup-css' => '279e409c',
'phabricator-search-results-css' => '8f8e08ed', 'phabricator-search-results-css' => '8f8e08ed',
'phabricator-shaped-request' => '7cbe244b', 'phabricator-shaped-request' => '7cbe244b',
'phabricator-slowvote-css' => 'a94b7230', 'phabricator-slowvote-css' => 'a94b7230',
'phabricator-source-code-view-css' => '4383192f', 'phabricator-source-code-view-css' => 'aea41829',
'phabricator-standard-page-view' => 'eb5b80c5', 'phabricator-standard-page-view' => 'eb5b80c5',
'phabricator-textareautils' => '320810c8', 'phabricator-textareautils' => '320810c8',
'phabricator-title' => '485aaa6c', 'phabricator-title' => '485aaa6c',
'phabricator-tooltip' => '358b8c04', 'phabricator-tooltip' => '358b8c04',
'phabricator-ui-example-css' => '528b19de', 'phabricator-ui-example-css' => '528b19de',
'phabricator-zindex-css' => '9d8f7c4b', 'phabricator-zindex-css' => '9d8f7c4b',
'phame-css' => 'b3a0b3a3', 'phame-css' => '8cb3afcd',
'pholio-css' => 'ca89d380', 'pholio-css' => 'ca89d380',
'pholio-edit-css' => '07676f51', 'pholio-edit-css' => '07676f51',
'pholio-inline-comments-css' => '8e545e49', 'pholio-inline-comments-css' => '8e545e49',
@ -822,18 +822,18 @@ return array(
'phui-action-panel-css' => '91c7b835', 'phui-action-panel-css' => '91c7b835',
'phui-badge-view-css' => '22c0cf4f', 'phui-badge-view-css' => '22c0cf4f',
'phui-basic-nav-view-css' => 'a0705f53', 'phui-basic-nav-view-css' => 'a0705f53',
'phui-big-info-view-css' => 'bd903741', 'phui-big-info-view-css' => 'd13afcde',
'phui-box-css' => '269cbc99', 'phui-box-css' => '745e881d',
'phui-button-bar-css' => '39fe680c', 'phui-button-bar-css' => '39fe680c',
'phui-button-css' => '022581b4', 'phui-button-css' => '022581b4',
'phui-button-simple-css' => '8e1baf68', 'phui-button-simple-css' => '8e1baf68',
'phui-calendar-css' => '477acfaa', 'phui-calendar-css' => 'f1ddf11c',
'phui-calendar-day-css' => '572b1893', 'phui-calendar-day-css' => '572b1893',
'phui-calendar-list-css' => '576be600', 'phui-calendar-list-css' => '576be600',
'phui-calendar-month-css' => '8e10e92c', 'phui-calendar-month-css' => '21154caf',
'phui-chart-css' => '6bf6f78e', 'phui-chart-css' => '6bf6f78e',
'phui-cms-css' => '504b4b23', 'phui-cms-css' => '504b4b23',
'phui-comment-form-css' => '57af2e14', 'phui-comment-form-css' => '62836121',
'phui-comment-panel-css' => 'f50152ad', 'phui-comment-panel-css' => 'f50152ad',
'phui-crumbs-view-css' => '6ece3bbb', 'phui-crumbs-view-css' => '6ece3bbb',
'phui-curtain-view-css' => '55dd0e59', 'phui-curtain-view-css' => '55dd0e59',
@ -843,7 +843,7 @@ return array(
'phui-feed-story-css' => '44a9c8e9', 'phui-feed-story-css' => '44a9c8e9',
'phui-font-icon-base-css' => '870a7360', 'phui-font-icon-base-css' => '870a7360',
'phui-fontkit-css' => '1320ed01', 'phui-fontkit-css' => '1320ed01',
'phui-form-css' => 'a5570f70', 'phui-form-css' => 'efa86a27',
'phui-form-view-css' => '6175808d', 'phui-form-view-css' => '6175808d',
'phui-head-thing-view-css' => 'fd311e5f', 'phui-head-thing-view-css' => 'fd311e5f',
'phui-header-view-css' => 'e7de7ee2', 'phui-header-view-css' => 'e7de7ee2',
@ -853,12 +853,12 @@ return array(
'phui-icon-view-css' => '5c4a5de6', 'phui-icon-view-css' => '5c4a5de6',
'phui-image-mask-css' => 'a8498f9c', 'phui-image-mask-css' => 'a8498f9c',
'phui-info-panel-css' => '27ea50a1', 'phui-info-panel-css' => '27ea50a1',
'phui-info-view-css' => '6e217679', 'phui-info-view-css' => 'e1b4ec37',
'phui-inline-comment-view-css' => 'ffd1a542', 'phui-inline-comment-view-css' => 'c4036846',
'phui-invisible-character-view-css' => '6993d9f0', 'phui-invisible-character-view-css' => '6993d9f0',
'phui-left-right-css' => 'f60c67e7', 'phui-left-right-css' => 'f60c67e7',
'phui-lightbox-css' => '0a035e40', 'phui-lightbox-css' => '0a035e40',
'phui-list-view-css' => 'dcafb463', 'phui-list-view-css' => '38f8c9bd',
'phui-object-box-css' => '9cff003c', 'phui-object-box-css' => '9cff003c',
'phui-oi-big-ui-css' => '19f9369b', 'phui-oi-big-ui-css' => '19f9369b',
'phui-oi-color-css' => 'cd2b9b77', 'phui-oi-color-css' => 'cd2b9b77',
@ -873,9 +873,9 @@ return array(
'phui-segment-bar-view-css' => 'b1d1b892', 'phui-segment-bar-view-css' => 'b1d1b892',
'phui-spacing-css' => '042804d6', 'phui-spacing-css' => '042804d6',
'phui-status-list-view-css' => 'd5263e49', 'phui-status-list-view-css' => 'd5263e49',
'phui-tag-view-css' => '93b084cf', 'phui-tag-view-css' => 'b4719c50',
'phui-theme-css' => '9f261c6b', 'phui-theme-css' => '9f261c6b',
'phui-timeline-view-css' => '313c7f22', 'phui-timeline-view-css' => 'c4700486',
'phui-two-column-view-css' => '5b8cd553', 'phui-two-column-view-css' => '5b8cd553',
'phui-workboard-color-css' => '783cdff5', 'phui-workboard-color-css' => '783cdff5',
'phui-workboard-view-css' => '3bc85455', 'phui-workboard-view-css' => '3bc85455',
@ -892,7 +892,7 @@ return array(
'policy-edit-css' => '815c66f7', 'policy-edit-css' => '815c66f7',
'policy-transaction-detail-css' => '82100a43', 'policy-transaction-detail-css' => '82100a43',
'ponder-view-css' => 'fbd45f96', 'ponder-view-css' => 'fbd45f96',
'project-card-view-css' => '3d3c1f91', 'project-card-view-css' => '0010bb52',
'project-view-css' => '792c9057', 'project-view-css' => '792c9057',
'releeph-core' => '9b3c5733', 'releeph-core' => '9b3c5733',
'releeph-preview-branch' => 'b7a6f4a5', 'releeph-preview-branch' => 'b7a6f4a5',
@ -904,7 +904,7 @@ return array(
'syntax-default-css' => '9923583c', 'syntax-default-css' => '9923583c',
'syntax-highlighting-css' => 'cae95e89', 'syntax-highlighting-css' => 'cae95e89',
'tokens-css' => '3d0f239e', 'tokens-css' => '3d0f239e',
'typeahead-browse-css' => '4f82e510', 'typeahead-browse-css' => 'f2818435',
'unhandled-exception-css' => '4c96257a', 'unhandled-exception-css' => '4c96257a',
), ),
'requires' => array( 'requires' => array(
@ -1146,9 +1146,6 @@ return array(
'javelin-util', 'javelin-util',
'javelin-uri', 'javelin-uri',
), ),
'3cef17bd' => array(
'phui-inline-comment-view-css',
),
'3dbf94d5' => array( '3dbf94d5' => array(
'javelin-behavior', 'javelin-behavior',
'javelin-dom', 'javelin-dom',
@ -1870,6 +1867,9 @@ return array(
'phabricator-drag-and-drop-file-upload', 'phabricator-drag-and-drop-file-upload',
'phabricator-draggable-list', 'phabricator-draggable-list',
), ),
'bf1a41d8' => array(
'phui-inline-comment-view-css',
),
'bf5374ef' => array( 'bf5374ef' => array(
'javelin-behavior', 'javelin-behavior',
'javelin-stratcom', 'javelin-stratcom',

2
src/__phutil_library_map__.php
View file

@ -223,6 +223,7 @@ phutil_register_library_map(array(
'CalendarTimeUtil' => 'applications/calendar/util/CalendarTimeUtil.php', 'CalendarTimeUtil' => 'applications/calendar/util/CalendarTimeUtil.php',
'CalendarTimeUtilTestCase' => 'applications/calendar/__tests__/CalendarTimeUtilTestCase.php', 'CalendarTimeUtilTestCase' => 'applications/calendar/__tests__/CalendarTimeUtilTestCase.php',
'CelerityAPI' => 'applications/celerity/CelerityAPI.php', 'CelerityAPI' => 'applications/celerity/CelerityAPI.php',
'CelerityDarkModePostprocessor' => 'applications/celerity/postprocessor/CelerityDarkModePostprocessor.php',
'CelerityDefaultPostprocessor' => 'applications/celerity/postprocessor/CelerityDefaultPostprocessor.php', 'CelerityDefaultPostprocessor' => 'applications/celerity/postprocessor/CelerityDefaultPostprocessor.php',
'CelerityHighContrastPostprocessor' => 'applications/celerity/postprocessor/CelerityHighContrastPostprocessor.php', 'CelerityHighContrastPostprocessor' => 'applications/celerity/postprocessor/CelerityHighContrastPostprocessor.php',
'CelerityLargeFontPostprocessor' => 'applications/celerity/postprocessor/CelerityLargeFontPostprocessor.php', 'CelerityLargeFontPostprocessor' => 'applications/celerity/postprocessor/CelerityLargeFontPostprocessor.php',
@ -5170,6 +5171,7 @@ phutil_register_library_map(array(
'CalendarTimeUtil' => 'Phobject', 'CalendarTimeUtil' => 'Phobject',
'CalendarTimeUtilTestCase' => 'PhabricatorTestCase', 'CalendarTimeUtilTestCase' => 'PhabricatorTestCase',
'CelerityAPI' => 'Phobject', 'CelerityAPI' => 'Phobject',
'CelerityDarkModePostprocessor' => 'CelerityPostprocessor',
'CelerityDefaultPostprocessor' => 'CelerityPostprocessor', 'CelerityDefaultPostprocessor' => 'CelerityPostprocessor',
'CelerityHighContrastPostprocessor' => 'CelerityPostprocessor', 'CelerityHighContrastPostprocessor' => 'CelerityPostprocessor',
'CelerityLargeFontPostprocessor' => 'CelerityPostprocessor', 'CelerityLargeFontPostprocessor' => 'CelerityPostprocessor',

218
src/applications/celerity/postprocessor/CelerityDarkModePostprocessor.php Normal file
View file

@ -0,0 +1,218 @@
<?php
final class CelerityDarkModePostprocessor
extends CelerityPostprocessor {
public function getPostprocessorKey() {
return 'darkmode';
}
public function getPostprocessorName() {
return pht('Dark Mode (Experimental)');
}
public function buildVariables() {
return array(
// Fonts
'basefont' => "13px 'Segoe UI', 'Segoe UI Emoji', ".
"'Segoe UI Symbol', 'Lato', 'Helvetica Neue', ".
"Helvetica, Arial, sans-serif",
'fontfamily' => "'Segoe UI', 'Segoe UI Emoji', ".
"'Segoe UI Symbol', 'Lato', 'Helvetica Neue', ".
"Helvetica, Arial, sans-serif",
// Drop Shadow
'dropshadow' => '0 2px 12px rgba(0, 0, 0, .20)',
'whitetextshadow' => '0 1px 0 rgba(255, 255, 255, 1)',
// Anchors
'anchor' => '#3498db',
// Base Colors
'red' => '#c0392b',
'lightred' => '#f4dddb',
'orange' => '#e67e22',
'lightorange' => '#f7e2d4',
'yellow' => '#f1c40f',
'lightyellow' => '#fdf5d4',
'green' => '#139543',
'lightgreen' => '#d7eddf',
'blue' => '#2980b9',
'lightblue' => '#daeaf3',
'sky' => '#3498db',
'lightsky' => '#ddeef9',
'fire' => '#e62f17',
'indigo' => '#6e5cb6',
'lightindigo' => '#eae6f7',
'pink' => '#da49be',
'lightpink' => '#fbeaf8',
'violet' => '#8e44ad',
'lightviolet' => '#ecdff1',
'charcoal' => '#4b4d51',
'backdrop' => '#c4cde0',
'hoverwhite' => 'rgba(255,255,255,.6)',
'hovergrey' => '#c5cbcf',
'hoverblue' => '#2a425f',
'hoverborder' => '#dfe1e9',
'hoverselectedgrey' => '#bbc4ca',
'hoverselectedblue' => '#e6e9ee',
'borderinset' => 'inset 0 0 0 1px rgba(55,55,55,.15)',
'timeline' => '#4e6078',
'bluepropertybackground' => '#2d435f',
// Alphas
'alphawhite' => '255,255,255',
'alphagrey' => '255,255,255',
'alphablue' => '255,255,255',
'alphablack' => '0,0,0',
// Base Greys
'lightgreyborder' => 'rgba(255,255,255,.3)',
'greyborder' => 'rgba(255,255,255,.6)',
'darkgreyborder' => 'rgba(255,255,255,.9)',
'lightgreytext' => 'rgba(255,255,255,.3)',
'greytext' => 'rgba(255,255,255,.6)',
'darkgreytext' => 'rgba(255,255,255,.9)',
'lightgreybackground' => '#2a425f',
'greybackground' => '#304a6d',
'darkgreybackground' => '#8C98B8',
// Base Blues
'thinblueborder' => '#2c405a',
'lightblueborder' => '#39506d',
'blueborder' => '#8C98B8',
'darkblueborder' => '#626E82',
'lightbluebackground' => 'rgba(255,255,255,.05)',
'bluebackground' => 'rgba(255,255,255,.1)',
'lightbluetext' => 'rgba(255,255,255,.3)',
'bluetext' => 'rgba(255,255,255,.6)',
'darkbluetext' => 'rgba(255,255,255,.8)',
'blacktext' => 'rgba(255,255,255,.9)',
// Base Greens
'lightgreenborder' => '#bfdac1',
'greenborder' => '#8cb89c',
'greentext' => '#3e6d35',
'lightgreenbackground' => '#e6f2e4',
// Base Red
'lightredborder' => '#f4c6c6',
'redborder' => '#eb9797',
'redtext' => '#802b2b',
'lightredbackground' => '#f5e1e1',
// Base Violet
'lightvioletborder' => '#cfbddb',
'violetborder' => '#b589ba',
'violettext' => '#603c73',
'lightvioletbackground' => '#e9dfee',
// Shades are a more muted set of our base colors
// better suited to blending into other UIs.
// Shade Red
'sh-lightredborder' => '#efcfcf',
'sh-redborder' => '#d1abab',
'sh-redicon' => '#c85a5a',
'sh-redtext' => '#a53737',
'sh-redbackground' => '#f7e6e6',
// Shade Orange
'sh-lightorangeborder' => '#f8dcc3',
'sh-orangeborder' => '#dbb99e',
'sh-orangeicon' => '#e78331',
'sh-orangetext' => '#ba6016',
'sh-orangebackground' => '#fbede1',
// Shade Yellow
'sh-lightyellowborder' => '#e9dbcd',
'sh-yellowborder' => '#c9b8a8',
'sh-yellowicon' => '#9b946e',
'sh-yellowtext' => '#726f56',
'sh-yellowbackground' => '#fdf3da',
// Shade Green
'sh-lightgreenborder' => '#c6e6c7',
'sh-greenborder' => '#a0c4a1',
'sh-greenicon' => '#4ca74e',
'sh-greentext' => '#326d34',
'sh-greenbackground' => '#ddefdd',
// Shade Blue
'sh-lightblueborder' => '#cfdbe3',
'sh-blueborder' => '#a7b5bf',
'sh-blueicon' => '#6b748c',
'sh-bluetext' => '#464c5c',
'sh-bluebackground' => '#dee7f8',
// Shade Indigo
'sh-lightindigoborder' => '#d1c9ee',
'sh-indigoborder' => '#bcb4da',
'sh-indigoicon' => '#8672d4',
'sh-indigotext' => '#6e5cb6',
'sh-indigobackground' => '#eae6f7',
// Shade Violet
'sh-lightvioletborder' => '#e0d1e7',
'sh-violetborder' => '#bcabc5',
'sh-violeticon' => '#9260ad',
'sh-violettext' => '#69427f',
'sh-violetbackground' => '#efe8f3',
// Shade Pink
'sh-lightpinkborder' => '#f6d5ef',
'sh-pinkborder' => '#d5aecd',
'sh-pinkicon' => '#e26fcb',
'sh-pinktext' => '#da49be',
'sh-pinkbackground' => '#fbeaf8',
// Shade Grey
'sh-lightgreyborder' => '#e3e4e8',
'sh-greyborder' => '#b2b2b2',
'sh-greyicon' => '#757575',
'sh-greytext' => '#555555',
'sh-greybackground' => '#edeef2',
// Shade Disabled
'sh-lightdisabledborder' => '#e5e5e5',
'sh-disabledborder' => '#cbcbcb',
'sh-disabledicon' => '#bababa',
'sh-disabledtext' => '#a6a6a6',
'sh-disabledbackground' => '#f3f3f3',
// Diffs
'new-background' => 'rgba(151, 234, 151, .3)',
'new-bright' => 'rgba(151, 234, 151, .6)',
'old-background' => 'rgba(251, 175, 175, .3)',
'old-bright' => 'rgba(251, 175, 175, .7)',
'move-background' => '#fdf5d4',
'copy-background' => '#f1c40f',
'paste.content' => '#222222',
'paste.border' => '#000000',
'paste.highlight' => '#121212',
// Background color for "most" themes.
'page.background' => '#223246',
'page.sidenav' => '#1c293b',
'page.content' => '#26374c',
'menu.profile.text' => 'rgba(255,255,255,.8)',
'menu.profile.text.selected' => 'rgba(255,255,255,1)',
'menu.profile.icon.disabled' => 'rgba(255,255,255,.4)',
// Buttons
'blue.button.color' => '#2980b9',
'blue.button.gradient' => 'linear-gradient(to bottom, #3498db, #2980b9)',
'green.button.color' => '#139543',
'green.button.gradient' => 'linear-gradient(to bottom, #23BB5B, #139543)',
'grey.button.color' => '#223246',
'grey.button.gradient' => 'linear-gradient(to bottom, #223246, #223246)',
'grey.button.hover' => 'linear-gradient(to bottom, #1c293b, #1c293b)',
);
}
}

19
src/applications/celerity/postprocessor/CelerityDefaultPostprocessor.php
View file

@ -72,6 +72,7 @@ final class CelerityDefaultPostprocessor
'hoverselectedblue' => '#e6e9ee', 'hoverselectedblue' => '#e6e9ee',
'borderinset' => 'inset 0 0 0 1px rgba(55,55,55,.15)', 'borderinset' => 'inset 0 0 0 1px rgba(55,55,55,.15)',
'timeline' => '#d5d8e1', 'timeline' => '#d5d8e1',
'bluepropertybackground' => '#eff3fc',
// Alphas // Alphas
'alphawhite' => '255,255,255', 'alphawhite' => '255,255,255',
@ -100,6 +101,7 @@ final class CelerityDefaultPostprocessor
'lightbluetext' => '#8C98B8', 'lightbluetext' => '#8C98B8',
'bluetext' => '#6B748C', 'bluetext' => '#6B748C',
'darkbluetext' => '#464C5C', 'darkbluetext' => '#464C5C',
'blacktext' => '#000',
// Base Greens // Base Greens
'lightgreenborder' => '#bfdac1', 'lightgreenborder' => '#bfdac1',
@ -200,9 +202,14 @@ final class CelerityDefaultPostprocessor
'move-background' => '#fdf5d4', 'move-background' => '#fdf5d4',
'copy-background' => '#f1c40f', 'copy-background' => '#f1c40f',
'paste.content' => '#fffef5',
'paste.border' => '#e9dbcd',
'paste.highlight' => '#fdf3da',
// Background color for "most" themes. // Background color for "most" themes.
'page.background' => '#f3f5f7', 'page.background' => '#f3f5f7',
'page.sidenav' => '#eaedf1', 'page.sidenav' => '#eaedf1',
'page.content' => '#fff',
'menu.profile.text' => 'rgba(255,255,255,.8)', 'menu.profile.text' => 'rgba(255,255,255,.8)',
'menu.profile.text.selected' => 'rgba(255,255,255,1)', 'menu.profile.text.selected' => 'rgba(255,255,255,1)',
@ -211,6 +218,18 @@ final class CelerityDefaultPostprocessor
'menu.main.height' => '44px', 'menu.main.height' => '44px',
'menu.profile.width' => '240px', 'menu.profile.width' => '240px',
// Buttons
'blue.button.color' => '#2980b9',
'blue.button.gradient' => 'linear-gradient(to bottom, #3498db, #2980b9)',
'blue.button.hover' => 'linear-gradient(to bottom, #3498db, #1b6ba0)',
'green.button.color' => '#139543',
'green.button.gradient' => 'linear-gradient(to bottom, #23BB5B, #139543)',
'green.button.hover' => 'linear-gradient(to bottom, #23BB5B, #178841)',
'grey.button.color' => '#F7F7F9',
'grey.button.gradient' => 'linear-gradient(to bottom, #ffffff, #f1f0f1)',
'grey.button.hover' => 'linear-gradient(to bottom, #ffffff, #eeebec)',
); );
} }

4
webroot/rsrc/css/aphront/dialog-view.css
View file

@ -7,7 +7,7 @@
margin: 32px auto 16px; margin: 32px auto 16px;
border: 1px solid {$lightblueborder}; border: 1px solid {$lightblueborder};
border-radius: 3px; border-radius: 3px;
background-color: #fff; background-color: {$page.content};
} }
.jx-client-dialog .aphront-dialog-view { .jx-client-dialog .aphront-dialog-view {
@ -41,7 +41,7 @@
} }
.aphront-dialog-body { .aphront-dialog-body {
background: #fff; background: {$page.content};
padding: 16px; padding: 16px;
border: none; border: none;
} }

2
webroot/rsrc/css/aphront/list-filter-view.css
View file

@ -5,7 +5,7 @@
.aphront-list-filter-wrap { .aphront-list-filter-wrap {
border: 1px solid {$lightblueborder}; border: 1px solid {$lightblueborder};
margin: 0 16px; margin: 0 16px;
background: #fff; background: {$page.content};
border-radius: 3px; border-radius: 3px;
} }

2
webroot/rsrc/css/aphront/table-view.css
View file

@ -9,7 +9,7 @@
.aphront-table-view { .aphront-table-view {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
background: #fff; background: {$page.content};
border: 1px solid {$lightblueborder}; border: 1px solid {$lightblueborder};
border-bottom: 1px solid {$blueborder}; border-bottom: 1px solid {$blueborder};
} }

4
webroot/rsrc/css/aphront/tokenizer.css
View file

@ -88,11 +88,11 @@ a.jx-tokenizer-token:hover {
a.jx-tokenizer-token-function { a.jx-tokenizer-token-function {
border-color: {$sh-lightgreyborder}; border-color: {$sh-lightgreyborder};
background: #fff; background: {$page.content};
} }
a.jx-tokenizer-token-function:hover { a.jx-tokenizer-token-function:hover {
background: #fff; background: {$page.content};
} }
a.jx-tokenizer-token-disabled { a.jx-tokenizer-token-disabled {

2
webroot/rsrc/css/aphront/typeahead-browse.css
View file

@ -11,7 +11,7 @@
} }
.typeahead-browse-more { .typeahead-browse-more {
background: {$lightblue}; background: {$lightbluebackground};
border: 1px solid {$lightblueborder}; border: 1px solid {$lightblueborder};
color: {$blue}; color: {$blue};
} }

6
webroot/rsrc/css/aphront/typeahead.css
View file

@ -9,10 +9,10 @@ div.jx-typeahead-hardpoint {
div.jx-typeahead-results { div.jx-typeahead-results {
position: absolute; position: absolute;
border: 1px solid {$hoverborder}; border: 1px solid {$thinblueborder};
border-top: 0px; border-top: 0px;
padding: 0; padding: 0;
background: #fefefe; background: {$page.content};
width: 98%; width: 98%;
box-shadow: 0px 1px 2px rgba({$alphablack}, 0.2); box-shadow: 0px 1px 2px rgba({$alphablack}, 0.2);
margin: -1px 1% 0; margin: -1px 1% 0;
@ -31,7 +31,7 @@ div.jx-typeahead-results a.jx-result {
} }
div.jx-typeahead-results a.jx-result + a.jx-result { div.jx-typeahead-results a.jx-result + a.jx-result {
border-top: 1px solid {$hoverborder}; border-top: 1px solid {$thinblueborder};
} }
div.jx-typeahead-results a.jx-result:hover, div.jx-typeahead-results a.jx-result:hover,

6
webroot/rsrc/css/application/base/main-menu-view.css
View file

@ -164,7 +164,7 @@
position: absolute; position: absolute;
font-size: {$normalfontsize}; font-size: {$normalfontsize};
border: none; border: none;
background-color: #fff; background-color: {$page.content};
height: 28px; height: 28px;
padding: 3px 28px 3px 52px; padding: 3px 28px 3px 52px;
float: left; float: left;
@ -180,7 +180,7 @@
} }
.phabricator-main-menu .phabricator-main-menu-search input:focus { .phabricator-main-menu .phabricator-main-menu-search input:focus {
background: #fff; background: {$page.content};
opacity: 1; opacity: 1;
color: {$darkbluetext}; color: {$darkbluetext};
box-shadow: none; box-shadow: none;
@ -270,7 +270,7 @@ a.phabricator-core-user-menu .caret:before {
} }
.phabricator-main-menu-search-target div.jx-typeahead-results { .phabricator-main-menu-search-target div.jx-typeahead-results {
background: #fff; background: {$page.content};
word-wrap: break-word; word-wrap: break-word;
overflow-y: auto; overflow-y: auto;
box-shadow: {$dropshadow}; box-shadow: {$dropshadow};

4
webroot/rsrc/css/application/base/notification-menu.css
View file

@ -3,7 +3,7 @@
*/ */
.phabricator-notification-menu { .phabricator-notification-menu {
background: #fff; background: {$page.content};
font-size: {$smallestfontsize}; font-size: {$smallestfontsize};
word-wrap: break-word; word-wrap: break-word;
overflow-y: auto; overflow-y: auto;
@ -65,7 +65,7 @@
} }
.phabricator-notification + .phabricator-notification { .phabricator-notification + .phabricator-notification {
border-top: 1px solid {$hoverborder}; border-top: 1px solid {$thinblueborder};
} }
.no-notifications { .no-notifications {

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

@ -18,7 +18,7 @@
} }
body.white-background { body.white-background {
background: #fff; background: {$page.content};
} }
.phabricator-standard-page-footer { .phabricator-standard-page-footer {

4
webroot/rsrc/css/application/config/config-options.css
View file

@ -5,8 +5,8 @@
.config-option-table { .config-option-table {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
border: 1px solid {$lightgreyborder}; border: 1px solid {$thinblueborder};
background: #fff; background: {$page.content};
} }
.config-option-table th, .config-option-table th,

2
webroot/rsrc/css/application/conpherence/durable-column.css
View file

@ -12,7 +12,7 @@
right: 16px; right: 16px;
width: 400px; width: 400px;
height: 360px; height: 360px;
background: #fff; background: {$page.content};
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-top-left-radius: 3px; border-top-left-radius: 3px;
box-shadow: 0px 1px 8px rgba(55,55,55, .3); box-shadow: 0px 1px 8px rgba(55,55,55, .3);

2
webroot/rsrc/css/application/conpherence/header-pane.css
View file

@ -9,7 +9,7 @@
.conpherence-header-pane .phui-header-header { .conpherence-header-pane .phui-header-header {
font-size: 16px; font-size: 16px;
color: #000; color: {$blacktext};
display: block; display: block;
} }

3
webroot/rsrc/css/application/conpherence/menu.css
View file

@ -8,7 +8,7 @@
left: 0; left: 0;
right: 0; right: 0;
top: 44px; top: 44px;
background: #fff; background: {$page.content};
} }
.conpherence-menu-pane { .conpherence-menu-pane {
@ -137,7 +137,6 @@
font-weight: bold; font-weight: bold;
font-size: {$normalfontsize}; font-size: {$normalfontsize};
color: {$darkbluetext}; color: {$darkbluetext};
text-shadow: 0px 1px 1px #fff;
overflow: hidden; overflow: hidden;
width: 165px; width: 165px;
text-overflow: ellipsis; text-overflow: ellipsis;

8
webroot/rsrc/css/application/conpherence/message-pane.css
View file

@ -25,7 +25,7 @@
.conpherence-layout .conpherence-content-pane .conpherence-no-threads { .conpherence-layout .conpherence-content-pane .conpherence-no-threads {
top: 44px; top: 44px;
right: 0; right: 0;
background: #fff; background: {$page.content};
z-index: 26; z-index: 26;
} }
@ -411,7 +411,7 @@ body .conpherence-message-pane .aphront-form-control {
bottom: 0; bottom: 0;
transition: all 0.3s; transition: all 0.3s;
position: fixed; position: fixed;
background-color: #fff; background-color: {$page.content};
} }
.conpherence-layout.loading .conpherence-loading-mask { .conpherence-layout.loading .conpherence-loading-mask {
@ -445,7 +445,7 @@ body .conpherence-message-pane .aphront-form-control {
.show-searchbar .conpherence-search-form-view { .show-searchbar .conpherence-search-form-view {
display: block; display: block;
height: 54px; height: 54px;
background: #fff; background: {$page.content};
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@ -461,7 +461,7 @@ body .conpherence-message-pane .aphront-form-control {
.conpherence-search-results { .conpherence-search-results {
position: absolute; position: absolute;
background: #fff; background: {$page.content};
top: 54px; top: 54px;
left: 0; left: 0;
right: 0; right: 0;

4
webroot/rsrc/css/application/conpherence/participant-pane.css
View file

@ -65,7 +65,7 @@
} }
.conpherence-participant-pane .person-entry:hover a { .conpherence-participant-pane .person-entry:hover a {
color: #000; color: {$blacktext};
} }
.conpherence-participant-pane .person-entry a img { .conpherence-participant-pane .person-entry a img {
@ -99,7 +99,7 @@
} }
.conpherence-participant-pane .person-entry .remove:hover .close-icon { .conpherence-participant-pane .person-entry .remove:hover .close-icon {
color: #000; color: {$blacktext};
} }
/****** Hide Widgets **********************************************************/ /****** Hide Widgets **********************************************************/

4
webroot/rsrc/css/application/conpherence/transaction.css
View file

@ -13,7 +13,7 @@
.conpherence-transaction-header .phui-link-person { .conpherence-transaction-header .phui-link-person {
font-weight: bold; font-weight: bold;
font-size: {$biggerfontsize}; font-size: {$biggerfontsize};
color: #000; color: {$blacktext};
} }
.conpherence-transaction-view.date-marker { .conpherence-transaction-view.date-marker {
@ -23,7 +23,7 @@
.conpherence-transaction-view.date-marker .date { .conpherence-transaction-view.date-marker .date {
position: relative; position: relative;
top: -11px; top: -11px;
background-color: #fff; background-color: {$page.content};
color: {$sh-violettext}; color: {$sh-violettext};
font-weight: bold; font-weight: bold;
} }

2
webroot/rsrc/css/application/dashboard/dashboard.css
View file

@ -20,7 +20,7 @@
} }
.dashboard-box .phui-header-header { .dashboard-box .phui-header-header {
color: #000; color: {$blacktext};
} }
.dashboard-view .phui-oi-empty .phui-info-view { .dashboard-view .phui-oi-empty .phui-info-view {

7
webroot/rsrc/css/application/diff/inline-comment-summary.css
View file

@ -16,8 +16,7 @@
.phabricator-inline-summary-table .inline-comment-summary-table-header { .phabricator-inline-summary-table .inline-comment-summary-table-header {
font-weight: bold; font-weight: bold;
padding: 16px 1px 8px; padding: 16px 1px 8px;
background: #fff; color: {$blacktext};
color: #000;
border-bottom: 1px solid {$thinblueborder}; border-bottom: 1px solid {$thinblueborder};
} }
@ -25,14 +24,14 @@
padding: 4px 8px; padding: 4px 8px;
white-space: nowrap; white-space: nowrap;
color: {$darkbluetext}; color: {$darkbluetext};
background: white; background: {$page.content};
} }
.phabricator-inline-summary-table td.inline-line-number { .phabricator-inline-summary-table td.inline-line-number {
padding: 0; padding: 0;
width: 100px; width: 100px;
white-space: nowrap; white-space: nowrap;
background: #F8F9FC; background: {$lightgreybackground};
font-family: "Menlo", "Consolas", monospace; font-family: "Menlo", "Consolas", monospace;
font-size: {$smallestfontsize}; font-size: {$smallestfontsize};
color: {$bluetext}; color: {$bluetext};

14
webroot/rsrc/css/application/differential/changeset-view.css
View file

@ -20,7 +20,7 @@
} }
.differential-diff { .differential-diff {
background: #fff; background: {$page.content};
width: 100%; width: 100%;
border-top: 1px solid {$lightblueborder}; border-top: 1px solid {$lightblueborder};
border-bottom: 1px solid {$lightblueborder}; border-bottom: 1px solid {$lightblueborder};
@ -113,14 +113,6 @@
cursor: auto; cursor: auto;
} }
.differential-diff th.old {
border-right-color: {$old-bright};
}
.differential-diff th.new {
border-right-color: {$new-bright};
}
.differential-diff td.old { .differential-diff td.old {
background: {$old-background}; background: {$old-background};
} }
@ -288,7 +280,7 @@ td.cov-I {
font-size: {$biggestfontsize}; font-size: {$biggestfontsize};
padding: 2px 0 20px 12px; padding: 2px 0 20px 12px;
line-height: 20px; line-height: 20px;
color: #000; color: {$blacktext};
} }
.device-phone .differential-changeset h1 { .device-phone .differential-changeset h1 {
@ -392,7 +384,7 @@ tr.differential-inline-loading {
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
background: #fff; background: {$page.content};
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
border-bottom: 1px solid {$lightgreyborder}; border-bottom: 1px solid {$lightgreyborder};
padding: 8px 18px; padding: 8px 18px;

10
webroot/rsrc/css/application/differential/phui-inline-comment.css
View file

@ -25,7 +25,7 @@
.differential-inline-comment, .differential-inline-comment,
.differential-inline-comment-edit { .differential-inline-comment-edit {
background: #fff; background: {$page.content};
border: 1px solid {$sh-yellowborder}; border: 1px solid {$sh-yellowborder};
font: {$basefont}; font: {$basefont};
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
@ -244,7 +244,7 @@
.differential-inline-comment.inline-is-done .differential-inline-comment.inline-is-done
.differential-inline-done-label { .differential-inline-done-label {
background-color: #fff; background-color: {$page.content};
border-color: {$lightblueborder}; border-color: {$lightblueborder};
color: {$sky}; color: {$sky};
opacity: 1; opacity: 1;
@ -252,7 +252,7 @@
.device-desktop .differential-inline-comment.inline-is-done .device-desktop .differential-inline-comment.inline-is-done
.differential-inline-done-label:hover { .differential-inline-done-label:hover {
background-color: #fff; background-color: {$page.content};
color: {$sky}; color: {$sky};
} }
@ -273,7 +273,7 @@
} }
.differential-inline-comment.inline-is-done .differential-inline-comment.inline-is-done
.differential-inline-comment-head { .differential-inline-comment-head {
background-color: {$lightgreybackground}; background-color: {$lightgreybackground};
border-bottom-color: {$lightgreyborder}; border-bottom-color: {$lightgreyborder};
} }
@ -287,7 +287,7 @@
.differential-inline-comment.inline-is-done .differential-inline-comment-head .differential-inline-comment.inline-is-done .differential-inline-comment-head
.differential-inline-done-label { .differential-inline-done-label {
color: {$sky}; color: {$sky};
background-color: #fff; background-color: {$page.content};
border-color: {$sky}; border-color: {$sky};
} }

2
webroot/rsrc/css/application/diffusion/diffusion-source.css
View file

@ -4,7 +4,7 @@
.diffusion-source { .diffusion-source {
width: 100%; width: 100%;
background: #fff; background: {$page.content};
} }
.diffusion-source tr.phabricator-source-highlight { .diffusion-source tr.phabricator-source-highlight {

2
webroot/rsrc/css/application/diffusion/diffusion.css
View file

@ -46,7 +46,7 @@
/* - List Styles ------------------------------------------------------------*/ /* - List Styles ------------------------------------------------------------*/
.diffusion-history-list .phui-oi-link { .diffusion-history-list .phui-oi-link {
color: #000; color: {$blacktext};
font-size: {$biggerfontsize}; font-size: {$biggerfontsize};
} }

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

@ -14,7 +14,7 @@
top: 30%; top: 30%;
padding: 18px 0; padding: 18px 0;
color: #ffffff; color: {$page.content};
background: rgba({$alphablack}, 0.8); background: rgba({$alphablack}, 0.8);
border-radius: 18px; border-radius: 18px;

2
webroot/rsrc/css/application/objectselector/object-selector.css
View file

@ -32,7 +32,7 @@ td.phabricator-object-selector-search-text {
.phabricator-object-selector-row:hover a { .phabricator-object-selector-row:hover a {
text-decoration: none; text-decoration: none;
color: #000; color: {$blacktext};
} }
.phabricator-object-selector-search-text input { .phabricator-object-selector-search-text input {

12
webroot/rsrc/css/application/paste/paste.css
View file

@ -3,8 +3,8 @@
*/ */
.paste-embed { .paste-embed {
background: {$sh-yellowbackground}; background: {$paste.content};
border: 1px solid {$sh-lightyellowborder}; border: 1px solid {$paste.border};
border-radius: 3px; border-radius: 3px;
} }
@ -13,7 +13,8 @@
} }
.paste-embed-head { .paste-embed-head {
border-bottom: 1px solid {$sh-lightyellowborder}; border-bottom: 1px solid {$paste.border};
background: {$paste.highlight};
padding: 8px 12px; padding: 8px 12px;
} }
@ -25,3 +26,8 @@
.paste-embed-body { .paste-embed-body {
overflow-y: auto; overflow-y: auto;
} }
.paste-embed-body .phabricator-source-code-container {
border-top-right-radius: 0;
border-top-left-radius: 0;
}

2
webroot/rsrc/css/application/people/people-picture-menu-item.css
View file

@ -8,7 +8,7 @@
} }
.people-menu-image-container { .people-menu-image-container {
background: #fff; background: {$page.content};
padding: 5px; padding: 5px;
border-radius: 5px; border-radius: 5px;
border: 1px solid rgba({$alphablue},.2); border: 1px solid rgba({$alphablue},.2);

15
webroot/rsrc/css/application/phame/phame.css
View file

@ -29,6 +29,7 @@
position: absolute; position: absolute;
} }
.phame-blog-description + .phui-document-view-pro-box { .phame-blog-description + .phui-document-view-pro-box {
border-top: 1px solid rgba({$alphablue}, 0.20); border-top: 1px solid rgba({$alphablue}, 0.20);
} }
@ -38,11 +39,11 @@
} }
.phame-home-view .phui-side-column { .phame-home-view .phui-side-column {
background-color: #fff; background-color: {$page.content};
} }
.phame-home-view { .phame-home-view {
background-color: #fff; background-color: {$page.content};
border-bottom: 1px solid rgba({$alphagrey},.1); border-bottom: 1px solid rgba({$alphagrey},.1);
} }
@ -145,7 +146,7 @@
width: 360px; width: 360px;
float: right; float: right;
text-align: right; text-align: right;
color: #000; color: {$blacktext};
position: relative; position: relative;
} }
@ -179,7 +180,7 @@
width: 360px; width: 360px;
float: left; float: left;
text-align: left; text-align: left;
color: #000; color: {$blacktext};
position: relative; position: relative;
} }
@ -258,7 +259,7 @@
/* Hero Image */ /* Hero Image */
.phame-header-hero { .phame-header-hero {
background-color: #fff; background-color: {$page.content};
margin-top: 16px; margin-top: 16px;
} }
@ -281,7 +282,7 @@
.phame-mega-header { .phame-mega-header {
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
background: #fff; background: {$page.content};
padding: 16px 0 24px; padding: 16px 0 24px;
} }
@ -290,7 +291,7 @@
} }
.phame-mega-header .phame-header-title { .phame-mega-header .phame-header-title {
color: #000; color: {$blacktext};
font-size: 28px; font-size: 28px;
font-weight: bold; font-weight: bold;
padding-top: 24px; padding-top: 24px;

2
webroot/rsrc/css/application/pholio/pholio.css
View file

@ -181,7 +181,7 @@
} }
.mock-image-description { .mock-image-description {
background: #fff; background: {$page.content};
border-top: 1px solid {$thinblueborder}; border-top: 1px solid {$thinblueborder};
text-align: left; text-align: left;
} }

63
webroot/rsrc/css/application/project/project-card-view.css
View file

@ -5,7 +5,7 @@
.project-card-view { .project-card-view {
margin: 0 12px 16px 0; margin: 0 12px 16px 0;
text-align: left; text-align: left;
background: #fff; background: {$page.content};
border: 1px solid {$lightblueborder}; border: 1px solid {$lightblueborder};
border-radius: 3px; border-radius: 3px;
box-shadow: {$dropshadow}; box-shadow: {$dropshadow};
@ -21,9 +21,9 @@
} }
.project-card-view .phui-header-shell .phui-header-image { .project-card-view .phui-header-shell .phui-header-image {
border: 3px solid #fff; border: 3px solid {$page.content};
border-radius: 3px; border-radius: 3px;
background-color: #fff; background-color: {$page.content};
} }
.project-card-view .phui-header-shell .phui-header-header { .project-card-view .phui-header-shell .phui-header-header {
@ -71,7 +71,7 @@
.project-card-header .project-card-name { .project-card-header .project-card-name {
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
color: #000; color: {$blacktext};
margin-bottom: 2px; margin-bottom: 2px;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -129,85 +129,48 @@
/* Colors */ /* Colors */
.project-card-view.project-card-red {
border-color: {$sh-redborder};
}
.project-card-view.project-card-red .phui-header-shell { .project-card-view.project-card-red .phui-header-shell {
background: linear-gradient(to bottom, background: linear-gradient(to bottom,
{$sh-redbackground} 42px, #fff 42px); {$sh-redbackground} 42px, {$page.content} 42px);
}
.project-card-view.project-card-orange {
border-color: {$sh-orangeborder};
} }
.project-card-view.project-card-orange .phui-header-shell { .project-card-view.project-card-orange .phui-header-shell {
background: linear-gradient(to bottom, background: linear-gradient(to bottom,
{$sh-orangebackground} 42px, #fff 42px); {$sh-orangebackground} 42px, {$page.content} 42px);
}
.project-card-view.project-card-yellow {
border-color: {$sh-yellowborder};
} }
.project-card-view.project-card-yellow .phui-header-shell { .project-card-view.project-card-yellow .phui-header-shell {
background: linear-gradient(to bottom, background: linear-gradient(to bottom,
{$sh-yellowbackground} 42px, #fff 42px); {$sh-yellowbackground} 42px, {$page.content} 42px);
}
.project-card-view.project-card-green {
border-color: {$sh-greenborder};
} }
.project-card-view.project-card-green .phui-header-shell { .project-card-view.project-card-green .phui-header-shell {
background: linear-gradient(to bottom, background: linear-gradient(to bottom,
{$sh-greenbackground} 42px, #fff 42px); {$sh-greenbackground} 42px, {$page.content} 42px);
}
.project-card-view.project-card-blue {
border-color: {$sh-blueborder};
} }
.project-card-view.project-card-blue .phui-header-shell { .project-card-view.project-card-blue .phui-header-shell {
background: linear-gradient(to bottom, background: linear-gradient(to bottom,
{$sh-bluebackground} 42px, #fff 42px); {$sh-bluebackground} 42px, {$page.content} 42px);
}
.project-card-view.project-card-indigo {
border-color: {$sh-indigoborder};
} }
.project-card-view.project-card-indigo .phui-header-shell { .project-card-view.project-card-indigo .phui-header-shell {
background: linear-gradient(to bottom, background: linear-gradient(to bottom,
{$sh-indigobackground} 42px, #fff 42px); {$sh-indigobackground} 42px, {$page.content} 42px);
}
.project-card-view.project-card-violet {
border-color: {$sh-violetborder};
} }
.project-card-view.project-card-violet .phui-header-shell { .project-card-view.project-card-violet .phui-header-shell {
background: linear-gradient(to bottom, background: linear-gradient(to bottom,
{$sh-violetbackground} 42px, #fff 42px); {$sh-violetbackground} 42px, {$page.content} 42px);
}
.project-card-view.project-card-pink {
border-color: {$sh-pinkborder};
} }
.project-card-view.project-card-pink .phui-header-shell { .project-card-view.project-card-pink .phui-header-shell {
background: linear-gradient(to bottom, background: linear-gradient(to bottom,
{$sh-pinkbackground} 42px, #fff 42px); {$sh-pinkbackground} 42px, {$page.content} 42px);
}
.project-card-view.project-card-grey,
.project-card-view.project-card-checkered {
border-color: {$sh-greyborder};
} }
.project-card-view.project-card-grey .phui-header-shell, .project-card-view.project-card-grey .phui-header-shell,
.project-card-view.project-card-checkered .phui-header-shell { .project-card-view.project-card-checkered .phui-header-shell {
background: linear-gradient(to bottom, background: linear-gradient(to bottom,
{$sh-greybackground} 42px, #fff 42px); {$sh-greybackground} 42px, {$page.content} 42px);
} }

4
webroot/rsrc/css/application/search/application-search-view.css
View file

@ -3,11 +3,11 @@
*/ */
.application-search-view { .application-search-view {
background-color: #fff; background-color: {$page.content};
} }
.application-search-view .phui-crumbs-view { .application-search-view .phui-crumbs-view {
background-color: #fff; background-color: {$page.content};
} }
.application-search-view .application-search-results.phui-object-box { .application-search-view .application-search-results.phui-object-box {

2
webroot/rsrc/css/application/search/search-results.css
View file

@ -14,7 +14,7 @@
.phui-source-fragment strong { .phui-source-fragment strong {
background-color: {$lightyellow}; background-color: {$lightyellow};
font-weight: normal; font-weight: normal;
color: #000; color: {$blacktext};
} }
.phui-fulltext-tokens { .phui-fulltext-tokens {

1
webroot/rsrc/css/core/core.css
View file

@ -48,6 +48,7 @@ body {
text-align: left; text-align: left;
unicode-bidi: embed; unicode-bidi: embed;
background: {$page.background}; background: {$page.background};
color: {$blacktext};
/* By default, the iPhone zooms all text on the page by some percentage when /* By default, the iPhone zooms all text on the page by some percentage when
you rotate from portrait mode to landscape mode. Disable this, since it you rotate from portrait mode to landscape mode. Disable this, since it

27
webroot/rsrc/css/core/remarkup.css
View file

@ -5,6 +5,7 @@
.phabricator-remarkup { .phabricator-remarkup {
line-height: 1.51em; line-height: 1.51em;
word-break: break-word; word-break: break-word;
color: {$darkbluetext};
} }
.phabricator-remarkup p { .phabricator-remarkup p {
@ -47,7 +48,7 @@
.phabricator-remarkup .remarkup-code-block pre { .phabricator-remarkup .remarkup-code-block pre {
background: rgba({$alphablue},0.08); background: rgba({$alphablue},0.08);
display: block; display: block;
color: #000; color: {$blacktext};
overflow: auto; overflow: auto;
padding: 12px; padding: 12px;
border-radius: 3px; border-radius: 3px;
@ -80,7 +81,7 @@
} }
.phabricator-remarkup tt.remarkup-monospaced { .phabricator-remarkup tt.remarkup-monospaced {
color: #000; color: {$blacktext};
background: rgba({$alphablue},0.1); background: rgba({$alphablue},0.1);
padding: 1px 4px; padding: 1px 4px;
border-radius: 3px; border-radius: 3px;
@ -342,7 +343,7 @@ video.phabricator-media {
.phabricator-remarkup-toc { .phabricator-remarkup-toc {
float: right; float: right;
border-left: 1px solid {$lightblueborder}; border-left: 1px solid {$lightblueborder};
background: #fff; background: {$page.content};
width: 160px; width: 160px;
padding-left: 8px; padding-left: 8px;
margin: 0 0 4px 8px; margin: 0 0 4px 8px;
@ -402,7 +403,7 @@ video.phabricator-media {
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
border: 1px solid {$lightblueborder}; border: 1px solid {$lightblueborder};
border-radius: 3px; border-radius: 3px;
color: #000; color: {$blacktext};
min-width: 256px; min-width: 256px;
position: relative; position: relative;
/*height: 22px;*/ /*height: 22px;*/
@ -509,7 +510,7 @@ video.phabricator-media {
} }
.phabricator-remarkup table.remarkup-table td { .phabricator-remarkup table.remarkup-table td {
background: #ffffff; background: {$page.content};
padding: 3px 6px; padding: 3px 6px;
} }
@ -679,7 +680,7 @@ var.remarkup-assist-textarea {
position: absolute; position: absolute;
width: 300px; width: 300px;
box-shadow: {$dropshadow}; box-shadow: {$dropshadow};
background: #ffffff; background: {$page.content};
border: 1px solid {$lightgreyborder}; border: 1px solid {$lightgreyborder};
border-radius: 3px; border-radius: 3px;
} }
@ -721,13 +722,13 @@ var.remarkup-assist-textarea {
.phuix-autocomplete-list a.jx-result:hover { .phuix-autocomplete-list a.jx-result:hover {
text-decoration: none; text-decoration: none;
background: {$sh-bluebackground}; background: {$sh-bluebackground};
color: #000; color: {$blacktext};
} }
.phuix-autocomplete-list a.jx-result.focused, .phuix-autocomplete-list a.jx-result.focused,
.phuix-autocomplete-list a.jx-result.focused:hover { .phuix-autocomplete-list a.jx-result.focused:hover {
background: {$sh-bluebackground}; background: {$sh-bluebackground};
color: #000; color: {$blacktext};
} }
@ -735,7 +736,7 @@ var.remarkup-assist-textarea {
.phui-box.phui-object-box.phui-comment-form-view.remarkup-assist-pinned { .phui-box.phui-object-box.phui-comment-form-view.remarkup-assist-pinned {
position: fixed; position: fixed;
background-color: #ffffff; background-color: {$page.content};
border-top: 1px solid {$lightblueborder}; border-top: 1px solid {$lightblueborder};
box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
@ -759,7 +760,7 @@ var.remarkup-assist-textarea {
.remarkup-inline-preview { .remarkup-inline-preview {
display: block; display: block;
position: relative; position: relative;
background: #fff; background: {$page.content};
overflow-y: auto; overflow-y: auto;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
@ -783,7 +784,7 @@ var.remarkup-assist-textarea {
} }
.remarkup-assist-button.preview-active .phui-icon-view { .remarkup-assist-button.preview-active .phui-icon-view {
color: #fff; color: {$page.content};
} }
.remarkup-assist-button.preview-active:hover { .remarkup-assist-button.preview-active:hover {
@ -791,7 +792,7 @@ var.remarkup-assist-textarea {
} }
.remarkup-assist-button.preview-active:hover .phui-icon-view { .remarkup-assist-button.preview-active:hover .phui-icon-view {
color: #fff; color: {$page.content};
} }
.remarkup-preview-active .remarkup-assist, .remarkup-preview-active .remarkup-assist,
@ -867,7 +868,7 @@ var.remarkup-assist-textarea {
border-width: 1px 0 0 0; border-width: 1px 0 0 0;
outline: none; outline: none;
resize: none; resize: none;
background: #fff !important; background: {$page.content} !important;
} }
.remarkup-control-fullscreen-mode textarea.remarkup-assist-textarea:focus { .remarkup-control-fullscreen-mode textarea.remarkup-assist-textarea:focus {

12
webroot/rsrc/css/layout/phabricator-source-code-view.css
View file

@ -5,9 +5,9 @@
.phabricator-source-code-container { .phabricator-source-code-container {
overflow-x: auto; overflow-x: auto;
overflow-y: hidden; overflow-y: hidden;
border: 1px solid {$sh-lightyellowborder}; border: 1px solid {$paste.border};
border-radius: 3px; border-radius: 3px;
background-color: #FFFEF5; background-color: {$paste.content};
} }
.phui-oi .phabricator-source-code-container { .phui-oi .phabricator-source-code-container {
@ -29,10 +29,10 @@
} }
.phabricator-source-line { .phabricator-source-line {
background-color: {$sh-yellowbackground}; background-color: {$paste.highlight};
text-align: right; text-align: right;
padding: 2px 6px 1px 12px; padding: 2px 6px 1px 12px;
border-right: 1px solid {$sh-lightyellowborder}; border-right: 1px solid {$paste.border};
color: {$sh-yellowtext}; color: {$sh-yellowtext};
/* When the user selects rows of source, don't visibly select the line /* When the user selects rows of source, don't visibly select the line
@ -51,12 +51,12 @@ th.phabricator-source-line a {
} }
th.phabricator-source-line:hover { th.phabricator-source-line:hover {
background: {$sh-lightyellowborder}; background: {$paste.border};
cursor: pointer; cursor: pointer;
} }
.phabricator-source-highlight { .phabricator-source-highlight {
background: {$sh-yellowbackground}; background: {$paste.highlight};
} }
.phabricator-source-code-summary { .phabricator-source-code-summary {

4
webroot/rsrc/css/phui/button/phui-button-simple.css
View file

@ -10,7 +10,7 @@ button.phui-button-simple,
input[type="submit"].phui-button-simple, input[type="submit"].phui-button-simple,
a.phui-button-simple, a.phui-button-simple,
a.phui-button-simple:visited { a.phui-button-simple:visited {
background: #fff; background: {$page.content};
color: {$bluetext}; color: {$bluetext};
border: 1px solid {$lightblueborder}; border: 1px solid {$lightblueborder};
} }
@ -26,7 +26,7 @@ a.button.phui-button-simple:hover,
button.phui-button-simple:hover { button.phui-button-simple:hover {
border-color: {$blueborder}; border-color: {$blueborder};
background-image: none; background-image: none;
background-color: #fff; background-color: {$page.content};
transition: 0s; transition: 0s;
} }

28
webroot/rsrc/css/phui/button/phui-button.css
View file

@ -33,9 +33,9 @@ button,
a.button, a.button,
a.button:visited, a.button:visited,
input[type="submit"] { input[type="submit"] {
background-color: #2980b9; background-color: {$blue.button.color};
border: 1px solid #2980b9; border: 1px solid {$blue.button.color};
background-image: linear-gradient(to bottom, #3498db, #2980b9); background-image: {$blue.button.gradient};
color: white; color: white;
cursor: pointer; cursor: pointer;
font-weight: bold; font-weight: bold;
@ -71,17 +71,17 @@ a.icon:visited {
button.button-green, button.button-green,
a.button-green.button, a.button-green.button,
a.button-green.button:visited { a.button-green.button:visited {
background-color: {$green}; background-color: {$green.button.color};
border-color: {$green}; border-color: {$green.button.color};
background-image: linear-gradient(to bottom, #23BB5B, #139543); background-image: {$green.button.gradient};
} }
button.button-grey, button.button-grey,
input[type="submit"].button-grey, input[type="submit"].button-grey,
a.button-grey, a.button-grey,
a.button-grey:visited { a.button-grey:visited {
background-color: #F7F7F9; background-color: {$grey.button.color};
background-image: linear-gradient(to bottom, #ffffff, #f1f0f1); background-image: {$grey.button.gradient};
border: 1px solid rgba({$alphablue}, 0.3); border: 1px solid rgba({$alphablue}, 0.3);
color: {$darkgreytext}; color: {$darkgreytext};
} }
@ -103,14 +103,14 @@ a.button:hover,
button:hover { button:hover {
text-decoration: none; text-decoration: none;
background-color: #2980b9; background-color: #2980b9;
background-image: linear-gradient(to bottom, #3498db, #1b6ba0); background-image: {$blue.button.hover};
border-color: #115988; border-color: #115988;
transition: 0.1s; transition: 0.1s;
} }
a.button.button-grey:hover, a.button.button-grey:hover,
button.button-grey:hover { button.button-grey:hover {
background-image: linear-gradient(to bottom, #ffffff, #eeebec); background-image: {$grey.button.hover};
border-color: rgba({$alphablue}, 0.4); border-color: rgba({$alphablue}, 0.4);
transition: 0.1s; transition: 0.1s;
} }
@ -119,7 +119,7 @@ a.button.button-green:hover,
button.button-green:hover { button.button-green:hover {
border-color: #127336; border-color: #127336;
background-color: #0DAD48; background-color: #0DAD48;
background-image: linear-gradient(to bottom, #23BB5B, #178841); background-image: {$green.button.hover};
transition: 0.1s; transition: 0.1s;
} }
@ -163,7 +163,7 @@ button.link:hover {
.phuix-dropdown-menu { .phuix-dropdown-menu {
position: absolute; position: absolute;
width: 200px; width: 200px;
background: #fff; background: {$page.content};
margin-top: -1px; margin-top: -1px;
padding: 12px; padding: 12px;
box-shadow: {$dropshadow}; box-shadow: {$dropshadow};
@ -205,7 +205,7 @@ a.policy-control .phui-button-text {
width: 0; width: 0;
height: 0; height: 0;
vertical-align: top; vertical-align: top;
border-top: 5px solid #fff; border-top: 5px solid {$page.content};
border-right: 5px solid transparent; border-right: 5px solid transparent;
border-left: 5px solid transparent; border-left: 5px solid transparent;
content: ""; content: "";
@ -245,7 +245,7 @@ a.policy-control .phui-button-text {
} }
.button-grey.dropdown .caret { .button-grey.dropdown .caret {
border-top-color: #000; border-top-color: {$blacktext};
} }
/* Icons */ /* Icons */

2
webroot/rsrc/css/phui/calendar/phui-calendar-list.css
View file

@ -15,7 +15,7 @@
.project-view-home .phui-object-box .phui-calendar-list-container .project-view-home .phui-object-box .phui-calendar-list-container
.phui-header-shell { .phui-header-shell {
padding: 8px 0; padding: 8px 0;
background: #fff; background: {$page.content};
} }
.phui-calendar-list { .phui-calendar-list {

6
webroot/rsrc/css/phui/calendar/phui-calendar-month.css
View file

@ -5,7 +5,7 @@
.phui-calendar-view { .phui-calendar-view {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
background: #fff; background: {$page.content};
} }
tr.phui-calendar-day-of-week-header th { tr.phui-calendar-day-of-week-header th {
@ -33,7 +33,7 @@ tr.phui-calendar-day-of-week-header th .short-weekday-name {
} }
table.phui-calendar-view td { table.phui-calendar-view td {
border: solid #dfdfdf; border: solid {$lightblueborder};
border-width: 1px 0 0; border-width: 1px 0 0;
width: 14.2857%; /* This is one seventh, approximately. */ width: 14.2857%; /* This is one seventh, approximately. */
} }
@ -220,7 +220,7 @@ td.phui-calendar-month-number {
.device-desktop td.phui-calendar-month-day.calendar-hover, .device-desktop td.phui-calendar-month-day.calendar-hover,
.device-desktop td.phui-calendar-month-number.calendar-hover { .device-desktop td.phui-calendar-month-number.calendar-hover {
background: {$lightblue}; background: {$hoverblue};
} }
.phui-calendar-month-adjacent { .phui-calendar-month-adjacent {

2
webroot/rsrc/css/phui/calendar/phui-calendar.css
View file

@ -5,7 +5,7 @@
.phui-calendar-list { .phui-calendar-list {
/* When hovering over a day, this allows the hover color to peek through /* When hovering over a day, this allows the hover color to peek through
the event name, but for event names to mostly remain readable. */ the event name, but for event names to mostly remain readable. */
background: rgba(255, 255, 255, 0.75);
} }
.application-search-view div.phui-calendar-box { .application-search-view div.phui-calendar-box {

2
webroot/rsrc/css/phui/object-item/phui-oi-big-ui.css
View file

@ -17,7 +17,7 @@
} }
.phui-oi-list-big a.phui-oi-link { .phui-oi-list-big a.phui-oi-link {
color: #000; color: {$blacktext};
font-size: {$biggestfontsize}; font-size: {$biggestfontsize};
} }

4
webroot/rsrc/css/phui/object-item/phui-oi-list-view.css
View file

@ -37,7 +37,7 @@ ul.phui-oi-list-view {
border-color: {$lightgreyborder}; border-color: {$lightgreyborder};
margin: 5px 0; margin: 5px 0;
overflow: hidden; overflow: hidden;
background: #fff; background: {$page.content};
margin-bottom: 4px; margin-bottom: 4px;
} }
@ -105,7 +105,7 @@ ul.phui-oi-list-view {
} }
.phui-oi-objname { .phui-oi-objname {
color: #000; color: {$blacktext};
cursor: text; cursor: text;
font-weight: bold; font-weight: bold;
} }

3
webroot/rsrc/css/phui/phui-action-list.css
View file

@ -114,7 +114,7 @@
.device-desktop li.phabricator-action-view-label:hover .device-desktop li.phabricator-action-view-label:hover
.phabricator-action-view-item { .phabricator-action-view-item {
background-color: #fff; background-color: {$page.content};
color: {$bluetext}; color: {$bluetext};
} }
@ -157,7 +157,6 @@
.phabricator-action-view-icon, .phabricator-action-view-icon,
.device-desktop .phabricator-action-view-disabled:hover .device-desktop .phabricator-action-view-disabled:hover
button.phabricator-action-view-icon { button.phabricator-action-view-icon {
background-color: {$greybackground};
color: {$lightgreytext}; color: {$lightgreytext};
} }

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

@ -4,7 +4,7 @@
.phui-action-panel { .phui-action-panel {
position: relative; position: relative;
background-color: #fff; background-color: {$page.content};
border: 1px solid {$lightblueborder}; border: 1px solid {$lightblueborder};
border-radius: 3px; border-radius: 3px;
margin: 0 8px; margin: 0 8px;

2
webroot/rsrc/css/phui/phui-big-info-view.css
View file

@ -5,7 +5,7 @@
.phui-big-info-view { .phui-big-info-view {
padding: 64px 32px; padding: 64px 32px;
margin: 16px 4px; margin: 16px 4px;
background-color: {$sh-greybackground}; background-color: {$page.sidenav};
text-align: center; text-align: center;
} }

12
webroot/rsrc/css/phui/phui-box.css
View file

@ -4,7 +4,7 @@
.phui-box-border { .phui-box-border {
border: 1px solid {$lightblueborder}; border: 1px solid {$lightblueborder};
background-color: #fff; background-color: {$page.content};
border-radius: 3px; border-radius: 3px;
} }
@ -13,7 +13,7 @@
} }
.phui-box-grey { .phui-box-grey {
background-color: #F7F7F9; background-color: {$lightgreybackground};
border-radius: 3px; border-radius: 3px;
border-color: rgba({$alphagrey},.2); border-color: rgba({$alphagrey},.2);
} }
@ -36,7 +36,7 @@
.phui-box-blue .phui-oi-list-view, .phui-box-blue .phui-oi-list-view,
.phui-box-grey .phui-oi-list-view { .phui-box-grey .phui-oi-list-view {
background-color: #fff; background-color: {$page.content};
} }
.phui-box-blue .phui-header-shell { .phui-box-blue .phui-header-shell {
@ -49,7 +49,7 @@
.phui-object-box.phui-box-blue div.phui-info-severity-nodata, .phui-object-box.phui-box-blue div.phui-info-severity-nodata,
.phui-object-box.phui-box-grey div.phui-info-severity-nodata { .phui-object-box.phui-box-grey div.phui-info-severity-nodata {
background: #fff; background: {$page.content};
padding: 32px 0; padding: 32px 0;
text-align: center; text-align: center;
border: none; border: none;
@ -81,7 +81,7 @@
} }
.phui-box.phui-object-box.phui-box-blue-property .phui-header-shell { .phui-box.phui-object-box.phui-box-blue-property .phui-header-shell {
background-color: #eff3fc; background-color: {$bluepropertybackground};
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-top-left-radius: 3px; border-top-left-radius: 3px;
padding: 6px 16px; padding: 6px 16px;
@ -113,5 +113,5 @@ body .phui-box-blue-property .phui-header-shell + .phui-object-box {
.phui-box-blue-property .phui-header-shell + .phui-object-box .phui-box-blue-property .phui-header-shell + .phui-object-box
.phui-header-shell { .phui-header-shell {
background: #fff; background: {$page.content};
} }

6
webroot/rsrc/css/phui/phui-comment-form.css
View file

@ -3,7 +3,7 @@
*/ */
body .phui-box.phui-object-box.phui-comment-form-view { body .phui-box.phui-object-box.phui-comment-form-view {
background-color: #fff; background-color: {$page.content};
margin-left: 62px; margin-left: 62px;
position: relative; position: relative;
} }
@ -67,7 +67,7 @@ body.device .phui-box.phui-object-box.phui-comment-form-view {
} }
.phui-comment-form-view .aphront-form-input .remarkup-assist-textarea:focus { .phui-comment-form-view .aphront-form-input .remarkup-assist-textarea:focus {
background-color: #fff; background-color: {$page.content};
} }
.device-phone .phui-comment-form-view .aphront-form-input .device-phone .phui-comment-form-view .aphront-form-input
@ -106,7 +106,7 @@ body.device .phui-box.phui-object-box.phui-comment-form-view {
.phui-comment-form-view .phui-comment-action-bar { .phui-comment-form-view .phui-comment-action-bar {
border-bottom: 1px solid {$thinblueborder}; border-bottom: 1px solid {$thinblueborder};
background-color: rgba(239, 243, 252, .75); background-color: {$bluepropertybackground};
padding: 4px 12px 4px 12px; padding: 4px 12px 4px 12px;
margin-bottom: 16px; margin-bottom: 16px;
} }

8
webroot/rsrc/css/phui/phui-document-pro.css
View file

@ -9,7 +9,7 @@
} }
.phui-document-container { .phui-document-container {
background-color: #fff; background-color: {$page.content};
position: relative; position: relative;
border-bottom: 1px solid #dedee1; border-bottom: 1px solid #dedee1;
} }
@ -79,7 +79,7 @@ body.printable {
width: 260px; width: 260px;
position: absolute; position: absolute;
z-index: 30; z-index: 30;
background-color: #fff; background-color: {$page.content};
top: 52px; top: 52px;
left: -40px; left: -40px;
} }
@ -163,7 +163,7 @@ body.printable {
.phui-header-header { .phui-header-header {
font-size: 24px; font-size: 24px;
line-height: 30px; line-height: 30px;
color: #000; color: {$blacktext};
} }
.device-phone .phui-document-view.phui-document-view-pro .phui-header-tall .device-phone .phui-document-view.phui-document-view-pro .phui-header-tall
@ -228,7 +228,7 @@ body.printable {
.phui-document-view-pro-box .phui-timeline-title { .phui-document-view-pro-box .phui-timeline-title {
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-top-left-radius: 3px; border-top-left-radius: 3px;
background-color: #fff; background-color: {$page.content};
border-bottom: 1px solid #F1F1F4; border-bottom: 1px solid #F1F1F4;
} }

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

@ -17,7 +17,7 @@ body .phui-document-view .phui-document-summary-view h2.remarkup-header {
} }
.phui-document-summary-view h2.remarkup-header a { .phui-document-summary-view h2.remarkup-header a {
color: #000; color: {$blacktext};
} }
.phui-document-summary-view h2.remarkup-header a:hover { .phui-document-summary-view h2.remarkup-header a:hover {

2
webroot/rsrc/css/phui/phui-document.css
View file

@ -55,7 +55,7 @@
} }
.phui-document-content { .phui-document-content {
background: #fff; background: {$page.content};
} }
.phui-document-content .phabricator-remarkup { .phui-document-content .phabricator-remarkup {

2
webroot/rsrc/css/phui/phui-fontkit.css
View file

@ -3,7 +3,7 @@
*/ */
.diviner-document-section .phui-header-header { .diviner-document-section .phui-header-header {
color: #000; color: {$blacktext};
} }
.phui-document-view .phabricator-remarkup .remarkup-header { .phui-document-view .phabricator-remarkup .remarkup-header {

6
webroot/rsrc/css/phui/phui-form.css
View file

@ -22,7 +22,7 @@ div.jx-tokenizer-container {
display: inline-block; display: inline-block;
height: 30px; height: 30px;
line-height: 18px; line-height: 18px;
color: #333; color: {$darkbluetext};
vertical-align: middle; vertical-align: middle;
font: {$basefont}; font: {$basefont};
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
@ -45,7 +45,7 @@ input[type="tel"],
input[type="color"], input[type="color"],
div.jx-tokenizer-container { div.jx-tokenizer-container {
padding: 4px 6px; padding: 4px 6px;
background-color: #ffffff; background-color: {$page.content};
border: 1px solid {$greyborder}; border: 1px solid {$greyborder};
border-radius: 3px; border-radius: 3px;
@ -105,7 +105,7 @@ select {
-moz-appearance: none; -moz-appearance: none;
appearance: none; appearance: none;
background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC") no-repeat right 8px center; background: {$page.content} url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC") no-repeat right 8px center;
background-size: 8px 10px; background-size: 8px 10px;
border-radius: 3px; border-radius: 3px;
color: {$darkbluetext}; color: {$darkbluetext};

2
webroot/rsrc/css/phui/phui-header-view.css
View file

@ -338,7 +338,7 @@ body .phui-header-shell.phui-bleed-header
.phui-profile-header.phui-header-shell .phui-header-header { .phui-profile-header.phui-header-shell .phui-header-header {
font-size: 24px; font-size: 24px;
color: #000; color: {$blacktext};
} }
.phui-profile-header .phui-header-col3 { .phui-profile-header .phui-header-col3 {

2
webroot/rsrc/css/phui/phui-hovercard.css
View file

@ -19,7 +19,7 @@
box-shadow: {$dropshadow}; box-shadow: {$dropshadow};
border: 1px solid {$lightblueborder}; border: 1px solid {$lightblueborder};
border-radius: 3px; border-radius: 3px;
background-color: #fff; background-color: {$page.content};
} }
.phui-hovercard-head .phui-header-shell { .phui-hovercard-head .phui-header-shell {

3
webroot/rsrc/css/phui/phui-info-view.css
View file

@ -5,7 +5,7 @@
.phui-info-view { .phui-info-view {
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
background: #fff; background: {$page.content};
margin: 16px; margin: 16px;
padding: 12px; padding: 12px;
border-radius: 3px; border-radius: 3px;
@ -38,6 +38,7 @@ div.phui-info-view.phui-info-severity-plain {
.phui-info-view-body { .phui-info-view-body {
line-height: 1.6em; line-height: 1.6em;
color: {$blacktext};
} }
.phui-info-view.phui-info-has-icon .phui-info-view-body { .phui-info-view.phui-info-has-icon .phui-info-view-body {

2
webroot/rsrc/css/phui/phui-invisible-character-view.css
View file

@ -4,7 +4,7 @@
.invisible-special { .invisible-special {
font-family: monospace; font-family: monospace;
color: #000; color: {$blacktext};
background: rgba({$alphablue},0.1); background: rgba({$alphablue},0.1);
padding: 1px 4px; padding: 1px 4px;
border-radius: 3px; border-radius: 3px;

6
webroot/rsrc/css/phui/phui-lightbox.css
View file

@ -80,7 +80,7 @@
right: 0; right: 0;
width: 360px; width: 360px;
overflow-y: auto; overflow-y: auto;
background: #fff; background: {$page.content};
opacity: 1; opacity: 1;
} }
@ -100,7 +100,7 @@
} }
.lightbox-attachment .lightbox-status { .lightbox-attachment .lightbox-status {
background: #fff; background: {$page.content};
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
@ -121,7 +121,7 @@
} }
.lightbox-attachment .lightbox-status-txt a { .lightbox-attachment .lightbox-status-txt a {
color: #000; color: {$blacktext};
margin-right: 12px; margin-right: 12px;
font-size: {$biggerfontsize}; font-size: {$biggerfontsize};
} }

5
webroot/rsrc/css/phui/phui-list.css
View file

@ -88,7 +88,7 @@
} }
.device-desktop .phui-list-sidenav .phui-list-item-href:hover .phui-icon-view { .device-desktop .phui-list-sidenav .phui-list-item-href:hover .phui-icon-view {
color: #fff; color: {$page.content};
} }
/* - Top, Full Width Navigations ----------------------------------------------- /* - Top, Full Width Navigations -----------------------------------------------
@ -171,7 +171,7 @@
line-height: 24px; line-height: 24px;
font-weight: bold; font-weight: bold;
font-size: {$biggerfontsize}; font-size: {$biggerfontsize};
border-top: 4px solid #fff; border-top: 4px solid transparent;
} }
.phui-list-tabbar .phui-list-item-selected .phui-list-item-href { .phui-list-tabbar .phui-list-item-selected .phui-list-item-href {
@ -186,7 +186,6 @@
.device-desktop .phui-list-tabbar .phui-list-item-href:hover { .device-desktop .phui-list-tabbar .phui-list-item-href:hover {
color: {$sky}; color: {$sky};
border-bottom: 4px solid $fff;
text-decoration: none; text-decoration: none;
} }

4
webroot/rsrc/css/phui/phui-pinboard-view.css
View file

@ -16,7 +16,7 @@
margin: 0 12px 16px 0; margin: 0 12px 16px 0;
text-align: left; text-align: left;
width: 280px; width: 280px;
background: #fff; background: {$page.content};
border: 1px solid {$lightblueborder}; border: 1px solid {$lightblueborder};
border-radius: 3px; border-radius: 3px;
} }
@ -95,7 +95,7 @@
.dashboard-panel .phui-pinboard-view { .dashboard-panel .phui-pinboard-view {
margin: 0; margin: 0;
padding: 16px 12px 0 12px; padding: 16px 12px 0 12px;
background: #fff; background: {$page.content};
border-left: 1px solid {$lightblueborder}; border-left: 1px solid {$lightblueborder};
border-right: 1px solid {$lightblueborder}; border-right: 1px solid {$lightblueborder};
border-bottom: 1px solid {$blueborder}; border-bottom: 1px solid {$blueborder};

28
webroot/rsrc/css/phui/phui-tag-view.css
View file

@ -63,12 +63,12 @@ a.phui-tag-view:hover {
a.phui-tag-type-object, a.phui-tag-type-object,
a.phui-tag-type-object:link, a.phui-tag-type-object:link,
.phui-tag-core-closed .phui-tag-color-object { .phui-tag-core-closed .phui-tag-color-object {
color: #000; color: {$blacktext};
} }
.phui-tag-type-person { .phui-tag-type-person {
white-space: nowrap; white-space: nowrap;
color: #19558d; color: {$anchor};
} }
.phui-tag-color-red { .phui-tag-color-red {
@ -107,8 +107,8 @@ a.phui-tag-type-object:link,
} }
.phui-tag-color-black { .phui-tag-color-black {
background-color: #333333; background-color: {$darkgreybackground};
border-color: #333333; border-color: {$darkgreybackground};
} }
.phui-tag-color-grey { .phui-tag-color-grey {
@ -117,28 +117,28 @@ a.phui-tag-type-object:link,
} }
.phui-tag-color-white { .phui-tag-color-white {
background-color: #f7f7f7; background-color: {$lightgreybackground};
border-color: #f7f7f7; border-color: {$lightgreybackground};
} }
.phui-tag-color-object { .phui-tag-color-object {
background-color: #e7e7e7; background-color: {$greybackground};
border-color: #e7e7e7; border-color: {$lightgreyborder};
} }
.phui-tag-color-person { .phui-tag-color-person {
background-color: #f1f7ff; background-color: {$bluebackground};
border-color: #f1f7ff; border-color: {$thinblueborder};
} }
a.phui-tag-view:hover a.phui-tag-view:hover
.phui-tag-core.phui-tag-color-person { .phui-tag-core.phui-tag-color-person {
border-color: #d9ebfd; border-color: {$lightblueborder};
} }
a.phui-tag-view:hover a.phui-tag-view:hover
.phui-tag-core.phui-tag-color-object { .phui-tag-core.phui-tag-color-object {
border-color: #d7d7d7; border-color: {$greyborder};
} }
.phabricator-handle-tag-list-item + .phabricator-handle-tag-list-item { .phabricator-handle-tag-list-item + .phabricator-handle-tag-list-item {
@ -514,6 +514,6 @@ a.phui-tag-view:hover.phui-tag-disabled .phui-tag-core {
} }
.phui-tag-type-outline.phui-tag-black .phui-tag-core { .phui-tag-type-outline.phui-tag-black .phui-tag-core {
color: #000; color: {$blacktext};
border-color: #000; border-color: {$blacktext};
} }

6
webroot/rsrc/css/phui/phui-timeline-view.css
View file

@ -179,7 +179,7 @@
.phui-timeline-core-content { .phui-timeline-core-content {
padding: 16px; padding: 16px;
line-height: 18px; line-height: 18px;
background: #fff; background: {$page.content};
border-top: 1px solid rgba({$alphablue},.1); border-top: 1px solid rgba({$alphablue},.1);
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
@ -260,7 +260,7 @@
.conpherence-transaction-content .phui-timeline-value, .conpherence-transaction-content .phui-timeline-value,
.phui-feed-story-head .phui-timeline-value { .phui-feed-story-head .phui-timeline-value {
font-style: italic; font-style: italic;
color: black; color: {$blacktext};
} }
.device-desktop .phui-timeline-extra { .device-desktop .phui-timeline-extra {
@ -280,7 +280,7 @@
} }
.phui-timeline-icon-fill.fill-has-color .phui-icon-view { .phui-timeline-icon-fill.fill-has-color .phui-icon-view {
color: #fff; color: {$page.content};
} }
.phui-timeline-icon-fill-red { .phui-timeline-icon-fill-red {

6
webroot/rsrc/css/phui/phui-two-column-view.css
View file

@ -3,7 +3,7 @@
*/ */
.phui-two-column-view .phui-two-column-header { .phui-two-column-view .phui-two-column-header {
background-color: #fff; background-color: {$page.content};
border-bottom: 1px solid rgba({$alphagrey}, .12); border-bottom: 1px solid rgba({$alphagrey}, .12);
margin-bottom: 24px; margin-bottom: 24px;
} }
@ -19,7 +19,7 @@
.phui-two-column-header .phui-header-header { .phui-two-column-header .phui-header-header {
font-size: 20px; font-size: 20px;
color: #000; color: {$blacktext};
} }
.device-phone .phui-two-column-header .phui-header-header { .device-phone .phui-two-column-header .phui-header-header {
@ -172,7 +172,7 @@
.phui-two-column-tabs { .phui-two-column-tabs {
padding: 0 32px; padding: 0 32px;
margin-bottom: 32px; margin-bottom: 32px;
background: #fff; background: {$page.content};
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
} }

2
webroot/rsrc/css/phui/workboards/phui-workboard-color.css
View file

@ -7,7 +7,7 @@
} }
.phui-workboard-no-color { .phui-workboard-no-color {
background-color: #fff; background-color: {$page.content};
} }
.phui-workboard-color .phui-crumbs-view { .phui-workboard-color .phui-crumbs-view {

4
webroot/rsrc/css/phui/workboards/phui-workcard.css
View file

@ -3,7 +3,7 @@
*/ */
.phui-workcard.phui-oi { .phui-workcard.phui-oi {
background-color: #fff; background-color: {$page.content};
border-radius: 3px; border-radius: 3px;
margin-bottom: 8px; margin-bottom: 8px;
border-left-width: 4px; border-left-width: 4px;
@ -37,7 +37,7 @@
.phui-workcard .phui-oi-link { .phui-workcard .phui-oi-link {
white-space: normal; white-space: normal;
font-weight: normal; font-weight: normal;
color: #000; color: {$blacktext};
margin-left: 2px; margin-left: 2px;
} }