diff --git a/resources/celerity/map.php b/resources/celerity/map.php
--- a/resources/celerity/map.php
+++ b/resources/celerity/map.php
@@ -7,12 +7,12 @@
  */
 return array(
   'names' => array(
-    'conpherence.pkg.css' => 'ff161f2d',
+    'conpherence.pkg.css' => 'e68cf1fa',
     'conpherence.pkg.js' => 'b5b51108',
-    'core.pkg.css' => '7ae9e755',
+    'core.pkg.css' => '2cac901b',
     'core.pkg.js' => '5d80e0db',
     'darkconsole.pkg.js' => '1f9a31bc',
-    'differential.pkg.css' => 'b00f573e',
+    'differential.pkg.css' => '0cdef299',
     'differential.pkg.js' => '1d80ecc6',
     'diffusion.pkg.css' => 'a2d17c7d',
     'diffusion.pkg.js' => '6134c5a1',
@@ -35,17 +35,17 @@
     'rsrc/css/aphront/table-view.css' => 'a3aa6910',
     'rsrc/css/aphront/tokenizer.css' => '15d5ff71',
     'rsrc/css/aphront/tooltip.css' => '173b9431',
-    'rsrc/css/aphront/typeahead-browse.css' => '4f82e510',
-    'rsrc/css/aphront/typeahead.css' => '8a84cc7d',
+    'rsrc/css/aphront/typeahead-browse.css' => 'f2818435',
+    'rsrc/css/aphront/typeahead.css' => '4434bc8a',
     'rsrc/css/application/almanac/almanac.css' => 'dbb9b3af',
     'rsrc/css/application/auth/auth.css' => '0877ed6e',
     '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/standard-page-view.css' => 'eb5b80c5',
     'rsrc/css/application/chatlog/chatlog.css' => 'd295b020',
     '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-template.css' => '8f18fa41',
     'rsrc/css/application/config/setup-issue.css' => 'f794cfc3',
@@ -53,7 +53,7 @@
     'rsrc/css/application/conpherence/color.css' => 'abb4c358',
     'rsrc/css/application/conpherence/durable-column.css' => '89ea6bef',
     '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/notification.css' => 'cef0a3fc',
     'rsrc/css/application/conpherence/participant-pane.css' => '26a3ce56',
@@ -62,11 +62,11 @@
     'rsrc/css/application/countdown/timer.css' => '16c52f5c',
     'rsrc/css/application/daemon/bulk-job.css' => 'df9c1d4a',
     '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/changeset-view.css' => '3cef17bd',
+    'rsrc/css/application/differential/changeset-view.css' => 'bf1a41d8',
     '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-history.css' => '0e8eb855',
     'rsrc/css/application/differential/revision-list.css' => 'f3c47d33',
@@ -77,7 +77,7 @@
     'rsrc/css/application/diffusion/diffusion-source.css' => '750add59',
     'rsrc/css/application/diffusion/diffusion.css' => '8d01932f',
     '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/harbormaster/harbormaster.css' => 'f491c9f4',
     'rsrc/css/application/herald/herald-test.css' => 'a52e323e',
@@ -88,10 +88,10 @@
     'rsrc/css/application/maniphest/task-summary.css' => '11cc5344',
     'rsrc/css/application/objectselector/object-selector.css' => '85ee8ce6',
     '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-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-inline-comments.css' => '8e545e49',
     'rsrc/css/application/pholio/pholio.css' => 'ca89d380',
@@ -104,7 +104,7 @@
     'rsrc/css/application/policy/policy-transaction-detail.css' => '82100a43',
     'rsrc/css/application/policy/policy.css' => '957ea14c',
     '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/releeph/releeph-core.css' => '9b3c5733',
     'rsrc/css/application/releeph/releeph-preview-branch.css' => 'b7a6f4a5',
@@ -115,8 +115,8 @@
     'rsrc/css/application/slowvote/slowvote.css' => 'a94b7230',
     'rsrc/css/application/tokens/tokens.css' => '3d0f239e',
     'rsrc/css/application/uiexample/example.css' => '528b19de',
-    'rsrc/css/core/core.css' => '23beb330',
-    'rsrc/css/core/remarkup.css' => 'eb37bd0d',
+    'rsrc/css/core/core.css' => '1760853c',
+    'rsrc/css/core/remarkup.css' => '279e409c',
     'rsrc/css/core/syntax.css' => 'cae95e89',
     'rsrc/css/core/z-index.css' => '9d8f7c4b',
     'rsrc/css/diviner/diviner-shared.css' => '896f1d43',
@@ -124,29 +124,29 @@
     'rsrc/css/font/font-lato.css' => 'c7ccd872',
     'rsrc/css/font/phui-font-icon-base.css' => '870a7360',
     '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-simple.css' => '8e1baf68',
     'rsrc/css/phui/button/phui-button.css' => '022581b4',
     'rsrc/css/phui/calendar/phui-calendar-day.css' => '572b1893',
     'rsrc/css/phui/calendar/phui-calendar-list.css' => '576be600',
-    'rsrc/css/phui/calendar/phui-calendar-month.css' => '8e10e92c',
-    'rsrc/css/phui/calendar/phui-calendar.css' => '477acfaa',
+    'rsrc/css/phui/calendar/phui-calendar-month.css' => '21154caf',
+    '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-color.css' => 'cd2b9b77',
     '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-list-view.css' => 'bf094950',
     '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-badge.css' => '22c0cf4f',
     'rsrc/css/phui/phui-basic-nav-view.css' => 'a0705f53',
-    'rsrc/css/phui/phui-big-info-view.css' => 'bd903741',
-    'rsrc/css/phui/phui-box.css' => '269cbc99',
+    'rsrc/css/phui/phui-big-info-view.css' => 'd13afcde',
+    'rsrc/css/phui/phui-box.css' => '745e881d',
     'rsrc/css/phui/phui-chart.css' => '6bf6f78e',
     '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-crumbs-view.css' => '6ece3bbb',
     'rsrc/css/phui/phui-curtain-view.css' => '55dd0e59',
@@ -156,7 +156,7 @@
     'rsrc/css/phui/phui-feed-story.css' => '44a9c8e9',
     'rsrc/css/phui/phui-fontkit.css' => '1320ed01',
     '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-header-view.css' => 'e7de7ee2',
     'rsrc/css/phui/phui-hovercard.css' => 'f0592bcf',
@@ -164,11 +164,11 @@
     'rsrc/css/phui/phui-icon.css' => '5c4a5de6',
     'rsrc/css/phui/phui-image-mask.css' => 'a8498f9c',
     '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-left-right.css' => 'f60c67e7',
     '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-pager.css' => 'edcbc226',
     'rsrc/css/phui/phui-pinboard-view.css' => '2495140e',
@@ -177,8 +177,8 @@
     'rsrc/css/phui/phui-segment-bar-view.css' => 'b1d1b892',
     'rsrc/css/phui/phui-spacing.css' => '042804d6',
     'rsrc/css/phui/phui-status.css' => 'd5263e49',
-    'rsrc/css/phui/phui-tag-view.css' => '93b084cf',
-    'rsrc/css/phui/phui-timeline-view.css' => '313c7f22',
+    'rsrc/css/phui/phui-tag-view.css' => 'b4719c50',
+    'rsrc/css/phui/phui-timeline-view.css' => 'c4700486',
     'rsrc/css/phui/phui-two-column-view.css' => '5b8cd553',
     'rsrc/css/phui/workboards/phui-workboard-color.css' => '783cdff5',
     'rsrc/css/phui/workboards/phui-workboard.css' => '3bc85455',
@@ -547,24 +547,24 @@
     'aphront-table-view-css' => 'a3aa6910',
     'aphront-tokenizer-control-css' => '15d5ff71',
     'aphront-tooltip-css' => '173b9431',
-    'aphront-typeahead-control-css' => '8a84cc7d',
+    'aphront-typeahead-control-css' => '4434bc8a',
     'application-search-view-css' => '66ee5d46',
     'auth-css' => '0877ed6e',
     'bulk-job-css' => 'df9c1d4a',
     'conduit-api-css' => '7bc725c4',
-    'config-options-css' => '0ede4c9b',
+    'config-options-css' => 'c5aac7b0',
     'config-page-css' => 'c1d5121b',
     'conpherence-color-css' => 'abb4c358',
     'conpherence-durable-column-view' => '89ea6bef',
     'conpherence-header-pane-css' => 'cb6f4e19',
-    'conpherence-menu-css' => '6953e7ec',
+    'conpherence-menu-css' => '69368e97',
     'conpherence-message-pane-css' => 'b0f55ecc',
     'conpherence-notification-css' => 'cef0a3fc',
     'conpherence-participant-pane-css' => '26a3ce56',
     'conpherence-thread-manager' => '4d863052',
     'conpherence-transaction-css' => '85129c68',
     'd3' => 'a11a5ff2',
-    'differential-changeset-view-css' => '3cef17bd',
+    'differential-changeset-view-css' => 'bf1a41d8',
     'differential-core-view-css' => '5b7b8ff4',
     'differential-revision-add-comment-css' => 'c47f8c40',
     'differential-revision-comment-css' => '14b8565a',
@@ -579,12 +579,12 @@
     'diviner-shared-css' => '896f1d43',
     'font-fontawesome' => 'e838e088',
     'font-lato' => 'c7ccd872',
-    'global-drag-and-drop-css' => '5c1b47c2',
+    'global-drag-and-drop-css' => 'b556a948',
     'harbormaster-css' => 'f491c9f4',
     'herald-css' => 'dc31f6e9',
     'herald-rule-editor' => 'd6a7e717',
     'herald-test-css' => 'a52e323e',
-    'inline-comment-summary-css' => '51efda3a',
+    'inline-comment-summary-css' => 'f23d4e8f',
     'javelin-aphlict' => 'e1d4b11a',
     'javelin-behavior' => '61cbc29a',
     'javelin-behavior-aphlict-dropdown' => 'caade6f2',
@@ -764,15 +764,15 @@
     'multirow-row-manager' => 'b5d57730',
     'owners-path-editor' => 'aa1733d0',
     'owners-path-editor-css' => '2f00933b',
-    'paste-css' => '1898e534',
+    'paste-css' => '9fcc9773',
     'path-typeahead' => 'f7fc67ec',
     'people-picture-menu-item-css' => 'a06f7f34',
     'people-profile-css' => '4df76faf',
-    'phabricator-action-list-view-css' => 'c01858f4',
+    'phabricator-action-list-view-css' => '6ee16164',
     'phabricator-busy' => '59a7976a',
     'phabricator-chatlog-css' => 'd295b020',
     'phabricator-content-source-view-css' => '4b8b05d4',
-    'phabricator-core-css' => '23beb330',
+    'phabricator-core-css' => '1760853c',
     'phabricator-countdown-css' => '16c52f5c',
     'phabricator-darklog' => 'c8e1ffe3',
     'phabricator-darkmessage' => 'c48cccdd',
@@ -794,22 +794,22 @@
     'phabricator-nav-view-css' => 'faf6a6fc',
     'phabricator-notification' => 'ccf1cbf8',
     'phabricator-notification-css' => '3f6c89c9',
-    'phabricator-notification-menu-css' => '6a697e43',
+    'phabricator-notification-menu-css' => '73fefdfa',
     'phabricator-object-selector-css' => '85ee8ce6',
     'phabricator-phtize' => 'd254d646',
     'phabricator-prefab' => 'c5af80a2',
-    'phabricator-remarkup-css' => 'eb37bd0d',
+    'phabricator-remarkup-css' => '279e409c',
     'phabricator-search-results-css' => '8f8e08ed',
     'phabricator-shaped-request' => '7cbe244b',
     'phabricator-slowvote-css' => 'a94b7230',
-    'phabricator-source-code-view-css' => '4383192f',
+    'phabricator-source-code-view-css' => 'aea41829',
     'phabricator-standard-page-view' => 'eb5b80c5',
     'phabricator-textareautils' => '320810c8',
     'phabricator-title' => '485aaa6c',
     'phabricator-tooltip' => '358b8c04',
     'phabricator-ui-example-css' => '528b19de',
     'phabricator-zindex-css' => '9d8f7c4b',
-    'phame-css' => 'b3a0b3a3',
+    'phame-css' => '8cb3afcd',
     'pholio-css' => 'ca89d380',
     'pholio-edit-css' => '07676f51',
     'pholio-inline-comments-css' => '8e545e49',
@@ -822,18 +822,18 @@
     'phui-action-panel-css' => '91c7b835',
     'phui-badge-view-css' => '22c0cf4f',
     'phui-basic-nav-view-css' => 'a0705f53',
-    'phui-big-info-view-css' => 'bd903741',
-    'phui-box-css' => '269cbc99',
+    'phui-big-info-view-css' => 'd13afcde',
+    'phui-box-css' => '745e881d',
     'phui-button-bar-css' => '39fe680c',
     'phui-button-css' => '022581b4',
     'phui-button-simple-css' => '8e1baf68',
-    'phui-calendar-css' => '477acfaa',
+    'phui-calendar-css' => 'f1ddf11c',
     'phui-calendar-day-css' => '572b1893',
     'phui-calendar-list-css' => '576be600',
-    'phui-calendar-month-css' => '8e10e92c',
+    'phui-calendar-month-css' => '21154caf',
     'phui-chart-css' => '6bf6f78e',
     'phui-cms-css' => '504b4b23',
-    'phui-comment-form-css' => '57af2e14',
+    'phui-comment-form-css' => '62836121',
     'phui-comment-panel-css' => 'f50152ad',
     'phui-crumbs-view-css' => '6ece3bbb',
     'phui-curtain-view-css' => '55dd0e59',
@@ -843,7 +843,7 @@
     'phui-feed-story-css' => '44a9c8e9',
     'phui-font-icon-base-css' => '870a7360',
     'phui-fontkit-css' => '1320ed01',
-    'phui-form-css' => 'a5570f70',
+    'phui-form-css' => 'efa86a27',
     'phui-form-view-css' => '6175808d',
     'phui-head-thing-view-css' => 'fd311e5f',
     'phui-header-view-css' => 'e7de7ee2',
@@ -853,12 +853,12 @@
     'phui-icon-view-css' => '5c4a5de6',
     'phui-image-mask-css' => 'a8498f9c',
     'phui-info-panel-css' => '27ea50a1',
-    'phui-info-view-css' => '6e217679',
-    'phui-inline-comment-view-css' => 'ffd1a542',
+    'phui-info-view-css' => 'e1b4ec37',
+    'phui-inline-comment-view-css' => 'c4036846',
     'phui-invisible-character-view-css' => '6993d9f0',
     'phui-left-right-css' => 'f60c67e7',
     'phui-lightbox-css' => '0a035e40',
-    'phui-list-view-css' => 'dcafb463',
+    'phui-list-view-css' => '38f8c9bd',
     'phui-object-box-css' => '9cff003c',
     'phui-oi-big-ui-css' => '19f9369b',
     'phui-oi-color-css' => 'cd2b9b77',
@@ -873,9 +873,9 @@
     'phui-segment-bar-view-css' => 'b1d1b892',
     'phui-spacing-css' => '042804d6',
     'phui-status-list-view-css' => 'd5263e49',
-    'phui-tag-view-css' => '93b084cf',
+    'phui-tag-view-css' => 'b4719c50',
     'phui-theme-css' => '9f261c6b',
-    'phui-timeline-view-css' => '313c7f22',
+    'phui-timeline-view-css' => 'c4700486',
     'phui-two-column-view-css' => '5b8cd553',
     'phui-workboard-color-css' => '783cdff5',
     'phui-workboard-view-css' => '3bc85455',
@@ -892,7 +892,7 @@
     'policy-edit-css' => '815c66f7',
     'policy-transaction-detail-css' => '82100a43',
     'ponder-view-css' => 'fbd45f96',
-    'project-card-view-css' => '3d3c1f91',
+    'project-card-view-css' => '0010bb52',
     'project-view-css' => '792c9057',
     'releeph-core' => '9b3c5733',
     'releeph-preview-branch' => 'b7a6f4a5',
@@ -904,7 +904,7 @@
     'syntax-default-css' => '9923583c',
     'syntax-highlighting-css' => 'cae95e89',
     'tokens-css' => '3d0f239e',
-    'typeahead-browse-css' => '4f82e510',
+    'typeahead-browse-css' => 'f2818435',
     'unhandled-exception-css' => '4c96257a',
   ),
   'requires' => array(
@@ -1146,9 +1146,6 @@
       'javelin-util',
       'javelin-uri',
     ),
-    '3cef17bd' => array(
-      'phui-inline-comment-view-css',
-    ),
     '3dbf94d5' => array(
       'javelin-behavior',
       'javelin-dom',
@@ -1870,6 +1867,9 @@
       'phabricator-drag-and-drop-file-upload',
       'phabricator-draggable-list',
     ),
+    'bf1a41d8' => array(
+      'phui-inline-comment-view-css',
+    ),
     'bf5374ef' => array(
       'javelin-behavior',
       'javelin-stratcom',
diff --git a/src/__phutil_library_map__.php b/src/__phutil_library_map__.php
--- a/src/__phutil_library_map__.php
+++ b/src/__phutil_library_map__.php
@@ -223,6 +223,7 @@
     'CalendarTimeUtil' => 'applications/calendar/util/CalendarTimeUtil.php',
     'CalendarTimeUtilTestCase' => 'applications/calendar/__tests__/CalendarTimeUtilTestCase.php',
     'CelerityAPI' => 'applications/celerity/CelerityAPI.php',
+    'CelerityDarkModePostprocessor' => 'applications/celerity/postprocessor/CelerityDarkModePostprocessor.php',
     'CelerityDefaultPostprocessor' => 'applications/celerity/postprocessor/CelerityDefaultPostprocessor.php',
     'CelerityHighContrastPostprocessor' => 'applications/celerity/postprocessor/CelerityHighContrastPostprocessor.php',
     'CelerityLargeFontPostprocessor' => 'applications/celerity/postprocessor/CelerityLargeFontPostprocessor.php',
@@ -5170,6 +5171,7 @@
     'CalendarTimeUtil' => 'Phobject',
     'CalendarTimeUtilTestCase' => 'PhabricatorTestCase',
     'CelerityAPI' => 'Phobject',
+    'CelerityDarkModePostprocessor' => 'CelerityPostprocessor',
     'CelerityDefaultPostprocessor' => 'CelerityPostprocessor',
     'CelerityHighContrastPostprocessor' => 'CelerityPostprocessor',
     'CelerityLargeFontPostprocessor' => 'CelerityPostprocessor',
diff --git a/src/applications/celerity/postprocessor/CelerityDefaultPostprocessor.php b/src/applications/celerity/postprocessor/CelerityDarkModePostprocessor.php
copy from src/applications/celerity/postprocessor/CelerityDefaultPostprocessor.php
copy to src/applications/celerity/postprocessor/CelerityDarkModePostprocessor.php
--- a/src/applications/celerity/postprocessor/CelerityDefaultPostprocessor.php
+++ b/src/applications/celerity/postprocessor/CelerityDarkModePostprocessor.php
@@ -1,24 +1,19 @@
 <?php
 
-final class CelerityDefaultPostprocessor
+final class CelerityDarkModePostprocessor
   extends CelerityPostprocessor {
 
-  const POSTPROCESSOR_KEY = 'default';
-
   public function getPostprocessorKey() {
-    return self::POSTPROCESSOR_KEY;
+    return 'darkmode';
   }
 
   public function getPostprocessorName() {
-    return pht('Use Standard Colors');
-  }
-
-  public function buildDefaultPostprocessor() {
-    return null;
+    return pht('Dark Mode (Experimental)');
   }
 
   public function buildVariables() {
     return array(
+
       // Fonts
       'basefont' => "13px 'Segoe UI', 'Segoe UI Emoji', ".
         "'Segoe UI Symbol', 'Lato', 'Helvetica Neue', ".
@@ -33,14 +28,7 @@
       'whitetextshadow' => '0 1px 0 rgba(255, 255, 255, 1)',
 
       // Anchors
-      'anchor' => '#136CB2',
-
-      // Font Sizes
-      'biggestfontsize' => '15px',
-      'biggerfontsize' => '14px',
-      'normalfontsize' => '13px',
-      'smallerfontsize' => '12px',
-      'smallestfontsize' => '11px',
+      'anchor' => '#3498db',
 
       // Base Colors
       'red'           => '#c0392b',
@@ -66,40 +54,42 @@
       'backdrop'      => '#c4cde0',
       'hoverwhite'    => 'rgba(255,255,255,.6)',
       'hovergrey'     => '#c5cbcf',
-      'hoverblue'     => '#eceff5',
+      'hoverblue'     => '#2a425f',
       'hoverborder'   => '#dfe1e9',
       'hoverselectedgrey' => '#bbc4ca',
       'hoverselectedblue' => '#e6e9ee',
       'borderinset' => 'inset 0 0 0 1px rgba(55,55,55,.15)',
-      'timeline'    => '#d5d8e1',
+      'timeline'    => '#4e6078',
+      'bluepropertybackground' => '#2d435f',
 
       // Alphas
       'alphawhite'          => '255,255,255',
-      'alphagrey'           => '55,55,55',
-      'alphablue'           => '71,87,120',
+      'alphagrey'           => '255,255,255',
+      'alphablue'           => '255,255,255',
       'alphablack'          => '0,0,0',
 
       // Base Greys
-      'lightgreyborder'     => '#C7CCD9',
-      'greyborder'          => '#A1A6B0',
-      'darkgreyborder'      => '#676A70',
-      'lightgreytext'       => '#92969D',
-      'greytext'            => '#74777D',
-      'darkgreytext'        => '#4B4D51',
-      'lightgreybackground' => '#F7F7F7',
-      'greybackground'      => '#EBECEE',
-      'darkgreybackground'  => '#DFE0E2',
+      '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'      => '#DDE8EF',
-      'lightblueborder'     => '#BFCFDA',
+      'thinblueborder'      => '#2c405a',
+      'lightblueborder'     => '#39506d',
       'blueborder'          => '#8C98B8',
       'darkblueborder'      => '#626E82',
-      'lightbluebackground' => '#F8F9FC',
-      'bluebackground'      => '#ECEEF4',
-      'lightbluetext'       => '#8C98B8',
-      'bluetext'            => '#6B748C',
-      'darkbluetext'        => '#464C5C',
+      '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',
@@ -200,16 +190,27 @@
       'move-background' => '#fdf5d4',
       'copy-background' => '#f1c40f',
 
+      'paste.content' => '#222222',
+      'paste.border' => '#000000',
+      'paste.highlight' => '#121212',
+
       // Background color for "most" themes.
-      'page.background' => '#f3f5f7',
-      'page.sidenav' => '#eaedf1',
+      '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)',
 
-      'menu.main.height' => '44px',
-      'menu.profile.width' => '240px',
+      // 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)',
 
     );
   }
diff --git a/src/applications/celerity/postprocessor/CelerityDefaultPostprocessor.php b/src/applications/celerity/postprocessor/CelerityDefaultPostprocessor.php
--- a/src/applications/celerity/postprocessor/CelerityDefaultPostprocessor.php
+++ b/src/applications/celerity/postprocessor/CelerityDefaultPostprocessor.php
@@ -72,6 +72,7 @@
       'hoverselectedblue' => '#e6e9ee',
       'borderinset' => 'inset 0 0 0 1px rgba(55,55,55,.15)',
       'timeline'    => '#d5d8e1',
+      'bluepropertybackground' => '#eff3fc',
 
       // Alphas
       'alphawhite'          => '255,255,255',
@@ -100,6 +101,7 @@
       'lightbluetext'       => '#8C98B8',
       'bluetext'            => '#6B748C',
       'darkbluetext'        => '#464C5C',
+      'blacktext'           => '#000',
 
       // Base Greens
       'lightgreenborder'      => '#bfdac1',
@@ -200,9 +202,14 @@
       'move-background' => '#fdf5d4',
       'copy-background' => '#f1c40f',
 
+      'paste.content' => '#fffef5',
+      'paste.border' => '#e9dbcd',
+      'paste.highlight' => '#fdf3da',
+
       // Background color for "most" themes.
       'page.background' => '#f3f5f7',
       'page.sidenav' => '#eaedf1',
+      'page.content' => '#fff',
 
       'menu.profile.text' => 'rgba(255,255,255,.8)',
       'menu.profile.text.selected' => 'rgba(255,255,255,1)',
@@ -211,6 +218,18 @@
       'menu.main.height' => '44px',
       '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)',
+
+
     );
   }
 
diff --git a/webroot/rsrc/css/aphront/dialog-view.css b/webroot/rsrc/css/aphront/dialog-view.css
--- a/webroot/rsrc/css/aphront/dialog-view.css
+++ b/webroot/rsrc/css/aphront/dialog-view.css
@@ -7,7 +7,7 @@
   margin: 32px auto 16px;
   border: 1px solid {$lightblueborder};
   border-radius: 3px;
-  background-color: #fff;
+  background-color: {$page.content};
 }
 
 .jx-client-dialog .aphront-dialog-view {
@@ -41,7 +41,7 @@
 }
 
 .aphront-dialog-body {
-  background: #fff;
+  background: {$page.content};
   padding: 16px;
   border: none;
 }
diff --git a/webroot/rsrc/css/aphront/list-filter-view.css b/webroot/rsrc/css/aphront/list-filter-view.css
--- a/webroot/rsrc/css/aphront/list-filter-view.css
+++ b/webroot/rsrc/css/aphront/list-filter-view.css
@@ -5,7 +5,7 @@
 .aphront-list-filter-wrap {
   border: 1px solid {$lightblueborder};
   margin: 0 16px;
-  background: #fff;
+  background: {$page.content};
   border-radius: 3px;
 }
 
diff --git a/webroot/rsrc/css/aphront/table-view.css b/webroot/rsrc/css/aphront/table-view.css
--- a/webroot/rsrc/css/aphront/table-view.css
+++ b/webroot/rsrc/css/aphront/table-view.css
@@ -9,7 +9,7 @@
 .aphront-table-view {
   width: 100%;
   border-collapse:  collapse;
-  background: #fff;
+  background: {$page.content};
   border: 1px solid {$lightblueborder};
   border-bottom: 1px solid {$blueborder};
 }
diff --git a/webroot/rsrc/css/aphront/tokenizer.css b/webroot/rsrc/css/aphront/tokenizer.css
--- a/webroot/rsrc/css/aphront/tokenizer.css
+++ b/webroot/rsrc/css/aphront/tokenizer.css
@@ -88,11 +88,11 @@
 
 a.jx-tokenizer-token-function {
   border-color: {$sh-lightgreyborder};
-  background: #fff;
+  background: {$page.content};
 }
 
 a.jx-tokenizer-token-function:hover {
-  background: #fff;
+  background: {$page.content};
 }
 
 a.jx-tokenizer-token-disabled {
diff --git a/webroot/rsrc/css/aphront/typeahead-browse.css b/webroot/rsrc/css/aphront/typeahead-browse.css
--- a/webroot/rsrc/css/aphront/typeahead-browse.css
+++ b/webroot/rsrc/css/aphront/typeahead-browse.css
@@ -11,7 +11,7 @@
 }
 
 .typeahead-browse-more {
-  background: {$lightblue};
+  background: {$lightbluebackground};
   border: 1px solid {$lightblueborder};
   color: {$blue};
 }
diff --git a/webroot/rsrc/css/aphront/typeahead.css b/webroot/rsrc/css/aphront/typeahead.css
--- a/webroot/rsrc/css/aphront/typeahead.css
+++ b/webroot/rsrc/css/aphront/typeahead.css
@@ -9,10 +9,10 @@
 
 div.jx-typeahead-results {
   position: absolute;
-  border: 1px solid {$hoverborder};
+  border: 1px solid {$thinblueborder};
   border-top: 0px;
   padding: 0;
-  background: #fefefe;
+  background: {$page.content};
   width: 98%;
   box-shadow: 0px 1px 2px rgba({$alphablack}, 0.2);
   margin: -1px 1% 0;
@@ -31,7 +31,7 @@
 }
 
 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,
diff --git a/webroot/rsrc/css/application/base/main-menu-view.css b/webroot/rsrc/css/application/base/main-menu-view.css
--- a/webroot/rsrc/css/application/base/main-menu-view.css
+++ b/webroot/rsrc/css/application/base/main-menu-view.css
@@ -164,7 +164,7 @@
   position: absolute;
   font-size: {$normalfontsize};
   border: none;
-  background-color: #fff;
+  background-color: {$page.content};
   height: 28px;
   padding: 3px 28px 3px 52px;
   float: left;
@@ -180,7 +180,7 @@
 }
 
 .phabricator-main-menu .phabricator-main-menu-search input:focus {
-  background: #fff;
+  background: {$page.content};
   opacity: 1;
   color: {$darkbluetext};
   box-shadow: none;
@@ -270,7 +270,7 @@
 }
 
 .phabricator-main-menu-search-target div.jx-typeahead-results {
-  background: #fff;
+  background: {$page.content};
   word-wrap: break-word;
   overflow-y: auto;
   box-shadow: {$dropshadow};
diff --git a/webroot/rsrc/css/application/base/notification-menu.css b/webroot/rsrc/css/application/base/notification-menu.css
--- a/webroot/rsrc/css/application/base/notification-menu.css
+++ b/webroot/rsrc/css/application/base/notification-menu.css
@@ -3,7 +3,7 @@
  */
 
 .phabricator-notification-menu {
-  background: #fff;
+  background: {$page.content};
   font-size: {$smallestfontsize};
   word-wrap: break-word;
   overflow-y: auto;
@@ -65,7 +65,7 @@
 }
 
 .phabricator-notification + .phabricator-notification {
-  border-top: 1px solid {$hoverborder};
+  border-top: 1px solid {$thinblueborder};
 }
 
 .no-notifications {
diff --git a/webroot/rsrc/css/application/base/standard-page-view.css b/webroot/rsrc/css/application/base/standard-page-view.css
--- a/webroot/rsrc/css/application/base/standard-page-view.css
+++ b/webroot/rsrc/css/application/base/standard-page-view.css
@@ -18,7 +18,7 @@
 }
 
 body.white-background {
-  background: #fff;
+  background: {$page.content};
 }
 
 .phabricator-standard-page-footer {
diff --git a/webroot/rsrc/css/application/config/config-options.css b/webroot/rsrc/css/application/config/config-options.css
--- a/webroot/rsrc/css/application/config/config-options.css
+++ b/webroot/rsrc/css/application/config/config-options.css
@@ -5,8 +5,8 @@
 .config-option-table {
   width: 100%;
   border-collapse: collapse;
-  border: 1px solid {$lightgreyborder};
-  background: #fff;
+  border: 1px solid {$thinblueborder};
+  background: {$page.content};
 }
 
 .config-option-table th,
diff --git a/webroot/rsrc/css/application/conpherence/durable-column.css b/webroot/rsrc/css/application/conpherence/durable-column.css
--- a/webroot/rsrc/css/application/conpherence/durable-column.css
+++ b/webroot/rsrc/css/application/conpherence/durable-column.css
@@ -12,7 +12,7 @@
   right: 16px;
   width: 400px;
   height: 360px;
-  background: #fff;
+  background: {$page.content};
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
   box-shadow: 0px 1px 8px rgba(55,55,55, .3);
diff --git a/webroot/rsrc/css/application/conpherence/header-pane.css b/webroot/rsrc/css/application/conpherence/header-pane.css
--- a/webroot/rsrc/css/application/conpherence/header-pane.css
+++ b/webroot/rsrc/css/application/conpherence/header-pane.css
@@ -9,7 +9,7 @@
 
 .conpherence-header-pane .phui-header-header {
   font-size: 16px;
-  color: #000;
+  color: {$blacktext};
   display: block;
 }
 
diff --git a/webroot/rsrc/css/application/conpherence/menu.css b/webroot/rsrc/css/application/conpherence/menu.css
--- a/webroot/rsrc/css/application/conpherence/menu.css
+++ b/webroot/rsrc/css/application/conpherence/menu.css
@@ -8,7 +8,7 @@
   left: 0;
   right: 0;
   top: 44px;
-  background: #fff;
+  background: {$page.content};
 }
 
 .conpherence-menu-pane {
@@ -137,7 +137,6 @@
   font-weight: bold;
   font-size: {$normalfontsize};
   color: {$darkbluetext};
-  text-shadow: 0px 1px 1px #fff;
   overflow: hidden;
   width: 165px;
   text-overflow: ellipsis;
diff --git a/webroot/rsrc/css/application/conpherence/message-pane.css b/webroot/rsrc/css/application/conpherence/message-pane.css
--- a/webroot/rsrc/css/application/conpherence/message-pane.css
+++ b/webroot/rsrc/css/application/conpherence/message-pane.css
@@ -25,7 +25,7 @@
 .conpherence-layout .conpherence-content-pane .conpherence-no-threads {
   top: 44px;
   right: 0;
-  background: #fff;
+  background: {$page.content};
   z-index: 26;
 }
 
@@ -411,7 +411,7 @@
   bottom: 0;
   transition: all 0.3s;
   position: fixed;
-  background-color: #fff;
+  background-color: {$page.content};
 }
 
 .conpherence-layout.loading .conpherence-loading-mask {
@@ -445,7 +445,7 @@
 .show-searchbar .conpherence-search-form-view {
   display: block;
   height: 54px;
-  background: #fff;
+  background: {$page.content};
   position: absolute;
   top: 0;
   left: 0;
@@ -461,7 +461,7 @@
 
 .conpherence-search-results {
   position: absolute;
-  background: #fff;
+  background: {$page.content};
   top: 54px;
   left: 0;
   right: 0;
diff --git a/webroot/rsrc/css/application/conpherence/participant-pane.css b/webroot/rsrc/css/application/conpherence/participant-pane.css
--- a/webroot/rsrc/css/application/conpherence/participant-pane.css
+++ b/webroot/rsrc/css/application/conpherence/participant-pane.css
@@ -65,7 +65,7 @@
 }
 
 .conpherence-participant-pane .person-entry:hover a {
-  color: #000;
+  color: {$blacktext};
 }
 
 .conpherence-participant-pane .person-entry a img {
@@ -99,7 +99,7 @@
 }
 
 .conpherence-participant-pane .person-entry .remove:hover .close-icon {
-  color: #000;
+  color: {$blacktext};
 }
 
 /****** Hide Widgets **********************************************************/
diff --git a/webroot/rsrc/css/application/conpherence/transaction.css b/webroot/rsrc/css/application/conpherence/transaction.css
--- a/webroot/rsrc/css/application/conpherence/transaction.css
+++ b/webroot/rsrc/css/application/conpherence/transaction.css
@@ -13,7 +13,7 @@
 .conpherence-transaction-header .phui-link-person {
   font-weight: bold;
   font-size: {$biggerfontsize};
-  color: #000;
+  color: {$blacktext};
 }
 
 .conpherence-transaction-view.date-marker {
@@ -23,7 +23,7 @@
 .conpherence-transaction-view.date-marker .date {
   position: relative;
   top: -11px;
-  background-color: #fff;
+  background-color: {$page.content};
   color: {$sh-violettext};
   font-weight: bold;
 }
diff --git a/webroot/rsrc/css/application/dashboard/dashboard.css b/webroot/rsrc/css/application/dashboard/dashboard.css
--- a/webroot/rsrc/css/application/dashboard/dashboard.css
+++ b/webroot/rsrc/css/application/dashboard/dashboard.css
@@ -20,7 +20,7 @@
 }
 
 .dashboard-box .phui-header-header {
-  color: #000;
+  color: {$blacktext};
 }
 
 .dashboard-view .phui-oi-empty .phui-info-view {
diff --git a/webroot/rsrc/css/application/diff/inline-comment-summary.css b/webroot/rsrc/css/application/diff/inline-comment-summary.css
--- a/webroot/rsrc/css/application/diff/inline-comment-summary.css
+++ b/webroot/rsrc/css/application/diff/inline-comment-summary.css
@@ -16,8 +16,7 @@
 .phabricator-inline-summary-table .inline-comment-summary-table-header {
   font-weight: bold;
   padding: 16px 1px 8px;
-  background: #fff;
-  color: #000;
+  color: {$blacktext};
   border-bottom: 1px solid {$thinblueborder};
 }
 
@@ -25,14 +24,14 @@
   padding: 4px 8px;
   white-space: nowrap;
   color: {$darkbluetext};
-  background: white;
+  background: {$page.content};
 }
 
 .phabricator-inline-summary-table td.inline-line-number {
   padding: 0;
   width: 100px;
   white-space: nowrap;
-  background: #F8F9FC;
+  background: {$lightgreybackground};
   font-family: "Menlo", "Consolas", monospace;
   font-size: {$smallestfontsize};
   color: {$bluetext};
diff --git a/webroot/rsrc/css/application/differential/changeset-view.css b/webroot/rsrc/css/application/differential/changeset-view.css
--- a/webroot/rsrc/css/application/differential/changeset-view.css
+++ b/webroot/rsrc/css/application/differential/changeset-view.css
@@ -20,7 +20,7 @@
 }
 
 .differential-diff {
-  background: #fff;
+  background: {$page.content};
   width: 100%;
   border-top: 1px solid {$lightblueborder};
   border-bottom: 1px solid {$lightblueborder};
@@ -113,14 +113,6 @@
   cursor: auto;
 }
 
-.differential-diff th.old {
-  border-right-color: {$old-bright};
-}
-
-.differential-diff th.new {
-  border-right-color: {$new-bright};
-}
-
 .differential-diff td.old {
   background: {$old-background};
 }
@@ -288,7 +280,7 @@
   font-size: {$biggestfontsize};
   padding: 2px 0 20px 12px;
   line-height: 20px;
-  color: #000;
+  color: {$blacktext};
 }
 
 .device-phone .differential-changeset h1 {
@@ -392,7 +384,7 @@
   top: 0;
   left: 0;
   right: 0;
-  background: #fff;
+  background: {$page.content};
   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   border-bottom: 1px solid {$lightgreyborder};
   padding: 8px 18px;
diff --git a/webroot/rsrc/css/application/differential/phui-inline-comment.css b/webroot/rsrc/css/application/differential/phui-inline-comment.css
--- a/webroot/rsrc/css/application/differential/phui-inline-comment.css
+++ b/webroot/rsrc/css/application/differential/phui-inline-comment.css
@@ -25,7 +25,7 @@
 
 .differential-inline-comment,
 .differential-inline-comment-edit {
-  background: #fff;
+  background: {$page.content};
   border: 1px solid {$sh-yellowborder};
   font: {$basefont};
   -moz-box-sizing: border-box;
@@ -244,7 +244,7 @@
 
 .differential-inline-comment.inline-is-done
   .differential-inline-done-label {
-    background-color: #fff;
+    background-color: {$page.content};
     border-color: {$lightblueborder};
     color: {$sky};
     opacity: 1;
@@ -252,7 +252,7 @@
 
 .device-desktop .differential-inline-comment.inline-is-done
   .differential-inline-done-label:hover {
-    background-color: #fff;
+    background-color: {$page.content};
     color: {$sky};
 }
 
@@ -273,7 +273,7 @@
 }
 
 .differential-inline-comment.inline-is-done
-   .differential-inline-comment-head {
+  .differential-inline-comment-head {
     background-color: {$lightgreybackground};
     border-bottom-color: {$lightgreyborder};
 }
@@ -287,7 +287,7 @@
 .differential-inline-comment.inline-is-done .differential-inline-comment-head
   .differential-inline-done-label {
     color: {$sky};
-    background-color: #fff;
+    background-color: {$page.content};
     border-color: {$sky};
 }
 
diff --git a/webroot/rsrc/css/application/diffusion/diffusion-source.css b/webroot/rsrc/css/application/diffusion/diffusion-source.css
--- a/webroot/rsrc/css/application/diffusion/diffusion-source.css
+++ b/webroot/rsrc/css/application/diffusion/diffusion-source.css
@@ -4,7 +4,7 @@
 
 .diffusion-source {
   width: 100%;
-  background: #fff;
+  background: {$page.content};
 }
 
 .diffusion-source tr.phabricator-source-highlight {
diff --git a/webroot/rsrc/css/application/diffusion/diffusion.css b/webroot/rsrc/css/application/diffusion/diffusion.css
--- a/webroot/rsrc/css/application/diffusion/diffusion.css
+++ b/webroot/rsrc/css/application/diffusion/diffusion.css
@@ -46,7 +46,7 @@
 /* - List Styles  ------------------------------------------------------------*/
 
 .diffusion-history-list .phui-oi-link {
-  color: #000;
+  color: {$blacktext};
   font-size: {$biggerfontsize};
 }
 
diff --git a/webroot/rsrc/css/application/files/global-drag-and-drop.css b/webroot/rsrc/css/application/files/global-drag-and-drop.css
--- a/webroot/rsrc/css/application/files/global-drag-and-drop.css
+++ b/webroot/rsrc/css/application/files/global-drag-and-drop.css
@@ -14,7 +14,7 @@
   top: 30%;
   padding: 18px 0;
 
-  color: #ffffff;
+  color: {$page.content};
   background: rgba({$alphablack}, 0.8);
   border-radius: 18px;
 
diff --git a/webroot/rsrc/css/application/objectselector/object-selector.css b/webroot/rsrc/css/application/objectselector/object-selector.css
--- a/webroot/rsrc/css/application/objectselector/object-selector.css
+++ b/webroot/rsrc/css/application/objectselector/object-selector.css
@@ -32,7 +32,7 @@
 
 .phabricator-object-selector-row:hover a {
   text-decoration: none;
-  color: #000;
+  color: {$blacktext};
 }
 
 .phabricator-object-selector-search-text input {
diff --git a/webroot/rsrc/css/application/paste/paste.css b/webroot/rsrc/css/application/paste/paste.css
--- a/webroot/rsrc/css/application/paste/paste.css
+++ b/webroot/rsrc/css/application/paste/paste.css
@@ -3,8 +3,8 @@
  */
 
 .paste-embed {
-  background: {$sh-yellowbackground};
-  border: 1px solid {$sh-lightyellowborder};
+  background: {$paste.content};
+  border: 1px solid {$paste.border};
   border-radius: 3px;
 }
 
@@ -13,7 +13,8 @@
 }
 
 .paste-embed-head {
-  border-bottom: 1px solid {$sh-lightyellowborder};
+  border-bottom: 1px solid {$paste.border};
+  background: {$paste.highlight};
   padding: 8px 12px;
 }
 
@@ -25,3 +26,8 @@
 .paste-embed-body {
   overflow-y: auto;
 }
+
+.paste-embed-body .phabricator-source-code-container {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
diff --git a/webroot/rsrc/css/application/people/people-picture-menu-item.css b/webroot/rsrc/css/application/people/people-picture-menu-item.css
--- a/webroot/rsrc/css/application/people/people-picture-menu-item.css
+++ b/webroot/rsrc/css/application/people/people-picture-menu-item.css
@@ -8,7 +8,7 @@
 }
 
 .people-menu-image-container {
-  background: #fff;
+  background: {$page.content};
   padding: 5px;
   border-radius: 5px;
   border: 1px solid rgba({$alphablue},.2);
diff --git a/webroot/rsrc/css/application/phame/phame.css b/webroot/rsrc/css/application/phame/phame.css
--- a/webroot/rsrc/css/application/phame/phame.css
+++ b/webroot/rsrc/css/application/phame/phame.css
@@ -29,6 +29,7 @@
   position: absolute;
 }
 
+
 .phame-blog-description + .phui-document-view-pro-box {
   border-top: 1px solid rgba({$alphablue}, 0.20);
 }
@@ -38,11 +39,11 @@
 }
 
 .phame-home-view .phui-side-column {
-  background-color: #fff;
+  background-color: {$page.content};
 }
 
 .phame-home-view {
-  background-color: #fff;
+  background-color: {$page.content};
   border-bottom: 1px solid rgba({$alphagrey},.1);
 }
 
@@ -145,7 +146,7 @@
   width: 360px;
   float: right;
   text-align: right;
-  color: #000;
+  color: {$blacktext};
   position: relative;
 }
 
@@ -179,7 +180,7 @@
   width: 360px;
   float: left;
   text-align: left;
-  color: #000;
+  color: {$blacktext};
   position: relative;
 }
 
@@ -258,7 +259,7 @@
 
 /* Hero Image */
 .phame-header-hero {
-  background-color: #fff;
+  background-color: {$page.content};
   margin-top: 16px;
 }
 
@@ -281,7 +282,7 @@
 .phame-mega-header {
   margin: 0 auto;
   text-align: center;
-  background: #fff;
+  background: {$page.content};
   padding: 16px 0 24px;
 }
 
@@ -290,7 +291,7 @@
 }
 
 .phame-mega-header .phame-header-title {
-  color: #000;
+  color: {$blacktext};
   font-size: 28px;
   font-weight: bold;
   padding-top: 24px;
diff --git a/webroot/rsrc/css/application/pholio/pholio.css b/webroot/rsrc/css/application/pholio/pholio.css
--- a/webroot/rsrc/css/application/pholio/pholio.css
+++ b/webroot/rsrc/css/application/pholio/pholio.css
@@ -181,7 +181,7 @@
 }
 
 .mock-image-description {
-  background: #fff;
+  background: {$page.content};
   border-top: 1px solid {$thinblueborder};
   text-align: left;
 }
diff --git a/webroot/rsrc/css/application/project/project-card-view.css b/webroot/rsrc/css/application/project/project-card-view.css
--- a/webroot/rsrc/css/application/project/project-card-view.css
+++ b/webroot/rsrc/css/application/project/project-card-view.css
@@ -5,7 +5,7 @@
 .project-card-view {
   margin: 0 12px 16px 0;
   text-align: left;
-  background: #fff;
+  background: {$page.content};
   border: 1px solid {$lightblueborder};
   border-radius: 3px;
   box-shadow: {$dropshadow};
@@ -21,9 +21,9 @@
 }
 
 .project-card-view .phui-header-shell .phui-header-image {
-  border: 3px solid #fff;
+  border: 3px solid {$page.content};
   border-radius: 3px;
-  background-color: #fff;
+  background-color: {$page.content};
 }
 
 .project-card-view .phui-header-shell .phui-header-header {
@@ -71,7 +71,7 @@
 .project-card-header .project-card-name {
   font-size: 20px;
   font-weight: bold;
-  color: #000;
+  color: {$blacktext};
   margin-bottom: 2px;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -129,85 +129,48 @@
 
 /* Colors */
 
-.project-card-view.project-card-red {
-  border-color: {$sh-redborder};
-}
-
 .project-card-view.project-card-red .phui-header-shell {
   background: linear-gradient(to bottom,
-    {$sh-redbackground} 42px, #fff 42px);
-}
-
-.project-card-view.project-card-orange {
-  border-color: {$sh-orangeborder};
+    {$sh-redbackground} 42px, {$page.content} 42px);
 }
 
 .project-card-view.project-card-orange .phui-header-shell {
   background: linear-gradient(to bottom,
-    {$sh-orangebackground} 42px, #fff 42px);
-}
-
-.project-card-view.project-card-yellow {
-  border-color: {$sh-yellowborder};
+    {$sh-orangebackground} 42px, {$page.content} 42px);
 }
 
 .project-card-view.project-card-yellow .phui-header-shell {
   background: linear-gradient(to bottom,
-    {$sh-yellowbackground} 42px, #fff 42px);
-}
-
-.project-card-view.project-card-green {
-  border-color: {$sh-greenborder};
+    {$sh-yellowbackground} 42px, {$page.content} 42px);
 }
 
 .project-card-view.project-card-green .phui-header-shell {
   background: linear-gradient(to bottom,
-    {$sh-greenbackground} 42px, #fff 42px);
-}
-
-.project-card-view.project-card-blue {
-  border-color: {$sh-blueborder};
+    {$sh-greenbackground} 42px, {$page.content} 42px);
 }
 
 .project-card-view.project-card-blue .phui-header-shell {
   background: linear-gradient(to bottom,
-    {$sh-bluebackground} 42px, #fff 42px);
-}
-
-.project-card-view.project-card-indigo {
-  border-color: {$sh-indigoborder};
+    {$sh-bluebackground} 42px, {$page.content} 42px);
 }
 
 .project-card-view.project-card-indigo .phui-header-shell {
   background: linear-gradient(to bottom,
-    {$sh-indigobackground} 42px, #fff 42px);
-}
-
-.project-card-view.project-card-violet {
-  border-color: {$sh-violetborder};
+    {$sh-indigobackground} 42px, {$page.content} 42px);
 }
 
 .project-card-view.project-card-violet .phui-header-shell {
   background: linear-gradient(to bottom,
-    {$sh-violetbackground} 42px, #fff 42px);
-}
-
-.project-card-view.project-card-pink {
-  border-color: {$sh-pinkborder};
+    {$sh-violetbackground} 42px, {$page.content} 42px);
 }
 
 .project-card-view.project-card-pink .phui-header-shell {
   background: linear-gradient(to bottom,
-    {$sh-pinkbackground} 42px, #fff 42px);
-}
-
-.project-card-view.project-card-grey,
-.project-card-view.project-card-checkered {
-  border-color: {$sh-greyborder};
+    {$sh-pinkbackground} 42px, {$page.content} 42px);
 }
 
 .project-card-view.project-card-grey .phui-header-shell,
 .project-card-view.project-card-checkered .phui-header-shell {
   background: linear-gradient(to bottom,
-    {$sh-greybackground} 42px, #fff 42px);
+    {$sh-greybackground} 42px, {$page.content} 42px);
 }
diff --git a/webroot/rsrc/css/application/search/application-search-view.css b/webroot/rsrc/css/application/search/application-search-view.css
--- a/webroot/rsrc/css/application/search/application-search-view.css
+++ b/webroot/rsrc/css/application/search/application-search-view.css
@@ -3,11 +3,11 @@
  */
 
 .application-search-view {
-  background-color: #fff;
+  background-color: {$page.content};
 }
 
 .application-search-view .phui-crumbs-view {
-  background-color: #fff;
+  background-color: {$page.content};
 }
 
 .application-search-view .application-search-results.phui-object-box {
diff --git a/webroot/rsrc/css/application/search/search-results.css b/webroot/rsrc/css/application/search/search-results.css
--- a/webroot/rsrc/css/application/search/search-results.css
+++ b/webroot/rsrc/css/application/search/search-results.css
@@ -14,7 +14,7 @@
 .phui-source-fragment strong {
   background-color: {$lightyellow};
   font-weight: normal;
-  color: #000;
+  color: {$blacktext};
 }
 
 .phui-fulltext-tokens {
diff --git a/webroot/rsrc/css/core/core.css b/webroot/rsrc/css/core/core.css
--- a/webroot/rsrc/css/core/core.css
+++ b/webroot/rsrc/css/core/core.css
@@ -48,6 +48,7 @@
   text-align: left;
   unicode-bidi: embed;
   background: {$page.background};
+  color: {$blacktext};
 
   /* 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
diff --git a/webroot/rsrc/css/core/remarkup.css b/webroot/rsrc/css/core/remarkup.css
--- a/webroot/rsrc/css/core/remarkup.css
+++ b/webroot/rsrc/css/core/remarkup.css
@@ -5,6 +5,7 @@
 .phabricator-remarkup {
   line-height: 1.51em;
   word-break: break-word;
+  color: {$darkbluetext};
 }
 
 .phabricator-remarkup p {
@@ -47,7 +48,7 @@
 .phabricator-remarkup .remarkup-code-block pre {
   background: rgba({$alphablue},0.08);
   display: block;
-  color: #000;
+  color: {$blacktext};
   overflow: auto;
   padding: 12px;
   border-radius: 3px;
@@ -80,7 +81,7 @@
 }
 
 .phabricator-remarkup tt.remarkup-monospaced {
-  color: #000;
+  color: {$blacktext};
   background: rgba({$alphablue},0.1);
   padding: 1px 4px;
   border-radius: 3px;
@@ -342,7 +343,7 @@
 .phabricator-remarkup-toc {
   float: right;
   border-left: 1px solid {$lightblueborder};
-  background: #fff;
+  background: {$page.content};
   width: 160px;
   padding-left: 8px;
   margin: 0 0 4px 8px;
@@ -402,7 +403,7 @@
   -webkit-font-smoothing: antialiased;
   border: 1px solid {$lightblueborder};
   border-radius: 3px;
-  color: #000;
+  color: {$blacktext};
   min-width: 256px;
   position: relative;
   /*height: 22px;*/
@@ -509,7 +510,7 @@
 }
 
 .phabricator-remarkup table.remarkup-table td {
-  background: #ffffff;
+  background: {$page.content};
   padding: 3px 6px;
 }
 
@@ -679,7 +680,7 @@
   position: absolute;
   width: 300px;
   box-shadow: {$dropshadow};
-  background: #ffffff;
+  background: {$page.content};
   border: 1px solid {$lightgreyborder};
   border-radius: 3px;
 }
@@ -721,13 +722,13 @@
 .phuix-autocomplete-list a.jx-result:hover {
   text-decoration: none;
   background: {$sh-bluebackground};
-  color: #000;
+  color: {$blacktext};
 }
 
 .phuix-autocomplete-list a.jx-result.focused,
 .phuix-autocomplete-list a.jx-result.focused:hover {
   background: {$sh-bluebackground};
-  color: #000;
+  color: {$blacktext};
 }
 
 
@@ -735,7 +736,7 @@
 
 .phui-box.phui-object-box.phui-comment-form-view.remarkup-assist-pinned {
   position: fixed;
-  background-color: #ffffff;
+  background-color: {$page.content};
   border-top: 1px solid {$lightblueborder};
   box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
 
@@ -759,7 +760,7 @@
 .remarkup-inline-preview {
   display: block;
   position: relative;
-  background: #fff;
+  background: {$page.content};
   overflow-y: auto;
   box-sizing: border-box;
   width: 100%;
@@ -783,7 +784,7 @@
 }
 
 .remarkup-assist-button.preview-active .phui-icon-view {
-  color: #fff;
+  color: {$page.content};
 }
 
 .remarkup-assist-button.preview-active:hover {
@@ -791,7 +792,7 @@
 }
 
 .remarkup-assist-button.preview-active:hover .phui-icon-view {
-  color: #fff;
+  color: {$page.content};
 }
 
 .remarkup-preview-active .remarkup-assist,
@@ -867,7 +868,7 @@
     border-width: 1px 0 0 0;
     outline: none;
     resize: none;
-    background: #fff !important;
+    background: {$page.content} !important;
 }
 
 .remarkup-control-fullscreen-mode textarea.remarkup-assist-textarea:focus {
diff --git a/webroot/rsrc/css/layout/phabricator-source-code-view.css b/webroot/rsrc/css/layout/phabricator-source-code-view.css
--- a/webroot/rsrc/css/layout/phabricator-source-code-view.css
+++ b/webroot/rsrc/css/layout/phabricator-source-code-view.css
@@ -5,9 +5,9 @@
 .phabricator-source-code-container {
   overflow-x: auto;
   overflow-y: hidden;
-  border: 1px solid {$sh-lightyellowborder};
+  border: 1px solid {$paste.border};
   border-radius: 3px;
-  background-color: #FFFEF5;
+  background-color: {$paste.content};
 }
 
 .phui-oi .phabricator-source-code-container {
@@ -29,10 +29,10 @@
 }
 
 .phabricator-source-line {
-  background-color: {$sh-yellowbackground};
+  background-color: {$paste.highlight};
   text-align: right;
   padding: 2px 6px 1px 12px;
-  border-right: 1px solid {$sh-lightyellowborder};
+  border-right: 1px solid {$paste.border};
   color: {$sh-yellowtext};
 
   /* When the user selects rows of source, don't visibly select the line
@@ -51,12 +51,12 @@
 }
 
 th.phabricator-source-line:hover {
-  background: {$sh-lightyellowborder};
+  background: {$paste.border};
   cursor: pointer;
 }
 
 .phabricator-source-highlight {
-  background: {$sh-yellowbackground};
+  background: {$paste.highlight};
 }
 
 .phabricator-source-code-summary {
diff --git a/webroot/rsrc/css/phui/button/phui-button-simple.css b/webroot/rsrc/css/phui/button/phui-button-simple.css
--- a/webroot/rsrc/css/phui/button/phui-button-simple.css
+++ b/webroot/rsrc/css/phui/button/phui-button-simple.css
@@ -10,7 +10,7 @@
 input[type="submit"].phui-button-simple,
 a.phui-button-simple,
 a.phui-button-simple:visited {
-  background: #fff;
+  background: {$page.content};
   color: {$bluetext};
   border: 1px solid {$lightblueborder};
 }
@@ -26,7 +26,7 @@
 button.phui-button-simple:hover {
   border-color: {$blueborder};
   background-image: none;
-  background-color: #fff;
+  background-color: {$page.content};
   transition: 0s;
 }
 
diff --git a/webroot/rsrc/css/phui/button/phui-button.css b/webroot/rsrc/css/phui/button/phui-button.css
--- a/webroot/rsrc/css/phui/button/phui-button.css
+++ b/webroot/rsrc/css/phui/button/phui-button.css
@@ -33,9 +33,9 @@
 a.button,
 a.button:visited,
 input[type="submit"] {
-  background-color: #2980b9;
-  border: 1px solid #2980b9;
-  background-image: linear-gradient(to bottom, #3498db, #2980b9);
+  background-color: {$blue.button.color};
+  border: 1px solid {$blue.button.color};
+  background-image: {$blue.button.gradient};
   color: white;
   cursor: pointer;
   font-weight: bold;
@@ -71,17 +71,17 @@
 button.button-green,
 a.button-green.button,
 a.button-green.button:visited {
-  background-color: {$green};
-  border-color: {$green};
-  background-image: linear-gradient(to bottom, #23BB5B, #139543);
+  background-color: {$green.button.color};
+  border-color: {$green.button.color};
+  background-image: {$green.button.gradient};
 }
 
 button.button-grey,
 input[type="submit"].button-grey,
 a.button-grey,
 a.button-grey:visited {
-  background-color: #F7F7F9;
-  background-image: linear-gradient(to bottom, #ffffff, #f1f0f1);
+  background-color: {$grey.button.color};
+  background-image: {$grey.button.gradient};
   border: 1px solid rgba({$alphablue}, 0.3);
   color: {$darkgreytext};
 }
@@ -103,14 +103,14 @@
 button:hover {
   text-decoration: none;
   background-color: #2980b9;
-  background-image: linear-gradient(to bottom, #3498db, #1b6ba0);
+  background-image: {$blue.button.hover};
   border-color: #115988;
   transition: 0.1s;
 }
 
 a.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);
   transition: 0.1s;
 }
@@ -119,7 +119,7 @@
 button.button-green:hover {
   border-color: #127336;
   background-color: #0DAD48;
-  background-image: linear-gradient(to bottom, #23BB5B, #178841);
+  background-image: {$green.button.hover};
   transition: 0.1s;
 }
 
@@ -163,7 +163,7 @@
 .phuix-dropdown-menu {
   position: absolute;
   width: 200px;
-  background: #fff;
+  background: {$page.content};
   margin-top: -1px;
   padding: 12px;
   box-shadow: {$dropshadow};
@@ -205,7 +205,7 @@
   width: 0;
   height: 0;
   vertical-align: top;
-  border-top: 5px solid #fff;
+  border-top: 5px solid {$page.content};
   border-right: 5px solid transparent;
   border-left: 5px solid transparent;
   content: "";
@@ -245,7 +245,7 @@
 }
 
 .button-grey.dropdown .caret {
-  border-top-color: #000;
+  border-top-color: {$blacktext};
 }
 
 /* Icons */
diff --git a/webroot/rsrc/css/phui/calendar/phui-calendar-list.css b/webroot/rsrc/css/phui/calendar/phui-calendar-list.css
--- a/webroot/rsrc/css/phui/calendar/phui-calendar-list.css
+++ b/webroot/rsrc/css/phui/calendar/phui-calendar-list.css
@@ -15,7 +15,7 @@
 .project-view-home .phui-object-box .phui-calendar-list-container
   .phui-header-shell {
   padding: 8px 0;
-  background: #fff;
+  background: {$page.content};
 }
 
 .phui-calendar-list {
diff --git a/webroot/rsrc/css/phui/calendar/phui-calendar-month.css b/webroot/rsrc/css/phui/calendar/phui-calendar-month.css
--- a/webroot/rsrc/css/phui/calendar/phui-calendar-month.css
+++ b/webroot/rsrc/css/phui/calendar/phui-calendar-month.css
@@ -5,7 +5,7 @@
 .phui-calendar-view {
   width: 100%;
   border-collapse: collapse;
-  background: #fff;
+  background: {$page.content};
 }
 
 tr.phui-calendar-day-of-week-header th {
@@ -33,7 +33,7 @@
 }
 
 table.phui-calendar-view td {
-  border: solid #dfdfdf;
+  border: solid {$lightblueborder};
   border-width: 1px 0 0;
   width: 14.2857%; /* This is one seventh, approximately. */
 }
@@ -220,7 +220,7 @@
 
 .device-desktop td.phui-calendar-month-day.calendar-hover,
 .device-desktop td.phui-calendar-month-number.calendar-hover {
-  background: {$lightblue};
+  background: {$hoverblue};
 }
 
 .phui-calendar-month-adjacent {
diff --git a/webroot/rsrc/css/phui/calendar/phui-calendar.css b/webroot/rsrc/css/phui/calendar/phui-calendar.css
--- a/webroot/rsrc/css/phui/calendar/phui-calendar.css
+++ b/webroot/rsrc/css/phui/calendar/phui-calendar.css
@@ -5,7 +5,7 @@
 .phui-calendar-list {
   /* When hovering over a day, this allows the hover color to peek through
      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 {
diff --git a/webroot/rsrc/css/phui/object-item/phui-oi-big-ui.css b/webroot/rsrc/css/phui/object-item/phui-oi-big-ui.css
--- a/webroot/rsrc/css/phui/object-item/phui-oi-big-ui.css
+++ b/webroot/rsrc/css/phui/object-item/phui-oi-big-ui.css
@@ -17,7 +17,7 @@
 }
 
 .phui-oi-list-big a.phui-oi-link {
-  color: #000;
+  color: {$blacktext};
   font-size: {$biggestfontsize};
 }
 
diff --git a/webroot/rsrc/css/phui/object-item/phui-oi-list-view.css b/webroot/rsrc/css/phui/object-item/phui-oi-list-view.css
--- a/webroot/rsrc/css/phui/object-item/phui-oi-list-view.css
+++ b/webroot/rsrc/css/phui/object-item/phui-oi-list-view.css
@@ -37,7 +37,7 @@
   border-color: {$lightgreyborder};
   margin: 5px 0;
   overflow: hidden;
-  background: #fff;
+  background: {$page.content};
   margin-bottom: 4px;
 }
 
@@ -105,7 +105,7 @@
 }
 
 .phui-oi-objname {
-  color: #000;
+  color: {$blacktext};
   cursor: text;
   font-weight: bold;
 }
diff --git a/webroot/rsrc/css/phui/phui-action-list.css b/webroot/rsrc/css/phui/phui-action-list.css
--- a/webroot/rsrc/css/phui/phui-action-list.css
+++ b/webroot/rsrc/css/phui/phui-action-list.css
@@ -114,7 +114,7 @@
 
 .device-desktop li.phabricator-action-view-label:hover
   .phabricator-action-view-item {
-    background-color: #fff;
+    background-color: {$page.content};
     color: {$bluetext};
 }
 
@@ -157,7 +157,6 @@
   .phabricator-action-view-icon,
 .device-desktop .phabricator-action-view-disabled:hover
   button.phabricator-action-view-icon {
-  background-color: {$greybackground};
   color: {$lightgreytext};
 }
 
diff --git a/webroot/rsrc/css/phui/phui-action-panel.css b/webroot/rsrc/css/phui/phui-action-panel.css
--- a/webroot/rsrc/css/phui/phui-action-panel.css
+++ b/webroot/rsrc/css/phui/phui-action-panel.css
@@ -4,7 +4,7 @@
 
 .phui-action-panel {
   position: relative;
-  background-color: #fff;
+  background-color: {$page.content};
   border: 1px solid {$lightblueborder};
   border-radius: 3px;
   margin: 0 8px;
diff --git a/webroot/rsrc/css/phui/phui-big-info-view.css b/webroot/rsrc/css/phui/phui-big-info-view.css
--- a/webroot/rsrc/css/phui/phui-big-info-view.css
+++ b/webroot/rsrc/css/phui/phui-big-info-view.css
@@ -5,7 +5,7 @@
 .phui-big-info-view {
   padding: 64px 32px;
   margin: 16px 4px;
-  background-color: {$sh-greybackground};
+  background-color: {$page.sidenav};
   text-align: center;
 }
 
diff --git a/webroot/rsrc/css/phui/phui-box.css b/webroot/rsrc/css/phui/phui-box.css
--- a/webroot/rsrc/css/phui/phui-box.css
+++ b/webroot/rsrc/css/phui/phui-box.css
@@ -4,7 +4,7 @@
 
 .phui-box-border {
   border: 1px solid {$lightblueborder};
-  background-color: #fff;
+  background-color: {$page.content};
   border-radius: 3px;
 }
 
@@ -13,7 +13,7 @@
 }
 
 .phui-box-grey {
-  background-color: #F7F7F9;
+  background-color: {$lightgreybackground};
   border-radius: 3px;
   border-color: rgba({$alphagrey},.2);
 }
@@ -36,7 +36,7 @@
 
 .phui-box-blue .phui-oi-list-view,
 .phui-box-grey .phui-oi-list-view {
-  background-color: #fff;
+  background-color: {$page.content};
 }
 
 .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-grey div.phui-info-severity-nodata {
-  background: #fff;
+  background: {$page.content};
   padding: 32px 0;
   text-align: center;
   border: none;
@@ -81,7 +81,7 @@
 }
 
 .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-left-radius: 3px;
   padding: 6px 16px;
@@ -113,5 +113,5 @@
 
 .phui-box-blue-property .phui-header-shell + .phui-object-box
   .phui-header-shell {
-    background: #fff;
+    background: {$page.content};
 }
diff --git a/webroot/rsrc/css/phui/phui-comment-form.css b/webroot/rsrc/css/phui/phui-comment-form.css
--- a/webroot/rsrc/css/phui/phui-comment-form.css
+++ b/webroot/rsrc/css/phui/phui-comment-form.css
@@ -3,7 +3,7 @@
  */
 
 body .phui-box.phui-object-box.phui-comment-form-view {
-  background-color: #fff;
+  background-color: {$page.content};
   margin-left: 62px;
   position: relative;
 }
@@ -67,7 +67,7 @@
 }
 
 .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
@@ -106,7 +106,7 @@
 
 .phui-comment-form-view .phui-comment-action-bar {
   border-bottom: 1px solid {$thinblueborder};
-  background-color: rgba(239, 243, 252, .75);
+  background-color: {$bluepropertybackground};
   padding: 4px 12px 4px 12px;
   margin-bottom: 16px;
 }
diff --git a/webroot/rsrc/css/phui/phui-document-pro.css b/webroot/rsrc/css/phui/phui-document-pro.css
--- a/webroot/rsrc/css/phui/phui-document-pro.css
+++ b/webroot/rsrc/css/phui/phui-document-pro.css
@@ -9,7 +9,7 @@
 }
 
 .phui-document-container {
-  background-color: #fff;
+  background-color: {$page.content};
   position: relative;
   border-bottom: 1px solid #dedee1;
 }
@@ -79,7 +79,7 @@
   width: 260px;
   position: absolute;
   z-index: 30;
-  background-color: #fff;
+  background-color: {$page.content};
   top: 52px;
   left: -40px;
 }
@@ -163,7 +163,7 @@
   .phui-header-header {
   font-size: 24px;
   line-height: 30px;
-  color: #000;
+  color: {$blacktext};
 }
 
 .device-phone .phui-document-view.phui-document-view-pro .phui-header-tall
@@ -228,7 +228,7 @@
 .phui-document-view-pro-box .phui-timeline-title {
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
-  background-color: #fff;
+  background-color: {$page.content};
   border-bottom: 1px solid #F1F1F4;
 }
 
diff --git a/webroot/rsrc/css/phui/phui-document-summary.css b/webroot/rsrc/css/phui/phui-document-summary.css
--- a/webroot/rsrc/css/phui/phui-document-summary.css
+++ b/webroot/rsrc/css/phui/phui-document-summary.css
@@ -17,7 +17,7 @@
 }
 
 .phui-document-summary-view h2.remarkup-header a {
-  color: #000;
+  color: {$blacktext};
 }
 
 .phui-document-summary-view h2.remarkup-header a:hover {
diff --git a/webroot/rsrc/css/phui/phui-document.css b/webroot/rsrc/css/phui/phui-document.css
--- a/webroot/rsrc/css/phui/phui-document.css
+++ b/webroot/rsrc/css/phui/phui-document.css
@@ -55,7 +55,7 @@
 }
 
 .phui-document-content {
-  background: #fff;
+  background: {$page.content};
 }
 
 .phui-document-content .phabricator-remarkup {
diff --git a/webroot/rsrc/css/phui/phui-fontkit.css b/webroot/rsrc/css/phui/phui-fontkit.css
--- a/webroot/rsrc/css/phui/phui-fontkit.css
+++ b/webroot/rsrc/css/phui/phui-fontkit.css
@@ -3,7 +3,7 @@
  */
 
 .diviner-document-section .phui-header-header {
-  color: #000;
+  color: {$blacktext};
 }
 
 .phui-document-view .phabricator-remarkup .remarkup-header {
diff --git a/webroot/rsrc/css/phui/phui-form.css b/webroot/rsrc/css/phui/phui-form.css
--- a/webroot/rsrc/css/phui/phui-form.css
+++ b/webroot/rsrc/css/phui/phui-form.css
@@ -22,7 +22,7 @@
   display: inline-block;
   height: 30px;
   line-height: 18px;
-  color: #333;
+  color: {$darkbluetext};
   vertical-align: middle;
   font: {$basefont};
   -webkit-font-smoothing: antialiased;
@@ -45,7 +45,7 @@
 input[type="color"],
 div.jx-tokenizer-container {
   padding: 4px 6px;
-  background-color: #ffffff;
+  background-color: {$page.content};
   border: 1px solid {$greyborder};
   border-radius: 3px;
 
@@ -105,7 +105,7 @@
   -moz-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;
   border-radius: 3px;
   color: {$darkbluetext};
diff --git a/webroot/rsrc/css/phui/phui-header-view.css b/webroot/rsrc/css/phui/phui-header-view.css
--- a/webroot/rsrc/css/phui/phui-header-view.css
+++ b/webroot/rsrc/css/phui/phui-header-view.css
@@ -338,7 +338,7 @@
 
 .phui-profile-header.phui-header-shell .phui-header-header {
   font-size: 24px;
-  color: #000;
+  color: {$blacktext};
 }
 
 .phui-profile-header .phui-header-col3 {
diff --git a/webroot/rsrc/css/phui/phui-hovercard.css b/webroot/rsrc/css/phui/phui-hovercard.css
--- a/webroot/rsrc/css/phui/phui-hovercard.css
+++ b/webroot/rsrc/css/phui/phui-hovercard.css
@@ -19,7 +19,7 @@
   box-shadow: {$dropshadow};
   border: 1px solid {$lightblueborder};
   border-radius: 3px;
-  background-color: #fff;
+  background-color: {$page.content};
 }
 
 .phui-hovercard-head .phui-header-shell {
diff --git a/webroot/rsrc/css/phui/phui-info-view.css b/webroot/rsrc/css/phui/phui-info-view.css
--- a/webroot/rsrc/css/phui/phui-info-view.css
+++ b/webroot/rsrc/css/phui/phui-info-view.css
@@ -5,7 +5,7 @@
 .phui-info-view {
   border-style: solid;
   border-width: 1px;
-  background: #fff;
+  background: {$page.content};
   margin: 16px;
   padding: 12px;
   border-radius: 3px;
@@ -38,6 +38,7 @@
 
 .phui-info-view-body {
   line-height: 1.6em;
+  color: {$blacktext};
 }
 
 .phui-info-view.phui-info-has-icon .phui-info-view-body {
diff --git a/webroot/rsrc/css/phui/phui-invisible-character-view.css b/webroot/rsrc/css/phui/phui-invisible-character-view.css
--- a/webroot/rsrc/css/phui/phui-invisible-character-view.css
+++ b/webroot/rsrc/css/phui/phui-invisible-character-view.css
@@ -4,7 +4,7 @@
 
 .invisible-special {
   font-family: monospace;
-  color: #000;
+  color: {$blacktext};
   background: rgba({$alphablue},0.1);
   padding: 1px 4px;
   border-radius: 3px;
diff --git a/webroot/rsrc/css/phui/phui-lightbox.css b/webroot/rsrc/css/phui/phui-lightbox.css
--- a/webroot/rsrc/css/phui/phui-lightbox.css
+++ b/webroot/rsrc/css/phui/phui-lightbox.css
@@ -80,7 +80,7 @@
   right: 0;
   width: 360px;
   overflow-y: auto;
-  background: #fff;
+  background: {$page.content};
   opacity: 1;
 }
 
@@ -100,7 +100,7 @@
 }
 
 .lightbox-attachment .lightbox-status {
-  background: #fff;
+  background: {$page.content};
   position: fixed;
   top: 0;
   left: 0;
@@ -121,7 +121,7 @@
 }
 
 .lightbox-attachment .lightbox-status-txt a {
-  color: #000;
+  color: {$blacktext};
   margin-right: 12px;
   font-size: {$biggerfontsize};
 }
diff --git a/webroot/rsrc/css/phui/phui-list.css b/webroot/rsrc/css/phui/phui-list.css
--- a/webroot/rsrc/css/phui/phui-list.css
+++ b/webroot/rsrc/css/phui/phui-list.css
@@ -88,7 +88,7 @@
 }
 
 .device-desktop .phui-list-sidenav .phui-list-item-href:hover .phui-icon-view {
-  color: #fff;
+  color: {$page.content};
 }
 
 /* - Top, Full Width Navigations -----------------------------------------------
@@ -171,7 +171,7 @@
   line-height: 24px;
   font-weight: bold;
   font-size: {$biggerfontsize};
-  border-top: 4px solid #fff;
+  border-top: 4px solid transparent;
 }
 
 .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 {
   color: {$sky};
-  border-bottom: 4px solid $fff;
   text-decoration: none;
 }
 
diff --git a/webroot/rsrc/css/phui/phui-pinboard-view.css b/webroot/rsrc/css/phui/phui-pinboard-view.css
--- a/webroot/rsrc/css/phui/phui-pinboard-view.css
+++ b/webroot/rsrc/css/phui/phui-pinboard-view.css
@@ -16,7 +16,7 @@
   margin: 0 12px 16px 0;
   text-align: left;
   width: 280px;
-  background: #fff;
+  background: {$page.content};
   border: 1px solid {$lightblueborder};
   border-radius: 3px;
 }
@@ -95,7 +95,7 @@
 .dashboard-panel .phui-pinboard-view {
   margin: 0;
   padding: 16px 12px 0 12px;
-  background: #fff;
+  background: {$page.content};
   border-left: 1px solid {$lightblueborder};
   border-right: 1px solid {$lightblueborder};
   border-bottom: 1px solid {$blueborder};
diff --git a/webroot/rsrc/css/phui/phui-tag-view.css b/webroot/rsrc/css/phui/phui-tag-view.css
--- a/webroot/rsrc/css/phui/phui-tag-view.css
+++ b/webroot/rsrc/css/phui/phui-tag-view.css
@@ -63,12 +63,12 @@
 a.phui-tag-type-object,
 a.phui-tag-type-object:link,
 .phui-tag-core-closed .phui-tag-color-object {
-  color: #000;
+  color: {$blacktext};
 }
 
 .phui-tag-type-person {
   white-space: nowrap;
-  color: #19558d;
+  color: {$anchor};
 }
 
 .phui-tag-color-red {
@@ -107,8 +107,8 @@
 }
 
 .phui-tag-color-black {
-  background-color: #333333;
-  border-color: #333333;
+  background-color: {$darkgreybackground};
+  border-color: {$darkgreybackground};
 }
 
 .phui-tag-color-grey {
@@ -117,28 +117,28 @@
 }
 
 .phui-tag-color-white {
-  background-color: #f7f7f7;
-  border-color: #f7f7f7;
+  background-color: {$lightgreybackground};
+  border-color: {$lightgreybackground};
 }
 
 .phui-tag-color-object {
-  background-color: #e7e7e7;
-  border-color: #e7e7e7;
+  background-color: {$greybackground};
+  border-color: {$lightgreyborder};
 }
 
 .phui-tag-color-person {
-  background-color: #f1f7ff;
-  border-color: #f1f7ff;
+  background-color: {$bluebackground};
+  border-color: {$thinblueborder};
 }
 
 a.phui-tag-view:hover
   .phui-tag-core.phui-tag-color-person {
-  border-color: #d9ebfd;
+  border-color: {$lightblueborder};
 }
 
 a.phui-tag-view:hover
   .phui-tag-core.phui-tag-color-object {
-  border-color: #d7d7d7;
+  border-color: {$greyborder};
 }
 
 .phabricator-handle-tag-list-item + .phabricator-handle-tag-list-item {
@@ -514,6 +514,6 @@
 }
 
 .phui-tag-type-outline.phui-tag-black .phui-tag-core {
-  color: #000;
-  border-color: #000;
+  color: {$blacktext};
+  border-color: {$blacktext};
 }
diff --git a/webroot/rsrc/css/phui/phui-timeline-view.css b/webroot/rsrc/css/phui/phui-timeline-view.css
--- a/webroot/rsrc/css/phui/phui-timeline-view.css
+++ b/webroot/rsrc/css/phui/phui-timeline-view.css
@@ -179,7 +179,7 @@
   .phui-timeline-core-content {
   padding: 16px;
   line-height: 18px;
-  background: #fff;
+  background: {$page.content};
   border-top: 1px solid rgba({$alphablue},.1);
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
@@ -260,7 +260,7 @@
 .conpherence-transaction-content .phui-timeline-value,
 .phui-feed-story-head .phui-timeline-value {
   font-style: italic;
-  color: black;
+  color: {$blacktext};
 }
 
 .device-desktop .phui-timeline-extra {
@@ -280,7 +280,7 @@
 }
 
 .phui-timeline-icon-fill.fill-has-color .phui-icon-view {
-  color: #fff;
+  color: {$page.content};
 }
 
 .phui-timeline-icon-fill-red {
diff --git a/webroot/rsrc/css/phui/phui-two-column-view.css b/webroot/rsrc/css/phui/phui-two-column-view.css
--- a/webroot/rsrc/css/phui/phui-two-column-view.css
+++ b/webroot/rsrc/css/phui/phui-two-column-view.css
@@ -3,7 +3,7 @@
  */
 
 .phui-two-column-view .phui-two-column-header {
-  background-color: #fff;
+  background-color: {$page.content};
   border-bottom: 1px solid rgba({$alphagrey}, .12);
   margin-bottom: 24px;
 }
@@ -19,7 +19,7 @@
 
 .phui-two-column-header .phui-header-header {
   font-size: 20px;
-  color: #000;
+  color: {$blacktext};
 }
 
 .device-phone .phui-two-column-header .phui-header-header {
@@ -172,7 +172,7 @@
 .phui-two-column-tabs {
   padding: 0 32px;
   margin-bottom: 32px;
-  background: #fff;
+  background: {$page.content};
   box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
 }
 
diff --git a/webroot/rsrc/css/phui/workboards/phui-workboard-color.css b/webroot/rsrc/css/phui/workboards/phui-workboard-color.css
--- a/webroot/rsrc/css/phui/workboards/phui-workboard-color.css
+++ b/webroot/rsrc/css/phui/workboards/phui-workboard-color.css
@@ -7,7 +7,7 @@
 }
 
 .phui-workboard-no-color {
-  background-color: #fff;
+  background-color: {$page.content};
 }
 
 .phui-workboard-color .phui-crumbs-view {
diff --git a/webroot/rsrc/css/phui/workboards/phui-workcard.css b/webroot/rsrc/css/phui/workboards/phui-workcard.css
--- a/webroot/rsrc/css/phui/workboards/phui-workcard.css
+++ b/webroot/rsrc/css/phui/workboards/phui-workcard.css
@@ -3,7 +3,7 @@
  */
 
 .phui-workcard.phui-oi {
-  background-color: #fff;
+  background-color: {$page.content};
   border-radius: 3px;
   margin-bottom: 8px;
   border-left-width: 4px;
@@ -37,7 +37,7 @@
 .phui-workcard .phui-oi-link {
   white-space: normal;
   font-weight: normal;
-  color: #000;
+  color: {$blacktext};
   margin-left: 2px;
 }