Bug 1158281 - Match Pocket's Reader View Sepia Theme. ui-r=mmaslaney, r=margaret, a=sledru
authorBlake Winton <bwinton@latte.ca>
Fri, 24 Apr 2015 14:25:54 -0700
changeset 260405 810e81a9bced
parent 260404 f53c601dafa3
child 260407 cc2718d0f570
push id771
push userryanvm@gmail.com
push date2015-05-05 02:31 +0000
treeherdermozilla-release@810e81a9bced [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmmaslaney, margaret, sledru
bugs1158281
milestone38.0
Bug 1158281 - Match Pocket's Reader View Sepia Theme. ui-r=mmaslaney, r=margaret, a=sledru
toolkit/themes/shared/aboutReader.css
toolkit/themes/shared/aboutReaderControls.css
--- a/toolkit/themes/shared/aboutReader.css
+++ b/toolkit/themes/shared/aboutReader.css
@@ -35,18 +35,18 @@ body.dark *::-moz-selection {
   background-color: #FFFFFF;
   color: #0095DD;
 }
 body.dark a::-moz-selection {
   color: #DD4800;
 }
 
 body.sepia {
-  color: #333333;
-  background-color: #f0ece7;
+  color: #5b4636;
+  background-color: #f4ecd8;
 }
 
 body.sans-serif,
 body.sans-serif .remove-button {
   font-family: Helvetica, Arial, sans-serif;
 }
 
 body.serif,
@@ -87,29 +87,35 @@ body.serif .remove-button  {
 }
 
 #container.font-size9 {
   font-size: 28px;
 }
 
 /* Override some controls and content styles based on color scheme */
 
-body.light > .container > .header > .domain,
+body.light > .container > .header > .domain {
+  border-bottom-color: #333333 !important;
+}
+
 body.sepia > .container > .header > .domain {
-  border-bottom-color: #333333 !important;
+  border-bottom-color: #5b4636 !important;
 }
 
 body.dark > .container > .header > .domain {
   border-bottom-color: #eeeeee !important;
 }
 
 body.sepia > .container > .footer {
   background-color: #dedad4 !important;
 }
 
-body.light blockquote,
+body.light blockquote {
+  -moz-border-start: 2px solid #333333 !important;
+}
+
 body.sepia blockquote {
-  -moz-border-start: 2px solid #333333 !important;
+  -moz-border-start: 2px solid #5b4636 !important;
 }
 
 body.dark blockquote {
   -moz-border-start: 2px solid #eeeeee !important;
 }
--- a/toolkit/themes/shared/aboutReaderControls.css
+++ b/toolkit/themes/shared/aboutReaderControls.css
@@ -8,18 +8,18 @@
 }
 
 .dark-button {
   color: #eeeeee;
   background-color: #333333;
 }
 
 .sepia-button {
-  color: #333333;
-  background-color: #f0ece7;
+  color: #5b4636;
+  background-color: #f4ecd8;
 }
 
 .sans-serif-button {
   font-family: Helvetica, Arial, sans-serif;
 }
 
 .serif-button {
   font-family: Georgia, "Times New Roman", serif;