From 68ea623ccfc040f74f87c1707de69922398e4de0 Mon Sep 17 00:00:00 2001
From: nobody <5514211-nobody42@users.noreply.gitlab.com>
Date: Wed, 11 Mar 2020 06:13:04 +0100
Subject: [PATCH] Fixed dark mode issue
---
icons/credits | 6 +-
icons/{disable.svg => disable-dark.svg} | 0
icons/disable-light.svg | 120 ++++++++++++++++++++++
icons/{settings.svg => settings-dark.svg} | 0
icons/settings-light.svg | 120 ++++++++++++++++++++++
pages/popup/popup.css | 23 +++++
pages/popup/popup.html | 4 +-
7 files changed, 268 insertions(+), 5 deletions(-)
rename icons/{disable.svg => disable-dark.svg} (100%)
create mode 100644 icons/disable-light.svg
rename icons/{settings.svg => settings-dark.svg} (100%)
create mode 100644 icons/settings-light.svg
diff --git a/icons/credits b/icons/credits
index 990dbd75..0de4403d 100644
--- a/icons/credits
+++ b/icons/credits
@@ -1,5 +1,5 @@
-disabled.svg
-enabled.svg
-settings.svg
+disabled.svg, disable-dark.svg, disable-light.svg (edited)
+enabled.svg (edited)
+settings-dark.svg, settings-light.svg (edited)
https://www.svgrepo.com/vectors/web-security-fill/
Creative Commons BY 4.0
diff --git a/icons/disable.svg b/icons/disable-dark.svg
similarity index 100%
rename from icons/disable.svg
rename to icons/disable-dark.svg
diff --git a/icons/disable-light.svg b/icons/disable-light.svg
new file mode 100644
index 00000000..380e30cf
--- /dev/null
+++ b/icons/disable-light.svg
@@ -0,0 +1,120 @@
+
+
+
+
\ No newline at end of file
diff --git a/icons/settings.svg b/icons/settings-dark.svg
similarity index 100%
rename from icons/settings.svg
rename to icons/settings-dark.svg
diff --git a/icons/settings-light.svg b/icons/settings-light.svg
new file mode 100644
index 00000000..1e15d83f
--- /dev/null
+++ b/icons/settings-light.svg
@@ -0,0 +1,120 @@
+
+
+
+
\ No newline at end of file
diff --git a/pages/popup/popup.css b/pages/popup/popup.css
index c6f1f0b7..13b3bca7 100644
--- a/pages/popup/popup.css
+++ b/pages/popup/popup.css
@@ -176,6 +176,21 @@ footer {
color: #339a6f;
}
+#options-button-svg,
+#protection-toggle-button-svg {
+ background-size: cover;
+ width: 15px;
+ height: 15px;
+}
+
+#options-button-svg {
+ background-image: url("../../icons/settings-dark.svg");
+}
+
+#protection-toggle-button-svg {
+ background-image: url("../../icons/disable-dark.svg");
+}
+
/**
* Links
*/
@@ -326,6 +341,14 @@ footer {
border-color: #323232;
}
+ #options-button-svg {
+ background-image: url("../../icons/settings-light.svg");
+ }
+
+ #protection-toggle-button-svg {
+ background-image: url("../../icons/disable-light.svg");
+ }
+
/**
* Links
*/
diff --git a/pages/popup/popup.html b/pages/popup/popup.html
index 51fbeb9f..88aa6094 100644
--- a/pages/popup/popup.html
+++ b/pages/popup/popup.html
@@ -36,7 +36,7 @@
@@ -64,7 +64,7 @@
decentraleyes.org/test
+
+