Tweak the link preview in the message composer in full vibrancy mode (f…

…ixes #670)
sindresorhus · Apr 1, 2019 · 66e865c · 66e865c
1 parent 2f6c616
commit 66e865c
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/css/dark-mode.css b/css/dark-mode.css
@@ -691,7 +691,7 @@ html.dark-mode ._29ey {
 }
 html.dark-mode .fbNubFlyoutAttachments,
 html.dark-mode .chatAttachmentShelf {
-	background: var(--container-color) !important;
+	background: var(--container-color);
 	color: var(--base-seventy);
 }
 html.dark-mode .chatAttachmentShelf {

diff --git a/css/vibrancy.css b/css/vibrancy.css
@@ -204,4 +204,16 @@ html.full-vibrancy ._6e38 {
 	filter: brightness(0.66);
 }
 
+/* Message composer: link preview */
+html.full-vibrancy .chatAttachmentShelf,
+html.full-vibrancy .fbNubFlyoutAttachments,
+html.full-vibrancy.dark-mode .chatAttachmentShelf,
+html.full-vibrancy.dark-mode .fbNubFlyoutAttachments {
+	background: transparent !important;
+}
+html.full-vibrancy .chatAttachmentShelf,
+html.full-vibrancy.dark-mode .chatAttachmentShelf {
+	border-top-color: rgba(0, 0, 0, 0.1);
+}
+
 /* -- BLOCK END: full-window vibrancy -- */