fix: incorrect detail colors

src/rounding.css

@@ -17,6 +17,7 @@
 .innerCardFooter,
 .blurhash-canvas,
 .actionSheetMenuItem:hover,
+.toast,
 .dialog {
   border-radius: 8px !important;
 }

src/theme.css

@@ -29,6 +29,7 @@
 
 .backgroundContainer,
 .formDialogHeader,
+.detailRibbon,
 .dialog,
 .dashboardGeneralForm,
 html {
@@ -36,11 +37,15 @@ html {
   background-color: var(--main-background);
 }
 
+.detailPageSecondaryContainer {
+  background-color: var(--second-background) !important;
+}
+
 .sliderBubble,
 .skinHeader,
 .nowPlayingBar {
   color: var(--main-text);
-  background-color: var(--second-background);
+  background-color: var(--second-background) !important;
 }
 
 .nowPlayingBarSecondaryText {
@@ -85,9 +90,12 @@ html {
   border-color: var(--main-color);
 }
 
-.fab, .raised {
-  background-color: var(--second-background);
+
+.toast,
+.fab,
+.raised {
   color: var(--main-text);
+  background-color: var(--second-background);
 }
 
 .emby-button-foreground {
@@ -245,9 +253,12 @@ legend {
 }
 
 .fieldDescription,
-.secondary,
+.secondary {
+  color: var(--dimmer-text) !important;
+}
+
 .listItemBodyText {
-  color: var(--dimmer-text);
+  color: var(--main-text);
 }
 
 .listItem-border {