diff --git a/chrome/minimal_toolbarbuttons.css b/chrome/minimal_toolbarbuttons.css
index 080e0c5..c11a12d 100644
--- a/chrome/minimal_toolbarbuttons.css
+++ b/chrome/minimal_toolbarbuttons.css
@@ -4,7 +4,7 @@
 toolbar .toolbarbutton-1:not([open]),
 .titlebar-button,
 #tabbrowser-tabs toolbarbutton{
-  background-image: radial-gradient(circle at center, var(--lwt-toolbarbutton-icon-fill) 0,var(--lwt-toolbarbutton-icon-fill) 10%,transparent 15% );
+  background-image: radial-gradient(circle at center, var(--lwt-toolbarbutton-icon-fill,currentColor) 0,var(--lwt-toolbarbutton-icon-fill,currentColor) 10%,transparent 15% );
 }
 /* Hide placeholder on hover */
 toolbar:hover + toolbar .toolbarbutton-1,
diff --git a/chrome/minimal_toolbarbuttons_v2.css b/chrome/minimal_toolbarbuttons_v2.css
index 52efc47..70dbba7 100644
--- a/chrome/minimal_toolbarbuttons_v2.css
+++ b/chrome/minimal_toolbarbuttons_v2.css
@@ -13,7 +13,7 @@ such as, nav-bar buttons are not shown when urlbar is hovered
 toolbar .toolbarbutton-1:not([open]),
 .titlebar-button,
 #tabbrowser-tabs toolbarbutton{
-  background-image: radial-gradient(circle at center, var(--lwt-toolbarbutton-icon-fill) 0,var(--lwt-toolbarbutton-icon-fill) 10%,transparent 15% );
+  background-image: radial-gradient(circle at center, var(--lwt-toolbarbutton-icon-fill,currentColor) 0,var(--lwt-toolbarbutton-icon-fill,currentColor) 10%,transparent 15% );
 }
 /* Hide placeholder on hover */
 toolbar:hover .toolbarbutton-1,