Update messenger theme

4 files changed, 32 insertions, 9 deletions

diff --git a/app/src/main/kotlin/com/pitchedapps/frost/injectors/ThemeProvider.kt b/app/src/main/kotlin/com/pitchedapps/frost/injectors/ThemeProvider.kt
index 666a6bc5..142a69e7 100644
--- a/app/src/main/kotlin/com/pitchedapps/frost/injectors/ThemeProvider.kt
+++ b/app/src/main/kotlin/com/pitchedapps/frost/injectors/ThemeProvider.kt
@@ -105,6 +105,7 @@ class ThemeProvider(private val context: Context, private val prefs: Prefs) {
                 content = content
                     .replace("\$T\$", textColor.toRgbaString())
                     .replace("\$TT\$", textColor.colorToBackground(0.05f).toRgbaString())
+                    .replace("\$TD\$", textColor.adjustAlpha(0.6f).toRgbaString())
                     .replace("\$A\$", accentColor.toRgbaString())
                     .replace("\$AT\$", iconColor.toRgbaString())
                     .replace("\$B\$", bgColor.toRgbaString())
diff --git a/app/src/web/scss/core/_colors.scss b/app/src/web/scss/core/_colors.scss
index 7610572c..ea75cc15 100644
--- a/app/src/web/scss/core/_colors.scss
+++ b/app/src/web/scss/core/_colors.scss
@@ -4,6 +4,7 @@ $bg_transparent: rgba(#f0f, 0.02) !default;
 //Our default colors are test colors; production files should always import the actual colors
 
 $text: #d7b0d7 !default;
+$text_disabled: rgba($text, 0.6) !default;
 // must be visible with accent as the background
 $accent_text: #76d7c2 !default;
 $link: #9266d5 !default;
diff --git a/app/src/web/scss/messenger/core/_core_vars.scss b/app/src/web/scss/messenger/core/_core_vars.scss
index f15c936c..cdc5b7cf 100644
--- a/app/src/web/scss/messenger/core/_core_vars.scss
+++ b/app/src/web/scss/messenger/core/_core_vars.scss
@@ -1,10 +1,30 @@
 :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
+  --attachment-footer-background: #{$bg_opaque} !important;
+  --card-background-flat: #{$bg_opaque} !important;
+  --card-background: #{$bg_opaque} !important;
+  --comment-background: #{$bg_opaque} !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;
+  --web-wash: #{$bg_opaque2} !important;
+  --web-wash: #{$bg_opaque2} !important;
+}
diff --git a/app/src/web/scss/palette/_custom.scss b/app/src/web/scss/palette/_custom.scss
index b35bdfa1..0adb7768 100644
--- a/app/src/web/scss/palette/_custom.scss
+++ b/app/src/web/scss/palette/_custom.scss
@@ -1,5 +1,6 @@
 $bg_transparent: unquote('$BT$');
 $text: unquote('$T$');
+$text_disabled: unquote('$TD$');
 $link: unquote('$TT$');
 $accent: unquote('$A$');
 $accent_text: unquote('$AT$');