Theme (#1346)

* Theme text from linked user list

* Theme unlike page, resolves #1335

* Fix comment theme box text, resolves #1340

* Apply spotless

15 files changed, 79 insertions, 48 deletions

diff --git a/app/src/main/kotlin/com/pitchedapps/frost/fragments/RecyclerFragmentBase.kt b/app/src/main/kotlin/com/pitchedapps/frost/fragments/RecyclerFragmentBase.kt
index 37af690b..ed6a4cf0 100644
--- a/app/src/main/kotlin/com/pitchedapps/frost/fragments/RecyclerFragmentBase.kt
+++ b/app/src/main/kotlin/com/pitchedapps/frost/fragments/RecyclerFragmentBase.kt
@@ -30,7 +30,6 @@ import com.pitchedapps.frost.utils.L
 import com.pitchedapps.frost.utils.frostJsoup
 import com.pitchedapps.frost.views.FrostRecyclerView
 import kotlinx.coroutines.Dispatchers
-import kotlinx.coroutines.isActive
 import kotlinx.coroutines.withContext
 
 /**
diff --git a/app/src/main/kotlin/com/pitchedapps/frost/views/FrostRecyclerView.kt b/app/src/main/kotlin/com/pitchedapps/frost/views/FrostRecyclerView.kt
index ce7437a7..97be8951 100644
--- a/app/src/main/kotlin/com/pitchedapps/frost/views/FrostRecyclerView.kt
+++ b/app/src/main/kotlin/com/pitchedapps/frost/views/FrostRecyclerView.kt
@@ -27,10 +27,8 @@ import com.pitchedapps.frost.contracts.FrostContentContainer
 import com.pitchedapps.frost.contracts.FrostContentCore
 import com.pitchedapps.frost.contracts.FrostContentParent
 import com.pitchedapps.frost.fragments.RecyclerContentContract
-import com.pitchedapps.frost.utils.L
 import com.pitchedapps.frost.utils.Prefs
 import kotlinx.coroutines.ExperimentalCoroutinesApi
-import kotlinx.coroutines.isActive
 import kotlinx.coroutines.launch
 
 /**
diff --git a/app/src/main/res/xml/frost_changelog.xml b/app/src/main/res/xml/frost_changelog.xml
index a2347873..1736b0ea 100644
--- a/app/src/main/res/xml/frost_changelog.xml
+++ b/app/src/main/res/xml/frost_changelog.xml
@@ -11,6 +11,8 @@
     <item text="Fix crash when internet disconnects (may still need app restart)" />
     <item text="Improve JS code" />
     <item text="Add ability to copy text from comments" />
+    <item text="Various theme fixes" />
+    <item text="" />
     <item text="" />
 
     <version title="v2.2.1" />
diff --git a/app/src/test/kotlin/com/pitchedapps/frost/injectors/CssAssetsTest.kt b/app/src/test/kotlin/com/pitchedapps/frost/injectors/CssAssetsTest.kt
index 0613d28e..8894e5b6 100644
--- a/app/src/test/kotlin/com/pitchedapps/frost/injectors/CssAssetsTest.kt
+++ b/app/src/test/kotlin/com/pitchedapps/frost/injectors/CssAssetsTest.kt
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2019 Allan Wang
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
 package com.pitchedapps.frost.injectors
 
 import java.io.File
@@ -13,4 +29,4 @@ class CssAssetsTest {
             assertTrue(file.exists(), "${asset.name} not found at ${file.path}")
         }
     }
-}
\ No newline at end of file
+}
diff --git a/app/src/test/kotlin/com/pitchedapps/frost/injectors/JsAssetsTest.kt b/app/src/test/kotlin/com/pitchedapps/frost/injectors/JsAssetsTest.kt
index eab62b27..7fcb8573 100644
--- a/app/src/test/kotlin/com/pitchedapps/frost/injectors/JsAssetsTest.kt
+++ b/app/src/test/kotlin/com/pitchedapps/frost/injectors/JsAssetsTest.kt
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2019 Allan Wang
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
 package com.pitchedapps.frost.injectors
 
 import java.io.File
@@ -13,4 +29,4 @@ class JsAssetsTest {
             assertTrue(file.exists(), "${asset.name} not found at ${file.path}")
         }
     }
-}
\ No newline at end of file
+}
diff --git a/app/src/web/.idea/watcherTasks.xml b/app/src/web/.idea/watcherTasks.xml
index 32d1e6f4..4caea6ed 100644
--- a/app/src/web/.idea/watcherTasks.xml
+++ b/app/src/web/.idea/watcherTasks.xml
@@ -17,7 +17,7 @@
       <option name="program" value="sass" />
       <option name="runOnExternalChanges" value="true" />
       <option name="scopeName" value="Project Files" />
-      <option name="trackOnlyRoot" value="true" />
+      <option name="trackOnlyRoot" value="false" />
       <option name="workingDir" value="$FileDir$" />
       <envs />
     </TaskOptions>
diff --git a/app/src/web/assets/css/core/_colors.scss b/app/src/web/assets/css/core/_colors.scss
index 1411a857..7610572c 100644
--- a/app/src/web/assets/css/core/_colors.scss
+++ b/app/src/web/assets/css/core/_colors.scss
@@ -7,7 +7,7 @@ $text: #d7b0d7 !default;
 // must be visible with accent as the background
 $accent_text: #76d7c2 !default;
 $link: #9266d5 !default;
-$accent: #3b5998 !default;
+$accent: #980008 !default;
 $background: #451515 !default;
 // background2 must be transparent
 $background2: rgba(lighten($background, 35%), 0.35) !default; //Also change ratio in material_light
diff --git a/app/src/web/assets/css/core/_core_bg.scss b/app/src/web/assets/css/core/_core_bg.scss
index 21c20bcc..84cf6b00 100644
--- a/app/src/web/assets/css/core/_core_bg.scss
+++ b/app/src/web/assets/css/core/_core_bg.scss
@@ -19,7 +19,7 @@ body, :root, #root, #header, #MComposer, [style*="background-color"], ._1upc, in
 .acw, ._4_xl, ._1p70, ._1p70, ._1ih_, ._51v6, ._u2c, ._484w, ._3ils, ._rm7, ._32qk, ._d01, ._1glm,
 ._ue6, ._hdn._hdn,
 ._2y60, ._5fu3, ._2foa, ._2y5_, ._38o9, ._1kb, .mAppCenterFatLabel, ._3bmj, ._5zmb, ._2x2s, ._3kac, ._3kad,
-._3f50, .mentions-placeholder, .mentions, .mentions-shadow, .mentions-measurer, .acg, ._59tu,
+._3f50, .mentions-placeholder, .mentions, .mentions-measurer, .acg, ._59tu,
 ._4l9b, ._4gj3, .groupChromeView, ._i3g, ._3jcf, .error, ._1dbp, ._5zma, ._6beq, ._vi6,
 ._uww, textarea, ._15n_, ._skt, ._5f28, ._14_j, ._3bg5, ._53_-, ._52x1, ._35au, ._cwy,
 ._1rfn ._1rfk ._4vc-, ._1rfk, ._1rfk ._2v9s, ._301x {
@@ -27,7 +27,7 @@ body, :root, #root, #header, #MComposer, [style*="background-color"], ._1upc, in
 }
 
 //card related
-._31nf, ._2v9s, ._d4i, article._55wo, ._10c_, ._2jl2, ._55wo, ._6150, ._50mi, ._4-dw, ._4_2z {
+._31nf, ._2v9s, ._d4i, article._55wo, ._10c_, ._2jl2, ._55wo, ._6150, ._50mi, ._4-dw, ._4_2z, ._5m_s {
   background: $card !important;
 }
 
@@ -42,7 +42,7 @@ body, :root, #root, #header, #MComposer, [style*="background-color"], ._1upc, in
   background-color: $bg_transparent !important;
 }
 
-#page, ._8l7, ._-j8, ._-j9, ._6o5v {
+#page, ._8l7, ._-j8, ._-j9, ._6o5v, ._uwx, .touch ._uwx.mentions-input {
   background: transparent !important;
 }
 
@@ -83,4 +83,4 @@ button:not([style*=image]):not(.privacyButtons), button::before, .touch ._56bt,
 //fab
 button ._v89 ._54k8._1fl1 {
   background: $accent !important;
-}
\ No newline at end of file
+}
diff --git a/app/src/web/assets/css/core/_core_text.scss b/app/src/web/assets/css/core/_core_text.scss
index 154cee84..bc6d687a 100644
--- a/app/src/web/assets/css/core/_core_text.scss
+++ b/app/src/web/assets/css/core/_core_text.scss
@@ -4,7 +4,7 @@
 ._z-z, ._z-v, ._1e8d, ._36nl, ._36nm, ._2_11, ._2_rf, ._2ip_, ._403p, .cq, ._usr,
 ._5xu2, ._3ml8, ._3mla, ._50vk, ._1m2u, ._31y7, ._4kcb, ._1lf6, ._1lf5,
 ._1lf4, ._1hiz, ._xod, ._5ag5, ._zmk, ._3t_h, ._5lm6, ._3clv, ._3zlc, ._36rd,
-._31zk, ._31zl, ._3xsa, ._3xs9, ._2-4s, ._2fzz ul, ._3z10,
+._31zk, ._31zl, ._3xsa, ._3xs9, ._2-4s, ._2fzz ul, ._3z10, ._4mo, ._2om6,
 ._43mh, .touch .btn, .fcg, button, ._52j9, ._52jb, ._52ja, ._5j35,
 ._rnk, ._24u0, ._1g06, ._14ye, .fcb, ._56cz._56c_, ._1gk_, ._55fj, ._45fu,
 ._18qg, ._1_ac, ._529p, ._4dwt ._1vh3, ._4a5f, ._23_t, ._2rzc, ._23_s, ._2rzd,
@@ -25,7 +25,7 @@ h1, h2, h3, h4, h5, h6 {
   color: $text !important;
 }
 
-strong > a, ._15ks ._2q8z._2q8z, ._1e3e, .blueName {
+strong > a, ._15ks ._2q8z._2q8z, ._1e3e, .blueName, ._5kqs ._55sr {
   color: $accent !important;
 }
 
@@ -36,4 +36,4 @@ strong > a, ._15ks ._2q8z._2q8z, ._1e3e, .blueName {
 // most links do not have a special color. We will highlight those in posts and messages
 p > a, .msg span > a {
   color: $link !important;
-}
\ No newline at end of file
+}
diff --git a/app/src/web/assets/css/core/core.css b/app/src/web/assets/css/core/core.css
index 1d48fa35..483f4d36 100644
--- a/app/src/web/assets/css/core/core.css
+++ b/app/src/web/assets/css/core/core.css
@@ -4,7 +4,7 @@
 ._z-z, ._z-v, ._1e8d, ._36nl, ._36nm, ._2_11, ._2_rf, ._2ip_, ._403p, .cq, ._usr,
 ._5xu2, ._3ml8, ._3mla, ._50vk, ._1m2u, ._31y7, ._4kcb, ._1lf6, ._1lf5,
 ._1lf4, ._1hiz, ._xod, ._5ag5, ._zmk, ._3t_h, ._5lm6, ._3clv, ._3zlc, ._36rd,
-._31zk, ._31zl, ._3xsa, ._3xs9, ._2-4s, ._2fzz ul, ._3z10,
+._31zk, ._31zl, ._3xsa, ._3xs9, ._2-4s, ._2fzz ul, ._3z10, ._4mo, ._2om6,
 ._43mh, .touch .btn, .fcg, button, ._52j9, ._52jb, ._52ja, ._5j35,
 ._rnk, ._24u0, ._1g06, ._14ye, .fcb, ._56cz._56c_, ._1gk_, ._55fj, ._45fu,
 ._18qg, ._1_ac, ._529p, ._4dwt ._1vh3, ._4a5f, ._23_t, ._2rzc, ._23_s, ._2rzd,
@@ -25,8 +25,8 @@ h1, h2, h3, h4, h5, h6 {
   color: #d7b0d7 !important;
 }
 
-strong > a, ._15ks ._2q8z._2q8z, ._1e3e, .blueName {
-  color: #3b5998 !important;
+strong > a, ._15ks ._2q8z._2q8z, ._1e3e, .blueName, ._5kqs ._55sr {
+  color: #980008 !important;
 }
 
 ._42nf ._42ng {
@@ -58,14 +58,14 @@ body, :root, #root, #header, #MComposer, [style*=background-color], ._1upc, inpu
 .acw, ._4_xl, ._1p70, ._1p70, ._1ih_, ._51v6, ._u2c, ._484w, ._3ils, ._rm7, ._32qk, ._d01, ._1glm,
 ._ue6, ._hdn._hdn,
 ._2y60, ._5fu3, ._2foa, ._2y5_, ._38o9, ._1kb, .mAppCenterFatLabel, ._3bmj, ._5zmb, ._2x2s, ._3kac, ._3kad,
-._3f50, .mentions-placeholder, .mentions, .mentions-shadow, .mentions-measurer, .acg, ._59tu,
+._3f50, .mentions-placeholder, .mentions, .mentions-measurer, .acg, ._59tu,
 ._4l9b, ._4gj3, .groupChromeView, ._i3g, ._3jcf, .error, ._1dbp, ._5zma, ._6beq, ._vi6,
 ._uww, textarea, ._15n_, ._skt, ._5f28, ._14_j, ._3bg5, ._53_-, ._52x1, ._35au, ._cwy,
 ._1rfn ._1rfk ._4vc-, ._1rfk, ._1rfk ._2v9s, ._301x {
   background: rgba(255, 0, 255, 0.02) !important;
 }
 
-._31nf, ._2v9s, ._d4i, article._55wo, ._10c_, ._2jl2, ._55wo, ._6150, ._50mi, ._4-dw, ._4_2z {
+._31nf, ._2v9s, ._d4i, article._55wo, ._10c_, ._2jl2, ._55wo, ._6150, ._50mi, ._4-dw, ._4_2z, ._5m_s {
   background: #239645 !important;
 }
 
@@ -77,7 +77,7 @@ body, :root, #root, #header, #MComposer, [style*=background-color], ._1upc, inpu
   background-color: rgba(255, 0, 255, 0.02) !important;
 }
 
-#page, ._8l7, ._-j8, ._-j9, ._6o5v {
+#page, ._8l7, ._-j8, ._-j9, ._6o5v, ._uwx, .touch ._uwx.mentions-input {
   background: transparent !important;
 }
 
@@ -106,7 +106,7 @@ button:not([style*=image]):not(.privacyButtons), button::before, .touch ._56bt,
 }
 
 .mQuestionsPollResultsBar .shaded {
-  background: #3b5998 !important;
+  background: #980008 !important;
 }
 
 ._220g, ._1_y8:after, ._6pk6,
@@ -116,7 +116,7 @@ button:not([style*=image]):not(.privacyButtons), button::before, .touch ._56bt,
 }
 
 button ._v89 ._54k8._1fl1 {
-  background: #3b5998 !important;
+  background: #980008 !important;
 }
 
 ._15kl::before, ._37fd .inlineComposerButton, ._1hb:before,
@@ -214,7 +214,7 @@ button ._v89 ._54k8._1fl1 {
 }
 
 ._34em ._34ee {
-  background: #3b5998 !important;
+  background: #980008 !important;
   color: #76d7c2 !important;
 }
 
diff --git a/app/src/web/assets/css/themes/custom.css b/app/src/web/assets/css/themes/custom.css
index e38c6de0..56ee7efc 100644
--- a/app/src/web/assets/css/themes/custom.css
+++ b/app/src/web/assets/css/themes/custom.css
@@ -4,7 +4,7 @@
 ._z-z, ._z-v, ._1e8d, ._36nl, ._36nm, ._2_11, ._2_rf, ._2ip_, ._403p, .cq, ._usr,
 ._5xu2, ._3ml8, ._3mla, ._50vk, ._1m2u, ._31y7, ._4kcb, ._1lf6, ._1lf5,
 ._1lf4, ._1hiz, ._xod, ._5ag5, ._zmk, ._3t_h, ._5lm6, ._3clv, ._3zlc, ._36rd,
-._31zk, ._31zl, ._3xsa, ._3xs9, ._2-4s, ._2fzz ul, ._3z10,
+._31zk, ._31zl, ._3xsa, ._3xs9, ._2-4s, ._2fzz ul, ._3z10, ._4mo, ._2om6,
 ._43mh, .touch .btn, .fcg, button, ._52j9, ._52jb, ._52ja, ._5j35,
 ._rnk, ._24u0, ._1g06, ._14ye, .fcb, ._56cz._56c_, ._1gk_, ._55fj, ._45fu,
 ._18qg, ._1_ac, ._529p, ._4dwt ._1vh3, ._4a5f, ._23_t, ._2rzc, ._23_s, ._2rzd,
@@ -25,7 +25,7 @@ h1, h2, h3, h4, h5, h6 {
   color: $T$ !important;
 }
 
-strong > a, ._15ks ._2q8z._2q8z, ._1e3e, .blueName {
+strong > a, ._15ks ._2q8z._2q8z, ._1e3e, .blueName, ._5kqs ._55sr {
   color: $A$ !important;
 }
 
@@ -58,14 +58,14 @@ body, :root, #root, #header, #MComposer, [style*=background-color], ._1upc, inpu
 .acw, ._4_xl, ._1p70, ._1p70, ._1ih_, ._51v6, ._u2c, ._484w, ._3ils, ._rm7, ._32qk, ._d01, ._1glm,
 ._ue6, ._hdn._hdn,
 ._2y60, ._5fu3, ._2foa, ._2y5_, ._38o9, ._1kb, .mAppCenterFatLabel, ._3bmj, ._5zmb, ._2x2s, ._3kac, ._3kad,
-._3f50, .mentions-placeholder, .mentions, .mentions-shadow, .mentions-measurer, .acg, ._59tu,
+._3f50, .mentions-placeholder, .mentions, .mentions-measurer, .acg, ._59tu,
 ._4l9b, ._4gj3, .groupChromeView, ._i3g, ._3jcf, .error, ._1dbp, ._5zma, ._6beq, ._vi6,
 ._uww, textarea, ._15n_, ._skt, ._5f28, ._14_j, ._3bg5, ._53_-, ._52x1, ._35au, ._cwy,
 ._1rfn ._1rfk ._4vc-, ._1rfk, ._1rfk ._2v9s, ._301x {
   background: $BT$ !important;
 }
 
-._31nf, ._2v9s, ._d4i, article._55wo, ._10c_, ._2jl2, ._55wo, ._6150, ._50mi, ._4-dw, ._4_2z {
+._31nf, ._2v9s, ._d4i, article._55wo, ._10c_, ._2jl2, ._55wo, ._6150, ._50mi, ._4-dw, ._4_2z, ._5m_s {
   background: $C$ !important;
 }
 
@@ -77,7 +77,7 @@ body, :root, #root, #header, #MComposer, [style*=background-color], ._1upc, inpu
   background-color: $BT$ !important;
 }
 
-#page, ._8l7, ._-j8, ._-j9, ._6o5v {
+#page, ._8l7, ._-j8, ._-j9, ._6o5v, ._uwx, .touch ._uwx.mentions-input {
   background: transparent !important;
 }
 
diff --git a/app/src/web/assets/css/themes/material_amoled.css b/app/src/web/assets/css/themes/material_amoled.css
index c821003e..a214a17f 100644
--- a/app/src/web/assets/css/themes/material_amoled.css
+++ b/app/src/web/assets/css/themes/material_amoled.css
@@ -4,7 +4,7 @@
 ._z-z, ._z-v, ._1e8d, ._36nl, ._36nm, ._2_11, ._2_rf, ._2ip_, ._403p, .cq, ._usr,
 ._5xu2, ._3ml8, ._3mla, ._50vk, ._1m2u, ._31y7, ._4kcb, ._1lf6, ._1lf5,
 ._1lf4, ._1hiz, ._xod, ._5ag5, ._zmk, ._3t_h, ._5lm6, ._3clv, ._3zlc, ._36rd,
-._31zk, ._31zl, ._3xsa, ._3xs9, ._2-4s, ._2fzz ul, ._3z10,
+._31zk, ._31zl, ._3xsa, ._3xs9, ._2-4s, ._2fzz ul, ._3z10, ._4mo, ._2om6,
 ._43mh, .touch .btn, .fcg, button, ._52j9, ._52jb, ._52ja, ._5j35,
 ._rnk, ._24u0, ._1g06, ._14ye, .fcb, ._56cz._56c_, ._1gk_, ._55fj, ._45fu,
 ._18qg, ._1_ac, ._529p, ._4dwt ._1vh3, ._4a5f, ._23_t, ._2rzc, ._23_s, ._2rzd,
@@ -25,7 +25,7 @@ h1, h2, h3, h4, h5, h6 {
   color: #fff !important;
 }
 
-strong > a, ._15ks ._2q8z._2q8z, ._1e3e, .blueName {
+strong > a, ._15ks ._2q8z._2q8z, ._1e3e, .blueName, ._5kqs ._55sr {
   color: #5d86dd !important;
 }
 
@@ -58,14 +58,14 @@ body, :root, #root, #header, #MComposer, [style*=background-color], ._1upc, inpu
 .acw, ._4_xl, ._1p70, ._1p70, ._1ih_, ._51v6, ._u2c, ._484w, ._3ils, ._rm7, ._32qk, ._d01, ._1glm,
 ._ue6, ._hdn._hdn,
 ._2y60, ._5fu3, ._2foa, ._2y5_, ._38o9, ._1kb, .mAppCenterFatLabel, ._3bmj, ._5zmb, ._2x2s, ._3kac, ._3kad,
-._3f50, .mentions-placeholder, .mentions, .mentions-shadow, .mentions-measurer, .acg, ._59tu,
+._3f50, .mentions-placeholder, .mentions, .mentions-measurer, .acg, ._59tu,
 ._4l9b, ._4gj3, .groupChromeView, ._i3g, ._3jcf, .error, ._1dbp, ._5zma, ._6beq, ._vi6,
 ._uww, textarea, ._15n_, ._skt, ._5f28, ._14_j, ._3bg5, ._53_-, ._52x1, ._35au, ._cwy,
 ._1rfn ._1rfk ._4vc-, ._1rfk, ._1rfk ._2v9s, ._301x {
   background: #000 !important;
 }
 
-._31nf, ._2v9s, ._d4i, article._55wo, ._10c_, ._2jl2, ._55wo, ._6150, ._50mi, ._4-dw, ._4_2z {
+._31nf, ._2v9s, ._d4i, article._55wo, ._10c_, ._2jl2, ._55wo, ._6150, ._50mi, ._4-dw, ._4_2z, ._5m_s {
   background: rgba(0, 0, 0, 0.35) !important;
 }
 
@@ -77,7 +77,7 @@ body, :root, #root, #header, #MComposer, [style*=background-color], ._1upc, inpu
   background-color: #000 !important;
 }
 
-#page, ._8l7, ._-j8, ._-j9, ._6o5v {
+#page, ._8l7, ._-j8, ._-j9, ._6o5v, ._uwx, .touch ._uwx.mentions-input {
   background: transparent !important;
 }
 
diff --git a/app/src/web/assets/css/themes/material_dark.css b/app/src/web/assets/css/themes/material_dark.css
index 0dc739eb..3b5a4364 100644
--- a/app/src/web/assets/css/themes/material_dark.css
+++ b/app/src/web/assets/css/themes/material_dark.css
@@ -4,7 +4,7 @@
 ._z-z, ._z-v, ._1e8d, ._36nl, ._36nm, ._2_11, ._2_rf, ._2ip_, ._403p, .cq, ._usr,
 ._5xu2, ._3ml8, ._3mla, ._50vk, ._1m2u, ._31y7, ._4kcb, ._1lf6, ._1lf5,
 ._1lf4, ._1hiz, ._xod, ._5ag5, ._zmk, ._3t_h, ._5lm6, ._3clv, ._3zlc, ._36rd,
-._31zk, ._31zl, ._3xsa, ._3xs9, ._2-4s, ._2fzz ul, ._3z10,
+._31zk, ._31zl, ._3xsa, ._3xs9, ._2-4s, ._2fzz ul, ._3z10, ._4mo, ._2om6,
 ._43mh, .touch .btn, .fcg, button, ._52j9, ._52jb, ._52ja, ._5j35,
 ._rnk, ._24u0, ._1g06, ._14ye, .fcb, ._56cz._56c_, ._1gk_, ._55fj, ._45fu,
 ._18qg, ._1_ac, ._529p, ._4dwt ._1vh3, ._4a5f, ._23_t, ._2rzc, ._23_s, ._2rzd,
@@ -25,7 +25,7 @@ h1, h2, h3, h4, h5, h6 {
   color: #fff !important;
 }
 
-strong > a, ._15ks ._2q8z._2q8z, ._1e3e, .blueName {
+strong > a, ._15ks ._2q8z._2q8z, ._1e3e, .blueName, ._5kqs ._55sr {
   color: #5d86dd !important;
 }
 
@@ -58,14 +58,14 @@ body, :root, #root, #header, #MComposer, [style*=background-color], ._1upc, inpu
 .acw, ._4_xl, ._1p70, ._1p70, ._1ih_, ._51v6, ._u2c, ._484w, ._3ils, ._rm7, ._32qk, ._d01, ._1glm,
 ._ue6, ._hdn._hdn,
 ._2y60, ._5fu3, ._2foa, ._2y5_, ._38o9, ._1kb, .mAppCenterFatLabel, ._3bmj, ._5zmb, ._2x2s, ._3kac, ._3kad,
-._3f50, .mentions-placeholder, .mentions, .mentions-shadow, .mentions-measurer, .acg, ._59tu,
+._3f50, .mentions-placeholder, .mentions, .mentions-measurer, .acg, ._59tu,
 ._4l9b, ._4gj3, .groupChromeView, ._i3g, ._3jcf, .error, ._1dbp, ._5zma, ._6beq, ._vi6,
 ._uww, textarea, ._15n_, ._skt, ._5f28, ._14_j, ._3bg5, ._53_-, ._52x1, ._35au, ._cwy,
 ._1rfn ._1rfk ._4vc-, ._1rfk, ._1rfk ._2v9s, ._301x {
   background: #303030 !important;
 }
 
-._31nf, ._2v9s, ._d4i, article._55wo, ._10c_, ._2jl2, ._55wo, ._6150, ._50mi, ._4-dw, ._4_2z {
+._31nf, ._2v9s, ._d4i, article._55wo, ._10c_, ._2jl2, ._55wo, ._6150, ._50mi, ._4-dw, ._4_2z, ._5m_s {
   background: #353535 !important;
 }
 
@@ -77,7 +77,7 @@ body, :root, #root, #header, #MComposer, [style*=background-color], ._1upc, inpu
   background-color: #303030 !important;
 }
 
-#page, ._8l7, ._-j8, ._-j9, ._6o5v {
+#page, ._8l7, ._-j8, ._-j9, ._6o5v, ._uwx, .touch ._uwx.mentions-input {
   background: transparent !important;
 }
 
diff --git a/app/src/web/assets/css/themes/material_glass.css b/app/src/web/assets/css/themes/material_glass.css
index 3bf9530f..b1df20c0 100644
--- a/app/src/web/assets/css/themes/material_glass.css
+++ b/app/src/web/assets/css/themes/material_glass.css
@@ -4,7 +4,7 @@
 ._z-z, ._z-v, ._1e8d, ._36nl, ._36nm, ._2_11, ._2_rf, ._2ip_, ._403p, .cq, ._usr,
 ._5xu2, ._3ml8, ._3mla, ._50vk, ._1m2u, ._31y7, ._4kcb, ._1lf6, ._1lf5,
 ._1lf4, ._1hiz, ._xod, ._5ag5, ._zmk, ._3t_h, ._5lm6, ._3clv, ._3zlc, ._36rd,
-._31zk, ._31zl, ._3xsa, ._3xs9, ._2-4s, ._2fzz ul, ._3z10,
+._31zk, ._31zl, ._3xsa, ._3xs9, ._2-4s, ._2fzz ul, ._3z10, ._4mo, ._2om6,
 ._43mh, .touch .btn, .fcg, button, ._52j9, ._52jb, ._52ja, ._5j35,
 ._rnk, ._24u0, ._1g06, ._14ye, .fcb, ._56cz._56c_, ._1gk_, ._55fj, ._45fu,
 ._18qg, ._1_ac, ._529p, ._4dwt ._1vh3, ._4a5f, ._23_t, ._2rzc, ._23_s, ._2rzd,
@@ -25,7 +25,7 @@ h1, h2, h3, h4, h5, h6 {
   color: #fff !important;
 }
 
-strong > a, ._15ks ._2q8z._2q8z, ._1e3e, .blueName {
+strong > a, ._15ks ._2q8z._2q8z, ._1e3e, .blueName, ._5kqs ._55sr {
   color: #5d86dd !important;
 }
 
@@ -58,14 +58,14 @@ body, :root, #root, #header, #MComposer, [style*=background-color], ._1upc, inpu
 .acw, ._4_xl, ._1p70, ._1p70, ._1ih_, ._51v6, ._u2c, ._484w, ._3ils, ._rm7, ._32qk, ._d01, ._1glm,
 ._ue6, ._hdn._hdn,
 ._2y60, ._5fu3, ._2foa, ._2y5_, ._38o9, ._1kb, .mAppCenterFatLabel, ._3bmj, ._5zmb, ._2x2s, ._3kac, ._3kad,
-._3f50, .mentions-placeholder, .mentions, .mentions-shadow, .mentions-measurer, .acg, ._59tu,
+._3f50, .mentions-placeholder, .mentions, .mentions-measurer, .acg, ._59tu,
 ._4l9b, ._4gj3, .groupChromeView, ._i3g, ._3jcf, .error, ._1dbp, ._5zma, ._6beq, ._vi6,
 ._uww, textarea, ._15n_, ._skt, ._5f28, ._14_j, ._3bg5, ._53_-, ._52x1, ._35au, ._cwy,
 ._1rfn ._1rfk ._4vc-, ._1rfk, ._1rfk ._2v9s, ._301x {
   background: transparent !important;
 }
 
-._31nf, ._2v9s, ._d4i, article._55wo, ._10c_, ._2jl2, ._55wo, ._6150, ._50mi, ._4-dw, ._4_2z {
+._31nf, ._2v9s, ._d4i, article._55wo, ._10c_, ._2jl2, ._55wo, ._6150, ._50mi, ._4-dw, ._4_2z, ._5m_s {
   background: rgba(0, 0, 0, 0.25) !important;
 }
 
@@ -77,7 +77,7 @@ body, :root, #root, #header, #MComposer, [style*=background-color], ._1upc, inpu
   background-color: transparent !important;
 }
 
-#page, ._8l7, ._-j8, ._-j9, ._6o5v {
+#page, ._8l7, ._-j8, ._-j9, ._6o5v, ._uwx, .touch ._uwx.mentions-input {
   background: transparent !important;
 }
 
diff --git a/app/src/web/assets/css/themes/material_light.css b/app/src/web/assets/css/themes/material_light.css
index c00dd12f..78f26e83 100644
--- a/app/src/web/assets/css/themes/material_light.css
+++ b/app/src/web/assets/css/themes/material_light.css
@@ -4,7 +4,7 @@
 ._z-z, ._z-v, ._1e8d, ._36nl, ._36nm, ._2_11, ._2_rf, ._2ip_, ._403p, .cq, ._usr,
 ._5xu2, ._3ml8, ._3mla, ._50vk, ._1m2u, ._31y7, ._4kcb, ._1lf6, ._1lf5,
 ._1lf4, ._1hiz, ._xod, ._5ag5, ._zmk, ._3t_h, ._5lm6, ._3clv, ._3zlc, ._36rd,
-._31zk, ._31zl, ._3xsa, ._3xs9, ._2-4s, ._2fzz ul, ._3z10,
+._31zk, ._31zl, ._3xsa, ._3xs9, ._2-4s, ._2fzz ul, ._3z10, ._4mo, ._2om6,
 ._43mh, .touch .btn, .fcg, button, ._52j9, ._52jb, ._52ja, ._5j35,
 ._rnk, ._24u0, ._1g06, ._14ye, .fcb, ._56cz._56c_, ._1gk_, ._55fj, ._45fu,
 ._18qg, ._1_ac, ._529p, ._4dwt ._1vh3, ._4a5f, ._23_t, ._2rzc, ._23_s, ._2rzd,
@@ -25,7 +25,7 @@ h1, h2, h3, h4, h5, h6 {
   color: #000 !important;
 }
 
-strong > a, ._15ks ._2q8z._2q8z, ._1e3e, .blueName {
+strong > a, ._15ks ._2q8z._2q8z, ._1e3e, .blueName, ._5kqs ._55sr {
   color: #3b5998 !important;
 }
 
@@ -58,14 +58,14 @@ body, :root, #root, #header, #MComposer, [style*=background-color], ._1upc, inpu
 .acw, ._4_xl, ._1p70, ._1p70, ._1ih_, ._51v6, ._u2c, ._484w, ._3ils, ._rm7, ._32qk, ._d01, ._1glm,
 ._ue6, ._hdn._hdn,
 ._2y60, ._5fu3, ._2foa, ._2y5_, ._38o9, ._1kb, .mAppCenterFatLabel, ._3bmj, ._5zmb, ._2x2s, ._3kac, ._3kad,
-._3f50, .mentions-placeholder, .mentions, .mentions-shadow, .mentions-measurer, .acg, ._59tu,
+._3f50, .mentions-placeholder, .mentions, .mentions-measurer, .acg, ._59tu,
 ._4l9b, ._4gj3, .groupChromeView, ._i3g, ._3jcf, .error, ._1dbp, ._5zma, ._6beq, ._vi6,
 ._uww, textarea, ._15n_, ._skt, ._5f28, ._14_j, ._3bg5, ._53_-, ._52x1, ._35au, ._cwy,
 ._1rfn ._1rfk ._4vc-, ._1rfk, ._1rfk ._2v9s, ._301x {
   background: #fafafa !important;
 }
 
-._31nf, ._2v9s, ._d4i, article._55wo, ._10c_, ._2jl2, ._55wo, ._6150, ._50mi, ._4-dw, ._4_2z {
+._31nf, ._2v9s, ._d4i, article._55wo, ._10c_, ._2jl2, ._55wo, ._6150, ._50mi, ._4-dw, ._4_2z, ._5m_s {
   background: #fff !important;
 }
 
@@ -77,7 +77,7 @@ body, :root, #root, #header, #MComposer, [style*=background-color], ._1upc, inpu
   background-color: #fafafa !important;
 }
 
-#page, ._8l7, ._-j8, ._-j9, ._6o5v {
+#page, ._8l7, ._-j8, ._-j9, ._6o5v, ._uwx, .touch ._uwx.mentions-input {
   background: transparent !important;
 }