[tbb-commits] [tor-browser/tor-browser-60.1.0esr-8.0-1] Bug 27213 - Update about:tbupdate to new (about:tor) layout

[gk at torproject.org]

commit 61d599ed4c5bb5ace0fc958faaf302dc968cc542
Author: Kathy Brade <brade at pearlcrescent.com>
Date:   Fri Aug 24 14:51:11 2018 -0400

    Bug 27213 - Update about:tbupdate to new (about:tor) layout
    
    Adjust colors, fonts, and the page background to match the new
    about:tor.
---
 .../base/content/abouttbupdate/aboutTBUpdate.css   | 27 ++++++++++++++++------
 1 file changed, 20 insertions(+), 7 deletions(-)

diff --git a/browser/base/content/abouttbupdate/aboutTBUpdate.css b/browser/base/content/abouttbupdate/aboutTBUpdate.css
index c171c58624ec..2b73552729fc 100644
--- a/browser/base/content/abouttbupdate/aboutTBUpdate.css
+++ b/browser/base/content/abouttbupdate/aboutTBUpdate.css
@@ -1,7 +1,20 @@
+/*
+ * Copyright (c) 2018, The Tor Project, Inc.
+ * See LICENSE for licensing information.
+ *
+ * vim: set sw=2 sts=2 ts=8 et syntax=css:
+ */
+
+:root {
+  --abouttor-text-color: white;
+  --abouttor-bg-toron-color: #420C5D;
+}
+
 body {
-  font-family: sans-serif;
+  font-family: Helvetica, Arial, sans-serif;
   font-size: 110%;
-  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 10%, #d5ffd5 50%, #d5ffd5);
+  color: var(--abouttor-text-color);
+  background-color: var(--abouttor-bg-toron-color);
   background-attachment: fixed;
   background-size: 100% 100%;
 }
@@ -13,11 +26,13 @@ body {
   right: 6px;
   height: 30px;
   width: 200px;
+  font-size: 15px;
   white-space: pre-wrap;
   text-align: right;
-  color: #4d4d4d;
-  font-family: "Liberation Sans", Arial, Helvetica, sans-serif;
-  font-size: 14px;
+}
+
+a {
+  color: var(--abouttor-text-color);
 }
 
 #logo {
@@ -35,7 +50,6 @@ body {
 
 #msg-updated {
   font-size: 120%;
-  font-weight: bold;
   margin-bottom: 20px;
 }
 
@@ -44,7 +58,6 @@ body {
 }
 
 #changelog-heading {
-  font-weight: bold;
   margin-bottom: 4px;
 }