Merge pull request #80 from FedeIlLeone/server-shop

feat: theme Server Shop
LuckFire · Apr 12, 2024 · 1b848d8 · 1b848d8
2 parents 5a37154 + bf3b630
commit 1b848d8
Show file tree

Hide file tree

Showing 8 changed files with 63 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -34,7 +34,7 @@ This version of the theme is [maintained by FedeIlLeone](https://github.com/Fede
 ---
 
 ### License
-This theme is licensed under the MIT license. Please refer to the [LICENSE](./LICENSE) file for more details regarding rigths and limitations.
+This theme is licensed under the MIT license. Please refer to the [LICENSE](./LICENSE) file for more details regarding rights and limitations.
 
 ### Support
 If you've ran into an issue with an area being unthemed, **PLEASE REPORT IT IN AN ISSUE**. If you have some other issue you need help with, feel free to join my [support server](https://discord.gg/vYdXbEzqDs).
diff --git a/clients/amoled-cord.theme.css b/clients/amoled-cord.theme.css
@@ -438,6 +438,13 @@ html.theme-dark .theme-light .root_a28985,
   background-color: var(--modal-footer-background);
 }
 
+:is(.theme-dark, .theme-midnight) #app-mount .modal_daea9e .body_af7d3b {
+  background-color: var(--modal-background);
+}
+:is(.theme-dark, .theme-midnight) #app-mount .modal_daea9e .container_ccc120, :is(.theme-dark, .theme-midnight) #app-mount .modal_daea9e .roleTag_d5379a {
+  background-color: var(--background-primary);
+}
+
 :is(.theme-dark, .theme-midnight) #app-mount .root_a28985 .previewDark__9ce54 {
   background-color: var(--background-primary);
 }
@@ -630,6 +637,13 @@ body .contentWrapper-3RqEiS .accordionContainer-vSTU_l {
   border-color: var(--background-tertiary);
 }
 
+:is(.theme-dark, .theme-midnight) #app-mount .container_cfe93d {
+  background-color: var(--background-primary);
+}
+:is(.theme-dark, .theme-midnight) #app-mount .container_cfe93d .opaqueBackground__45978 {
+  background-color: var(--background-secondary-alt);
+}
+
 :is(.theme-dark, .theme-midnight) #app-mount .shop_b31ed2 {
   background-color: var(--background-primary);
 }

diff --git a/clients/amoled-cord.user.css b/clients/amoled-cord.user.css
@@ -437,6 +437,13 @@
 	  background-color: var(--modal-footer-background);
 	}
 
+	:is(.theme-dark, .theme-midnight) #app-mount .modal_daea9e .body_af7d3b {
+	  background-color: var(--modal-background);
+	}
+	:is(.theme-dark, .theme-midnight) #app-mount .modal_daea9e .container_ccc120, :is(.theme-dark, .theme-midnight) #app-mount .modal_daea9e .roleTag_d5379a {
+	  background-color: var(--background-primary);
+	}
+
 	:is(.theme-dark, .theme-midnight) #app-mount .root_a28985 .previewDark__9ce54 {
 	  background-color: var(--background-primary);
 	}
@@ -629,6 +636,13 @@
 	  border-color: var(--background-tertiary);
 	}
 
+	:is(.theme-dark, .theme-midnight) #app-mount .container_cfe93d {
+	  background-color: var(--background-primary);
+	}
+	:is(.theme-dark, .theme-midnight) #app-mount .container_cfe93d .opaqueBackground__45978 {
+	  background-color: var(--background-secondary-alt);
+	}
+
 	:is(.theme-dark, .theme-midnight) #app-mount .shop_b31ed2 {
 	  background-color: var(--background-primary);
 	}

diff --git a/src/amoled-cord.css b/src/amoled-cord.css
@@ -425,6 +425,13 @@ html.theme-dark .theme-light .root_a28985,
   background-color: var(--modal-footer-background);
 }
 
+:is(.theme-dark, .theme-midnight) #app-mount .modal_daea9e .body_af7d3b {
+  background-color: var(--modal-background);
+}
+:is(.theme-dark, .theme-midnight) #app-mount .modal_daea9e .container_ccc120, :is(.theme-dark, .theme-midnight) #app-mount .modal_daea9e .roleTag_d5379a {
+  background-color: var(--background-primary);
+}
+
 :is(.theme-dark, .theme-midnight) #app-mount .root_a28985 .previewDark__9ce54 {
   background-color: var(--background-primary);
 }
@@ -617,6 +624,13 @@ body .contentWrapper-3RqEiS .accordionContainer-vSTU_l {
   border-color: var(--background-tertiary);
 }
 
+:is(.theme-dark, .theme-midnight) #app-mount .container_cfe93d {
+  background-color: var(--background-primary);
+}
+:is(.theme-dark, .theme-midnight) #app-mount .container_cfe93d .opaqueBackground__45978 {
+  background-color: var(--background-secondary-alt);
+}
+
 :is(.theme-dark, .theme-midnight) #app-mount .shop_b31ed2 {
   background-color: var(--background-primary);
 }

diff --git a/src/theme/modals/_index.scss b/src/theme/modals/_index.scss
@@ -10,4 +10,5 @@
 @forward 'notification-settings';
 @forward 'onboarding';
 @forward 'polls';
-@forward 'stickers';
+@forward 'server-shop-product';
+@forward 'stickers';
diff --git a/src/theme/modals/_server-shop-product.scss b/src/theme/modals/_server-shop-product.scss
@@ -0,0 +1,9 @@
+:is(.theme-dark, .theme-midnight) #app-mount .modal_daea9e {
+    .body_af7d3b {
+        background-color: var(--modal-background);
+    }
+
+    .container_ccc120, .roleTag_d5379a {
+        background-color: var(--background-primary);
+    }
+}
diff --git a/src/theme/pages/_index.scss b/src/theme/pages/_index.scss
@@ -4,4 +4,5 @@
 @forward 'discovery';
 @forward 'members';
 @forward 'server-guide';
-@forward 'shop';
+@forward 'server-shop';
+@forward 'shop';
diff --git a/src/theme/pages/_server-shop.scss b/src/theme/pages/_server-shop.scss
@@ -0,0 +1,7 @@
+:is(.theme-dark, .theme-midnight) #app-mount .container_cfe93d {
+    background-color: var(--background-primary);
+
+    .opaqueBackground__45978 {
+        background-color: var(--background-secondary-alt);
+    }
+}