Merge pull request #107 from RickyC0626/fix/bg-transparency

Fix search results not displaying & add backdrop-filter to several elements
DiscordStyles · Nov 7, 2024 · 27852c5 · 27852c5
2 parents 764104a + 3daf9a5
commit 27852c5
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 8 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,3 @@
 /node_modules
-/dist
+/dist
+/.idea
diff --git a/src/theme/chat/_container.scss b/src/theme/chat/_container.scss
@@ -18,6 +18,7 @@
 	.jumpToPresentBar_cf58b5 {
 		border-radius: 8px;
 		background-color: var(--foreground-double);
+		backdrop-filter: blur(10px);
 		padding-bottom: 0;
 		bottom: 10px;
 		&:hover {

diff --git a/src/theme/chat/_messages.scss b/src/theme/chat/_messages.scss
@@ -46,4 +46,7 @@
 		background: var(--gradient);
 		color: var(--text-normal);
 	}
+	.popoverReactionHoverBar_e986d9 {
+		backdrop-filter: blur(6px);
+	}
 }
diff --git a/src/theme/popouts/_search.scss b/src/theme/popouts/_search.scss
@@ -2,19 +2,26 @@
 	.container_eedf95 {
 		background: transparent;
 		box-shadow: none;
-		.displayedNick-2dDbfG,
-		.filter-5YbOzJ,
-		.header-3A13BX {
+		.displayedNick_b0286e {
 			color: var(--text-normal);
 		}
-		.answer-2fBfuP,
-		.displayUsername-14aOpK {
+		.displayUsername_b0286e {
 			color: var(--text-muted);
 		}
-		.option-2KkUJO {
-			.plusIcon-2V7coV {
+		.option_b0286e {
+			.content_b0286e {
+				--webkit-mask-image: linear-gradient(90deg, white, white 95%, transparent);
+				mask-image: linear-gradient(90deg, white, white 95%, transparent);
+			}
+			.plusIcon_b0286e {
 				color: var(--text-normal);
 			}
+			&:hover {
+				.content_b0286e {
+					--webkit-mask-image: linear-gradient(90deg, white, white 87%, transparent 92%, transparent);
+					mask-image: linear-gradient(90deg, white, white 87%, transparent 92%, transparent);
+				}
+			}
 			&.selected-rZcOL- {
 				background: var(--foreground);
 				&::after {