1 files changed, 34 insertions, 0 deletions
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..66795299
--- /dev/null
+++ b/app/src/web/scss/messenger/core/_core_vars.scss
@@ -0,0 +1,34 @@
+:root, .__fb-light-mode {
+  --attachment-footer-background: #{$bg_opaque} !important;
+  --card-background-flat: #{$bg_opaque} !important;
+  --card-background: #{$bg_opaque} !important;
+  --comment-background: #{$bg_opaque2} !important;
+  --comment-footer-background: #{$bg_opaque} !important;
+  --disabled-button-background: #{$bg_opaque} !important;
+  --disabled-icon: #{$text_disabled} !important;
+  --disabled-text: #{$text_disabled} !important;
+  --divider: #{$divider} !important;
+  --hero-banner-background: #{$bg_opaque} !important;
+  --highlight-bg: #{$bg_opaque2} !important;
+  --media-outer-border: #{$bg_opaque} !important;
+  --messenger-card-background: #{$bg_opaque} !important;
+  --messenger-card-background: #{$bg_opaque} !important; // Main background; needs to be opaque to hide gradient used for sender card
+  --messenger-reply-background: #{$bg_opaque2} !important;
+  --nav-bar-background-gradient-wash: #{$bg_opaque} !important;
+  --nav-bar-background-gradient: #{$bg_opaque} !important;
+  --nav-bar-background: #{$bg_opaque} !important;
+  --new-notification-background: #{$bg_opaque2} !important;
+  --placeholder-text: #{$text} !important; // Date
+  --primary-icon: #{$text} !important;
+  --primary-text: #{$text} !important;
+  --secondary-icon: #{$text} !important;
+  --secondary-text: #{$text} !important;
+  --surface-background: #{$bg_opaque2} !important; // Emoji background
+  --toggle-active-background: #{$bg_opaque2} !important;
+  --wash: #{$bg_opaque2} !important;
+  --web-wash: #{$bg_opaque2} !important;
+
+  [role="navigation"] {
+    --surface-background: #{$bg_opaque} !important; // Nav background
+  }
+}