Theme not applied on Download page

[koplo199]

Hi,
It looks like the theme isn't applied on the Download page ?

[tintinmaster]

Steam changed the Layout of the Download page in September, I have to look at it, if we can change the look of the new one. But Steam makes it harder every update to apply custom themes.

[koplo199]

If that could help here is the css for changing the background of the page and the color of the blue separator :

/* Downloads */
.downloads_DownloadsPage_1bq4x {
    background-image: linear-gradient(to bottom, var(--draculaBG) 0%, var(--draculaBG) 100%);
}

.downloads_TopBar_SEmVp {
    background: linear-gradient(to right, var(--draculaCFAccent) 0%, var(--draculaCFAccent) 100%);
}

[tintinmaster]

Good news @koplo199
The Downloads page now has the theme applied 🥳

Please clone the repository again and install the theme again

[koplo199]

Awesome, thank you !
While the theme is correctly applied, it looks like there is a problem near the top pink gradient :

Either the right side of the pink gradient is too bright or the left side of the background gradient is too dark, but there shouldn't be such visible vertical bar between those two gradients, do you think it would be possible to fix that ?

[koplo199]

Ok I was able to fix it by applying the following change !!

diff --git a/css/custom.css b/css/custom.css
index fc43761..6986b06 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -341,7 +341,16 @@
   }
 
   .downloadgraph_DownloadGraph_1BxZD .downloadgraph_Gradient_RfMM3 {
-    background-image: none;
+    background-image: linear-gradient(to right, var(--draculaBG), rgba(46, 50, 66, 0) 20%);
+  }
+
+  div.MediumWindow .downloadgraph_DownloadGraph_1BxZD .downloadgraph_Gradient_RfMM3 {
+    background-image: linear-gradient(to right, var(--draculaBG), rgba(46, 50, 66, 0) 30%);
+  }
+
+  div.NarrowWindow .downloadgraph_DownloadGraph_1BxZD .downloadgraph_Gradient_RfMM3,
+  div.ShortWindow .downloadgraph_DownloadGraph_1BxZD .downloadgraph_Gradient_RfMM3{
+    background-image: linear-gradient(to right, var(--draculaBG), rgba(46, 50, 66, 0) 40%);
   }
 
   /* Graph */