Bug 1495344 - Added color definitions for sepia mode in mobile aboutReader.css r=JanH
authorSonali9 <sonali18317@iiitd.ac.in>
Tue, 07 May 2019 18:59:13 +0000
changeset 472952 17b693747dbd8b6020787a0111ed4883b517acff
parent 472951 6d2d7856e468e04234f4efad320fa26d222a2eb9
child 472953 723587a2ae497817823c4b42f339e91d640a6208
push id35983
push userncsoregi@mozilla.com
push dateWed, 08 May 2019 03:38:51 +0000
treeherdermozilla-central@0e9e744accd3 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersJanH
bugs1495344
milestone68.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1495344 - Added color definitions for sepia mode in mobile aboutReader.css r=JanH Differential Revision: https://phabricator.services.mozilla.com/D29735
mobile/android/themes/core/aboutReader.css
--- a/mobile/android/themes/core/aboutReader.css
+++ b/mobile/android/themes/core/aboutReader.css
@@ -23,16 +23,21 @@ body.light {
   color: #222222;
 }
 
 body.dark {
   background-color: #222222;
   color: #eeeeee;
 }
 
+body.sepia {
+  color: #5b4636;
+  background-color: #f4ecd8;
+}
+
 body.sans-serif {
   font-family: sans-serif;
 }
 
 body.serif {
   font-family: serif;
 }
 
@@ -64,38 +69,61 @@ body.dark > .container > .header > .doma
 body.dark > .container > .header > h1 {
   color: #eeeeee;
 }
 
 body.dark > .container > .header > .credits {
   color: #aaaaaa;
 }
 
+body.sepia > .container > .header > .domain {
+  border-bottom-color: #5b4636;
+}
+
+body.sepia > .container > .header > h1 {
+  color: #5b4636;
+}
+
+body.sepia > .container > .header > .credits {
+  color: #5b4636;
+}
+
 body.light > .container > .content .caption,
 body.light > .container > .content .wp-caption-text,
 body.light > .container > .content figcaption {
   color: #898989;
 }
 
 body.dark > .container > .content .caption,
 body.dark > .container > .content .wp-caption-text,
 body.dark > .container > .content figcaption {
   color: #aaaaaa;
 }
 
+body.sepia > .container > .content .caption,
+body.sepia > .container > .content .wp-caption-text,
+body.sepia > .container > .content figcaption {
+  color: #5b4636;
+}
+
 body.light > .container > .content blockquote {
   color: #898989 !important;
   border-left-color: #d0d0d0 !important;
 }
 
 body.dark > .container > .content blockquote {
   color: #aaaaaa !important;
   border-left-color: #777777 !important;
 }
 
+body.sepia > .container > .content blockquote {
+  color: #5b4636 !important;
+  border-left-color: #777777 !important;
+}
+
 .reader-message {
   margin-top: 40px;
   display: none;
   text-align: center;
   width: 100%;
   font-size: 0.9em;
 }
 
@@ -310,16 +338,21 @@ body.dark > .container > .content blockq
   border: 2px solid #0A84FF;
 }
 
 .dark-button {
   color: #eeeeee;
   background-color: #333333;
 }
 
+.sepia-button {
+  color: #5b4636;
+  background-color: #f4ecd8;
+}
+
 .auto-button {
   color: #000000;
   background-color: transparent;
 }
 
 .light-button {
   color: #333333;
   background-color: #ffffff;