Theme Preferences for Distilled Pages

components/dom_distiller/core/css/distilledpage.css

 /* Copyright 2014 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 /* Set the global 'box-sizing' state to 'border-box'.
  * *::after and *::before used to select psuedo-elements not selectable by *. */
 
 *,
 *::after,
 *::before {
@@ skipping 57 matching lines @@
 
 td,
 th {
   padding: 0;
 }
 
 /* Base typography. */
 
 body,
 html {
-  color: #333;
   font-family: 'Open Sans', sans-serif;
   font-size: 14px;
   line-height: 1.4;
   text-rendering: optimizeLegibility;
   overflow-x: hidden;
 }
 
+/* Classes for light, dark and sepia. */

[nyquist, 2014/06/30 21:35:41]

Maybe add the concept of "theme" to this comment?

[smaslo, 2014/07/07 17:14:14]

Done.

+.light {
+  color: #333;
+  background-color: #FFF;
+}
+
+.dark {
+  color: #FFF;
+  background-color: #000;
+}
+
+.sepia {
+  color: #000;
+  background-color: rgb(203, 173, 141);
+}
+
 /* Define vertical rhythm (baseline grid of 4px). */
 
 blockquote,
 caption,
 code,
 dd,
 dl,
 fieldset,
 figure,
 form,
@@ skipping 30 matching lines @@
 #content {
   margin-top: 1.296rem;
 }
 
 /* Main margins. */
 
 #mainContent {
   margin: 1.296rem 1.296rem auto;
 }
 
-a {
+/* Link colors for light, dark and sepia themes */
+
+.light a,
+.sepia a {
   color: #222;
 }
 
+.dark a {
+  color: blue;
+}
+
 blockquote {
   border-left: 4px solid #eee;
   padding-left: 1em;
 }
 
 cite {
   color: rgba(0, 0, 0, .54);
   font-style: italic;
 }
 
@@ skipping 78 matching lines @@
 
 /* TODO(sunangel): Create loading indicator graphic to replace "Loading...". */
 #loadingIndicator {
   display: table;
   margin: 0 auto;
 }
 
 .hidden {
   display: hidden;
 }