From 99ffddf94daa19510e7822cafd8884cb6d5edf4b Mon Sep 17 00:00:00 2001
From: FrostyBiscuit <frostybiscuit@proton.me>
Date: Fri, 21 Feb 2025 09:11:13 +0100
Subject: Added support for epicgames.com

---
 styles/websites/epicgames.css | 116 ++++++++++++++++++++++++++++++++++++------
 1 file changed, 101 insertions(+), 15 deletions(-)

(limited to 'styles/websites')

diff --git a/styles/websites/epicgames.css b/styles/websites/epicgames.css
index 587abe1..e13f9e2 100644
--- a/styles/websites/epicgames.css
+++ b/styles/websites/epicgames.css
@@ -1,22 +1,108 @@
 @import url("../global/base.css");
 
-#purchaseAppContainer {
-  background-color: var(--transparent-background-darker) !important;
-  backdrop-filter: var(--backdrop-blur);
-  border-radius: var(--border-radius);
+.isBrowser {
+  background: none !important;
+
+  div:has(> egs-navigation) {
+    background: var(--transparent-background-darker) !important;
+  }
+
+  main {
+    > div:first-child {
+      background: var(--transparent-background-darker) !important;
+      backdrop-filter: var(--backdrop-blur);
+
+      > div:first-child {
+        background: none !important;
+      }
+    }
+
+    > div {
+      background: none !important;
+    }
+
+    [data-testid="egs-ssr-wrapper-all"] {
+      > div {
+        background: none !important;
+      }
+    }
+
+    [data-testid="sticky-nav"] {
+      background: none;
+
+      > ul {
+        background: var(--transparent-background) !important;
+        backdrop-filter: var(--backdrop-blur);
+        padding: 5px 10px 10px;
+      }
+    }
+
+    [data-testid="opt-in-toggle-layout"] {
+      > div[class*="ROOT"] {
+        background: var(--transparent-background) !important;
+      }
+    }
+
+    [data-testid="offer-card-layout-wrapper"] {
+      > div {
+        background: var(--transparent-background) !important;
+      }
+    }
+
+    [data-testid="cart-view"] {
+      > div {
+        background: none !important;
+      }
+
+      [data-testid="offer-card-layout-wrapper"] {
+        > div {
+          background: var(--transparent-background) !important;
+        }
+      }
+    }
+  }
 }
 
-button[type="button"] {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  background-color: transparent !important;
-  border: 2px solid var(--color-primary) !important;
-  border-radius: var(--border-radius);
-  color: var(--color-primary) !important;
-  font-weight: 500;
+[data-testid="SaleCarouselDesktop"] {
+  div:has(+ [data-testid^="CarouselProgress"]) {
+    background: var(--transparent-background) !important;
+  }
+
+  [data-testid^="CarouselThumbnail"] {
+    &:hover {
+      background: var(--transparent-background-darker) !important;
+    }
+  }
+
+  [data-testid^="CarouselProgress"] {
+    background: var(--color-bg) !important;
+  }
+}
+
+/* Content Page */
+#global-header {
+  .bg-filter {
+    background: var(--transparent-background-darker) !important;
+  }
+}
 
-  * {
-    color: var(--color-primary) !important;
+.eg-content {
+  background: none !important;
+
+  .HomePage,
+  .PageHeader,
+  .MyRequests {
+    background: none !important;
   }
 }
+
+footer#egf {
+  background: var(--transparent-background) !important;
+}
+
+/* Checkout Modal */
+#purchaseAppContainer {
+  background-color: var(--transparent-background-darker) !important;
+  backdrop-filter: var(--backdrop-blur);
+  border-radius: var(--border-radius);
+}
-- 
cgit v1.2.3