[tor-commits] [snowflake/master] Make a dark-mode version of the arrowhead icon.

[dcf at torproject.org]

commit f9173f61a2c90fbc2979f8f73ab79a1a5bc90eee
Author: David Fifield <david at bamsoftware.com>
Date:   Mon Aug 19 12:16:06 2019 -0600

    Make a dark-mode version of the arrowhead icon.
    
    The former icon used fill="context-fill", which I believe doesn't work
    except in Mozilla's own extensions. So I changed that one to
    fill="black" and made a new one with fill="white".
---
 proxy/static/assets/arrowhead-right-12.svg      | 2 +-
 proxy/static/assets/arrowhead-right-dark-12.svg | 4 ++++
 proxy/static/embed.css                          | 3 +++
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/proxy/static/assets/arrowhead-right-12.svg b/proxy/static/assets/arrowhead-right-12.svg
index 54afc2e..3f7e664 100644
--- a/proxy/static/assets/arrowhead-right-12.svg
+++ b/proxy/static/assets/arrowhead-right-12.svg
@@ -1,4 +1,4 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="context-fill" d="M9 6a1 1 0 0 0-.293-.707l-3-3a1 1 0 0 0-1.414 1.414L6.586 6 4.293 8.293a1 1 0 0 0 1.414 1.414l3-3A1 1 0 0 0 9 6z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="black" d="M9 6a1 1 0 0 0-.293-.707l-3-3a1 1 0 0 0-1.414 1.414L6.586 6 4.293 8.293a1 1 0 0 0 1.414 1.414l3-3A1 1 0 0 0 9 6z"/></svg>
\ No newline at end of file
diff --git a/proxy/static/assets/arrowhead-right-dark-12.svg b/proxy/static/assets/arrowhead-right-dark-12.svg
new file mode 100644
index 0000000..6534fd0
--- /dev/null
+++ b/proxy/static/assets/arrowhead-right-dark-12.svg
@@ -0,0 +1,4 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="white" d="M9 6a1 1 0 0 0-.293-.707l-3-3a1 1 0 0 0-1.414 1.414L6.586 6 4.293 8.293a1 1 0 0 0 1.414 1.414l3-3A1 1 0 0 0 9 6z"/></svg>
\ No newline at end of file
diff --git a/proxy/static/embed.css b/proxy/static/embed.css
index 4a58d45..860d2b0 100644
--- a/proxy/static/embed.css
+++ b/proxy/static/embed.css
@@ -144,4 +144,7 @@ input:checked + .slider:before {
   input:focus + .slider {
     box-shadow: 0 0 1px #cc80ff;
   }
+  .learn:before {
+    background-image: url('assets/arrowhead-right-dark-12.svg');
+  }
 }