diff options
-rw-r--r-- | .SRCINFO | 4 | ||||
-rw-r--r-- | PKGBUILD | 4 | ||||
-rw-r--r-- | whatsapp-nativefier-dark-inject.js | 323 |
3 files changed, 212 insertions, 119 deletions
@@ -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 @@ -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;", " }", |