styling changes

src/styles/components/buttons/_action_button.scss

@@ -79,6 +79,10 @@
   letter-spacing: 1px;
   transition: all var(--duration-normal) var(--easing-ease-out);
 
+  svg {
+    color: var(--text-primary);
+  }
+
   &:hover {
     background-color: rgba(255, 255, 255, 0.3);
     transform: translateY(-2px);
@@ -96,15 +100,13 @@
     transform: none;
     box-shadow: none;
   }
-
   // Settings icon button variant
   &.settings-icon-button {
     svg {
       transition: transform var(--duration-normal) var(--easing-ease-out);
     }
-
     &:hover svg {
-      transform: rotate(90deg);
+      transform: rotate(45deg);
     }
   }
 }

src/styles/components/dialogs/_settings_dialog.scss

@@ -50,6 +50,10 @@
     opacity: 0.7;
   }
 
+  .icon {
+    color: var(--text-primary);
+  }
+
   .placeholder-text {
     h5 {
       font-size: 1.1rem;

src/styles/components/layout/_sidebar.scss

@@ -60,6 +60,11 @@
         color: var(--elevated-bg);
       }
     }
+
+    // Ensure icons are white when not active
+    &:not(.active) .filter-icon {
+      color: var(--text-primary);
+    }
   }
 }
 
@@ -73,6 +78,37 @@
   }
 }
 
+.settings-button {
+  margin-top: auto;
+
+  &.btn.btn-secondary {
+    background-color: transparent;
+    border: 1px solid transparent;
+    color: var(--text-secondary);
+
+    &:hover {
+      background-color: rgba(255, 255, 255, 0.07);
+      color: var(--text-primary);
+      border-color: var(--border-soft);
+      transform: none;
+      box-shadow: none;
+    }
+
+    &:active {
+      transform: scale(0.98);
+    }
+
+    .settings-icon {
+      transition: transform 0.3s ease;
+      color: inherit;
+    }
+
+    &:hover .settings-icon {
+      transform: rotate(45deg);
+    }
+  }
+}
+
 // App logo styles
 .app-logo {
   display: flex;