Theme (#1289)

* Convert light theme to use transparent components

* Theme menu overflow

* Theme more settings and make links a different color

* Retheme main tags

1 files changed, 18 insertions, 15 deletions

diff --git a/app/src/main/assets/css/themes/material_light.css b/app/src/main/assets/css/themes/material_light.css
index 1a7c667f..ccfa0990 100644
--- a/app/src/main/assets/css/themes/material_light.css
+++ b/app/src/main/assets/css/themes/material_light.css
@@ -4,7 +4,8 @@
 ._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,
-._43mh, .touch .btn, p, span, .fcg, button, ._52j9, ._52jb, ._52ja, ._5j35,
+._31zk, ._31zl, ._3xsa, ._3xs9, ._2-4s, ._2fzz ul,
+._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,
 ._5aga, ._5ag9, ._537a, .acy, ._5ro_, ._6-l ._2us7, ._4mp, ._2b08, ._36e0, ._4-dy,
@@ -16,6 +17,7 @@ textarea, ._24pi, ._4en9, ._1kb, ._5p7j, ._2klz, ._5780, ._5781, ._5782,
 ._3c9l, ._3c9m, ._4jn_, ._32qt, ._3mom, ._3moo, ._-7o, ._d00, ._d01, ._559g,
 ._2new, .appCenterCategorySelectorButton, ._1ksq, ._1kt6, ._6ber, ._mxb, ._3oyd,
 div.sharerSelector, .footer, ._4pv_, ._1dbp, ._3kad, ._20zc, ._2i5v, ._2i5w,
+a, ._5fpq, ._4gux, ._3bg5 ._52x1, ._3bg5 ._52x2, ._6dsj ._3gin, ._hdn._hdn,
 .mentions-input, .mentions-placeholder, .largeStatusBox .placeHolder, .fcw,
 ._5-7t, .fcl, ._4qas, .thread-title, .title, ._46pa, ._336p, ._1rrd, ._2om4,
 ._3m1m, ._2om2, ._5n_e, .appListExplanation, ._5yt8, ._8he, ._2luw, ._5rgs,
@@ -23,7 +25,7 @@ h1, h2, h3, h4, h5, h6 {
   color: #000 !important;
 }
 
-strong > a, ._15ks ._2q8z._2q8z, ._1e3e {
+strong > a, ._15ks ._2q8z._2q8z, ._1e3e, .blueName {
   color: #3b5998 !important;
 }
 
@@ -31,9 +33,8 @@ strong > a, ._15ks ._2q8z._2q8z, ._1e3e {
   color: transparent !important;
 }
 
-a,
-._5fpq {
-  color: #111 !important;
+p > a, .msg span > a {
+  color: #3b5998 !important;
 }
 
 #viewport {
@@ -54,7 +55,8 @@ body, :root, #root, #header, #MComposer, [style*=background-color], ._1upc, inpu
 ._5_z1, ._5_z2, ._2mtc, ._206a, ._1_-1, ._1ybg, .appCenterCategorySelectorButton, ._5_ee, ._3clk,
 ._5c9u, div._5y57::before, ._59f6._55so::before, .structuredPublisher, ._94v, ._vqv, ._5lp5,
 ._55wm, ._2om3, ._2ol-, ._1f9d, ._vee, ._31a-, ._3r8b, ._3r9d, ._5vq5, ._3tl8, ._65wz, ._4edl,
-.acw, ._4_xl, ._1p70, ._1p70, ._1ih_, ._51v6, ._u2c, ._484w, ._3ils, ._rm7, ._32qk, ._d01,
+.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,
 ._4l9b, ._4gj3, .groupChromeView, ._i3g, ._3jcf, .error, ._1dbp, ._5zma, ._6beq, ._vi6,
@@ -85,7 +87,7 @@ body, :root, #root, #header, #MComposer, [style*=background-color], ._1upc, inpu
 }
 
 ._403n, ._14v5 ._14v8, ._1-kc {
-  background: #e5e5e5 !important;
+  background: #e6e6e6 !important;
 }
 
 button:not([style*=image]):not(.privacyButtons), button::before, .touch ._56bt, ._56be::before, .btnS, .touch::before,
@@ -100,7 +102,7 @@ button:not([style*=image]):not(.privacyButtons), button::before, .touch ._56bt,
 ._4qax, ._4756, ._w34, ._56bv::before, ._5769, ._34iv, ._z-w, ._t21, .mToken,
 #addMembersTypeahead .mToken.mTokenWeakReference,
 .acbk {
-  background: #e5e5e5 !important;
+  background: rgba(230, 230, 230, 0.35) !important;
 }
 
 .mQuestionsPollResultsBar .shaded {
@@ -161,6 +163,7 @@ button ._v89 ._54k8._1fl1 {
 ._1_y5, ._lr0, ._5hgt, ._2cpp, ._50uu, ._50uw, ._31yd, ._1e3d, ._3xz7, ._1xoz,
 ._4kcb, ._2lut, .jewel .touchable-notification.touched, .touchable-notification .touchable.touched,
 .home-notification .touchable.touched, ._6beo ._6ber,
+._73ku ._73jw,
 ._4e8n, ._uww, .mentions-placeholder, .mentions-shadow, .mentions-measurer,
 ._5whq, ._59tt, ._41ft::after, .jx-tokenizer, ._3uqf, ._4756, ._1rrd, ._5n_f {
   border: 1px solid rgba(0, 0, 0, 0.3) !important;
@@ -241,7 +244,7 @@ button ._v89 ._54k8._1fl1 {
 
 @-webkit-keyframes highlightFade {
   0%, 50% {
-    background: #e5e5e5;
+    background: rgba(230, 230, 230, 0.35);
   }
   100% {
     background: #fafafa;
@@ -249,7 +252,7 @@ button ._v89 ._54k8._1fl1 {
 }
 @-moz-keyframes highlightFade {
   0%, 50% {
-    background: #e5e5e5;
+    background: rgba(230, 230, 230, 0.35);
   }
   100% {
     background: #fafafa;
@@ -257,7 +260,7 @@ button ._v89 ._54k8._1fl1 {
 }
 @keyframes highlightFade {
   0%, 50% {
-    background: #e5e5e5;
+    background: rgba(230, 230, 230, 0.35);
   }
   100% {
     background: #fafafa;
@@ -268,7 +271,7 @@ button ._v89 ._54k8._1fl1 {
     background: #fafafa;
   }
   50% {
-    background: #e5e5e5;
+    background: rgba(230, 230, 230, 0.35);
   }
 }
 @-moz-keyframes chatHighlightAnimation {
@@ -276,7 +279,7 @@ button ._v89 ._54k8._1fl1 {
     background: #fafafa;
   }
   50% {
-    background: #e5e5e5;
+    background: rgba(230, 230, 230, 0.35);
   }
 }
 @keyframes chatHighlightAnimation {
@@ -284,7 +287,7 @@ button ._v89 ._54k8._1fl1 {
     background: #fafafa;
   }
   50% {
-    background: #e5e5e5;
+    background: rgba(230, 230, 230, 0.35);
   }
 }
 ._50uu {
@@ -321,7 +324,7 @@ button ._v89 ._54k8._1fl1 {
   background-position: center !important;
 }
 
-.sp_89zNula0Qh5_2x[data-sigil=story-popup-context-init], .sp_89zNula0Qh5_2x[data-sigil=story-popup-context], .sp_MP2OtCXORz9_2x[data-sigil=story-popup-context-init], .sp_MP2OtCXORz9_2x[data-sigil=story-popup-context], .sp_NIWBacTn8LF_2x[data-sigil=story-popup-context-init], .sp_NIWBacTn8LF_2x[data-sigil=story-popup-context] {
+.sp_89zNula0Qh5, .sp_89zNula0Qh5_2x, .sp_89zNula0Qh5_3x, .sp_MP2OtCXORz9, .sp_MP2OtCXORz9_2x, .sp_MP2OtCXORz9_3x, .sp_NIWBacTn8LF, .sp_NIWBacTn8LF_2x, .sp_NIWBacTn8LF_3x, .sp_9ZFVhnFyWsw, .sp_9ZFVhnFyWsw_2x, .sp_9ZFVhnFyWsw_3x {
   background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="none" d="M0 0h24v24H0z"/%3E%3Cpath fill="%23000" d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/%3E%3C/svg%3E') no-repeat !important;
   background-position: center !important;
 }