Merge pull request #153 from Lioncat6/main

Big hotfix

src/addons/_verticaluserarea.scss

@@ -1,4 +1,5 @@
 #app-mount {
+	--iconOffset: 0;
 	.guilds_a4d4d9 {
 		.tree_fea3ef {
 			outline: none !important;

src/theme/app/_app.scss

@@ -27,7 +27,7 @@ body,
 // Light more wanrning
 html.theme-light {
 	.app_a01fb1::after {
-		content: 'SoftX is not build for Lightmode.\APlease switch to Dark mode in your Discord Appearance Settings.';
+		content: 'SoftX is not designed for Light Mode.\APlease switch to Dark mode in your Discord Appearance Settings.';
 		line-height: 1.5;
 		white-space: pre-wrap;
 		border-top: 1px solid var(--border);
@@ -59,3 +59,8 @@ html.theme-light {
 	content: 'SoftX v' var(--softx-version);
 	text-transform: none;
 }
+
+// theme loading screen
+.container_e40c16 {
+	background-color: hsl(0deg 0% 10%);
+}

src/theme/app/_toolbar.scss

@@ -163,10 +163,11 @@
 	// Fix notice banner
 	.notice_b5000b {
 		border-radius: 0;
-		.closeButton_be03aa {
-			left: 15px;
-		}
 	}
+	.closeButton_be03aa {
+		left: 15px;
+	}
+
 }
 
 //fixed the shit -lion
@@ -184,3 +185,4 @@
 .theme-dark .children_fc4f04:after {
 	background: transparent;
 }
+

src/theme/chat/_container.scss

@@ -23,6 +23,7 @@
 	}
 
 	// Placeholder messages
+	.wrapper_cdfd51,
 	.wrapper_ba0ffb,
 	.wrapper_b75bb9 {
 		background: transparent;

src/theme/chat/_textbox.scss

@@ -19,9 +19,6 @@
 					rgb(var(--accent), 0.25);
 			}
 		}
-		.attachButtonInner_f298d4 {
-			margin-bottom: 5px;
-		}
 		.button_dd4f85 {
 			height: 100%;
 			// Gif Button

src/theme/guilds/_server.scss

@@ -9,7 +9,7 @@
 	}
 
 	// No icon, other buttons
-	.childWrapper_a6ce15,
+	.childWrapper_f90abb,
 	.circleIconButton_db6521 {
 		background: rgb(255 255 255 / 0.1);
 	}

src/theme/members/_activity.scss

@@ -0,0 +1,5 @@
+#app-mount {
+	.container_c64476.openOnHover_c64476 {
+		background-color: var(--fg-secondary);
+	}
+}

src/theme/members/_index.scss

@@ -1,3 +1,4 @@
 @forward './container';
 @forward './title';
 @forward './member';
+@forward './activity';

src/theme/modals/_index.scss

@@ -4,3 +4,4 @@
 @forward './quickswitch';
 @forward './boostperks';
 @forward './status';
+@forward './selectplan';

src/theme/modals/_selectplan.scss

@@ -0,0 +1,8 @@
+#app-mount {
+	.skuSelectModalHeader_f92df2, .skuSelectModalContent_f92df2 {
+        background-color: transparent;
+    }
+    .spinner_b0f29a{
+        background: transparent;
+    }
+}

src/theme/pages/_friends.scss

@@ -56,4 +56,8 @@
 			box-shadow: 0 0 calc(var(--glow-intensity) * 20px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.25);
 		}
 	}
+
+	.emptyCard_f02fcf {
+		background: var(--bg-tertiary);
+	}
 }

src/theme/pages/_index.scss

@@ -3,3 +3,4 @@
 @forward './serverdiscovery';
 @forward './serverboost';
 @forward './nitro';
+@forward './shop';

src/theme/pages/_nitro.scss

@@ -2,7 +2,10 @@
 	.applicationStore_cecc86 {
 		background: transparent;
 	}
-	.scroller__244e5 {
+	.mainPageScroller_ed2e7b {
 		background: var(--bg-secondary);
 	}
+	.noFlipCardContainer_c21997.forceShadow_c21997 .card_c21997 {
+		background: var(--fg-secondary);
+	}
 }

src/theme/pages/_shop.scss

@@ -0,0 +1,22 @@
+#app-mount {
+	.shopScroll_e77fa3 {
+		background-color: var(--bg-primary);
+
+	}
+	.darkCardBackground_c23530 {
+		background-color: var(--fg-secondary);
+	}
+	.shopCard_c23530 {
+		border-color: var(--fg-secondary);
+	}
+	.shopViewWrapper_e77fa3 .headerBar_d8354c {
+		background: var(--bg-primary) !important;
+		height: var(--toolbar-height);
+		padding-left: 24px;
+		padding-top: 7px;
+	}
+	.shop_e77fa3, .shop_ebba41, .pageWrapper_e77fa3 {
+		background: transparent;
+	}
+}
+

src/theme/popouts/_activity.scss

@@ -0,0 +1,17 @@
+#app-mount {
+	.popout_a35965{
+		background: var(--bg-primary);
+		border-radius: 6px;
+		.popoutContentWrapper_a35965, .interactionsContainer_a35965 {
+			background: transparent;
+		} 
+		.interactionsContainer_a35965 {
+			.replyInput_d0fc0d {
+				background: var(--fg-secondary);
+				.slateTextArea_e52116  {
+					padding-left: 16px;
+				}
+			}
+		}
+	}
+}

src/theme/popouts/_autocomplete.scss

@@ -10,8 +10,10 @@
 
 		// Left side
 		.list_efd8e6 {
+			background-color: var(--bg-tertiary);
+			width: 55px;
 			.listItems_d53d65 {
-				margin: -16px -12px -8px;
+				margin: 0
 			}
 			.wrapper_efd8e6 {
 				width: 100% !important;
@@ -41,7 +43,7 @@
 				}
 			}
 			.section_efd8e6 {
-				margin-bottom: 0;
+				//margin-bottom: 0;
 			}
 		}
 

src/theme/popouts/_bookmarks.scss

@@ -0,0 +1,11 @@
+#app-mount {
+	.popoutContainer_a6fde8 {
+		background-color: var(--bg-secondary);
+		.messageContainer_a6fde8 {
+			background: var(--fg-secondary);
+		}
+        .container_cdf946 {
+            background: var(--bg-tertiary);
+        }
+	}
+}

src/theme/popouts/_emojipicker.scss

@@ -20,10 +20,12 @@
 			box-shadow: none;
 		}
 	}
+	.wrapper_d8cdac,
 	.contentWrapper_af5dbb,
 	.emojiPicker_c6ee36 {
 		[class^='searchBar'],
-		.container_effbe2 {
+		.container_effbe2,
+		.container_c18ec9  {
 			background: var(--input-background);
 			border: 2px solid transparent;
 			border-radius: 6px;
@@ -61,6 +63,13 @@
 		}
 	}
 
+	.wrapper_d8cdac, .container_b56bbc {
+		background: var(--bg-primary);
+		border: 1px solid var(--border);
+		border-radius: 6px;
+		box-shadow: var(--shadow-lg);
+	}
+
 	.nav_af5dbb {
 		position: absolute;
 		padding: 0;
@@ -129,19 +138,25 @@
 		}
 	}
 
-	.wrapper_dc0b29 {
+	#sticker-picker-tab-panel .wrapper_ba23fe {
+		left: -1px;
+		top: 63px;
+	}
+
+	.contentWrapper_af5dbb .wrapper_ba23fe  {
 		top: 64px;
 		border-top: 1px solid var(--border);
 		border-right: 1px solid var(--border);
 		background: transparent;
 		.listItems_d53d65 {
+			width: 100%;
 			margin: -8px;
 		}
 		.scroller_d53d65::-webkit-scrollbar {
 			display: none;
 		}
 	}
-	.categoryItemDefaultCategory_dfa278 {
+	.categoryItemDefaultCategory_dfa278, .stickerCategory_a7a485  {
 		width: 100%;
 		height: 48px;
 		padding: 0;
@@ -151,9 +166,9 @@
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		&.categoryItemDefaultCategorySelected_dfa278 {
+		&.categoryItemDefaultCategorySelected_dfa278, &.stickerCategoryGenericSelected_a7a485, &.firstPartyCategorySelected_a7a485 {
 			background: rgb(var(--accent), 0.1);
-			.categoryIcon_dfa278 {
+			.categoryIcon_dfa278, .stickerCategoryGenericIcon_a7a485 {
 				color: rgb(var(--accent));
 				filter: drop-shadow(0 0 calc(var(--channel-glow-intensity) * 5px) rgb(var(--accent), 0.4));
 			}
@@ -239,6 +254,5 @@
 	.container_b56bbc,
 	.header_b56bbc {
 		background: var(--bg-primary);
-		background-color: transparent;
 	}
 }

src/theme/popouts/_inbox.scss

@@ -37,7 +37,7 @@
 		min-height: fit-content;
 		.expanded_f0cd33 {
 		}
-		.expandedInboxHeader_f0cd33 {
+		.headerTitle_f0cd33 {
 			padding: 7px 10px 12px 10px;
 		}
 		.expandedTabSection_f0cd33 {

src/theme/popouts/_index.scss

@@ -9,3 +9,6 @@
 @forward './statuspicker';
 @forward './customstatus';
 @forward './appsmenu';
+@forward './soundboard';
+@forward './activity';
+@forward './bookmarks';

src/theme/popouts/_soundboard.scss

@@ -0,0 +1,20 @@
+#app-mount {
+    .soundButtonInteractiveRefresh_f40049 {
+        background: var(--fg-secondary);
+    }
+    .wrapper_ee8ca7 {
+        background: var(--bg-primary);
+    }
+    .header_d0dc1d {
+        background: var(--bg-tertiary);
+    }
+    .categoryList_ceda83 {
+        background: var(--bg-primary);
+        .scroller_d53d65 {
+            border-right: 1px solid var(--border);
+            &::-webkit-scrollbar {
+                display: none;
+            }
+        }
+    }
+}

src/theme/profile/_popout.scss

@@ -137,4 +137,8 @@
 			background: var(--fg-primary) !important;
 		}
 	}
+	.loadingPopout_a8c724 {
+		background-color: var(--bg-tertiary);
+		border-radius: 5px;
+	}
 }

src/theme/sidebar/_container.scss

@@ -2,7 +2,7 @@
 	.sidebar_a4d4d9 {
 		border-radius: 0;
 		background: var(--bg-primary);
-		width: var(--channels-width);
+		width: var(--channels-width) !important; //importanter than you, discord. -lc
 		border-right: 1px solid var(--border);
 		z-index: 1;
 		&.hidden_a4d4d9 {