From a99ce272195c132c23379f28278339c88b356da1 Mon Sep 17 00:00:00 2001
From: Allan Wang <me@allanwang.ca>
Date: Wed, 13 Jan 2021 00:29:41 -0800
Subject: Update theme

---
 app/src/web/scss/core/_base.scss                  | 14 +++++++++++++-
 app/src/web/scss/messenger/core/_core_border.scss |  3 +++
 app/src/web/scss/messenger/core/_core_vars.scss   |  8 ++++++--
 app/src/web/scss/messenger/core/core.scss         | 16 +++++++++++++++-
 4 files changed, 37 insertions(+), 4 deletions(-)

(limited to 'app/src')

diff --git a/app/src/web/scss/core/_base.scss b/app/src/web/scss/core/_base.scss
index 472319fe..6fa9c3fd 100644
--- a/app/src/web/scss/core/_base.scss
+++ b/app/src/web/scss/core/_base.scss
@@ -16,6 +16,13 @@
   }
 }
 
+@mixin fill-available {
+  width: 100%;
+  max-width: -webkit-fill-available;
+  max-width: -moz-available;
+  max-width: fill-available;
+}
+
 @mixin keyframes($name) {
   @-webkit-keyframes #{$name} {
     @content;
@@ -38,7 +45,12 @@
 @function str-replace($string, $search, $replace: "") {
   $index: str-index($string, $search);
 
-  @return if($index, str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace), $string);
+  @return if(
+    $index,
+    str-slice($string, 1, $index - 1) + $replace +
+      str-replace(str-slice($string, $index + str-length($search)), $search, $replace),
+    $string
+  );
 }
 
 //  https://css-tricks.com/probably-dont-base64-svg/
diff --git a/app/src/web/scss/messenger/core/_core_border.scss b/app/src/web/scss/messenger/core/_core_border.scss
index e69de29b..10495a02 100644
--- a/app/src/web/scss/messenger/core/_core_border.scss
+++ b/app/src/web/scss/messenger/core/_core_border.scss
@@ -0,0 +1,3 @@
+[role="navigation"] {
+  border-right: 2px solid $bg_opaque2 !important;
+}
\ No newline at end of file
diff --git a/app/src/web/scss/messenger/core/_core_vars.scss b/app/src/web/scss/messenger/core/_core_vars.scss
index cdc5b7cf..66795299 100644
--- a/app/src/web/scss/messenger/core/_core_vars.scss
+++ b/app/src/web/scss/messenger/core/_core_vars.scss
@@ -2,7 +2,7 @@
   --attachment-footer-background: #{$bg_opaque} !important;
   --card-background-flat: #{$bg_opaque} !important;
   --card-background: #{$bg_opaque} !important;
-  --comment-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;
@@ -25,6 +25,10 @@
   --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;
-  --web-wash: #{$bg_opaque2} !important;
+
+  [role="navigation"] {
+    --surface-background: #{$bg_opaque} !important; // Nav background
+  }
 }
diff --git a/app/src/web/scss/messenger/core/core.scss b/app/src/web/scss/messenger/core/core.scss
index d5cb691a..7d49422d 100644
--- a/app/src/web/scss/messenger/core/core.scss
+++ b/app/src/web/scss/messenger/core/core.scss
@@ -3,4 +3,18 @@
 @import "core_vars";
 @import "core_text";
 @import "core_bg";
-@import "core_border";
\ No newline at end of file
+@import "core_border";
+
+// Sizing adjustments
+[role="navigation"] {
+  .rq0escxv.l9j0dhe7.du4w35lb.j83agx80.g5gj957u.rj1gh0hx.buofh1pr.hpfvmrgz.i1fnvgqd.bp9cbjyn.owycx6da.btwxx1t3.dflh9lhu.scb9dxdr.sj5x9vvc.cxgpxx05.sn0e7ne5.f6rbj1fe.l3ldwz01 /* New! Messenger app for windows */,
+  .rq0escxv.l9j0dhe7.du4w35lb.n851cfcs.aahdfvyu /* Search messenger */,
+  .wkznzc2l /* Top left chat + menu entry */ {
+    display: none !important;
+  }
+}
+
+.rq0escxv.l9j0dhe7.du4w35lb.j83agx80.cbu4d94t.pfnyh3mw.d2edcug0.hpfvmrgz.p8fzw8mz.pcp91wgn.iuny7tx3.ipjc6fyt /* Top bar call video info icons */,
+.kuivcneq /* Right sidebar */ {
+  display: none !important;
+}
-- 
cgit v1.2.3