fix: scoped styles to apply to more icons and themed metadata save button

Theme/ElegantFin-theme-nightly.css

@@ -474,7 +474,7 @@ html {
 
 .itemProgressBarForeground {
     border-radius: var(--largeRadius);
-    background-color: var(--dimTextColor);
+    background-color: var(--btnSubmitBorderColor);
 }
 
 .backgroundProgress>div {
@@ -598,6 +598,12 @@ progress+span {
     backdrop-filter: blur(.1em);
 }
 
+.btnHeaderSave.button-flat {
+  color: var(--btnSubmitBorderColor) !important;
+  gap: 0.3em;
+  border-radius: var(--smallRadius);
+}
+
 .button-flat:hover {
     color: unset;
     background-color: rgba(255, 255, 255, 0.2);
@@ -942,7 +948,10 @@ div[data-role=controlgroup] a.ui-btn-active {
     border: solid var(--btnDeleteBorderColor) var(--borderWidth);
 }
 
-.listItemIcon.notifications {
+.listItemIcon.notifications,
+.listItemIcon.schedule,
+.listItemIcon.person,
+.listItemIcon.live_tv {
     background-color: rgb(41, 49, 83) !important;
     border: solid var(--borderColor) var(--borderWidth);
 }
@@ -1331,3 +1340,7 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
 #scenesContent .cardScalable:hover {
     border-color: var(--dimTextColor) !important;
 }
+
+.progressring-spiner {
+  border-color: var(--btnSubmitBorderColor);
+}