Refactor styles to use 'background' shorthand property instead of 'background-color' for consistency across components. Updated various components including confirmation pop-up, input fields, lists, marketplace, menu, module toggle, simulation, and more. Enhanced visual effects with backdrop filters and adjusted padding/margins for improved layout. Removed unnecessary styles and optimized hover effects for better user experience.

app/src/modules/visualization/widgets/panel/AddButtons.tsx

@@ -304,8 +304,8 @@ const AddButtons: React.FC<ButtonsProps> = ({
                   <EyeIcon
                     fill={
                       hiddenPanels[selectedZone.zoneId]?.includes(side)
-                        ? "var(--primary-color)"
-                        : "var(--text-color)"
+                        ? "var(--icon-default-color-active)"
+                        : "var(--icon-default-color)"
                     }
                   />
                 </div>
@@ -341,8 +341,8 @@ const AddButtons: React.FC<ButtonsProps> = ({
                   <LockIcon
                     fill={
                       selectedZone.lockedPanels.includes(side)
-                        ? "var(--primary-color)"
-                        : "var(--text-color)"
+                        ? "var(--icon-default-color-active)"
+                        : "var(--icon-default-color)"
                     }
                   />
                 </div>