From c0eeb83cfc8e5021f3a7904d8cc7b33d07cd92ea Mon Sep 17 00:00:00 2001
From: Allan Wang <me@allanwang.ca>
Date: Tue, 12 Jan 2021 22:23:12 -0800
Subject: Start mapping messenger injections

---
 app/src/web/scss/messenger/core/_core_bg.scss   |  4 ++++
 app/src/web/scss/messenger/core/_core_vars.scss | 10 ++++++++++
 app/src/web/scss/messenger/core/core.scss       |  1 +
 3 files changed, 15 insertions(+)
 create mode 100644 app/src/web/scss/messenger/core/_core_vars.scss

(limited to 'app/src/web')

diff --git a/app/src/web/scss/messenger/core/_core_bg.scss b/app/src/web/scss/messenger/core/_core_bg.scss
index e69de29b..92d3dd85 100644
--- a/app/src/web/scss/messenger/core/_core_bg.scss
+++ b/app/src/web/scss/messenger/core/_core_bg.scss
@@ -0,0 +1,4 @@
+html, body, :root, #root,
+[style*="background-color: #FFFFFF"], [style*="background-color: #E4E6EB"] {
+  background: $bg_transparent !important;
+}
diff --git a/app/src/web/scss/messenger/core/_core_vars.scss b/app/src/web/scss/messenger/core/_core_vars.scss
new file mode 100644
index 00000000..f15c936c
--- /dev/null
+++ b/app/src/web/scss/messenger/core/_core_vars.scss
@@ -0,0 +1,10 @@
+:root, .__fb-light-mode {
+  // Main background; needs to be opaque to hide gradient used for sender card
+  --messenger-card-background: $bg_transparent !important;
+  // Date
+  --placeholder-text: $text !important;
+  // Emoji background
+  --surface-background: $bg_opaque2 !important;
+  --primary-text: $text !important;
+  --web-wash: #f0f !important;
+}
\ No newline at end of file
diff --git a/app/src/web/scss/messenger/core/core.scss b/app/src/web/scss/messenger/core/core.scss
index f6a92475..d5cb691a 100644
--- a/app/src/web/scss/messenger/core/core.scss
+++ b/app/src/web/scss/messenger/core/core.scss
@@ -1,5 +1,6 @@
 @import "../../core/colors";
 @import "../../core/base";
+@import "core_vars";
 @import "core_text";
 @import "core_bg";
 @import "core_border";
\ No newline at end of file
-- 
cgit v1.2.3