New: Subtle font color changes in the media page for better design hierarchy

Theme/ElegantFin-theme-nightly.css

@@ -15,10 +15,12 @@
     --btnSubmitColor: rgb(61, 54, 178);
     --btnSubmitBorderColor: rgb(117 111 226);
     --checkboxCheckedBgColor: rgb(79, 70, 229);
+    --textColor: rgb(209, 213, 219);
+    --dimTextColor: rgb(156, 163, 175);
+    --activeColor: rgb(201 143 255 / 40%);
     --backgroundGradient: linear-gradient(0deg, var(--darkerGradientPoint) 35%, var(--lighterGradientPoint));
     --cardBackgroundGradient: linear-gradient(0deg, var(--darkerGradientPoint), var(--lighterGradientPoint) 25%);
     --hoverGradient: linear-gradient(130deg, rgb(255 255 255 / 20%) 20%, rgb(255 255 255 / 10%) 40%);
-    --activeColor: rgb(201 143 255 / 40%);
     --largerRadius: 1.25em;
     --largeRadius: 1em;
     --smallRadius: .5em;
@@ -340,6 +342,7 @@ h2 {
     font-weight: 400;
     margin-bottom: 0;
     font-style: italic;
+    color: var(--textColor);
 }
 
 .nowPlayingPlaylist,
@@ -522,6 +525,15 @@ html {
 
 .detailsGroupItem>.content {
     text-align: end;
+    color: var(--dimTextColor);
+}
+
+.detailsGroupItem>.label {
+    color: var(--textColor);
+}
+
+.itemExternalLinks {
+        color: var(--textColor);
 }
 
 .itemTags,
@@ -533,6 +545,7 @@ html {
 
 .detail-clamp-text {
     text-align: start;
+    color: var(--dimTextColor);
 }
 
 .itemMiscInfo {