fix(prose/header-btns): Improve transparency when hover Copy code &…

… `Edit` buttons
itsmartashub · Jan 18, 2025 · 82ef494 · 82ef494
1 parent de56636
commit 82ef494
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/sass/elements/_pre.scss b/src/sass/elements/_pre.scss
@@ -67,6 +67,7 @@
 				background-color: hsla(var(--accent-hsl) / 0.2) !important;
 				color: var(--c-accent) !important;
 				transform: scale(0.98);
+				backdrop-filter: blur(5px) !important;
 
 				svg {
 					color: currentColor !important;

diff --git a/src/sass/elements/_prose.scss b/src/sass/elements/_prose.scss
@@ -14,7 +14,8 @@
 	--tw-prose-bullets: var(--c-accent) !important;
 	--tw-prose-hr: var(--c-border) !important;
 	--tw-prose-quotes: var(--c-accent) !important;
-	--tw-prose-quote-borders: var(--c-accent) !important;
+	// --tw-prose-quote-borders: var(--c-accent) !important;
+	--tw-prose-quote-borders: hsla(var(--accent-hsl) / .5) !important;
 	// --tw-prose-captions: red !important;
 	--tw-prose-code: currentCode !important;
 	// --tw-prose-pre-code: var(--c-accent) !important;