From f9173f61a2c90fbc2979f8f73ab79a1a5bc90eee Mon Sep 17 00:00:00 2001 From: David Fifield Date: Mon, 19 Aug 2019 12:16:06 -0600 Subject: [PATCH] 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(-) create mode 100644 proxy/static/assets/arrowhead-right-dark-12.svg 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 @@ - \ No newline at end of file + \ 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 @@ + + \ 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'); + } }