fixed icons in the buttons

diff --git a/frontend/css/layout.css b/frontend/css/layout.css
index 2f1df39050416219f2693592779ad851223da100..2579bb8e9c86c2c1bfedcc64e62a49cd827fb652 100644 (file)
--- a/frontend/css/layout.css
+++ b/frontend/css/layout.css
@@ -244,6 +244,14 @@ body {
     filter: none;
 }
 
+.btn .icon {
+    color: currentColor;
+}
+
+.btn .icon:hover {
+    color: inherit;
+}
+
 /* ================================
    Form controls
    ================================ */
@@ -294,13 +302,13 @@ select.form-select:focus,
    Icons
    ================================ */
 .icon {
-    color: currentColor;
+    color: var(--icon-color);
     display: inline-flex;
     align-items: center;
 }
 
 .icon:hover {
-    color: inherit;
+    color: var(--icon-color);
 }
 
 .icon-static {