Twitter - Dark X by Saadski

/* ==UserStyle==
@name         Twitter - Dark X
@version      20240122.08.08
@namespace    https://userstyles.world/user/Saadski
@description  Dark theme for twitter embed.
@author       Saadski
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://twitter.com") {
:root
{
    --dark0: rgb(33, 33, 33);
    --dark: rgb(28, 28, 28);
    --dark1: rgb(27, 27, 27);
    --darker: rgb(18, 18, 18);
    --darker2: rgb(12, 12, 12);
    --darker3: rgb(8, 8, 8);
    --bw: rgb(67, 67, 67);
    --light: rgb(146, 146, 146);
    --light1: rgb(193, 193, 193);
    --lighter: rgb(233, 233, 233);
    --accent: rgb(95, 95, 95);
    --shadow: rgba(0, 0, 0, 0.07);
    --tp: #fff0;
    --ol: #090909F2;
}

/*SCROLLBAR*/
/* width */
::-webkit-scrollbar
{
    width: 10px;
}

/* Track */
/* Scrollbar Corner */
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner
{
    background: #141414;
}

/* Handle */
::-webkit-scrollbar-thumb
{
    background: #292929;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover
{
    background: #3A3A3A;
}

::selection
{
    background: #FFFFFF6E;
    color: #000;
}

.r-11z020y
{
    /* background-color: rgb(0 0 0 / 40%); */
    background: #0000004d;
    backdrop-filter: blur(12px);
}

*
{
    border-color: var(--dark0) !important;
    color: var(--accent)!important;
    text-shadow: 1px 1px 2px var(--dark0);
}

.r-g2wdr4,
.r-yuvema,
.r-6wtuen,
.r-r18ze4,
.r-1hdo0pc
{
    background: var(--darker2)
}

.r-l5o3uw,
[style="background-color: rgb(239, 243, 244);"],
.r-z32n2g
{
    background: var(--darker) !important
}

.r-jc7xae,
.r-1vtznih,
.r-1vtznih:focus,
.r-1vtznih:active,
.r-1peqgm7
{
    background: var(--dark) !important
}

.r-1pr99xn
{
    background: var(--darker3);
    border: 1px solid
}

.r-d045u9,
.r-rs99b7
{
    border-width: 0px;
}

.r-qo02w8
{
    box-shadow: rgba(92, 92, 92, .2) 0px 0px 15px, rgba(237, 237, 237, .15) 0px 0px 3px 1px;
}

[data-testid="SideNav_NewTweet_Button"],
[style="background-color: rgb(239, 243, 244); border-color: rgba(0, 0, 0, 0);"],
[style="width: auto; border-color: rgba(0, 0, 0, 0); background-color: rgb(239, 243, 244);"]
{
    background: var(--darker)!important
}

[data-testid="SideNav_NewTweet_Button"]:hover
{
    background: var(--dark)!important
}

.r-14lw9ot
{
    background-color: var(--dark) !important;
    border: 1px solid var(--dark0);
}

.r-1gg85qh
{
    background-color: var(--darker);
}

[style="background-color: rgb(29, 155, 240); border-color: rgba(0, 0, 0, 0);"],
[style="border-color: rgba(0, 0, 0, 0); background-color: rgb(29, 155, 240);"]
{
    background: var(--dark) !important
}

[style="background-color: rgb(29, 155, 240); border-color: rgba(0, 0, 0, 0);"]:hover,
.r-1vtznih
{
    background: var(--darker3) !important
}

[style="background-color: rgb(29, 155, 240);"]
{
    background: var(--dark0) !important
}
}

@-moz-document domain("platform.twitter.com/embed/"), domain("platform.twitter.com"), domain("syndication.twitter.com") {
/*** TWITTER EMBED ***/
:root
{
    --dark: #1c1c1c;
    --dark1: #1B1B1B;
    --darker: #121212;
    --darker2: #0C0C0C;
    --bw: #434343;
    --light: #545454;
    --lighter: #767676;
    --accent: #5f5f5f;
    --shadow: rgba(0, 0, 0, 0.07);
    --tp: #fff0;
}

*
{
    border-color: var(--dark) !important;
}

.r-ttdzmv,
body,
[role="article"]
{
    background-color: var(--darker2) !important;
}

.r-4ngtct
{
    background-color: var(--dark) !important;
}

.r-14j79pv
{
    color: var(--lighter) !important;
}

.r-1bimlpy
{
    background-color: var(--bw) !important;
}

.r-157er04
{
    background: var(--dark);
}

[class="css-4rbku5 css-18t94o4 css-901oao css-16my406 r-1loqt21 r-poiln3 r-bcqeeo r-qvutc0"]
{
    color: var(--bw) !important;
}

[class="css-901oao r-1awozwy r-6koalj r-1qd0xha r-a023e6 r-b88u0q r-rjixqe r-bcqeeo r-1udh08x r-3s2u2q r-qvutc0"]
{
    color: var(--lighter) !important;
}

/*Text Colors*/
[class="css-901oao css-16my406 css-bfa6kz r-poiln3 r-bcqeeo r-qvutc0"]
{
    color: var(--lighter) !important;
}

[class="css-901oao r-1dqbpge r-1qd0xha r-adyw6z r-16dba41 r-135wba7 r-bcqeeo r-bnwqim r-qvutc0"]
{
    color: var(--lighter) !important;
}

.r-115tad6,
.css-1dbjc4n,
#__next > div > div > div > div.css-1dbjc4n.r-150rngu.r-1mlwlqe.r-eqz5dr.r-16y2uox.r-1wbh5a2.r-11yh6sk.r-1rnoaur.r-1sncvnh > div > div > div > div.css-901oao.r-1qd0xha.r-a023e6.r-16dba41.r-rjixqe.r-1nxhmzv.r-bcqeeo.r-fdjqy7.r-qvutc0 > span
{
    color: var(--bw) !important;
}

.r-jwli3a,
.r-b88u0q
{
    color: var(--light) !important;
}

[class="css-901oao r-1qd0xha r-a023e6 r-16dba41 r-rjixqe r-14gqq1x r-bcqeeo r-bnwqim r-qvutc0"],
div.css-1dbjc4n.r-1iusvr4.r-46vdb2.r-1h0z5md.r-6gpygo.r-13hce6t > div > div > span,
article > div > div > span
{
    color: var(--light) !important;
}

.r-l5o3uw
{
    background-color: #000000DB !important;
}

.r-zl6tta,
[class="css-901oao r-164hfdd r-1qd0xha r-a023e6 r-16dba41 r-rjixqe r-bcqeeo r-bnwqim r-qvutc0"]
{
    color: var(--lighter) !important;
}

[class="css-901oao r-1dqbpge r-1qd0xha r-a023e6 r-16dba41 r-rjixqe r-bcqeeo r-bnwqim r-qvutc0"]
{
    color: var(--accent) !important;
}

/*hashtags*/
.r-18u37iz,
.r-tjvw6i
{
    color: var(--light) !important;
}

[class="css-4rbku5 css-18t94o4 css-901oao css-16my406 r-1loqt21 r-poiln3 r-b88u0q r-bcqeeo r-1ny4l3l r-1ddef8g r-1wb8bfx r-qvutc0"]
{
    color: var(--lighter) !important;
}

/*href*/
[class="css-4rbku5 css-18t94o4 css-901oao r-1loqt21 r-1qd0xha r-a023e6 r-b88u0q r-rjixqe r-bcqeeo r-qvutc0"]
{
    color: var(--light) !important;
}

[class="css-4rbku5 css-18t94o4 css-901oao r-1loqt21 r-1qd0xha r-a023e6 r-16dba41 r-rjixqe r-bcqeeo r-qvutc0"]
{
    color: var(--bw) !important;
}

.r-12vffkv
{
    background-color: #191919 !important;
}

.r-1q9bdsx
{
    border-radius: 1px !important;
}

/*Embed 2*/
.r-14lw9ot,
.r-x572qd,
.r-vqp9x9
{
    background: var(--darker2) !important;
}

.r-18u37iz,
.r-tjvw6i,
[class="css-4rbku5 css-18t94o4 css-901oao r-1loqt21 r-1qd0xha r-1blvdjr r-b88u0q r-vrz42v r-bcqeeo r-qvutc0"],
#id__9lrkjs9qq9m > div.css-901oao.css-1hf3ou5.r-vlxjld.r-1qd0xha.r-a023e6.r-16dba41.r-rjixqe.r-bcqeeo.r-qvutc0 > span,
[class="css-901oao css-1hf3ou5 r-vlxjld r-1qd0xha r-a023e6 r-16dba41 r-rjixqe r-bcqeeo r-qvutc0"]
{
    color: var(--lighter)!important;
}

[class="css-901oao r-1qd0xha r-a023e6 r-16dba41 r-rjixqe r-bcqeeo r-bnwqim r-qvutc0"],
#app > div > div > div > article > div:nth-child(3) > div > span:nth-child(1)
{
    color: var(--accent)!important;
}

/* Logo */
.r-18jsvk2,
#app > div > div > div > div > div > span
{
    color: var(--bw);
}

#app > div > div > div > article > div.css-1dbjc4n.r-18u37iz.r-kzbkwu > a > svg
{
    color: var(--bw)
}

/*SCROLLBAR*/
/* width */
::-webkit-scrollbar
{
    height: 10px !important;
    width: 10px !important;
}

/* Track */
/* Scrollbar Corner */
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner
{
    background: #141414 !important;
}

/* Handle */
::-webkit-scrollbar-thumb
{
    background: #3A3A3A !important;
    border-radius: 1px !important;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover
{
    background: #3A3A3A !important;
}

::selection
{
    background: #353535B0 !important;
    color: #000 !important;
}

/*embed Button*/
.btn
{
    filter: saturate(0)contrast(2)brightness(0.5) !important;
    background: var(--dark)
}

/*video controls*/
/* TEST */
.r-1niwhzg
{
    background-color: #00000096 !important;
    backdrop-filter: blur(10px) !important
}

.r-c8f5pn
{
    background: var(--dark)
}
}