commit f9173f61a2c90fbc2979f8f73ab79a1a5bc90eee Author: David Fifield david@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'); + } }