fix: some incorrect colors (#1)

* fix: incorrect detail colors

* fix: edit metadata modal & icon button hover color

* fix: incorrect media buttons & slider thumb colors

* material icon buttons

* mess

* material icon buttons 2

---------

Co-authored-by: Adam Perkowski <adas1per@protonmail.com>

src/theme.css

@@ -19,6 +19,7 @@
 }
 
 .mdl-slider::-webkit-slider-thumb,
+.mdl-slider::-moz-range-thumb,
 .mdl-slider-background-lower {
   background-color: var(--main-color);
 }
@@ -27,6 +28,11 @@
   background-color: var(--hover-background);
 }
 
+.formDialogHeader:not(.formDialogHeader-clear),
+.formDialogFooter:not(.formDialogFooter-clear) {
+  background-color: var(--second-background);
+}
+
 .backgroundContainer,
 .formDialogHeader,
 .detailRibbon,
@@ -66,6 +72,7 @@ html {
   color: var(--main-text);
 }
 
+.playstatebutton-icon-played,
 .ratingbutton-icon-withrating {
   color: var(--red-color);
 }
@@ -90,7 +97,6 @@ html {
   border-color: var(--main-color);
 }
 
-
 .toast,
 .fab,
 .raised {
@@ -116,6 +122,19 @@ html {
   background-color: var(--hover-background);
 }
 
+.listItemIcon:not(.listItemIcon-transparent) {
+  color: var(--main-text);
+  background-color: var(--second-background) !important;
+}
+
+.notifications {
+  color: var(--blue) !important;
+}
+
+.notification_important {
+  color: var(--red-color) !important;
+}
+
 .button-submit,
 .button-submit:focus,
 .button-alt,
@@ -165,6 +184,7 @@ html {
 .selectLabelFocused,
 .textareaLabelFocused,
 .button-flat:focus,
+.button-flat:hover,
 .itemAction:focus,
 .emby-tab-button-active>.emby-button-foreground,
 .emby-button-foreground:focus,
@@ -174,6 +194,10 @@ html {
   color: var(--main-color);
 }
 
+.mdl-slider::-moz-range-thumb {
+  background-color: var(--main-color);
+}
+
 .MuiButtonBase-root,
 .MuiSvgIcon-root,
 .listItemButton,
@@ -219,6 +243,7 @@ html {
   color: var(--dimmer-text);
 }
 
+.buttonActive,
 .layout-tv .paper-icon-button-light.show-focus:focus {
   color: var(--main-color) !important;
 }
@@ -265,6 +290,7 @@ legend {
   border-color: var(--hover-background) !important;
 }
 
+.checkboxOutline .checkboxIcon-checked,
 .sessionAppName,
 .sessionNowPlayingInfo {
   color: var(--main-background);