From a1a171cee3703de4af479a4ba4dbd2f60c3715b6 Mon Sep 17 00:00:00 2001
From: CI <ci@c7.pm>
Date: Thu, 16 Feb 2023 18:36:00 +0000
Subject: [PATCH] Make Modular

---
 modular/base.css | 60 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 60 insertions(+)

diff --git a/modular/base.css b/modular/base.css
index 9ffff77..6e896ce 100644
--- a/modular/base.css
+++ b/modular/base.css
@@ -220,6 +220,66 @@
   color: var(--status-red-500) !important;
 }
 
+[class^="layerContainer-"]
+  [class^="layer-"]
+  [class^="focusLock-"]
+  [class^="container-"]
+  [class*="footer-"],
+[class^="layerContainer-"]
+  [class^="layer-"]
+  [class^="focusLock-"]
+  [class*="modalSize-"],
+[class^="layerContainer-"]
+  [class^="layer-"]
+  [class^="focusLock-"]
+  [class*="modalSize-"]
+  [class*="footer-"],
+[class^="layerContainer-"]
+  [class^="layer-"]
+  [class^="focusLock-"]
+  [class*="modalRoot-"],
+[class^="layerContainer-"]
+  [class^="layer-"]
+  [class^="focusLock-"]
+  [class*="modalRoot-"]
+  [class*="footer-"] {
+  background-color: var(--background-primary) !important;
+}
+
+[class^="layerContainer-"]
+  [class^="layer-"]
+  [class^="focusLock-"]
+  [class^="container-"]
+  [class*="footer-"] {
+  box-shadow: none;
+}
+
+[class^="focusLock-"][aria-modal="true"]
+  > [class*="root-"]
+  > [class^="scroller-"] {
+  background: var(--background-secondary);
+}
+
+[class^="focusLock-"][aria-modal="true"]
+  > [class*="root-"]
+  [class^="reactors-"] {
+  background-color: var(--background-primary);
+}
+
+[class^="focusLock-"][aria-modal="true"]
+  > [class*="root-"]
+  > [class^="scroller-"]
+  > [class^="reactionSelected-"] {
+  background-color: var(--background-modifier-active);
+}
+
+[class^="focusLock-"][aria-modal="true"]
+  > [class*="root-"]
+  > [class^="scroller-"]
+  > [class^="reactionDefault-"]:hover {
+  background-color: var(--background-modifier-hover);
+}
+
 /* jane's steam border ext */
 /*.steam-border-message > #border {
     width: 20px !important;