diff options
| author | Francisco Guimarães | 2020-06-05 10:21:03 -0300 |
|---|---|---|
| committer | Francisco Guimarães | 2020-06-05 10:21:03 -0300 |
| commit | 94e625981d002cdeb3e3fa6dc104c13844e3d0e3 (patch) | |
| tree | 723d16ef4f74da34414b95f9f5e94872e00c5194 | |
| parent | 1a7c96316acac70267dc384632bea200f1dd6b00 (diff) | |
| download | aur-94e625981d002cdeb3e3fa6dc104c13844e3d0e3.tar.gz | |
- Using official whatsapp dark theme
- Adding catalan language support for service worker hack
| -rw-r--r-- | .SRCINFO | 4 | ||||
| -rw-r--r-- | PKGBUILD | 4 | ||||
| -rw-r--r-- | README.md | 13 | ||||
| -rw-r--r-- | whatsapp-nativefier-dark-inject.js | 2614 |
4 files changed, 75 insertions, 2560 deletions
@@ -1,6 +1,6 @@ pkgbase = whatsapp-nativefier-dark pkgdesc = WhatsApp desktop built with nativefier (electron) using dark theme - pkgver = 0.20200428132708 + pkgver = 1.0.0 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 = a7297b08019fcc42c9f9fe29695a882b1bc097fd40aa09edccc1a5587d905305 + sha256sums = c7c201732ce2c2b55fc496280b23a493feb2d7c8fd7b008d7d416d3906529829 sha256sums = 6b214b951ff556fe2b87bb66bf8d3eb7b8ae7ed1dd0ceef0fa9d2c4ca86e0fff sha256sums = 77c85afca5dcea2a041a9461ead9700067556f95dc3702602c074260c4d3f047 @@ -1,7 +1,7 @@ # Maintainer: Francisco Guimaraes <francisco at gmail dot com> pkgname=whatsapp-nativefier-dark -pkgver=0.20200428132708 +pkgver=1.0.0 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" - "a7297b08019fcc42c9f9fe29695a882b1bc097fd40aa09edccc1a5587d905305" + "c7c201732ce2c2b55fc496280b23a493feb2d7c8fd7b008d7d416d3906529829" "6b214b951ff556fe2b87bb66bf8d3eb7b8ae7ed1dd0ceef0fa9d2c4ca86e0fff" "77c85afca5dcea2a041a9461ead9700067556f95dc3702602c074260c4d3f047" ) diff --git a/README.md b/README.md index 80a59a971e9d..79b43a9e0a3a 100644 --- a/README.md +++ b/README.md @@ -1,15 +1,4 @@ -### How to update user script - -Go to https://userstyles.org/styles/142096 and click -on `Install style as userscript` link to download the new file. - -Copy the contents of the file (except the last line: `})();`) you've just -downloaded to -[whatsapp-nativefier-dark-inject.js](./whatsapp-nativefier-dark-inject.js) -from the begin of the file until you see the line with comment -`// End UserScript`. - -### How to deploy +## How to release - Make sure the sha256 sums are valid at [PKGBUILD](PKGBUILD#L17). ```sh diff --git a/whatsapp-nativefier-dark-inject.js b/whatsapp-nativefier-dark-inject.js index cadc8cef7bf9..18d4ebb10a68 100644 --- a/whatsapp-nativefier-dark-inject.js +++ b/whatsapp-nativefier-dark-inject.js @@ -1,2548 +1,74 @@ -// ==UserScript== -// @name Dark-WhatsApp by Vednoc -// @namespace http://userstyles.org -// @description Complete, dark and light, very customizable userstyle for WhatsApp. In very active development on GitHub, check the page to get involved. -// @author Vednoc -// @homepage https://userstyles.org/styles/142096 -// @include http://web.whatsapp.com/* -// @include https://web.whatsapp.com/* -// @include http://*.web.whatsapp.com/* -// @include https://*.web.whatsapp.com/* -// @run-at document-start -// @version 0.20200428132708 -// ==/UserScript== -(function() {var css = [ - ":root {", - " --dark: #1f232a;", - " --darken: #252a33;", - " --darker: #333943;", - " --light: #e9e9e9;", - " --lighter: #a1a1a1;", - " --accent: #7289da;", - " --msg-l: #353b46;", - " --msg-r: #2c323d;", - " --yellow: #e5c512;", - " --orange: #df4b16;", - " --red: #dc322f;", - " --magenta: #f33682;", - " --violet: #6c71c4;", - " --blue: #268bd2;", - " --cyan: #2aa198;", - " --green: #859900;", - " --white: #fff;", - " --radius: 4px;", - " --t: transparent;", - " --shadow: rgba(0,0,0,0.145);", - " --sh-h: rgba(0,0,0,0.208);", - " --bshadow: 0 2px 4px var(--shadow);", - " --app-width: 1396px;", - " --emoji-o: 0.8;", - " --avatar-r: 50%;", - " --bg-image: url(\"https://raw.githubusercontent.com/vednoc/dark-whatsapp/master/images/bg-blur-high.jpg\");", - " --bg-opacity: 0.4;", - " --bg-blur: 0px;", - " --bg-hue: 320deg;", - " --bg-invert: 0;", - " --chat-image: url(\"https://web.whatsapp.com/img/bg-chat-tile_9e8a2898faedb7db9bf5638405cf81ae.png\");", - " --chat-bg-o: 0.15;", - " --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.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 * {", - " scrollbar-width: thin;", - " }", - " }", - " body {", - " color: var(--light) !important;", - " background-color: var(--dark) !important;", - " background-image: none;", - " scrollbar-color: var(--accent) rgba(85,85,85,0.125);", - " }", - " body ::placeholder,", - " body ._1mpL5 {", - " color: var(--lighter) !important;", - " }", - " body strong,", - " body [contenteditable] {", - " color: var(--light) !important;", - " }", - " body a {", - " color: var(--accent);", - " }", - " body select {", - " color: var(--light) !important;", - " border-color: var(--darker) !important;", - " }", - " .uyEaY {", - " margin-right: 24px;", - " }", - " .uyEaY::before {", - " color: var(--lighter) !important;", - " }", - " body option {", - " color: var(--light) !important;", - " background-color: var(--darker) !important;", - " }", - " body ::-moz-range-progress {", - " background-color: var(--accent) !important;", - " }", - " body ::-moz-range-thumb {", - " background-color: var(--accent) !important;", - " }", - " body ::-moz-range-track {", - " background-color: var(--dark) !important;", - " }", - " body ._1N8Pv {", - " background-color: var(--accent) !important;", - " }", - " .bB3vH ._4_92b::-moz-range-thumb {", - " background-color: var(--green) !important;", - " }", - " body ::-webkit-progress-bar {", - " background-color: var(--darker) !important;", - " }", - " body ::-webkit-progress-value {", - " background-color: var(--accent) !important;", - " }", - " body ::-webkit-slider-runnable-track {", - " background-color: #808080 !important;", - " }", - " body ::-webkit-slider-thumb {", - " background-color: var(--accent) !important;", - " }", - " .bB3vH ._4_92b::-moz-range-thumb {", - " background-color: var(--green) !important;", - " }", - " body ::-webkit-scrollbar-track {", - " background-color: rgba(85,85,85,0.133);", - " }", - " body ::-webkit-scrollbar-thumb {", - " background-color: var(--accent);", - " }", - " body,", - " body button,", - " body input {", - " font-family: var(--ui-font);", - " }", - " body .landing-wrapper::before {", - " background-color: var(--darken) !important;", - " }", - " body .landing-header {", - " position: relative;", - " }", - " body .landing-header path[fill ^= \"#FFF\"] {", - " fill: var(--accent);", - " }", - " body .landing-header path[fill ^= \"#00E\"] {", - " fill: var(--dark);", - " }", - " body .landing-header div {", - " text-transform: unset;", - " color: var(--light) !important;", - " }", - " body .landing-header::after {", - " right: 0;", - " font-size: 14px;", - " font-weight: 500;", - " position: absolute;", - " content: var(--version);", - " }", - " body .landing-window:not(#z) {", - " border-radius: var(--radius);", - " background-color: var(--dark) !important;", - " box-shadow: inset 0 0 0 1px var(--darker), var(--bshadow);", - " }", - " body .landing-main a[href] {", - " color: var(--accent) !important;", - " }", - " body .landing-main label,", - " body .landing-main ._2yUXW {", - " color: var(--lighter) !important;", - " }", - " body .landing-main .landing-title {", - " color: var(--light) !important;", - " }", - " body .landing-main rect[fill ^= \"#f2f\"],", - " body .landing-main rect[fill ^= \"#F2F\"] {", - " fill: var(--darker);", - " }", - " body .landing-main path[fill ^= \"#818\"] {", - " fill: var(--accent);", - " }", - " body .landing-main div[data-ref] {", - " border-radius: 0;", - " filter: contrast(150%);", - " outline: 4px solid var(--white);", - " box-shadow: 0 0 0 4px var(--white);", - " }", - " body .landing-main div[data-ref] [role=\"button\"] {", - " color: var(--white) !important;", - " background-color: var(--accent) !important;", - " }", - " body .landing-main div[data-ref]._1-KGg {", - " outline: 4px solid var(--accent);", - " box-shadow: 0 0 0 4px var(--accent);", - " }", - " body .landing-main + ._3B9bf {", - " background-color: var(--t) !important;", - " }", - " body .landing-main + ._3B9bf img {", - " opacity: 0.3;", - " }", - " body .landing-main + ._3B9bf [style *= \"opacity: 1\"] {", - " background-color: var(--t) !important;", - " }", - " body .landing-main .KACnm {", - " color: var(--white) !important;", - " background-color: var(--accent) !important;", - " box-shadow: var(--bshadow);", - " }", - " body .landing-main .KACnm::before {", - " border-bottom-color: var(--accent);", - " }", - " body [id *= \"startup\"] {", - " background-color: var(--dark) !important;", - " }", - " body [id *= \"startup\"] progress {", - " color: var(--accent) !important;", - " background-color: var(--darker) !important;", - " }", - " body [id *= \"startup\"] ::-moz-progress-bar {", - " background-color: var(--accent) !important;", - " }", - " body [id *= \"startup\"] circle {", - " stroke: var(--light);", - " }", - " body .hYvJ8 {", - " color: var(--light) !important;", - " background-color: var(--darken) !important;", - " box-shadow: inset 0 0 0 1px var(--darker), var(--bshadow);", - " }", - " body .hYvJ8 button {", - " color: var(--accent) !important;", - " }", - " body ._3JEcM {", - " color: var(--lighter) !important;", - " border-color: var(--lighter) !important;", - " background-color: var(--darken) !important;", - " }", - " body ._2e8Mu {", - " color: var(--accent) !important;", - " border-color: var(--accent) !important;", - " background-color: var(--darken) !important;", - " }", - " body ._2zynu {", - " border-color: var(--darker) !important;", - " background-color: var(--dark) !important;", - " }", - " body ._2zynu a {", - " color: var(--accent);", - " }", - " body ._2zynu::after {", - " border-color: var(--accent) !important;", - " }", - " body ._2zynu [style] h1 {", - " color: var(--light) !important;", - " }", - " body ._2zynu [style] div {", - " color: var(--lighter) !important;", - " }", - " body ._2zynu [data-asset-intro-image] {", - " border-radius: 50%;", - " max-width: 200px;", - " max-height: 200px;", - " filter: opacity(0.75);", - " transition: opacity 0.6s ease;", - " }", - " body ._2zynu h1 + div[class] {", - " font-size: 0;", - " }", - " body ._2zynu h1 + div[class]::before {", - " display: block;", - " font-size: 16px;", - " margin-bottom: -16px;", - " white-space: pre-wrap;", - " content: var(--message) \" \\A\\A \" var(--changes);", - " }", - " body ._2zynu h1 + div[class]::after {", - " display: block;", - " font-size: 16px;", - " margin-top: 16px;", - " padding-top: 16px;", - " content: var(--version);", - " border-top: 1px solid var(--darker);", - " }", - " body ._2zynu ._3ZVgT {", - " background-color: var(--darker) !important;", - " }", - " body .IMBOA {", - " margin-top: 16px !important;", - " }", - " body ._2a2hS {", - " background-color: var(--darker) !important;", - " }", - " body span[title *= \"typing...\"],", - " body .vdXUe {", - " color: var(--accent) !important;", - " }", - " .matched-text:not(#z) {", - " color: var(--accent) !important;", - " }", - " .matched-mention span,", - " [data-mention-jid] span {", - " color: var(--accent) !important;", - " }", - " .matched-mention:hover span,", - " [data-mention-jid]:hover span {", - " text-decoration: underline !important;", - " }", - " .me9CP {", - " border-color: var(--lighter) !important;", - " background-color: var(--darken) !important;", - " }", - " ._1VD7W {", - " border-color: var(--accent) !important;", - " background-color: var(--accent) !important;", - " }", - " 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;", - " }", - " body .rAUz7._3TbsN:not(#z):not(#y) [data-icon] path {", - " fill-opacity: 1 !important;", - " }", - " body ._10YBz,", - " body ._3UAb1 {", - " color: var(--light) !important;", - " background-color: var(--dark) !important;", - " opacity: 0.75;", - " box-shadow: var(--bshadow);", - " }", - " body ._10YBz svg path,", - " body ._3UAb1 svg path {", - " fill: var(--light) !important;", - " }", - " body svg[width = \"18\"][height = \"18\"] circle,", - " body svg[width = \"20\"][height = \"20\"] circle {", - " stroke: var(--green);", - " }", - " body svg[width = \"34\"][height = \"34\"] circle {", - " stroke: var(--lighter);", - " }", - " body .WX_XW {", - " color: var(--light) !important;", - " background-color: rgba(25,25,25,0.502) !important;", - " border-radius: 0 !important;", - " }", - " body #group-invite-link-anchor {", - " color: var(--accent) !important;", - " }", - " ._2jPGD {", - " background-color: var(--darker) !important;", - " }", - " ._2jPGD ._3y8EC::-webkit-slider-runnable-track {", - " background-color: var(--t) !important;", - " }", - " ._2jPGD ._3y8EC::-moz-range-progress,", - " ._2jPGD ._3y8EC::-moz-range-track {", - " background-color: var(--t) !important;", - " }", - " ._2jPGD ._1y1Zk {", - " 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;", - " }", - " ._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 {", - " background-color: var(--t) !important;", - " }", - " .Q8uSF + ::-moz-range-progress,", - " .Q8uSF + ::-moz-range-thumb {", - " background-color: var(--accent) !important;", - " }", - " .Q8uSF + ::-moz-range-track {", - " height: 2px;", - " background-color: #808080 !important;", - " }", - " ._4_92b::-moz-range-track {", - " background-color: #808080 !important;", - " }", - " ._3L8ub ._4_92b::-moz-range-thumb {", - " background-color: var(--light);", - " }", - " .bB3vH._38DlQ ._4_92b::-moz-range-thumb {", - " background-color: var(--accent) !important;", - " }", - " .llRZq {", - " box-shadow: 0 4px 12px 2px var(--sh-h) !important;", - " }", - " #app > div::after {", - " 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));", - " background-image: var(--bg-image);", - " background-size: cover;", - " background-color: var(--t) !important;", - " }", - " #app > div .app {", - " background-color: var(--dark) !important;", - " background-image: none;", - " }", - "@media (min-width: 1441px) {", - " #app > div .app {", - " border: 1px solid var(--darker);", - " border-radius: var(--radius);", - " box-shadow: var(--bshadow);", - " }", - " #app > div .app,", - " ._11ARv {", - " width: calc(100% - 38px);", - " max-width: var(--app-width);", - " }", - "}", - " #app > div .app.three > ._37f_5 {", - " width: calc(100% + 1px);", - " }", - " #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 {", - " border-radius: var(--avatar-r) !important;", - " }", - " .emojik {", - " transition: transform 0.15s ease;", - " }", - " .emojik:not(:hover):not(:focus):not(.selected) {", - " filter: opacity(var(--emoji-o));", - " }", - " .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);", - " }", - " ._3ZkhL._3NVMy ._1qUma {", - " background-color: var(--darken) !important;", - " box-shadow: inset 0 -1px var(--darker);", - " }", - " ._3ZkhL._3NVMy ._1qUma [style] {", - " background-color: var(--accent) !important;", - " }", - " ._3ZkhL._3NVMy ._3tlsa {", - " background-color: var(--dark) !important;", - " }", - " ._3ZkhL._3NVMy ._3tlsa [data-tab] {", - " background-color: var(--dark) !important;", - " }", - " ._3ZkhL._3NVMy ._3tlsa [data-tab] label {", - " color: var(--light) !important;", - " background-color: var(--darken) !important;", - " box-shadow: inset 0 0 0 1px var(--darker);", - " }", - " ._3ZkhL._3NVMy ._3tlsa [data-tab] input {", - " color: var(--light) !important;", - " }", - " ._3ZkhL._3NVMy ._3tlsa ._3xMAk {", - " color: var(--lighter) !important;", - " }", - " ._3ZkhL._3NVMy + [data-animate-dropdown-nib] {", - " border-bottom: 1px solid var(--darker);", - " border-right: 1px solid var(--darker);", - " background-color: var(--dark) !important;", - " box-shadow: none;", - " }", - " .overlay {", - " background-color: var(--t) !important;", - " }", - " .overlay::before {", - " content: \"\";", - " z-index: -1;", - " opacity: 0.81;", - " position: absolute;", - " top: 0;", - " right: 0;", - " bottom: 0;", - " left: 0;", - " background-color: var(--dark) !important;", - " }", - " .overlay ._2YdsD,", - " .overlay ._3pRd1 {", - " background-color: var(--darken) !important;", - " box-shadow: 0 1px var(--darker);", - " }", - " .overlay ._2YdsD ._1AwDx,", - " .overlay ._3pRd1 ._1AwDx {", - " color: var(--lighter) !important;", - " }", - " .overlay ._2YdsD ._25Ooe,", - " .overlay ._3pRd1 ._25Ooe {", - " color: var(--light) !important;", - " }", - " .overlay ._2YdsD ._2EXPL:not(#z):hover,", - " .overlay ._3pRd1 ._2EXPL:not(#z):hover {", - " background-color: var(--t) !important;", - " }", - " .overlay .I72vi {", - " background-color: var(--darken) !important;", - " overflow: hidden;", - " box-shadow: 0 1px var(--darker);", - " }", - " .overlay .I72vi > div:not(#z) {", - " background-color: var(--t) !important;", - " border: none !important;", - " }", - " .overlay .I72vi > div:not(#z) > div {", - " background-color: var(--darker) !important;", - " }", - " .overlay ._21bWq {", - " background-color: var(--darken) !important;", - " }", - " .overlay .KNt1E:not(#z) {", - " background-color: var(--darken) !important;", - " box-shadow: inset 0 0 0 1px var(--darker), var(--bshadow);", - " }", - " .overlay .KNt1E:not(#z):hover {", - " background-color: var(--darker) !important;", - " }", - " .overlay .X5OiD {", - " background-color: var(--darker) !important;", - " }", - " .overlay ._26BZr,", - " .overlay .JmH7x,", - " .overlay ._2HiNF {", - " color: var(--lighter) !important;", - " }", - " .overlay ._26BZr {", - " font-weight: normal !important;", - " }", - " .overlay ._2yVvV {", - " color: var(--light) !important;", - " }", - " .overlay [role = \"button\"]._1WZqU {", - " color: var(--lighter) !important;", - " }", - " .overlay [role = \"button\"]._1WZqU:hover {", - " color: var(--light) !important;", - " background-color: var(--darken) !important;", - " box-shadow: none;", - " }", - " .overlay [role = \"button\"]._1WZqU.PNlAR {", - " color: var(--white) !important;", - " background-color: var(--accent) !important;", - " box-shadow: var(--bshadow);", - " transition: 0.15s ease;", - " }", - " .overlay [role = \"button\"]._1WZqU.PNlAR:hover {", - " opacity: 0.8;", - " }", - " .overlay [data-animate-modal-popup]:not(._2ILbv) {", - " border: 1px solid var(--darker);", - " border-radius: var(--radius);", - " background-color: var(--dark) !important;", - " box-shadow: 0 4px 8px 2px var(--shadow);", - " }", - " .overlay [data-animate-modal-popup]:not(._2ILbv) ._13HPh {", - " color: var(--light) !important;", - " }", - " .overlay [data-animate-modal-popup]:not(._2ILbv) ._2VDPW {", - " background-color: var(--darken) !important;", - " }", - " .overlay [data-animate-modal-popup]:not(._2ILbv) .copyable-area {", - " background-color: var(--t) !important;", - " }", - " .overlay [data-animate-modal-popup]:not(._2ILbv) .copyable-area > header {", - " border-bottom: 1px solid var(--darker);", - " color: var(--light) !important;", - " background-color: var(--darken) !important;", - " }", - " .overlay [data-animate-modal-popup]:not(._2ILbv) .copyable-area ._1AKfk {", - " color: var(--accent) !important;", - " background-color: var(--t) !important;", - " }", - " .overlay [data-animate-modal-popup]:not(._2ILbv) .copyable-area ._2UaNq {", - " color: var(--light) !important;", - " background-color: var(--t) !important;", - " }", - " .overlay [data-animate-modal-popup]:not(._2ILbv) .copyable-area > span > div[style] {", - " border-top: 1px solid var(--darker);", - " color: var(--light) !important;", - " background-color: var(--darken) !important;", - " }", - " .overlay [data-animate-modal-popup]:not(._2ILbv) .copyable-area > span > div[style] [role = \"button\"] {", - " 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;", - " }", - " .overlay [data-animate-modal-popup]:not(._2ILbv) hr {", - " border-color: var(--darker) !important;", - " }", - " .overlay [data-animate-modal-popup]:not(._2ILbv) hr + div {", - " color: var(--light) !important;", - " }", - " ._1CnF3 {", - " padding: 0 !important;", - " }", - " ._1CnF3 > div {", - " padding: 22px 24px 20px !important;", - " }", - " .overlay [data-animate-modal-body] ._1BdTk {", - " border-left: none;", - " }", - " .overlay [data-animate-modal-body] ._7RNZ3 {", - " background-color: var(--darken) !important;", - " }", - " .overlay [data-animate-modal-body] ._2LALH {", - " background-color: var(--darken) !important;", - " box-shadow: var(--bshadow);", - " }", - " .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);", - " }", - " ._36ApL,", - " ._3afBu,", - " .overlay ._1VX5S {", - " background-color: var(--t) !important;", - " box-shadow: none !important;", - " }", - " ._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;", - " }", - " ._2mZ8F {", - " background-color: var(--darken) !important;", - " }", - " .overlay ._8icek {", - " fill-opacity: 0.55;", - " }", - " .overlay ._2S_XV {", - " color: var(--light) !important;", - " background-color: var(--darken) !important;", - " }", - " .overlay ._2S_XV * {", - " color: var(--lighter) !important;", - " }", - " .overlay ._2S_XV + div span:first-child {", - " color: var(--light) !important;", - " }", - " .overlay ._2S_XV + div span:last-child {", - " color: var(--lighter) !important;", - " }", - " .overlay .WOXAS,", - " .overlay ._1v8mQ {", - " background-color: var(--t) !important;", - " box-shadow: 0 1px var(--darker) !important;", - " }", - " .fwByR {", - " color: var(--accent) !important;", - " }", - " .overlay ._1wt6r,", - " ._3Yulp,", - " .bHCVK {", - " color: var(--lighter) !important;", - " }", - " .overlay ._3hnO5 {", - " border-color: var(--accent) !important;", - " }", - " .overlay ._1T8rb {", - " color: var(--accent) !important;", - " background-color: var(--t) !important;", - " }", - " .overlay .NWyjc.AZ3xD {", - " margin: 16px;", - " }", - " .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;", - " }", - " [data-animate-status-v3-modal-background = \"true\"]::before {", - " content: \"\";", - " z-index: -1;", - " opacity: 0.81;", - " position: absolute;", - " top: 0;", - " right: 0;", - " bottom: 0;", - " left: 0;", - " background-color: var(--dark) !important;", - " }", - " [data-animate-status-v3-modal-background = \"true\"] > div {", - " background-color: var(--dark) !important;", - " }", - "@media (min-width: 1441px) {", - " [data-animate-status-v3-modal-background = \"true\"] > div {", - " border-radius: var(--radius) !important;", - " border: 1px solid var(--darker) !important;", - " }", - "}", - " [data-animate-status-v3-modal-background = \"true\"] > div hr {", - " opacity: 1 !important;", - " border: none !important;", - " border-top: 1px solid var(--darker) !important;", - " }", - " [data-animate-status-v3-modal-background = \"true\"] > div > div[class]:nth-child(1) {", - " background-color: var(--darken) !important;", - " box-shadow: 1px 0 var(--darker);", - " }", - "@media (min-width: 1441px) {", - " [data-animate-status-v3-modal-background = \"true\"] > div > div[class]:nth-child(1) {", - " border-radius: var(--radius) 0 0 var(--radius);", - " }", - "}", - " [data-animate-status-v3-modal-background = \"true\"] > div > div[class]:nth-child(1) .OEFaY {", - " color: var(--lighter) !important;", - " }", - " [data-animate-status-v3-modal-background = \"true\"] > div > div[class]:nth-child(1) ._26-u- {", - " color: var(--light) !important;", - " }", - " [data-animate-status-v3-modal-background = \"true\"] > div > div[class]:nth-child(2) ._2LuDL {", - " color: var(--lighter) !important;", - " }", - " [data-animate-status-v3-modal-background = \"true\"] > div > div[class]:nth-child(2) svg[width][height] path {", - " fill: var(--lighter) !important;", - " }", - " [data-animate-status-v3-modal-background = \"true\"] > div ._2EXPL {", - " border-top: none;", - " }", - " ._3OHGh {", - " background-color: var(--dark) !important;", - " }", - " ._1k6Uw._129il {", - " border-color: var(--darken) !important;", - " }", - " circle {", - " stroke: var(--lighter) !important;", - " }", - " circle._1tACm {", - " stroke: var(--accent) !important;", - " }", - " .C73Q6 {", - " border-color: var(--darker) !important;", - " background-color: var(--darken) !important;", - " }", - " .C73Q6 .UPNDG._1xQmx {", - " border: none !important;", - " outline: 4px solid var(--accent);", - " }", - " .C73Q6 .UPNDG:hover:not(._1xQmx):not(#z) {", - " outline: 4px solid var(--accent) !important;", - " }", - " span[class][data-icon] > svg > path {", - " fill: var(--light);", - " transition: 0.15s ease;", - " }", - " span[class][data-icon]:hover > svg > path {", - " opacity: 1;", - " fill-opacity: 1 !important;", - " }", - " span[class][data-icon][data-icon *= \"chevron-\"] > svg > path,", - " span[class][data-icon][data-icon = \"down-context\"] > svg > path {", - " fill-opacity: 0.55;", - " }", - " span[class][data-icon][data-icon*=\"logo-\"] > svg > path {", - " fill-opacity: 0.6 !important;", - " }", - " span[class][data-icon][data-icon*=\"logo-\"] > svg > path:first-child {", - " fill: var(--dark);", - " }", - " span[class][data-icon][data-icon*=\"logo-\"] > svg > path:last-child {", - " fill: var(--light);", - " }", - " 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,", - " span[class][data-icon][data-icon=\"status-vcard\"] > svg > path,", - " span[class][data-icon][data-icon=\"status-sticker\"] > svg > path,", - " span[class][data-icon][data-icon=\"status-document\"] > svg > path,", - " 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.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;", - " }", - " span[class][data-icon = \"status-v3\"] path {", - " fill-opacity: 0.55 !important;", - " }", - " span[class][data-icon = \"status-v3-unread\"] path:not(:last-child) {", - " fill-opacity: 0.55 !important;", - " }", - " span[class][data-icon = \"status-v3-unread\"] path:last-child {", - " fill: var(--accent) !important;", - " }", - " span[class][data-icon = \"chat\"] path {", - " fill-opacity: 0.55 !important;", - " }", - " span[class][data-icon = \"menu\"] path {", - " fill-opacity: 0.55 !important;", - " }", - " span[class][data-icon = \"back-blue\"] path {", - " fill: var(--blue) !important;", - " }", - " span[class][data-icon ^= \"default-\"] path:first-child {", - " fill: var(--dark);", - " }", - " span[class][data-icon ^= \"default-\"] path:last-child {", - " fill: var(--lighter);", - " }", - " span[class][data-icon $= \"-square\"] path:first-child {", - " fill: var(--t);", - " }", - " span[class][data-icon ^= \"business-\"] path {", - " fill: var(--lighter);", - " }", - " span[class][data-icon = \"audio-file\"] path:first-child {", - " fill: var(--orange);", - " }", - " span[class][data-icon = \"audio-file\"] path:last-child {", - " fill: var(--darken);", - " }", - " span[class][data-icon ^= \"ptt-\"] path:first-child {", - " fill: var(--darker);", - " }", - " span[class][data-icon ^= \"ptt-\"] path:last-child {", - " fill: var(--accent);", - " }", - " span[class][data-icon *= \"ptt-blue\"] path {", - " fill: var(--accent) !important;", - " }", - " span[class][data-icon *= \"in-green\"] path[fill = \"#09D261\"] {", - " fill: var(--green) !important;", - " }", - " span[class][data-icon *= \"-check\"] path {", - " fill: var(--lighter) !important;", - " }", - " span[class][data-icon *= \"-dblcheck\"] path {", - " fill: var(--lighter) !important;", - " }", - " span[class][data-icon *= \"-dblcheck-ack\"] path,", - " .a5DO0 span[data-icon *= \"-dblcheck\"] path {", - " fill: var(--accent) !important;", - " }", - " ._2lSfP[data-icon *= \"-dblcheck\"]:not(#z) path,", - " ._1xtH9[data-icon *= \"-dblcheck\"]:not(#z) path,", - " .wrS81[data-icon *= \"-dblcheck\"]:not(#z) path {", - " fill: var(--accent) !important;", - " }", - " span[class][data-icon *= \"check\"] path {", - " fill-opacity: 1 !important;", - " }", - " 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;", - " }", - " svg[width = \"50\"][height = \"50\"] > circle[fill] {", - " stroke: var(--lighter);", - " }", - " span[class][data-icon = \"sticker-placeholder\"] > svg > path {", - " fill: var(--darker);", - " fill-opacity: 0.6;", - " }", - " span[class][data-icon = \"search\"] path[fill-opacity = \".3\"] {", - " fill-opacity: 0.55;", - " }", - " span[class][data-icon = \"checkbox-round-checked\"] [fill = \"#00BFA5\"] {", - " fill: var(--accent) !important;", - " }", - " span[class][data-icon = \"checkbox-round-checked\"] [fill = \"#FFF\"] {", - " fill: var(--white) !important;", - " }", - " span[class][data-icon *= \"status-ptt-green\"] > svg > path {", - " fill: var(--accent);", - " }", - " span[class][data-icon = \"star\"] > svg > path,", - " span[class][data-icon = \"star-in\"] > svg > path,", - " span[class][data-icon = \"star-light\"] > svg > path {", - " opacity: 1;", - " fill: var(--accent);", - " }", - " span[class][data-icon = \"down\"] {", - " fill-opacity: 0.55;", - " }", - " div:not(#z)[style ^= \"transform-origin:\"] {", - " border: 1px solid var(--darker);", - " border-radius: var(--radius);", - " background-color: var(--darken) !important;", - " box-shadow: 0 4px 12px var(--sh-h);", - " }", - " div:not(#z)[style ^= \"transform-origin:\"] ul > div {", - " color: var(--light) !important;", - " }", - " div:not(#z)[style ^= \"transform-origin:\"] li {", - " transition: background 0.2s ease;", - " }", - " div:not(#z)[style ^= \"transform-origin:\"] li._1exov {", - " background-color: var(--darker) !important;", - " }", - " div:not(#z)[style ^= \"transform-origin:\"] li div,", - " div:not(#z)[style ^= \"transform-origin:\"] li span {", - " color: var(--lighter) !important;", - " transition: 0.2s ease;", - " }", - " div:not(#z)[style ^= \"transform-origin:\"] li div:hover svg path,", - " div:not(#z)[style ^= \"transform-origin:\"] li span:hover svg path {", - " fill-opacity: 1 !important;", - " }", - " div:not(#z)[style ^= \"transform-origin:\"] li:hover {", - " background-color: var(--darker) !important;", - " }", - " div:not(#z)[style ^= \"transform-origin:\"] li:hover div,", - " div:not(#z)[style ^= \"transform-origin:\"] li:hover span {", - " color: var(--light) !important;", - " }", - " div:not(#z)[style ^= \"transform-origin:\"] li:not(:hover) [data-icon] path {", - " fill-opacity: 0.55 !important;", - " }", - " div:not(#z)[style ^= \"transform-origin:\"].XhRTI {", - " background-color: var(--t) !important;", - " border: none !important;", - " box-shadow: none !important;", - " }", - " div:not(#z)[style ^= \"transform-origin:\"].XhRTI li {", - " background-color: var(--t) !important;", - " }", - " div:not(#z)[style ^= \"transform-origin:\"].XhRTI ._1azEi::after {", - " box-shadow: var(--bshadow) !important;", - " }", - " div:not(#z)[style ^= \"transform-origin:\"].XhRTI ._2Par4 {", - " color: var(--light) !important;", - " background-color: var(--darker) !important;", - " box-shadow: var(--bshadow);", - " }", - " .P_A-m:not(#z) ul li:hover,", - " .P_A-m:not(#z) ul li._1exov {", - " background-color: var(--t) !important;", - " }", - " .P_A-m:not(#z) ul li:first-child {", - " border-color: var(--darker) !important;", - " }", - " .P_A-m:not(#z) ul + [data-animate-dropdown-nib] {", - " border-bottom: 1px solid var(--darker);", - " border-right: 1px solid var(--darker);", - " bottom: -8px;", - " background-color: var(--darken) !important;", - " }", - " #side {", - " background-color: var(--dark) !important;", - " }", - " #side > header {", - " border-bottom: 1px solid var(--darker);", - " background-color: var(--darken) !important;", - " }", - " #side > header + span[class] > div > div {", - " border-bottom: 1px solid var(--darker);", - " background-color: var(--darken) !important;", - " }", - " #side > header + span[class] ._1UvQg *,", - " #side > header + span[class] .MwhOx * {", - " color: var(--yellow) !important;", - " }", - " #side > header + span[class] ._1UvQg [data-icon ^= \"chevron-\"] path,", - " #side > header + span[class] .MwhOx [data-icon ^= \"chevron-\"] path {", - " fill: var(--yellow);", - " }", - " #side > header + span[class] ._1UvQg [data-icon ^= \"alert-\"] path[fill ^= \"curr\"],", - " #side > header + span[class] .MwhOx [data-icon ^= \"alert-\"] path[fill ^= \"curr\"] {", - " fill: var(--yellow);", - " }", - " #side > header + span[class] ._1UvQg [data-icon ^= \"alert-\"] path[fill ^= \"#FFB\"],", - " #side > header + span[class] .MwhOx [data-icon ^= \"alert-\"] path[fill ^= \"#FFB\"] {", - " fill: var(--darken);", - " }", - " #side > header + span[class] ._35DHA * {", - " color: var(--blue) !important;", - " }", - " #side > header + span[class] ._35DHA [data-icon ^= \"chevron-\"] path {", - " fill: var(--blue) !important;", - " }", - " #side > header + span[class] ._35DHA [data-icon ^= \"alert-\"] path {", - " fill: var(--blue);", - " }", - " #side > header + span[class] ._2BhJP * {", - " color: var(--red) !important;", - " }", - " #side > header + span[class] ._2BhJP [data-icon ^= \"chevron-\"] path {", - " fill: var(--red) !important;", - " }", - " #side > header + span[class] ._2BhJP [data-icon ^= \"alert-\"] path {", - " fill: var(--red);", - " }", - " #side > header + span[class] [data-icon = \"x-light\"] path {", - " fill-opacity: 0.55;", - " }", - " div[class *= \"gQzdc\"] {", - " transition: 0.2s ease;", - " border-bottom: 1px solid var(--darker);", - " background-color: var(--darken) !important;", - " }", - " div[class *= \"gQzdc\"]._3sdhb {", - " background-color: var(--dark) !important;", - " }", - " div[class *= \"gQzdc\"]::after {", - " content: none;", - " }", - " div[class *= \"gQzdc\"] > div + label {", - " border-radius: 4px !important;", - " background-color: var(--dark) !important;", - " }", - " div[class *= \"gQzdc\"] > div + label:not(:focus-within) {", - " box-shadow: inset 0 0 0 1px var(--darker);", - " }", - " div[class *= \"gQzdc\"] > div + label input {", - " color: var(--light) !important;", - " background-color: var(--t) !important;", - " }", - " div[class *= \"gQzdc\"] > div + label:focus-within {", - " background-color: var(--t) !important;", - " }", - " div[class *= \"gQzdc\"] > span > button {", - " right: 20px !important;", - " }", - " div[class *= \"gQzdc\"] > span > div {", - " right: 22px !important;", - " }", - " ._2HS9r {", - " background-color: var(--t) !important;", - " }", - " div[class *= \"gQzdc\"] ._183ES,", - " div[class *= \"gQzdc\"] ._201Bk,", - " div[class *= \"gQzdc\"] ._2cLHw {", - " color: var(--lighter) !important;", - " }", - " #side #pane-side {", - " background-color: var(--darken) !important;", - " }", - " #side #pane-side [style *= \"z-index\"] > div > div[class] {", - " background-color: var(--t) !important;", - " }", - " #side #pane-side [style *= \"z-index\"] > div > div[class]:hover {", - " background-color: rgba(85,85,85,0.082) !important;", - " }", - " #side #pane-side [style *= \"z-index\"] > div > div[class]._1f1zm {", - " background-color: var(--darker) !important;", - " }", - " #side #pane-side [style *= \"z-index\"] > div > div[class]::after,", - " #side #pane-side [style *= \"z-index\"] > div > div[class] > div:last-child {", - " border: none;", - " }", - " #side #pane-side [style *= \"z-index\"] > div > div[class] > div:last-child > div:first-child > div:first-child {", - " color: var(--light) !important;", - " }", - " #side #pane-side [style *= \"z-index\"] > div > div[class] > div:last-child > div:first-child > div:last-child {", - " color: var(--lighter) !important;", - " }", - " #side #pane-side [style *= \"z-index\"] > div > div[class] > div:last-child > div:last-child {", - " color: var(--lighter) !important;", - " }", - " #side #pane-side [style *= \"z-index\"] > div > div[class] > div:last-child strong {", - " color: var(--lighter) !important;", - " }", - " .OUeyt {", - " color: var(--white) !important;", - " background-color: var(--accent) !important;", - " }", - " #side #pane-side ._2xINO {", - " height: 0;", - " }", - " ._1HeQs.AYtad {", - " background-color: var(--dark) !important;", - " }", - " #side ._1AKfk {", - " color: var(--accent) !important;", - " background-color: var(--t) !important;", - " box-shadow: 0 1px var(--darker);", - " }", - " ._1-iDe .copyable-area:not(.overlay) {", - " background-color: var(--darken) !important;", - " }", - " ._1-iDe .copyable-area header {", - " height: unset;", - " min-height: unset !important;", - " border-bottom: 1px solid var(--darker);", - " background-color: var(--darken) !important;", - " }", - " ._1xGbt:not(#z) {", - " margin: 0;", - " padding-top: 4px;", - " font-size: 18px;", - " font-weight: 500;", - " }", - " ._1-iDe .copyable-area header > div {", - " height: 58px;", - " color: var(--light) !important;", - " }", - " ._1-iDe .copyable-area header > div ._6xQdq {", - " color: var(--light) !important;", - " }", - " ._1-iDe .copyable-area ._1CRb5 {", - " background-color: var(--t) !important;", - " box-shadow: none;", - " }", - " ._1-iDe .copyable-area ._1CRb5 ._1sYdX {", - " color: var(--accent) !important;", - " }", - " .Cpiae,", - " ._2EuwQ {", - " color: var(--lighter) !important;", - " }", - " ._1-iDe .copyable-area ._1CRb5 ._3K9Sw {", - " border-color: var(--t) !important;", - " }", - " ._31WRs ._1DTd4 {", - " border-color: var(--accent) !important;", - " }", - " ._2EXPL {", - " border-top: 1px solid var(--darker);", - " background-color: var(--t) !important;", - " }", - " ._2EXPL > div {", - " border: none !important;", - " }", - " ._2EXPL::after {", - " content: none !important;", - " }", - " ._2EXPL:hover:not(#z):not(._27Ppf) {", - " background-color: rgba(85,85,85,0.063) !important;", - " }", - " ._2EXPL [style *= \"height: 82px\"] {", - " background-color: var(--t) !important;", - " }", - " ._2EXPL ._2WP9Q {", - " border-top: none !important;", - " }", - " ._2EXPL ._25Ooe {", - " color: var(--light) !important;", - " }", - " ._2EXPL ._3Bxar,", - " ._2EXPL ._1AwDx,", - " ._1jd1m {", - " color: var(--lighter) !important;", - " }", - " ._2EXPL._2EXPL:not(#z) ._25Ooe {", - " color: var(--light) !important;", - " }", - " ._2EXPL._2EXPL:not(#z) ._1AwDx div {", - " color: var(--lighter) !important;", - " }", - " ._2EXPL._3ntaf {", - " border-top: none !important;", - " }", - " ._2EXPL._13iu_ {", - " height: 25px !important;", - " }", - " ._2EXPL._13iu_,", - " ._2EXPL._13iu_:not(#z):hover {", - " background-color: var(--darker) !important;", - " }", - " ._2EXPL._13iu_ [role = \"button\"]:hover {", - " background-color: var(--dark) !important;", - " }", - " ._1-iDe .copyable-area ._1CkkN {", - " border-bottom: 1px solid var(--darker);", - " background-color: var(--t) !important;", - " box-shadow: 0 -1px var(--darker);", - " }", - " ._1-iDe .copyable-area ._1CkkN:hover {", - " background-color: rgba(85,85,85,0.063) !important;", - " }", - " ._1-iDe .copyable-area ._1CkkN::before {", - " content: none;", - " }", - " ._1-iDe .copyable-area ._1CkkN > div:last-child {", - " border-color: var(--t) !important;", - " }", - " ._1-iDe .copyable-area ._1CkkN ._3LL06 {", - " color: var(--light) !important;", - " }", - " .wjdTm,", - " ._1-iDe .copyable-area ._1qWhd {", - " color: var(--lighter) !important;", - " }", - " ._1-iDe .copyable-area ._66JgU {", - " background-color: var(--t) !important;", - " }", - " ._1-iDe .copyable-area ._66JgU input {", - " color: var(--light) !important;", - " }", - " ._1-iDe .copyable-area ._66JgU ._3_3Rs {", - " border-color: var(--darker) !important;", - " }", - " ._1-iDe .copyable-area ._66JgU + div {", - " background-color: var(--t) !important;", - " }", - " ._1-iDe .copyable-area ._66JgU + div ._8-yzK {", - " background-color: var(--t) !important;", - " }", - " ._1wt6r {", - " color: var(--lighter) !important;", - " }", - " ._1-iDe .copyable-area ._1ecJY ._2zkF3 {", - " background-color: var(--t) !important;", - " }", - " ._1-iDe .copyable-area ._1ecJY ._1AKfk {", - " color: var(--accent) !important;", - " background-color: var(--t) !important;", - " }", - " ._1jJLh {", - " background-color: var(--accent) !important;", - " }", - " ._1jJLh.w4k6i {", - " background-color: var(--t) !important;", - " }", - " ._1jJLh.w4k6i path {", - " fill-opacity: 0.55;", - " }", - " ._3YwRO {", - " border: none !important;", - " }", - " ._1-iDe .copyable-area .MS-DH::before {", - " margin-top: -1px;", - " left: 0;", - " background-color: var(--darker) !important;", - " }", - " ._1-iDe .copyable-area .MS-DH::after {", - " content: none;", - " }", - " ._1-iDe .copyable-area .MS-DH._1baOM:not(#z) {", - " background-color: var(--darker) !important;", - " }", - " ._1-iDe .copyable-area .MS-DH._2-mCk,", - " ._1-iDe .copyable-area .MS-DH.ZuHmv {", - " background-color: rgba(85,85,85,0.063) !important;", - " }", - " ._3WZoe,", - " ._1-iDe .copyable-area .MS-DH ._1bcjS,", - " ._1-iDe .copyable-area .MS-DH ._2-rkJ::before {", - " color: var(--lighter) !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;", - " }", - " ._1-iDe .copyable-area ._3hhmj {", - " border-color: var(--t) !important;", - " }", - " ._1-iDe .copyable-area ._27YTC,", - " ._3dwyT {", - " color: var(--lighter) !important;", - " }", - " ._1-iDe .copyable-area ._1i7uJ {", - " background-color: var(--darker) !important;", - " }", - " ._2rXhY {", - " color: var(--lighter) !important;", - " }", - " ._1BLxK {", - " color: var(--accent) !important;", - " background-color: var(--t) !important;", - " }", - " ._2WSfN {", - " color: var(--accent) !important;", - " background-color: var(--darken) !important;", - " }", - " ._1-iDe .copyable-area .ZIgPi {", - " color: var(--light) !important;", - " }", - " ._14VS3 .copyable-area [style *= \"height: 200px\"] > div {", - " background-color: var(--dark) !important;", - " }", - " ._14VS3 .copyable-area .iYPsH {", - " color: var(--light) !important;", - " }", - " ._14VS3 .copyable-area ._2IwIk,", - " ._14VS3 .copyable-area ._1goQ0,", - " ._14VS3 .copyable-area ._2IkcY {", - " color: var(--lighter) !important;", - " }", - " ._14VS3 .copyable-area ._14oqx {", - " padding: 0;", - " }", - " ._14VS3 .copyable-area ._14oqx > div {", - " padding: 0 30px;", - " border-color: var(--darker) !important;", - " }", - " ._14VS3 .copyable-area ._14oqx span {", - " color: var(--light) !important;", - " }", - " ._14VS3 .copyable-area ._1ur1f {", - " padding: 28px 15px 19px;", - " }", - " ._14VS3 .copyable-area ._2ZVEo {", - " padding: 14px 15px 10px;", - " }", - " ._14VS3 .copyable-area ._2k1Z5 {", - " padding: 14px 15px 4px;", - " }", - " ._14VS3 .copyable-area ._3EN0l {", - " padding: 14px 15px;", - " }", - " ._14VS3 .copyable-area .ujWpH {", - " padding: 14px 15px;", - " }", - " ._14VS3 .copyable-area ._2nQ7u,", - " ._14VS3 .copyable-area ._1goQ0 {", - " padding: 0;", - " }", - " ._14VS3 .copyable-area ._2nQ7u + div[class] > div {", - " padding-top: 1px;", - " }", - " ._14VS3 .copyable-area ._2LSbZ._2j5ir {", - " margin-bottom: unset;", - " }", - " ._14VS3 .copyable-area ._1tyVr {", - " padding: 0 15px;", - " width: auto;", - " }", - " ._14VS3 .copyable-area ._GaHgu path {", - " opacity: 0.55 !important;", - " }", - " ._14VS3 .copyable-area ._GaHgu:hover > span > svg > path {", - " opacity: 1 !important;", - " fill-opacity: 0.9 !important;", - " }", - " ._14VS3 .copyable-area ._3FAwT {", - " border-bottom: 1px solid var(--darker);", - " background-color: var(--t) !important;", - " }", - " ._14VS3 .copyable-area ._2flas {", - " background-color: var(--t) !important;", - " }", - " ._14VS3 .copyable-area ._2flas span {", - " color: var(--accent) !important;", - " }", - " ._14VS3 .copyable-area .Um7sh {", - " background-color: var(--t) !important;", - " box-shadow: 0 1px var(--darker);", - " }", - " ._14VS3 .copyable-area ._3E0ID {", - " color: var(--light) !important;", - " border-color: var(--darker) !important;", - " background-color: var(--t) !important;", - " }", - " ._14VS3 .copyable-area ._3E0ID span {", - " color: inherit;", - " }", - " ._14VS3 .copyable-area ._2feU1:not(._1c8mz):not(#z):not(#x) ._2EXPL:hover {", - " background-color: var(--t) !important;", - " box-shadow: none !important;", - " }", - " ._14VS3 .copyable-area ._2feU1:not(._1c8mz):not(#z):not(#x) ._2EXPL._27Ppf:hover {", - " background-color: var(--darker) !important;", - " }", - " ._14VS3 .copyable-area ._2WP9Q {", - " border: none;", - " }", - " ._14VS3 .copyable-area ._3dwyT {", - " color: var(--lighter) !important;", - " }", - " ._14VS3 .copyable-area [style]:not(#z):not(#x) > div > ._2UaNq._3sA1g:hover,", - " ._14VS3 .copyable-area [style]:not(#z):not(#x) > div > ._2UaNq._3mMX1,", - " ._14VS3 .copyable-area [style]:not(#z):not(#x) > div > ._2UaNq.hover {", - " background-color: rgba(85,85,85,0.063) !important;", - " }", - " ._14VS3 .copyable-area span[title] > span[dir] {", - " color: var(--light) !important;", - " }", - " ._0LqQ {", - " color: var(--lighter) !important;", - " }", - " ._14VS3 .copyable-area .BfrqJ > header._3jHKU {", - " height: 59px;", - " background-color: var(--darken) !important;", - " box-shadow: inset 0 -1px var(--darker);", - " }", - " ._14VS3 .copyable-area .BfrqJ > header._3jHKU div {", - " color: var(--light) !important;", - " }", - " ._3jHKU {", - " z-index: 999 !important;", - " }", - " ._14VS3 .copyable-area .GaHgu {", - " background-color: var(--darken) !important;", - " box-shadow: inset 0 -1px var(--darker);", - " }", - " ._14VS3 .copyable-area .GaHgu span {", - " color: var(--light) !important;", - " }", - " ._14VS3 .copyable-area [data-active-tab] {", - " border-bottom: 1px solid var(--darker);", - " background-color: var(--dark) !important;", - " }", - " ._14VS3 .copyable-area [data-active-tab] button {", - " color: var(--lighter) !important;", - " }", - " ._14VS3 .copyable-area [data-active-tab] button:hover {", - " background-color: var(--darken) !important;", - " }", - " ._14VS3 .copyable-area [data-active-tab] button._3caqI {", - " color: var(--light) !important;", - " }", - " ._14VS3 .copyable-area [data-active-tab]::before {", - " margin-bottom: -1px;", - " height: 1px;", - " background-color: var(--blue) !important;", - " }", - " ._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);", - " }", - " #main {", - " background-color: var(--dark) !important;", - " }", - " [data-asset-chat-background] {", - " opacity: 1 !important;", - " filter: invert(var(--chat-bg-i)) opacity(var(--chat-bg-o));", - " background: var(--chat-image);", - " }", - " #main > header {", - " border-right: none;", - " border-bottom: 1px solid var(--darker);", - " border-color: var(--darker) !important;", - " background-color: var(--darken) !important;", - " }", - " #main > header::after {", - " content: none;", - " }", - " #main > header [title] {", - " color: var(--light) !important;", - " }", - " #main > header > div:nth-child(2) > div:nth-child(2) span[title] {", - " color: var(--lighter) !important;", - " }", - " #main ._3SYkD > div {", - " border-bottom: 1px solid var(--darker);", - " border-left: 1px solid var(--darker);", - " background-color: var(--darken);", - " }", - " #main ._3SYkD ._6xQdq,", - " #main ._3SYkD ._3GIEC {", - " color: var(--light) !important;", - " }", - " #main ._3SYkD ._3D8gv {", - " color: var(--lighter) !important;", - " }", - " #main ._3dGYA {", - " background-color: var(--darken) !important;", - " box-shadow: inset 0 0 0 1px var(--darker), var(--bshadow);", - " }", - " #main ._3dGYA svg circle {", - " stroke: var(--green);", - " }", - " #main .Zq3Mc {", - " opacity: 0.95;", - " letter-spacing: 0;", - " font-weight: 600;", - " text-shadow: none;", - " color: var(--light) !important;", - " background-color: var(--darken) !important;", - " box-shadow: var(--bshadow), inset 0 0 0 1px var(--darker), inset 0 -3px var(--darker);", - " }", - " #main .Zq3Mc._14b5J {", - " color: var(--orange) !important;", - " }", - " #main .Zq3Mc:not(.tail) {", - " color: var(--light) !important;", - " }", - " #main ._298R6 {", - " background-color: var(--darken) !important;", - " transition: background 0.15s ease;", - " box-shadow: inset 0 0 0 1px var(--darker), 0 4px 8px var(--shadow);", - " }", - " #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;", - " }", - " #main .copyable-area > div[tabindex] {", - " border-color: var(--darker) !important;", - " }", - " #main .copyable-area > div[tabindex] > [tabindex = \"-1\"] {", - " display: flex !important;", - " flex-direction: column !important;", - " }", - " #main .copyable-area > div[tabindex]._3D9Wd {", - " background-color: var(--t) !important;", - " }", - " #main .copyable-area > div[tabindex]._3D9Wd [class *= \"message-\"] {", - " position: relative;", - " }", - " ._1o1sm {", - " z-index: 999 !important;", - " }", - " ._1o1sm::before {", - " content: \"\";", - " opacity: 0.08;", - " position: absolute;", - " top: 0;", - " left: 0;", - " bottom: 0;", - " right: 0;", - " }", - " ._1o1sm:hover,", - " ._1o1sm._2nOMz {", - " background-color: var(--t) !important;", - " }", - " ._1o1sm:hover::before,", - " ._1o1sm._2nOMz::before {", - " background-color: var(--accent) !important;", - " }", - " #main .copyable-area > div[tabindex]._3D9Wd ._1VD7W {", - " border-color: var(--accent) !important;", - " background-color: var(--accent) !important;", - " }", - " #main .copyable-area > div[tabindex]._3D9Wd ._1VD7W div {", - " border-color: var(--white) !important;", - " }", - " ._1l9lt path {", - " opacity: 0.55 !important;", - " }", - " ._1l9lt:disabled path {", - " fill: var(--lighter) !important;", - " opacity: 0.25 !important;", - " }", - " ._1l9lt:hover > span > svg > path {", - " opacity: 1 !important;", - " fill-opacity: 0.9 !important;", - " }", - " ._15aTv {", - " color: var(--lighter) !important;", - " }", - " #main .copyable-area > div[tabindex] ._1mq8g {", - " color: var(--light) !important;", - " border-color: var(--darker) !important;", - " background-color: var(--darken) !important;", - " }", - " #main .copyable-area > div[tabindex] ._1mq8g > span {", - " background-color: var(--darker) !important;", - " }", - " #main .copyable-area > div[tabindex] a[title] > ._1mrMQ {", - " color: var(--light) !important;", - " background-color: var(--dark) !important;", - " }", - " #main .copyable-area > div[tabindex] a[title] + div,", - " #main .copyable-area > div[tabindex] a[title] + div > span::before {", - " color: var(--lighter) !important;", - " }", - " ._2nFG1,", - " ._2pvbg,", - " ._3mRez,", - " ._1sGGp {", - " background-color: var(--dark) !important;", - " }", - " ._2nFG1 div > div:nth-child(1) span,", - " ._2pvbg div > div:nth-child(1) span,", - " ._3mRez div > div:nth-child(1) span,", - " ._1sGGp div > div:nth-child(1) span {", - " color: var(--light) !important;", - " }", - " ._2nFG1 div > div:nth-child(2) span,", - " ._2pvbg div > div:nth-child(2) span,", - " ._3mRez div > div:nth-child(2) span,", - " ._1sGGp div > div:nth-child(2) span {", - " color: var(--lighter) !important;", - " }", - " ._2nFG1 div > div:nth-child(3) span,", - " ._2pvbg div > div:nth-child(3) span,", - " ._3mRez div > div:nth-child(3) span,", - " ._1sGGp div > div:nth-child(3) span {", - " color: var(--light) !important;", - " }", - " #main .copyable-area > div[tabindex] ._18dOq,", - " #main .copyable-area > div[tabindex] ._1upWv {", - " color: var(--lighter) !important;", - " }", - " #main .copyable-area > div[tabindex] ._18dOq [data-icon] path,", - " #main .copyable-area > div[tabindex] ._1upWv [data-icon] path {", - " fill: var(--lighter);", - " }", - " ._484uz,", - " ._3BIvq {", - " color: var(--accent) !important;", - " }", - " ._3DBC1 {", - " border-color: rgba(136,136,136,0.188) !important;", - " }", - " ._3DBC1 [role = \"button\"] {", - " color: var(--light) !important;", - " }", - " ._2RBFb {", - " background-color: var(--dark) !important;", - " }", - " ._2DwXW,", - " ._2DwXW span::before {", - " color: var(--lighter) !important;", - " }", - " ._3_nIn,", - " ._3Kp0Q {", - " background-color: rgba(85,85,85,0.063) !important;", - " }", - " a[href][target = \"_blank\"] > *,", - " ._2Lp2x > * {", - " color: var(--lighter) !important;", - " }", - " a[href][target = \"_blank\"] > :first-child,", - " ._2Lp2x > :first-child,", - " a[href][target = \"_blank\"] > :last-child,", - " ._2Lp2x > :last-child {", - " color: var(--light) !important;", - " }", - " ._1YNgi div[style *= \"base64\"] {", - " filter: none !important;", - " }", - " ._1YNgi div[style *= \"height\"] {", - " background-color: var(--dark) !important;", - " }", - " ._1YNgi ._3gkvk {", - " color: var(--light) !important;", - " }", - " ._3BtGF,", - " .mc_ET {", - " border-color: var(--dark) !important;", - " background-color: var(--t) !important;", - " }", - " .AVd_p {", - " color: var(--light) !important;", - " }", - " .message-in > div:not(._1rK-b),", - " .message-out > div:not(._1rK-b) {", - " 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 [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 *,", - " ._1DZAH {", - " color: var(--lighter) !important;", - " }", - " .message-in._26GKj ._2Nkc4:not(#z),", - " .message-out._26GKj ._2Nkc4:not(#z) {", - " background: none !important;", - " }", - " .message-in ._1rK-b ._2R8MP,", - " .message-out ._1rK-b ._2R8MP {", - " background-color: var(--msg-l) !important;", - " box-shadow: 0 1px var(--shadow) !important;", - " }", - " .message-in ._1rK-b ._2Ll5c,", - " .message-out ._1rK-b ._2Ll5c {", - " color: var(--lighter) !important;", - " box-shadow: 0 1px var(--shadow) !important;", - " }", - " .message-in ._1rK-b ._2Ll5c div,", - " .message-out ._1rK-b ._2Ll5c div {", - " color: inherit;", - " }", - " .message-in ._1lxsr,", - " .message-out ._1lxsr,", - " .message-in ._3MYI2,", - " .message-out ._3MYI2 {", - " color: var(--lighter) !important;", - " }", - " .message-in [style *= \"height: 55px\"],", - " .message-out [style *= \"height: 55px\"] {", - " background-color: var(--dark) !important;", - " box-shadow: var(--bshadow);", - " }", - " .message-in [style *= \"height: 55px\"] svg path[fill = \"#DFE5E7\"],", - " .message-out [style *= \"height: 55px\"] svg path[fill = \"#DFE5E7\"] {", - " fill: var(--t) !important;", - " }", - " .message-in.velocity-animating,", - " .message-out.velocity-animating {", - " opacity: 0.4;", - " }", - " .message-in div[style *= \"width\"][style *= \"height\"] + ._1uFFm,", - " .message-out div[style *= \"width\"][style *= \"height\"] + ._1uFFm,", - " .message-in div[style *= \"width\"][style *= \"height\"] + .GbMip,", - " .message-out div[style *= \"width\"][style *= \"height\"] + .GbMip {", - " padding: 2px 5px;", - " border-radius: 7.5px;", - " background-color: var(--dark) !important;", - " }", - " .message-in .video-thumb ._1Ppwx,", - " .message-out .video-thumb ._1Ppwx,", - " ._2G09- > ._2Pjvv {", - " padding: 2px 5px;", - " border-radius: 7.5px;", - " color: var(--light) !important;", - " background-color: var(--dark) !important;", - " }", - " .message-in .video-thumb + div > [role = \"button\"],", - " .message-out .video-thumb + div > [role = \"button\"] {", - " padding: 2px 5px;", - " border-radius: 7.5px;", - " color: var(--light) !important;", - " background-color: var(--dark) !important;", - " }", - " .Y9G3K {", - " color: var(--lighter) !important;", - " }", - " .message-in ._2rg5w._3EQsG,", - " .message-out ._2rg5w._3EQsG {", - " height: 50px;", - " }", - " .message-in > div:not(._1rK-b) > div {", - " color: var(--light) !important;", - " background-color: var(--msg-l) !important;", - " }", - " .message-in > div._1rK-b ._2Ll5c {", - " background-color: var(--msg-l) !important;", - " }", - " ._3_9XW {", - " background-color: var(--msg-l) !important;", - " box-shadow: 0 1px 0.5px var(--shadow) !important;", - " }", - " .message-in [role] > span[role = \"button\"] + span {", - " color: var(--light) !important;", - " }", - " .message-in > div > span:last-child > div[style]:not(._1qhoQ) {", - " height: 22px !important;", - " background: linear-gradient(90deg, var(--t), var(--msg-l) 80%) !important;", - " }", - " ._1i1U7._1UyGF div[style *= \"opacity\"] {", - " background-color: var(--msg-l) !important;", - " }", - " .message-in > div > span:last-child > div[style]._15hve.jZ4tp,", - " .message-in > div > span:last-child > div[style]._15hve._2DNgV {", - " background: none !important;", - " }", - " .message-in > div > span:last-child > div[style]._20WGU,", - " .message-in > div > span:last-child > div[style].LSBf- {", - " background: linear-gradient(30deg, var(--t) 60%, var(--shadow)) !important;", - " }", - " .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(.YsGwW) {", - " color: var(--light) !important;", - " background-color: var(--msg-r) !important;", - " }", - " .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 .YsGwW:not(#z) > :first-child:not(:last-child)::after {", - " border-left-color: var(--darker) !important;", - " }", - " .message-out .YsGwW:not(#z) > [role = \"button\"] {", - " border-color: var(--shadow) !important;", - " background-color: var(--red) !important;", - " }", - " .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 > div > span:last-child > div[style]:not(._1qhoQ) {", - " background: linear-gradient(90deg, var(--t), var(--msg-r) 80%) !important;", - " }", - " ._1i1U7._1qhoQ div[style *= \"opacity\"] {", - " background-color: var(--msg-r) !important;", - " }", - " .message-out > div > span:last-child > div[style]._2DNgV.o4dWJ {", - " background: linear-gradient(30deg, var(--t), var(--msg-r)) !important;", - " }", - " .message-out > div > span:last-child > div[style]._20WGU,", - " .message-out > div > span:last-child > div[style].LSBf- {", - " background: linear-gradient(30deg, var(--t) 60%, var(--shadow)) !important;", - " }", - " .message-out > div > span:last-child > div[style]._38wik._3EQsG {", - " 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(--msg-r) 60%) !important;", - " }", - " .message-out > div > span:nth-last-child(2) > div[style]._2Cju4 {", - " background: none !important;", - " }", - " .message-out ._1iJeo {", - " background-color: var(--dark) !important;", - " }", - " .message-out ._1iJeo:hover {", - " opacity: 0.8;", - " }", - " ._1drQ-,", - " ._1dGTK,", - " .r3Nu1 {", - " border-left: 1px solid var(--darker) !important;", - " background-color: var(--dark) !important;", - " }", - " ._1drQ- header,", - " ._1dGTK header,", - " .r3Nu1 header {", - " border-bottom: 1px solid var(--darker);", - " color: var(--light) !important;", - " background-color: var(--darken) !important;", - " }", - " ._1drQ- ._7HWvs,", - " ._1dGTK ._7HWvs,", - " .r3Nu1 ._7HWvs,", - " ._1drQ- ._2n7FA,", - " ._1dGTK ._2n7FA,", - " .r3Nu1 ._2n7FA {", - " color: var(--lighter) !important;", - " }", - " ._1drQ- .CzI8E,", - " ._1dGTK .CzI8E,", - " .r3Nu1 .CzI8E {", - " border-color: var(--accent) !important;", - " }", - " ._1drQ- ._1qE6k,", - " ._1dGTK ._1qE6k,", - " .r3Nu1 ._1qE6k {", - " color: var(--light) !important;", - " background-color: var(--darker) !important;", - " box-shadow: var(--bshadow) !important;", - " }", - " ._1drQ- > div[tabindex] > div:nth-child(2),", - " ._1dGTK > div[tabindex] > div:nth-child(2),", - " .r3Nu1 > div[tabindex] > div:nth-child(2) {", - " border-top: 1px solid var(--darker);", - " background-color: var(--darken) !important;", - " }", - " [role = \"button\"] + ._2sn3C {", - " background-color: var(--darken) !important;", - " }", - " [role = \"button\"]._1Dfrr:hover {", - " 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;", - " box-shadow: inset 0 0 0 1px var(--darker) !important;", - " }", - " [role = \"button\"]._1ypOz::after {", - " background-color: var(--accent) !important;", - " }", - " [role = \"button\"]._2gZno::after {", - " background-color: var(--accent) !important;", - " }", - " [role = \"button\"]._3hV1n {", - " background-color: var(--accent) !important;", - " box-shadow: var(--bshadow);", - " transition: 0.15s ease;", - " }", - " [role = \"button\"]._3hV1n:hover {", - " opacity: 0.75;", - " }", - " ._2n-96 {", - " background-color: var(--dark) !important;", - " }", - " ._2n-96 > div {", - " color: var(--light) !important;", - " border-color: var(--darker) !important;", - " }", - " #main > footer {", - " background-color: var(--t) !important;", - " }", - " #main > footer > div > div {", - " border-color: var(--darker) !important;", - " }", - " #main > footer ._1x_c3 path {", - " fill-opacity: 0.55;", - " }", - " #main > footer ._1x_c3.bRYFY path {", - " fill-opacity: 1;", - " fill: var(--accent);", - " }", - " ._23EHf {", - " border-color: var(--darker) !important;", - " background-color: var(--darken) !important;", - " box-shadow: inset 0 1px var(--darker) !important;", - " }", - " ._23EHf::before {", - " content: none;", - " }", - " ._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;", - " background-color: var(--darken) !important;", - " }", - " #main > footer > div:first-child div[style] + div[tabindex] {", - " border-radius: 4px;", - " border-color: var(--darker) !important;", - " background-color: var(--dark) !important;", - " }", - " #main > footer > div:first-child div[style] + div[tabindex] [style *= \"visibility\"] {", - " color: var(--lighter) !important;", - " }", - " #main > footer > div:first-child div[style] + div[tabindex] .focused > div[style] {", - " color: var(--t) !important;", - " }", - " #main > footer [data-icon = \"ptt\"] path {", - " fill-opacity: 0.55;", - " }", - " #main > footer [fill = \"#09D261\"] {", - " fill: var(--green) !important;", - " }", - " #main > footer [fill = \"#E53935\"] {", - " fill: var(--red) !important;", - " }", - " #main > footer ._1vDUw {", - " border-color: var(--darker) !important;", - " }", - " #main > footer ._1vDUw ._1qUma,", - " ._3ZkhL._3NVMy ._1qUma {", - " background-color: var(--darken) !important;", - " }", - " #main > footer ._1vDUw ._1qUma div[style *= \"background\"],", - " ._3ZkhL._3NVMy ._1qUma div[style *= \"background\"] {", - " background-color: var(--accent) !important;", - " }", - " #main > footer ._1vDUw ._1qUma > :not(._2DzXb),", - " ._3ZkhL._3NVMy ._1qUma > :not(._2DzXb) {", - " color: var(--lighter) !important;", - " }", - " #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(._2DzXb):hover,", - " ._3ZkhL._3NVMy ._1qUma > :not(._2DzXb):hover,", - " #main > footer ._1vDUw ._1qUma ._2DzXb,", - " ._3ZkhL._3NVMy ._1qUma ._2DzXb {", - " color: var(--light) !important;", - " }", - " ._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 {", - " background-color: var(--dark) !important;", - " }", - " #main > footer ._1vDUw ._3tlsa [data-tab],", - " #main > footer ._1vDUw ._2HBs4 [data-tab],", - " #main > footer ._1vDUw ._2z7kg [data-tab] {", - " border-color: var(--darker) !important;", - " background-color: var(--dark) !important;", - " }", - " #main > footer ._1vDUw ._3tlsa [data-tab] label,", - " #main > footer ._1vDUw ._2HBs4 [data-tab] label,", - " #main > footer ._1vDUw ._2z7kg [data-tab] label {", - " color: var(--light) !important;", - " border-color: var(--darker) !important;", - " background-color: var(--darken) !important;", - " box-shadow: inset 0 0 0 1px var(--darker);", - " }", - " #main > footer ._1vDUw ._3tlsa [data-tab] label input,", - " #main > footer ._1vDUw ._2HBs4 [data-tab] label input,", - " #main > footer ._1vDUw ._2z7kg [data-tab] label input {", - " color: var(--light) !important;", - " }", - " #main > footer ._1vDUw ._3tlsa ._3xMAk,", - " #main > footer ._1vDUw ._2HBs4 ._3xMAk,", - " #main > footer ._1vDUw ._2z7kg ._3xMAk {", - " color: var(--lighter) !important;", - " }", - " #main > footer ._1vDUw ._3tlsa .zl5TR,", - " #main > footer ._1vDUw ._2HBs4 .zl5TR,", - " #main > footer ._1vDUw ._2z7kg .zl5TR {", - " border-radius: 4px;", - " background-color: var(--darken) !important;", - " }", - " #main > footer ._1vDUw ._3tlsa [data-id = \"retry\"],", - " #main > footer ._1vDUw ._2HBs4 [data-id = \"retry\"],", - " #main > footer ._1vDUw ._2z7kg [data-id = \"retry\"] {", - " color: var(--accent) !important;", - " }", - " ._2Hze1 {", - " color: var(--lighter) !important;", - " }", - " ._3LFRS {", - " background-color: var(--t) !important;", - " }", - " #main > footer + span:not([class]) > div {", - " border-left: 1px solid var(--darker);", - " border-top: 1px solid var(--darker);", - " background-color: var(--darken) !important;", - " }", - " #main > footer .TYhk9 {", - " color: var(--light) !important;", - " border-color: var(--darker) !important;", - " background-color: var(--darken) !important;", - " }", - " #main > footer .TYhk9 [role = \"button\"] {", - " color: var(--lighter) !important;", - " background-color: var(--darker) !important;", - " }", - " #main > footer .TYhk9 [role = \"button\"]:hover {", - " color: var(--light) !important;", - " box-shadow: var(--bshadow);", - " }", - " #main > footer ._2XiC1 {", - " color: var(--lighter) !important;", - " border-left: 1px solid var(--darker);", - " }", - " #main > footer .rstyJ {", - " background-color: var(--dark) !important;", - " box-shadow: var(--bshadow), inset 0 1px var(--darker) !important;", - " }", - " ._3Ye_R:not(#z) {", - " color: var(--lighter) !important;", - " }", - " #main > footer .rstyJ > div:first-child:not(#z) {", - " margin: 4px 0 8px 66px;", - " box-shadow: inset 0 0 0 1px var(--darker);", - " background-color: var(--darken) !important;", - " }", - " .quoted-mention {", - " color: var(--lighter) !important;", - " }", - " #main > footer .rstyJ div:last-child {", - " position: relative;", - " background-color: var(--t) !important;", - " }", - " #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;", - " background-color: var(--dark) !important;", - " box-shadow: 0 -1px var(--darker) !important;", - " }", - " #main > footer .Uukb4::before {", - " content: none;", - " }", - " #main > footer .Uukb4 .J6TrU {", - " color: var(--light) !important;", - " border-color: var(--darker) !important;", - " background-color: var(--dark) !important;", - " }", - " #main > footer .Uukb4 .J6TrU._1g_fA,", - " #main > footer .Uukb4 .J6TrU:hover {", - " background-color: var(--darken) !important;", - " }", - " #main > footer .Uukb4 ._3SW-z {", - " color: var(--lighter) !important;", - " }", - " ._1M0Ew {", - " color: var(--lighter) !important;", - " }", - "@media screen and (max-height: 500px) {", - " #app > div > .app {", - " min-height: auto;", - " }", - "}", - "@media screen and (max-width: 648px) {", - " #app > div > .app {", - " min-width: auto;", - " }", - "}", - "@media screen and (max-width: 720px) {", - " .two > div:nth-child(3),", - " .three > div:nth-child(3) {", - " flex: 0 0 80px !important;", - " transition: 0.2s ease;", - " }", - " .two > div:nth-child(3):hover,", - " .three > div:nth-child(3):hover,", - " .two > div:nth-child(3):focus-within,", - " .three > div:nth-child(3):focus-within {", - " flex: 0 0 30% !important;", - " }", - " .two > div:nth-child(2) > div:nth-child(2) {", - " flex: 0 0 calc(100% - 80px) !important;", - " margin-left: calc(-30% + 80px);", - " }", - " .two > div:nth-child(3) {", - " min-width: 1px !important;", - " transition: 0.3s ease !important;", - " transition-delay: var(--c-m-delay) !important;", - " }", - " .two > div:nth-child(3):hover {", - " min-width: 349px !important;", - " margin-left: -1px !important;", - " transition-delay: var(--c-m-hover) !important;", - " flex: 0 0 30% !important;", - " }", - " .two > :nth-child(2) > :nth-child(1) {", - " z-index: 201 !important;", - " flex: 0 0 30% !important;", - " }", - " .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(-30% + 80px);", - " }", - " .three > div:nth-child(4) {", - " flex: 0 0 calc(100% - 30% - 80px) !important;", - " }", - " .three > div:nth-child(3):hover {", - " flex: 0 0 80px !important;", - " }", - " .three ._14VS3,", - " .three ._1xXdX {", - " flex: 0 0 30% !important;", - " border-color: var(--t) !important;", - " }", - " .gQzdc:not(._3sdhb) label {", - " padding: 0px;", - " }", - " #side > header {", - " min-width: 240px;", - " }", - " #side > header + span {", - " display: none;", - " }", - " #side ._2EXPL > div:last-child {", - " padding-left: 5px !important;", - " }", - " #side ._2EXPL ._1AwDx {", - " position: relative;", - " flex-direction: row-reverse !important;", - " }", - " #side ._2EXPL ._1AwDx ._3Bxar {", - " z-index: 999 !important;", - " margin-left: 0 !important;", - " position: absolute;", - " left: -41px;", - " bottom: -6px;", - " border-radius: 50%;", - " }", - " #side ._2EXPL ._1AwDx ._3Bxar ._15G96 {", - " margin: 0;", - " }", - " #side ._2EXPL ._1AwDx ._3Bxar .OUeyt {", - " border: 4px solid var(--darken);", - " }", - " #side ._2EXPL ._1AwDx ._3Bxar > span {", - " display: flex !important;", - " flex-direction: row-reverse !important;", - " }", - " #side ._2EXPL ._1AwDx .ZR5SB,", - " #side ._2EXPL ._1AwDx ._15G96 > *:not(.OUeyt) {", - " display: none;", - " }", - " .vdXUe {", - " overflow: unset !important;", - " margin-top: -8px !important;", - " margin-left: 0px !important;", - " position: absolute;", - " }", - " .vdXUe::before {", - " content: \"\";", - " z-index: 1;", - " position: absolute;", - " top: -31px;", - " left: -71px;", - " height: 53px;", - " width: 53px;", - " box-shadow: inset 0 0 0 3px var(--green);", - " border-radius: var(--avatar-r);", - " animation: 2s pulse infinite;", - " }", - " #side ._2EXPL .a5DO0 {", - " padding: 1.5px;", - " z-index: 101;", - " position: absolute;", - " margin: -2px 0 0 -75px;", - " border: 3px solid var(--darken);", - " background-color: var(--dark) !important;", - " border-radius: 50%;", - " }", - " #side ._2EXPL .a5DO0 > span > svg {", - " padding: 2px;", - " height: 14px !important;", - " width: 14px !important;", - " }", - " #side ._2EXPL._1f1zm .OUeyt,", - " #side ._2EXPL._1f1zm .a5DO0 {", - " border-color: var(--darker) !important;", - " }", - " #side ._2EXPL:hover:not(._1f1zm) .OUeyt,", - " #side ._2EXPL:hover:not(._1f1zm) .a5DO0 {", - " border-color: var(--darken) !important;", - " filter: brightness(110%);", - " }", - " #side ._3j7s9 {", - " min-width: 80px !important;", - " }", - "}", - " ._1QjgA {", - " color: var(--accent) !important;", - " }", - " :not(#z) .color-0 {", - " color: var(--blue) !important;", - " }", - " :not(#z) .color-1 {", - " color: var(--cyan) !important;", - " }", - " :not(#z) .color-2 {", - " color: var(--green) !important;", - " }", - " :not(#z) .color-3 {", - " color: var(--violet) !important;", - " }", - " :not(#z) .color-4 {", - " color: var(--magenta) !important;", - " }", - " :not(#z) .color-5 {", - " color: var(--red) !important;", - " }", - " :not(#z) .color-6 {", - " color: var(--orange) !important;", - " }", - " :not(#z) .color-7 {", - " color: var(--yellow) !important;", - " }", - " :not(#z) .color-8 {", - " color: var(--blue) !important;", - " filter: hue-rotate(20deg);", - " }", - " :not(#z) .color-9 {", - " color: var(--cyan) !important;", - " filter: hue-rotate(20deg);", - " }", - " :not(#z) .color-10 {", - " color: var(--green) !important;", - " filter: hue-rotate(20deg);", - " }", - " :not(#z) .color-11 {", - " color: var(--violet) !important;", - " filter: hue-rotate(20deg);", - " }", - " :not(#z) .color-12 {", - " color: var(--magenta) !important;", - " filter: hue-rotate(20deg);", - " }", - " :not(#z) .color-13 {", - " color: var(--red) !important;", - " filter: hue-rotate(20deg);", - " }", - " :not(#z) .color-14 {", - " color: var(--orange) !important;", - " filter: hue-rotate(20deg);", - " }", - " :not(#z) .color-15 {", - " color: var(--yellow) !important;", - " filter: hue-rotate(20deg);", - " }", - " :not(#z) .color-15 {", - " color: var(--blue) !important;", - " filter: hue-rotate(40deg);", - " }", - " :not(#z) .color-16 {", - " color: var(--cyan) !important;", - " filter: hue-rotate(40deg);", - " }", - " :not(#z) .color-17 {", - " color: var(--green) !important;", - " filter: hue-rotate(40deg);", - " }", - " :not(#z) .color-18 {", - " color: var(--violet) !important;", - " filter: hue-rotate(40deg);", - " }", - " :not(#z) .color-19 {", - " color: var(--magenta) !important;", - " filter: hue-rotate(40deg);", - " }", - " :not(#z) .color-20 {", - " color: var(--red) !important;", - " filter: hue-rotate(40deg);", - " }", - " :not(#z) .bg-color-0 {", - " background-color: var(--blue) !important;", - " }", - " :not(#z) .bg-color-1 {", - " background-color: var(--cyan) !important;", - " }", - " :not(#z) .bg-color-2 {", - " background-color: var(--green) !important;", - " }", - " :not(#z) .bg-color-3 {", - " background-color: var(--violet) !important;", - " }", - " :not(#z) .bg-color-4 {", - " background-color: var(--magenta) !important;", - " }", - " :not(#z) .bg-color-5 {", - " background-color: var(--red) !important;", - " }", - " :not(#z) .bg-color-6 {", - " background-color: var(--orange) !important;", - " }", - " :not(#z) .bg-color-7 {", - " background-color: var(--yellow) !important;", - " }", - " :not(#z) .bg-color-8 {", - " background-color: var(--blue) !important;", - " filter: hue-rotate(20deg);", - " }", - " :not(#z) .bg-color-9 {", - " background-color: var(--cyan) !important;", - " filter: hue-rotate(20deg);", - " }", - " :not(#z) .bg-color-10 {", - " background-color: var(--green) !important;", - " filter: hue-rotate(20deg);", - " }", - " :not(#z) .bg-color-11 {", - " background-color: var(--violet) !important;", - " filter: hue-rotate(20deg);", - " }", - " :not(#z) .bg-color-12 {", - " background-color: var(--magenta) !important;", - " filter: hue-rotate(20deg);", - " }", - " :not(#z) .bg-color-13 {", - " background-color: var(--red) !important;", - " filter: hue-rotate(20deg);", - " }", - " :not(#z) .bg-color-14 {", - " background-color: var(--orange) !important;", - " filter: hue-rotate(20deg);", - " }", - " :not(#z) .bg-color-15 {", - " background-color: var(--yellow) !important;", - " filter: hue-rotate(20deg);", - " }", - " :not(#z) .bg-color-15 {", - " background-color: var(--blue) !important;", - " filter: hue-rotate(40deg);", - " }", - " :not(#z) .bg-color-16 {", - " background-color: var(--cyan) !important;", - " filter: hue-rotate(40deg);", - " }", - " :not(#z) .bg-color-17 {", - " background-color: var(--green) !important;", - " filter: hue-rotate(40deg);", - " }", - " :not(#z) .bg-color-18 {", - " background-color: var(--violet) !important;", - " filter: hue-rotate(40deg);", - " }", - " :not(#z) .bg-color-19 {", - " background-color: var(--magenta) !important;", - " filter: hue-rotate(40deg);", - " }", - " :not(#z) .bg-color-20 {", - " background-color: var(--red) !important;", - " filter: hue-rotate(40deg);", - " }", - " @keyframes pulse {", - " 40% {", - " opacity: 0;", - " }", - " 80% {", - " opacity: 1;", - " }", - " }" -].join("\n"); -if (typeof GM_addStyle != "undefined") { - GM_addStyle(css); -} else if (typeof PRO_addStyle != "undefined") { - PRO_addStyle(css); -} else if (typeof addStyle != "undefined") { - addStyle(css); -} else { - var node = document.createElement("style"); - node.type = "text/css"; - node.appendChild(document.createTextNode(css)); - var heads = document.getElementsByTagName("head"); - if (heads.length > 0) { - heads[0].appendChild(node); - } else { - // no head yet, stick it whereever - document.documentElement.appendChild(node); - } -} -// End UserScript +(function () { + function darkStartup() { + var css = [ + ":root {", + " --dark: #1f232a;", + " --darker: #333943;", + " --light: #e9e9e9;", + " --accent: #7289da;", + " }", + ' body [id *= "startup"] {', + " background-color: var(--dark) !important;", + " }", + ' body [id *= "startup"] progress {', + " color: var(--accent) !important;", + " background-color: var(--darker) !important;", + " }", + ' body [id *= "startup"] ::-moz-progress-bar {', + " background-color: var(--accent) !important;", + " }", + ' body [id *= "startup"] circle {', + " stroke: var(--light);", + " }", + ].join("\n"); -const regexes = [ - // en - /whatsapp works with.*to use whatsapp.*update/i, - // pt - /o whatsapp funciona com.*para utilizar o whatsapp.*atualize/i, - // ge - /whatsapp funktioniert mit.*um whatsapp zu benutzen.*aktualisiere/i, - // es - /whatsapp funciona con.*para usar whatsapp.*actualiza/i -] + var node = document.createElement("style"); + node.type = "text/css"; + node.appendChild(document.createTextNode(css)); + var heads = document.getElementsByTagName("head"); + if (heads.length > 0) { + heads[0].appendChild(node); + } else { + // no head yet, stick it whereever + document.documentElement.appendChild(node); + } + } -for (const regex of regexes) { - if (document.body.innerText.replace(/\n/g, ' ').search(regex) !== -1) { - navigator.serviceWorker.getRegistration().then(function (r) { r.unregister(); document.location.reload() }); - return; - } -} + function darkTheme() { + document.body.onload = function () { + document.body.className = "dark web"; + }; + } + function serviceWorkerHack() { + const regexes = [ + // en (enlish) + /whatsapp works with.*to use whatsapp.*update/i, + // pt (portuguese) + /o whatsapp funciona com.*para utilizar o whatsapp.*atualize/i, + // ge (german) + /whatsapp funktioniert mit.*um whatsapp zu benutzen.*aktualisiere/i, + // es (spanish) + /whatsapp funciona con.*para usar whatsapp.*actualiza/i, + // ca (catalan) + /whatsapp funciona amb.*per utilitzar whatsapp.*actualitza/i, + ]; + + for (const regex of regexes) { + if (document.body.innerText.replace(/\n/g, " ").search(regex) !== -1) { + navigator.serviceWorker.getRegistration().then(function (r) { + r.unregister(); + document.location.reload(); + }); + return; + } + } + } + + // Make sure the initial load screen is dark + darkStartup(); + // Apply official dark theme + darkTheme(); + // Apply hack for service worker + serviceWorkerHack(); })(); |