Fix/update style

3 files changed, 212 insertions, 119 deletions

diff --git a/.SRCINFO b/.SRCINFO
index 5826e3adcfe9..ea6f0d028926 100644
--- a/.SRCINFO
+++ b/.SRCINFO
@@ -1,6 +1,6 @@
 pkgbase = whatsapp-nativefier-dark
 	pkgdesc = WhatsApp desktop built with nativefier (electron) using dark theme
-	pkgver = 0.20200327232900
+	pkgver = 0.20200428132708
 	pkgrel = 1
 	url = https://web.whatsapp.com
 	arch = armv7l
@@ -20,7 +20,7 @@ pkgbase = whatsapp-nativefier-dark
 	source = yarn.lock
 	sha256sums = f79228902c35740ba202fc74494b3fa851911e466955298b231d7fcfebc63b37
 	sha256sums = 12b72fd82fff48dc8c5a08f7bc070259b9929cf408bf6738133a08508e4d3d09
-	sha256sums = 20d903b73172a13c08cfa69cce26d7d0af43bc2632755ecf9975c5131c72d7b5
+	sha256sums = a7297b08019fcc42c9f9fe29695a882b1bc097fd40aa09edccc1a5587d905305
 	sha256sums = 6b214b951ff556fe2b87bb66bf8d3eb7b8ae7ed1dd0ceef0fa9d2c4ca86e0fff
 	sha256sums = 77c85afca5dcea2a041a9461ead9700067556f95dc3702602c074260c4d3f047
 
diff --git a/PKGBUILD b/PKGBUILD
index 82ae0d8e289e..e5d98570ff95 100644
--- a/PKGBUILD
+++ b/PKGBUILD
@@ -1,7 +1,7 @@
 # Maintainer: Francisco Guimaraes <francisco at gmail dot com>
 
 pkgname=whatsapp-nativefier-dark
-pkgver=0.20200327232900
+pkgver=0.20200428132708
 pkgrel=1
 pkgdesc="WhatsApp desktop built with nativefier (electron) using dark theme"
 arch=("armv7l" "i686" "x86_64")
@@ -19,7 +19,7 @@ source=(
 sha256sums=(
   "f79228902c35740ba202fc74494b3fa851911e466955298b231d7fcfebc63b37"
   "12b72fd82fff48dc8c5a08f7bc070259b9929cf408bf6738133a08508e4d3d09"
-  "20d903b73172a13c08cfa69cce26d7d0af43bc2632755ecf9975c5131c72d7b5"
+  "a7297b08019fcc42c9f9fe29695a882b1bc097fd40aa09edccc1a5587d905305"
   "6b214b951ff556fe2b87bb66bf8d3eb7b8ae7ed1dd0ceef0fa9d2c4ca86e0fff"
   "77c85afca5dcea2a041a9461ead9700067556f95dc3702602c074260c4d3f047"
 )
diff --git a/whatsapp-nativefier-dark-inject.js b/whatsapp-nativefier-dark-inject.js
index abe2afac998e..cadc8cef7bf9 100644
--- a/whatsapp-nativefier-dark-inject.js
+++ b/whatsapp-nativefier-dark-inject.js
@@ -9,7 +9,7 @@
 // @include       http://*.web.whatsapp.com/*
 // @include       https://*.web.whatsapp.com/*
 // @run-at        document-start
-// @version       0.20200327232900
+// @version       0.20200428132708
 // ==/UserScript==
 (function() {var css = [
 	":root {",
@@ -48,10 +48,12 @@
 	"    --chat-bg-i: 0.6;",
 	"    --c-m-hover: 0.6s;",
 	"    --c-m-delay: 1.2s;",
+	"    --blur-in: 0.4s;",
+	"    --blur-out: 0.2s;",
 	"    --ui-font: \"custom font\", \"Segoe UI\", \"Helvetica Neue\", Helvetica, \"Lucida Grande\", Arial, Ubuntu, Cantarell, \"Fira Sans\", sans-serif;",
-	"    --version: \"Dark-WhatsApp USo-Lite v2.3.3 — March 27th, 2020\";",
-	"    --message: \"Another is out, report broken things on GitHub so that we can fix them. Also, thanks for all the recent *bad* reviews! 🎉 🥳 I published an important update about my userstyles, please read it:  \";",
-	"    --changes: \"https://vednoc.me/blog/the-end-of-an-era\";",
+	"    --version: \"Dark-WhatsApp USo-Lite v2.4.1 — April 28th, 2020\";",
+	"    --message: \"Fixed latest update, more info in the changelog. ⚠ It looks like userstyles.org is hanging by a thread; install this theme from GitHub so that you can get automatic updates and also be able to customize colors as well as other features that non-USo version of Dark-WhatsApp offers.\";",
+	"    --changes: \"https://github.com/vednoc/dark-whatsapp\";",
 	"  }",
 	"  @supports (-moz-user-select: none) {",
 	"    :root * {",
@@ -90,7 +92,7 @@
 	"    background-color: var(--darker) !important;",
 	"  }",
 	"  body ::-moz-range-progress {",
-	"    background-color: var(--blue) !important;",
+	"    background-color: var(--accent) !important;",
 	"  }",
 	"  body ::-moz-range-thumb {",
 	"    background-color: var(--accent) !important;",
@@ -267,7 +269,8 @@
 	"    display: block;",
 	"    font-size: 16px;",
 	"    margin-bottom: -16px;",
-	"    content: var(--message) var(--changes);",
+	"    white-space: pre-wrap;",
+	"    content: var(--message) \" \\A\\A \" var(--changes);",
 	"  }",
 	"  body ._2zynu h1 + div[class]::after {",
 	"    display: block;",
@@ -287,7 +290,7 @@
 	"    background-color: var(--darker) !important;",
 	"  }",
 	"  body span[title *= \"typing...\"],",
-	"  body ._2ZAIy {",
+	"  body .vdXUe {",
 	"    color: var(--accent) !important;",
 	"  }",
 	"  .matched-text:not(#z) {",
@@ -312,6 +315,9 @@
 	"  body .rAUz7 path:not([fill = \"#009588\"]) {",
 	"    fill-opacity: 0.55;",
 	"  }",
+	"  body .rAUz7:active {",
+	"    background-color: var(--dark) !important;",
+	"  }",
 	"  body .rAUz7._3TbsN {",
 	"    background-color: var(--darker) !important;",
 	"  }",
@@ -358,12 +364,20 @@
 	"    background-color: var(--accent) !important;",
 	"  }",
 	"  ._9sTVb:not(#z) div {",
+	"    height: 1px;",
 	"    background-color: var(--accent) !important;",
 	"  }",
 	"  ._9sTVb:not(#z) ::-webkit-slider-runnable-track {",
 	"    background-color: rgba(136,136,136,0.251) !important;",
 	"  }",
-	"  ._3L8ub .Q8uSF {",
+	"  ._9sTVb:not(#z) ::-moz-range-track {",
+	"    background-color: rgba(136,136,136,0.251) !important;",
+	"  }",
+	"  ._3y8EC::-webkit-slider-runnable-track {",
+	"    background-color: var(--t) !important;",
+	"  }",
+	"  ._3L8ub .Q8uSF,",
+	"  .bB3vH .Q8uSF {",
 	"    background-color: var(--accent) !important;",
 	"  }",
 	"  .Q8uSF {",
@@ -390,10 +404,10 @@
 	"    box-shadow: 0 4px 12px 2px var(--sh-h) !important;",
 	"  }",
 	"  #app > div::after {",
-	"    top: -20px;",
-	"    right: -20px;",
-	"    bottom: -20px;",
-	"    left: -20px;",
+	"    top: 0px;",
+	"    right: 0px;",
+	"    bottom: 0px;",
+	"    left: 0px;",
 	"    height: unset;",
 	"    width: unset;",
 	"    filter: blur(var(--bg-blur)) opacity(var(--bg-opacity)) invert(var(--bg-invert)) hue-rotate(var(--bg-hue));",
@@ -423,12 +437,14 @@
 	"  #app > div .app ._2rI9W {",
 	"    margin-right: -1px;",
 	"  }",
+	"  ._2UkYn,",
 	"  ._1WliW,",
 	"  ._1jJLh,",
 	"  ._2Lev2 {",
 	"    border-radius: var(--avatar-r) !important;",
 	"    background-color: var(--dark) !important;",
 	"  }",
+	"  ._2UkYn > img,",
 	"  ._1WliW > img,",
 	"  ._1jJLh > img,",
 	"  ._2Lev2 > img {",
@@ -436,18 +452,19 @@
 	"  }",
 	"  .emojik {",
 	"    transition: transform 0.15s ease;",
-	"    clip-path: circle(49%);",
 	"  }",
 	"  .emojik:not(:hover):not(:focus):not(.selected) {",
 	"    filter: opacity(var(--emoji-o));",
 	"  }",
-	"  .emojik:hover,",
-	"  .emojik:focus,",
-	"  .emojik.selected {",
+	"  .emojik:hover:not(.selected),",
+	"  .emojik:focus {",
 	"    opacity: 1;",
 	"    transform: scale(1.2);",
 	"    box-shadow: none !important;",
 	"  }",
+	"  .emojik.selected {",
+	"    box-shadow: 0 0 0 1px var(--darken), 0 0 0 3px var(--accent) !important;",
+	"  }",
 	"  ._3ZkhL._3NVMy {",
 	"    border-radius: var(--radius) !important;",
 	"    box-shadow: var(--bshadow);",
@@ -539,9 +556,13 @@
 	"    background-color: var(--darker) !important;",
 	"  }",
 	"  .overlay ._26BZr,",
-	"  .overlay .JmH7x {",
+	"  .overlay .JmH7x,",
+	"  .overlay ._2HiNF {",
 	"    color: var(--lighter) !important;",
 	"  }",
+	"  .overlay ._26BZr {",
+	"    font-weight: normal !important;",
+	"  }",
 	"  .overlay ._2yVvV {",
 	"    color: var(--light) !important;",
 	"  }",
@@ -599,6 +620,13 @@
 	"    background-color: var(--accent) !important;",
 	"    box-shadow: var(--bshadow);",
 	"  }",
+	"  .overlay [data-animate-modal-popup]:not(._2ILbv) .copyable-area.r3Nu1,",
+	"  .overlay [data-animate-modal-popup]:not(._2ILbv) .copyable-area._1dGTK {",
+	"    border-left: none !important;",
+	"  }",
+	"  ._3UUn3 {",
+	"    background-color: var(--darken) !important;",
+	"  }",
 	"  .overlay [data-animate-modal-popup]:not(._2ILbv) span[role = \"button\"] {",
 	"    color: var(--accent) !important;",
 	"  }",
@@ -624,33 +652,48 @@
 	"    background-color: var(--darken) !important;",
 	"    box-shadow: var(--bshadow);",
 	"  }",
-	"  .overlay [data-animate-modal-body] ._2HyTU,",
+	"  .overlay [data-animate-modal-body] ._2LALH span:hover {",
+	"    opacity: 0.6;",
+	"  }",
+	"  .overlay [data-animate-modal-body] ._2hytu,",
 	"  .overlay [data-animate-modal-body] ._22aOT {",
 	"    min-height: 91px;",
 	"    background-color: var(--darken) !important;",
 	"    box-shadow: inset 0 1px var(--darker);",
 	"  }",
-	"  .overlay ._1VwzF {",
+	"  ._36ApL,",
+	"  ._3afBu,",
+	"  .overlay ._1VX5S {",
 	"    background-color: var(--t) !important;",
+	"    box-shadow: none !important;",
 	"  }",
-	"  .overlay ._1VwzF ._1VI-m {",
+	"  ._36ApL div._19i9v,",
+	"  ._3afBu div._19i9v,",
+	"  .overlay ._1VX5S div._19i9v {",
+	"    color: var(--accent) !important;",
+	"  }",
+	"  ._36ApL [class *= \"text\"],",
+	"  ._3afBu [class *= \"text\"],",
+	"  .overlay ._1VX5S [class *= \"text\"] {",
 	"    color: var(--light) !important;",
 	"  }",
-	"  .overlay ._1VwzF [role = \"button\"] {",
-	"    background-color: var(--accent) !important;",
+	"  ._2mZ8F {",
+	"    background-color: var(--darken) !important;",
 	"  }",
 	"  .overlay ._8icek {",
 	"    fill-opacity: 0.55;",
 	"  }",
-	"  .overlay ._2Vo52 .XOIaT {",
+	"  .overlay ._2S_XV {",
+	"    color: var(--light) !important;",
 	"    background-color: var(--darken) !important;",
 	"  }",
-	"  .overlay ._2Vo52 ._1WSDe {",
+	"  .overlay ._2S_XV * {",
+	"    color: var(--lighter) !important;",
+	"  }",
+	"  .overlay ._2S_XV + div span:first-child {",
 	"    color: var(--light) !important;",
 	"  }",
-	"  .overlay ._2Vo52 ._3WFBR,",
-	"  .overlay ._2Vo52 .vJCph,",
-	"  .overlay ._2Vo52 ._2oG62 {",
+	"  .overlay ._2S_XV + div span:last-child {",
 	"    color: var(--lighter) !important;",
 	"  }",
 	"  .overlay .WOXAS,",
@@ -679,6 +722,26 @@
 	"  .cFkAx._2ojWN ._3FR9x {",
 	"    color: var(--light) !important;",
 	"  }",
+	"  .vLVax {",
+	"    color: var(--light) !important;",
+	"    border-color: var(--darker) !important;",
+	"    background-color: var(--darken) !important;",
+	"  }",
+	"  [style *= \"d-color: rgb(237, 233, 228)\"] {",
+	"    position: relative;",
+	"  }",
+	"  [style *= \"d-color: rgb(237, 233, 228)\"]::before {",
+	"    content: \"Use this for Dark-WhatsApp\";",
+	"    position: absolute;",
+	"    font-size: 15px;",
+	"    width: 100%;",
+	"    color: #000 !important;",
+	"  }",
+	"  [style *= \"rgb(222, 227, 233)\"],",
+	"  [style *= \"rgb(217, 218, 222)\"],",
+	"  [style *= \"rgb(192, 193, 196)\"] {",
+	"    background-color: var(--dark) !important;",
+	"  }",
 	"  [data-animate-status-v3-modal-background = \"true\"] {",
 	"    background-color: var(--t) !important;",
 	"  }",
@@ -731,9 +794,12 @@
 	"  [data-animate-status-v3-modal-background = \"true\"] > div ._2EXPL {",
 	"    border-top: none;",
 	"  }",
-	"  .QRsOy {",
+	"  ._3OHGh {",
 	"    background-color: var(--dark) !important;",
 	"  }",
+	"  ._1k6Uw._129il {",
+	"    border-color: var(--darken) !important;",
+	"  }",
 	"  circle {",
 	"    stroke: var(--lighter) !important;",
 	"  }",
@@ -774,6 +840,7 @@
 	"  }",
 	"  span[class][data-icon][data-icon=\"muted\"] > svg > path,",
 	"  span[class][data-icon][data-icon=\"pinned\"] > svg > path,",
+	"  span[class][data-icon][data-icon=\"status-time\"] > svg > path,",
 	"  span[class][data-icon][data-icon=\"status-image\"] > svg > path,",
 	"  span[class][data-icon][data-icon=\"status-video\"] > svg > path,",
 	"  span[class][data-icon][data-icon=\"status-gif\"] > svg > path,",
@@ -783,8 +850,9 @@
 	"  span[class][data-icon][data-icon=\"status-ptt-gray\"] > svg > path,",
 	"  span[class][data-icon][data-icon=\"recalled-in\"] > svg > path,",
 	"  span[class][data-icon][data-icon=\"recalled-out\"] > svg > path {",
-	"    fill-opacity: 0.25 !important;",
+	"    fill-opacity: 0.3 !important;",
 	"  }",
+	"  span[class][data-icon][data-icon=\"msg-time\"] > svg > path,",
 	"  span[class][data-icon][data-icon=\"forwarded\"] > svg > path {",
 	"    fill-opacity: 0.55 !important;",
 	"  }",
@@ -857,6 +925,7 @@
 	"  span[class][data-icon = \"exit\"] path,",
 	"  span[class][data-icon = \"thumbs-down\"] path,",
 	"  span[class][data-icon = \"delete-danger\"] path,",
+	"  span[class][data-icon = \"status-miss_video\"] path,",
 	"  span[class][data-icon ^= \"miss\"] path {",
 	"    fill: var(--red) !important;",
 	"  }",
@@ -888,9 +957,6 @@
 	"  span[class][data-icon = \"down\"] {",
 	"    fill-opacity: 0.55;",
 	"  }",
-	"  span[class][data-icon = \"down\"] path {",
-	"    fill: var(--white) !important;",
-	"  }",
 	"  div:not(#z)[style ^= \"transform-origin:\"] {",
 	"    border: 1px solid var(--darker);",
 	"    border-radius: var(--radius);",
@@ -990,16 +1056,16 @@
 	"  #side > header + span[class] ._35DHA [data-icon ^= \"alert-\"] path {",
 	"    fill: var(--blue);",
 	"  }",
-	"  #side > header + span[class] ._2t3oV * {",
+	"  #side > header + span[class] ._2BhJP * {",
 	"    color: var(--red) !important;",
 	"  }",
-	"  #side > header + span[class] ._2t3oV [data-icon ^= \"chevron-\"] path {",
+	"  #side > header + span[class] ._2BhJP [data-icon ^= \"chevron-\"] path {",
 	"    fill: var(--red) !important;",
 	"  }",
-	"  #side > header + span[class] ._2t3oV [data-icon ^= \"alert-\"] path {",
+	"  #side > header + span[class] ._2BhJP [data-icon ^= \"alert-\"] path {",
 	"    fill: var(--red);",
 	"  }",
-	"  #side > header + span[class] ._1cvvW path {",
+	"  #side > header + span[class] [data-icon = \"x-light\"] path {",
 	"    fill-opacity: 0.55;",
 	"  }",
 	"  div[class *= \"gQzdc\"] {",
@@ -1037,7 +1103,8 @@
 	"    background-color: var(--t) !important;",
 	"  }",
 	"  div[class *= \"gQzdc\"] ._183ES,",
-	"  div[class *= \"gQzdc\"] ._201Bk {",
+	"  div[class *= \"gQzdc\"] ._201Bk,",
+	"  div[class *= \"gQzdc\"] ._2cLHw {",
 	"    color: var(--lighter) !important;",
 	"  }",
 	"  #side #pane-side {",
@@ -1075,6 +1142,9 @@
 	"  #side #pane-side ._2xINO {",
 	"    height: 0;",
 	"  }",
+	"  ._1HeQs.AYtad {",
+	"    background-color: var(--dark) !important;",
+	"  }",
 	"  #side ._1AKfk {",
 	"    color: var(--accent) !important;",
 	"    background-color: var(--t) !important;",
@@ -1243,12 +1313,8 @@
 	"  ._1-iDe .copyable-area .MS-DH ._2-rkJ::before {",
 	"    color: var(--lighter) !important;",
 	"  }",
-	"  ._1-iDe .copyable-area .MS-DH .tail,",
-	"  ._1-iDe .copyable-area .MS-DH .tail > div[class] {",
-	"    border-radius: 7.5px !important;",
-	"  }",
-	"  ._1-iDe .copyable-area .MS-DH .tail-container {",
-	"    display: none !important;",
+	"  ._1-iDe .copyable-area .MS-DH .tail-override-left [data-icon = \"tail-out\"] {",
+	"    transform: rotateY(180deg) !important;",
 	"  }",
 	"  ._1-iDe .copyable-area #pane-side {",
 	"    background-color: var(--t) !important;",
@@ -1419,6 +1485,14 @@
 	"  ._2mlDB {",
 	"    border-color: var(--darken) !important;",
 	"  }",
+	"  ._14VS3 .copyable-area [data-list-scroll-container] ._1o1sm::before {",
+	"    background-color: var(--t) !important;",
+	"  }",
+	"  @media screen and (max-width: 720px) {",
+	"    ._1-iDe._1xXdX ._2vPAk {",
+	"      border-right: 1px solid var(--darker) !important;",
+	"    }",
+	"  }",
 	"  ._1-iDe._14VS3 > span {",
 	"    border-left: 1px solid var(--darker);",
 	"  }",
@@ -1487,6 +1561,9 @@
 	"  #main ._298R6:hover {",
 	"    background-color: var(--darker) !important;",
 	"  }",
+	"  #main ._298R6:hover svg path {",
+	"    fill-opacity: 1 !important;",
+	"  }",
 	"  #main ._298R6 .P6z4j {",
 	"    color: var(--white) !important;",
 	"    background-color: var(--accent) !important;",
@@ -1606,10 +1683,12 @@
 	"  ._2RBFb {",
 	"    background-color: var(--dark) !important;",
 	"  }",
-	"  ._2DwXW {",
+	"  ._2DwXW,",
+	"  ._2DwXW span::before {",
 	"    color: var(--lighter) !important;",
 	"  }",
-	"  ._3_nIn {",
+	"  ._3_nIn,",
+	"  ._3Kp0Q {",
 	"    background-color: rgba(85,85,85,0.063) !important;",
 	"  }",
 	"  a[href][target = \"_blank\"] > *,",
@@ -1641,18 +1720,23 @@
 	"  }",
 	"  .message-in > div:not(._1rK-b),",
 	"  .message-out > div:not(._1rK-b) {",
-	"    box-shadow: 0 1px 0.5px var(--shadow) !important;",
+	"    box-shadow: 0 1px var(--shadow) !important;",
 	"  }",
 	"  .message-in > div:not(._1rK-b) > div,",
 	"  .message-out > div:not(._1rK-b) > div {",
 	"    box-shadow: none !important;",
 	"  }",
-	"  .message-in .tail > .tail-container,",
-	"  .message-out .tail > .tail-container {",
-	"    width: unset;",
-	"    height: unset;",
-	"    border: 6px solid var(--t);",
-	"    background: none !important;",
+	"  .message-in [data-icon *= \"tail\"] svg path:first-child,",
+	"  .message-out [data-icon *= \"tail\"] svg path:first-child {",
+	"    fill: var(--shadow) !important;",
+	"  }",
+	"  .message-in [data-icon = \"tail-in\"] svg path:last-child,",
+	"  .message-out [data-icon = \"tail-in\"] svg path:last-child {",
+	"    fill: var(--msg-l) !important;",
+	"  }",
+	"  .message-in [data-icon = \"tail-out\"] svg path:last-child,",
+	"  .message-out [data-icon = \"tail-out\"] svg path:last-child {",
+	"    fill: var(--msg-r) !important;",
 	"  }",
 	"  .message-in [data-pre-plain-text] + div *,",
 	"  .message-out [data-pre-plain-text] + div *,",
@@ -1677,10 +1761,6 @@
 	"  .message-out ._1rK-b ._2Ll5c div {",
 	"    color: inherit;",
 	"  }",
-	"  .message-in ._1rK-b :not(.tail) > div > ._2Hp95._1X6iJ ._2R8MP,",
-	"  .message-out ._1rK-b :not(.tail) > div > ._2Hp95._1X6iJ ._2R8MP {",
-	"    border-radius: 7.5px;",
-	"  }",
 	"  .message-in ._1lxsr,",
 	"  .message-out ._1lxsr,",
 	"  .message-in ._3MYI2,",
@@ -1706,10 +1786,11 @@
 	"  .message-out div[style *= \"width\"][style *= \"height\"] + .GbMip {",
 	"    padding: 2px 5px;",
 	"    border-radius: 7.5px;",
-	"    background-color: var(--darken) !important;",
+	"    background-color: var(--dark) !important;",
 	"  }",
 	"  .message-in .video-thumb ._1Ppwx,",
-	"  .message-out .video-thumb ._1Ppwx {",
+	"  .message-out .video-thumb ._1Ppwx,",
+	"  ._2G09- > ._2Pjvv {",
 	"    padding: 2px 5px;",
 	"    border-radius: 7.5px;",
 	"    color: var(--light) !important;",
@@ -1740,19 +1821,10 @@
 	"    background-color: var(--msg-l) !important;",
 	"    box-shadow: 0 1px 0.5px var(--shadow) !important;",
 	"  }",
-	"  .message-in .tail {",
-	"    border-top-left-radius: 0 !important;",
-	"  }",
-	"  .message-in .tail > .tail-container {",
-	"    border-radius: 4px 0 0 0;",
-	"    border-top-color: var(--msg-l);",
-	"    border-right-color: var(--msg-l);",
-	"  }",
 	"  .message-in [role] > span[role = \"button\"] + span {",
 	"    color: var(--light) !important;",
 	"  }",
-	"  .message-in > div > span:last-child > div[style]:not(._1UyGF),",
-	"  ._1i1U7.jZ4tp {",
+	"  .message-in > div > span:last-child > div[style]:not(._1qhoQ) {",
 	"    height: 22px !important;",
 	"    background: linear-gradient(90deg, var(--t), var(--msg-l) 80%) !important;",
 	"  }",
@@ -1770,42 +1842,40 @@
 	"  .message-in > div > span:last-child > div[style]._38wik._2Nkc4 {",
 	"    background: linear-gradient(270deg, var(--t), var(--msg-l) 80%) !important;",
 	"  }",
+	"  .message-in > div > span:nth-last-child(2) > div[style].jZ4tp._1i1U7 {",
+	"    background: linear-gradient(90deg, var(--t), var(--msg-l) 80%) !important;",
+	"  }",
+	"  .message-in > div > span:nth-last-child(2) > div[style].jZ4tp._1i1U7._2Cju4 {",
+	"    background: none !important;",
+	"  }",
 	"  .message-in ._1iJeo {",
 	"    background-color: var(--dark) !important;",
 	"  }",
 	"  .message-in ._1iJeo:hover {",
 	"    opacity: 0.8;",
 	"  }",
-	"  .message-out > div:not(._1rK-b) > div:not(._19l4G) {",
+	"  .message-out > div:not(._1rK-b) > div:not(.YsGwW) {",
 	"    color: var(--light) !important;",
 	"    background-color: var(--msg-r) !important;",
 	"  }",
-	"  .message-out ._19l4G:not(#z) > :first-child:not(:last-child) {",
+	"  .message-out .YsGwW:not(#z) > :first-child:not(:last-child) {",
 	"    color: var(--light) !important;",
 	"    background-color: var(--darken) !important;",
 	"    box-shadow: inset 0 0 0 1px var(--darker), var(--bshadow);",
 	"  }",
-	"  .message-out ._19l4G:not(#z) > :first-child:not(:last-child)::after {",
+	"  .message-out .YsGwW:not(#z) > :first-child:not(:last-child)::after {",
 	"    border-left-color: var(--darker) !important;",
 	"  }",
-	"  .message-out ._19l4G:not(#z) > [role = \"button\"] {",
+	"  .message-out .YsGwW:not(#z) > [role = \"button\"] {",
 	"    border-color: var(--shadow) !important;",
 	"    background-color: var(--red) !important;",
 	"  }",
-	"  .message-out ._19l4G:not(#z) > [role = \"button\"] path[fill = \"#FFF\"] {",
+	"  .message-out .YsGwW:not(#z) > [role = \"button\"] path[fill = \"#FFF\"] {",
 	"    fill: var(--white) !important;",
 	"  }",
 	"  .message-out > div._1rK-b ._2Ll5c {",
 	"    background-color: var(--msg-r) !important;",
 	"  }",
-	"  .message-out .tail {",
-	"    border-top-right-radius: 0 !important;",
-	"  }",
-	"  .message-out .tail > .tail-container {",
-	"    border-radius: 0 4px 0 0;",
-	"    border-top-color: var(--msg-r);",
-	"    border-left-color: var(--msg-r);",
-	"  }",
 	"  .message-out > div > span:last-child > div[style]:not(._1qhoQ) {",
 	"    background: linear-gradient(90deg, var(--t), var(--msg-r) 80%) !important;",
 	"  }",
@@ -1823,10 +1893,10 @@
 	"    background: linear-gradient(270deg, var(--t), var(--msg-r) 80%) !important;",
 	"  }",
 	"  .message-out > div > span:nth-last-child(2) > div[style]._1i1U7 {",
-	"    background: linear-gradient(90deg, var(--t), var(--dark) 60%) !important;",
+	"    background: linear-gradient(90deg, var(--t), var(--msg-r) 60%) !important;",
 	"  }",
-	"  .message-out > div > span:nth-last-child(2) > div[style].jZ4tp {",
-	"    background: linear-gradient(90deg, var(--t), var(--msg-r) 80%) !important;",
+	"  .message-out > div > span:nth-last-child(2) > div[style]._2Cju4 {",
+	"    background: none !important;",
 	"  }",
 	"  .message-out ._1iJeo {",
 	"    background-color: var(--dark) !important;",
@@ -1849,7 +1919,10 @@
 	"  }",
 	"  ._1drQ- ._7HWvs,",
 	"  ._1dGTK ._7HWvs,",
-	"  .r3Nu1 ._7HWvs {",
+	"  .r3Nu1 ._7HWvs,",
+	"  ._1drQ- ._2n7FA,",
+	"  ._1dGTK ._2n7FA,",
+	"  .r3Nu1 ._2n7FA {",
 	"    color: var(--lighter) !important;",
 	"  }",
 	"  ._1drQ- .CzI8E,",
@@ -1857,9 +1930,9 @@
 	"  .r3Nu1 .CzI8E {",
 	"    border-color: var(--accent) !important;",
 	"  }",
-	"  ._1drQ- ._1u0aP,",
-	"  ._1dGTK ._1u0aP,",
-	"  .r3Nu1 ._1u0aP {",
+	"  ._1drQ- ._1qE6k,",
+	"  ._1dGTK ._1qE6k,",
+	"  .r3Nu1 ._1qE6k {",
 	"    color: var(--light) !important;",
 	"    background-color: var(--darker) !important;",
 	"    box-shadow: var(--bshadow) !important;",
@@ -1877,6 +1950,9 @@
 	"    background-color: var(--accent) !important;",
 	"    box-shadow: var(--bshadow);",
 	"  }",
+	"  .GpvML {",
+	"    background-color: var(--dark) !important;",
+	"  }",
 	"  [role = \"button\"]._1ypOz {",
 	"    color: var(--accent) !important;",
 	"    background-color: var(--dark) !important;",
@@ -1924,12 +2000,20 @@
 	"  ._23EHf::before {",
 	"    content: none;",
 	"  }",
-	"  ._23EHf.aWTXv {",
+	"  ._1k6Uw._2CjPi {",
 	"    margin-bottom: 8px;",
 	"    border: 1px solid var(--darker) !important;",
+	"    background-color: var(--t) !important;",
 	"    border-radius: var(--radius) !important;",
 	"    box-shadow: var(--bshadow) !important;",
 	"  }",
+	"  ._1k6Uw._2CjPi::before {",
+	"    box-shadow: none !important;",
+	"  }",
+	"  ._1k6Uw._2CjPi > div {",
+	"    border-radius: var(--radius) !important;",
+	"    box-shadow: none !important;",
+	"  }",
 	"  #main > footer > div:first-child {",
 	"    border-top: 1px solid var(--darker);",
 	"    border-color: var(--darker) !important;",
@@ -1958,27 +2042,39 @@
 	"  #main > footer ._1vDUw {",
 	"    border-color: var(--darker) !important;",
 	"  }",
-	"  #main > footer ._1vDUw ._1qUma {",
+	"  #main > footer ._1vDUw ._1qUma,",
+	"  ._3ZkhL._3NVMy ._1qUma {",
 	"    background-color: var(--darken) !important;",
-	"    box-shadow: inset 0 1px var(--darker), inset 0 -1px var(--darker);",
 	"  }",
-	"  #main > footer ._1vDUw ._1qUma div[style *= \"background\"] {",
+	"  #main > footer ._1vDUw ._1qUma div[style *= \"background\"],",
+	"  ._3ZkhL._3NVMy ._1qUma div[style *= \"background\"] {",
 	"    background-color: var(--accent) !important;",
 	"  }",
-	"  #main > footer ._1vDUw ._1qUma > :not(._2wn58) {",
+	"  #main > footer ._1vDUw ._1qUma > :not(._2DzXb),",
+	"  ._3ZkhL._3NVMy ._1qUma > :not(._2DzXb) {",
 	"    color: var(--lighter) !important;",
 	"  }",
-	"  #main > footer ._1vDUw ._1qUma > :not(._2wn58):not(:hover) path {",
+	"  #main > footer ._1vDUw ._1qUma > :not(._2DzXb):not(:hover) path,",
+	"  ._3ZkhL._3NVMy ._1qUma > :not(._2DzXb):not(:hover) path {",
 	"    fill: var(--lighter);",
 	"  }",
-	"  #main > footer ._1vDUw ._1qUma > :not(._2wn58):hover,",
-	"  #main > footer ._1vDUw ._1qUma ._2wn58 {",
+	"  #main > footer ._1vDUw ._1qUma > :not(._2DzXb):hover,",
+	"  ._3ZkhL._3NVMy ._1qUma > :not(._2DzXb):hover,",
+	"  #main > footer ._1vDUw ._1qUma ._2DzXb,",
+	"  ._3ZkhL._3NVMy ._1qUma ._2DzXb {",
 	"    color: var(--light) !important;",
 	"  }",
-	"  #main > footer ._1vDUw ._1qUma ._1Wbpa {",
+	"  ._35chb {",
+	"    overflow: unset !important;",
+	"  }",
+	"  #main > footer ._1vDUw ._1qUma ._1Wbpa,",
+	"  ._3ZkhL._3NVMy ._1qUma ._1Wbpa {",
 	"    height: 1px;",
 	"    background-color: var(--accent) !important;",
 	"  }",
+	"  #main > footer ._1vDUw ._1qUma {",
+	"    box-shadow: inset 0 1px var(--darker), inset 0 -1px var(--darker) !important;",
+	"  }",
 	"  #main > footer ._1vDUw ._3tlsa,",
 	"  #main > footer ._1vDUw ._2HBs4,",
 	"  #main > footer ._1vDUw ._2z7kg {",
@@ -2030,18 +2126,18 @@
 	"    border-top: 1px solid var(--darker);",
 	"    background-color: var(--darken) !important;",
 	"  }",
-	"  #main > footer ._2Pown {",
+	"  #main > footer .TYhk9 {",
 	"    color: var(--light) !important;",
 	"    border-color: var(--darker) !important;",
 	"    background-color: var(--darken) !important;",
 	"  }",
-	"  #main > footer ._2Pown [role = \"button\"] {",
+	"  #main > footer .TYhk9 [role = \"button\"] {",
 	"    color: var(--lighter) !important;",
 	"    background-color: var(--darker) !important;",
 	"  }",
-	"  #main > footer ._2Pown [role = \"button\"]:hover {",
+	"  #main > footer .TYhk9 [role = \"button\"]:hover {",
 	"    color: var(--light) !important;",
-	"    box-shadow: 0 4px 8px var(--shadow);",
+	"    box-shadow: var(--bshadow);",
 	"  }",
 	"  #main > footer ._2XiC1 {",
 	"    color: var(--lighter) !important;",
@@ -2056,21 +2152,12 @@
 	"  }",
 	"  #main > footer .rstyJ > div:first-child:not(#z) {",
 	"    margin: 4px 0 8px 66px;",
-	"    background-color: var(--darken) !important;",
-	"  }",
-	"  #main > footer .rstyJ > div:first-child:not(#z) div[role] {",
+	"    box-shadow: inset 0 0 0 1px var(--darker);",
 	"    background-color: var(--darken) !important;",
 	"  }",
 	"  .quoted-mention {",
 	"    color: var(--lighter) !important;",
 	"  }",
-	"  #main > footer .rstyJ > div:first-child:not(#z) [class *= \"bg-color\"] + [dir] {",
-	"    border-radius: 0 6px 6px 0 !important;",
-	"    box-shadow: inset 0 0 0 1px var(--darker);",
-	"  }",
-	"  #main > footer .rstyJ > div:first-child:not(#z) .EebcE + div {",
-	"    box-shadow: inset 0 0 0 1px var(--darker);",
-	"  }",
 	"  #main > footer .rstyJ div:last-child {",
 	"    position: relative;",
 	"    background-color: var(--t) !important;",
@@ -2078,6 +2165,7 @@
 	"  #main > footer .rstyJ div:last-child [role = \"button\"] > span > svg {",
 	"    padding: 16px;",
 	"    border-radius: 6px;",
+	"    fill-opacity: 0.55;",
 	"  }",
 	"  #main > footer .Uukb4 {",
 	"    border-color: var(--darker) !important;",
@@ -2126,7 +2214,7 @@
 	"    }",
 	"    .two > div:nth-child(2) > div:nth-child(2) {",
 	"      flex: 0 0 calc(100% - 80px) !important;",
-	"      margin-left: calc(-25% + 80px);",
+	"      margin-left: calc(-30% + 80px);",
 	"    }",
 	"    .two > div:nth-child(3) {",
 	"      min-width: 1px !important;",
@@ -2134,7 +2222,8 @@
 	"      transition-delay: var(--c-m-delay) !important;",
 	"    }",
 	"    .two > div:nth-child(3):hover {",
-	"      min-width: 400px !important;",
+	"      min-width: 349px !important;",
+	"      margin-left: -1px !important;",
 	"      transition-delay: var(--c-m-hover) !important;",
 	"      flex: 0 0 30% !important;",
 	"    }",
@@ -2145,9 +2234,12 @@
 	"    .two > :nth-child(2) > :nth-child(1) [style][tabindex] {",
 	"      border-right: 1px solid var(--darker) !important;",
 	"    }",
+	"    .two ._1xXdX:hover {",
+	"      min-width: 349px !important;",
+	"    }",
 	"    .three > div:nth-child(2) > div:nth-child(2) {",
 	"      flex: 0 0 calc(100% - 30% - 80px) !important;",
-	"      margin-left: calc(-25% + 80px);",
+	"      margin-left: calc(-30% + 80px);",
 	"    }",
 	"    .three > div:nth-child(4) {",
 	"      flex: 0 0 calc(100% - 30% - 80px) !important;",
@@ -2155,7 +2247,8 @@
 	"    .three > div:nth-child(3):hover {",
 	"      flex: 0 0 80px !important;",
 	"    }",
-	"    .three ._14VS3 {",
+	"    .three ._14VS3,",
+	"    .three ._1xXdX {",
 	"      flex: 0 0 30% !important;",
 	"      border-color: var(--t) !important;",
 	"    }",