diff --git a/src/css/popup.css b/src/css/popup.css
index 0f3cc9c..8502e55 100644
--- a/src/css/popup.css
+++ b/src/css/popup.css
@@ -28,6 +28,8 @@
[data-theme="light"],
:root {
+ color-scheme: light;
+
--fontInter: "Inter", sans-serif;
--fontInterMedium: "Inter-Medium", sans-serif;
--fontMetropolis: "Metropolis", sans-serif;
@@ -113,6 +115,8 @@
}
[data-theme="dark"] {
+ color-scheme: dark;
+
--iconCloseX: url("/img/close-light.svg");
--iconGear: url("/img/gear-icon-light.svg");
--iconArrowRight: url("/img/arrow-icon-right-light.svg");
@@ -238,7 +242,9 @@ body {
[data-theme="dark"] img.clear-storage-icon,
[data-theme="dark"] img.delete-assignment,
[data-theme="dark"] #edit-sites-assigned .menu-icon,
-[data-theme="dark"] #container-info-table .menu-icon {
+[data-theme="dark"] #container-info-table .menu-icon,
+[data-theme="dark"] #always-open .menu-icon,
+[data-theme="dark"] #always-open-in .menu-icon {
filter: invert(0);
}
diff --git a/src/popup.html b/src/popup.html
index 5a87ae9..d33f002 100644
--- a/src/popup.html
+++ b/src/popup.html
@@ -3,6 +3,7 @@
Firefox Multi-Account Containers
+