Bug 1147889 - Transition background and text color in Reading Mode. ui-r=mmaslaney, r=Unfocused, a=sledru
authorBlake Winton <bwinton@latte.ca>
Sat, 28 Mar 2015 22:10:54 -0700
changeset 258269 3e828a466ece
parent 258268 180f3c3634e3
child 258270 887be7f12f1e
push id4632
push userryanvm@gmail.com
push date2015-04-06 15:16 +0000
treeherdermozilla-beta@887be7f12f1e [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmmaslaney, Unfocused, sledru
bugs1147889
milestone38.0
Bug 1147889 - Transition background and text color in Reading Mode. ui-r=mmaslaney, r=Unfocused, a=sledru
toolkit/components/reader/AboutReader.jsm
toolkit/themes/windows/global/aboutReader.css
--- a/toolkit/components/reader/AboutReader.jsm
+++ b/toolkit/components/reader/AboutReader.jsm
@@ -720,16 +720,17 @@ AboutReader.prototype = {
     this._contentElement.appendChild(contentFragment);
     this._maybeSetTextDirection(article);
 
     this._contentElement.style.display = "block";
     this._updateImageMargins();
     this._requestReadingListStatus();
 
     this._requestFavicon();
+    this._doc.body.classList.add("loaded");
   },
 
   _hideContent: function Reader_hideContent() {
     this._headerElement.style.display = "none";
     this._contentElement.style.display = "none";
   },
 
   _showProgressDelayed: function Reader_showProgressDelayed() {
--- a/toolkit/themes/windows/global/aboutReader.css
+++ b/toolkit/themes/windows/global/aboutReader.css
@@ -4,16 +4,20 @@
 
 body {
   padding: 64px 0;
   max-width: 660px;
   margin-left: auto;
   margin-right: auto;
 }
 
+body.loaded {
+  transition: color 0.4s, background-color 0.4s;
+}
+
 .light,
 .light-button {
   color: #333333;
   background-color: #ffffff;
 }
 
 .dark,
 .dark-button {