From d883f3308c2b51f1843f41b928f04d6dfbd80ef5 Mon Sep 17 00:00:00 2001
From: Brock Whittaker <brock@zulipchat.com>
Date: Wed, 29 Nov 2017 16:01:51 -0800
Subject: [PATCH] dark-mode: Refactor top-of-messages logo to have CSS styles.

This changes the fill and stroke styles to be in CSS rather than
inlined in the SVG, making it easier to change and override elsewhere.
---
 static/styles/zulip.css    | 10 ++++++++++
 templates/zerver/home.html |  4 ++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/static/styles/zulip.css b/static/styles/zulip.css
index 07f4150e33..cbbbc62242 100644
--- a/static/styles/zulip.css
+++ b/static/styles/zulip.css
@@ -99,6 +99,16 @@ p.n-margin {
     height: 24px;
 }
 
+.top-messages-logo svg circle {
+    fill: #444;
+    stroke: #444;
+}
+
+.top-messages-logo svg path {
+    fill: #fff;
+    stroke: #fff;
+}
+
 #unmute_muted_topic_notification {
     display: none;
     position: absolute;
diff --git a/templates/zerver/home.html b/templates/zerver/home.html
index add1a5e650..81abd3075f 100644
--- a/templates/zerver/home.html
+++ b/templates/zerver/home.html
@@ -3,8 +3,8 @@
     <div class="top-messages-logo">
         <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 40 40" version="1.1">
             <g transform="translate(-297.14285,-466.64792)">
-                <circle cx="317.14285" cy="486.64792" r="19.030317" style="fill:#444;stroke-width:1.93936479;stroke:#444"/>
-                <path d="m309.24286 477.14791 14.2 0 1.6 3.9-11.2 11.9 9.6 0 1.6 3.2-14.2 0-1.6-3.9 11.2-11.9-9.6 0z" style="fill:#fff;stroke:#fff"/>
+                <circle cx="317.14285" cy="486.64792" r="19.030317" style="stroke-width:1.93936479;"/>
+                <path d="m309.24286 477.14791 14.2 0 1.6 3.9-11.2 11.9 9.6 0 1.6 3.2-14.2 0-1.6-3.9 11.2-11.9-9.6 0z"/>
             </g>
         </svg>
     </div>