Skip to content

Reddit - Dark X by Saadski

Screenshot of Reddit - Dark X

Details

AuthorSaadski

LicenseNo License

Categoryhttps://www.reddit.com/

Created

Updated

Size41 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark theme for Reddit.

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         Reddit - Dark X
@version      20240905.04.22
@namespace    https://userstyles.world/user/Saadski
@description  Dark theme for Reddit.
@author       Saadski
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://www.reddit.com/"), url-prefix("https://www.redditstatus.com/"), domain("redd.it"), domain("redditstatic.com"), domain("reddit.com"), domain("reddit.com"), domain("redditinc.com") {
/* Reddit - Dark X*/
:root,
*
{
    --dark0: rgb(33, 33, 33);
    --dark: rgb(28, 28, 28);
    --darktp: rgba(28, 28, 28, .55);
    --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);
    --light0: rgb(84, 84, 84);
    --light: rgb(124, 124, 124);
    --light1: rgb(193, 193, 193);
    --light2: rgb(207, 207, 207);
    --lighter: rgb(233, 233, 233);
    --accent: rgb(95, 95, 95);
    --shadow: rgba(0, 0, 0, 0.07);
    --tp: #fff0;
    --ol: #090909F2;
    --buttonText: var(--light) !important;
    --tooltip-background: #000000e6 !important;
    --color-tooltip-bg-inverted: #161616e6 !important;
    --color-neutral-background-container: var(--darker);
}

*
{
    border-color: var(--dark0) !important;
    color: var(--light) !important;
    text-shadow: 0.5px 0.5px 0px var(--darker3)
}

[id="USER_DROPDOWN_ID"]
{
    background: var(--darker)
}

span
{
    color: var(--light0)!important;
}

._10BQ7pjWbeYP63SAPNS8Ts._2nelDm85zKKmuD94NequP0
{
    color: var(--darker2) !important
}

div > a > div > span
{
    color: var(--lighter) !important
}

._3b8u2OJXaSDdBWoRB7zUoK
{
    color: var(--light) !important;
    background: #00000085;
    backdrop-filter: blur(10px)
}

[class="LWgI-A6rN9Wajn1VLxu2A _3AgEmWP1qkCB8nds7LhzEB"],
[style="color: rgb(0, 121, 211);"],
[id="CommentTopMeta--OP--t1_jwmi6bhinOverlay"],
#CommentTopMeta--OP--t1_jwmi6bhinOverlay > span,
#CommentTopMeta--OP--t1_jwmsh7oinOverlay > span,
#CommentTopMeta--OP--t1_jwmywgninOverlay
{
    color: rgb(0, 121, 211) !important;
}

._10BQ7pjWbeYP63SAPNS8Ts.q_unSaY23rpdd3lDvGZ-,
._2wzi-W7JiZ7A6U6aFvfvSR,
._3hUbl08LBz2mbXjy0iYhOS,
._3F1tNW0P4Ff182mO_CefIg,
._12pWM-aURvVUuSrUyqfNZh,
.icon._12pWM-aURvVUuSrUyqfNZh,
._collaborationUnit_x1btc_1 ._ctaButton_x1btc_23,
._ctaButton_y0x52_1,
._2u3fkh0zbVoixCjyXrW0_e,
.App.m-modalUpdate.m-desktop .OnboardingStep .Step__content .AnimatedForm__nextButton,
.App.m-modalUpdate.m-desktop .OnboardingStep .Step__content .AnimatedForm__submitButton,
[id="login-button"],
#login-button > span,
#login-button > span > span,
.J-YgwKJ71m7H4bkbzeN5G button._2R2t7BzhdzT5QExBlp5Di0 > span,
.text-global-white
{
    color: var(--lighter) !important;
}

.icon._2wYneOcJEB6o4mj1NedmsR
{
    color: #ff4500 !important;
}

body,
html,
._31N0dvxfpsO6Ur5AKx4O5d
{
    background: var(--darker3) !important
}

[id="SearchDropdown"],
._3tw__eCCe7j-epNCKGXUKk,
._2HYsucNpMdUpYlGBMviq8M
{
    border: 1px solid transparent !important;
}

.hover
{
    filter: invert(1);
}

p
{
    color: #858585;
}

[class="shreddit-img__image"]
{
    display: none !important;
}

[style="background-color: rgb(176, 23, 31); color: rgb(255, 255, 255);"]
{
    color: var(--lighter) !important
}

.shreddit-img__image
{
    height: 100%;
    max-height: inherit;
    display: none !important;
}

._34q3PgLsx9zIU5BiSOjFoM,
._3GnarIQX9tD_qsgXkfSDz1,
.cKdLDCF6ney9RBLRzJt8j,
._26daP6nhhW7BT-CMzL0ijs
{
    background: #131313;
}

._2vkeRJojnV7cb9pMlPHy7d.a35Fm2MurU14xdNybLiZp,
._2f5uYHvlfzs2DngQsiCdvB,
.bg-neutral-background
{
    background: #0000008C !important;
}

.button,
.button-shell
{
    background: #0000006e !important;
}

[id="left-sidebar"]
{
    background: var(--darker2) !important
}

._2f5uYHvlfzs2DngQsiCdvB,
.bg-neutral-background
{
    background: #0000004d;
    border: 1px solid #1E1E1E
}

[class="v2 bg-neutral-background pointer-events-auto px-md"]
{
    background: #0000004d;
    backdrop-filter: blur(12px);
    border: 1px solid #1E1E1E
}

[data-adclicklocation="media"]
{
    width: 75%;
}

::placeholder
{
    color: var(--accent)!important;
}

[style="height: 700px;"]
{
    height: 1000px !important
}

._2DJXORCrmcNpPTSq0LqL6i
{
    background-color: rgba(0, 0, 0, .87);
    backdrop-filter: blur(1px);
    margin: -50px 0 0 0
}

._2I12Htze2UzJmmfnrgYJOn ._24UNt1hkbrZxLzs5vkvuDh,
._2I12Htze2UzJmmfnrgYJOn._1dBtowHdRHcGyLbVEaOL8t ._24UNt1hkbrZxLzs5vkvuDh
{
    background-color: var(--darktp) !important;
}

.MSTY2ZpsdupobywLEfx9u
{
    --newRedditTheme-body: var(--darker2) !important;
}

.dark\:bg-coolgray-850
{
    background: var(--darker3)
}

[style="background: var(--darker2)"],
[style="background: rgb(43 43 107);"],
[style="background: rgb(26, 26, 27);"],
[style="background:#1A1A1B"],
._2M2wOqmeoPVvcSsJ6Po9-V._3287nL7j7epK9JmDC3N1VR
{
    background: var(--darker2) !important
}

._2DJXORCrmcNpPTSq0LqL6i
{
    margin: -47px 0 0 0;
}

._1QwShihKKlyRXyQSlqYaWW
{
    filter: drop-shadow(0.5px 0.5px 0.5px var(--accent));
}

[id="AppRouter-main-content"],
.qYj03fU5CXf5t2Fc5iSvg,
._1nxEQl5D2Bx2jxDILRHemb,
._wrapper_1upjl_7
{
    background: var(--darker2) !important;
}

._3hUbl08LBz2mbXjy0iYhOS
{
    background: var(--darktp)
}

._1DeR7_QiQnu2UK0e2dDfYD ._1K7ubH9z5v9E6C19j2fjQU
{
    background: var(--tp)
}

._32kofHIEwuARK_15MrzAuT
{
    background-color: #000000ba;
    backdrop-filter: blur(2px)
}

._pillsWrapper_1nit8_112 ._pill_1nit8_112,
._collaborationUnit_x1btc_1,
._meCardWrapper_idogc_1,
._emptyOutfitTile_lx3cq_49,
.AnimatedForm__textInput.m-modalUpdate
{
    background: var(--dark)
}

[fill="#F1F3F5"]
{
    fill: var(--dark) !important
}

[fill="#121212"]
{
    fill: var(--accent)
}

[fill="inherit"]
{
    fill: var(--accent)
}

._2WVAyd_SvtylHMe7sKaua9,
._2Z7RdWBmSoubpoKJAgNIAi,
._selectorContainer_1such_11,
._shopContainer_1jzyr_1,
._spacing_1h9du_35,
._styleTabWrapper_vyb07_1,
._innerStage_vrsgf_53,
._meCardWrapper_idogc_1:hover,
._sheet_kh3xu_1,
._1AJGAPTnSSY4HwOKw5300M
{
    background: var(--darker)
}

.hpxKmfWP2ZiwdKaWpefMn
{
    height: 15px
}

[style="background:#5bb76c;filter:none;height:64px"],
[style="background-color: rgb(237, 239, 241); color: rgb(0, 0, 0);"],
[style="background-color: rgb(52, 53, 54); color: rgb(255, 255, 255);"],
._wearingButton_1p5gf_170,
.nsm7Bb-HzV7m-LgbsSe,
[style="background-color: rgb(234, 0, 39); color: rgb(255, 255, 255);"],
[class="_1jNPl3YUk6zbpLWdjaJT1r _2VqfzH0dZ9dIl3XWNxs42y aJrgrewN9C8x1Fusdx4hh _1Dl-kvSxyJMWO9nuoTof8N "]
{
    background: var(--dark) !important
}

._pillsWrapper_1nit8_112 ._pill_1nit8_112 ._icon_1nit8_140
{
    filter: invert(1)brightness(0.4)
}

._pillsWrapper_1nit8_112 ._separator_1nit8_119
{
    background: var(--dark0)
}

._button_nr7y2_15
{
    background: var(--dark) url(https://www.redditstatic.com/marketplace-assets/v1/arrow.png) no-repeat center center;
}

._action_ncrm1_26,
._2FKpII1jz0h6xCAw1kQAvS
{
    background-color: var(--bw)
}

.public-DraftStyleDefault-block::after
{
    color: var(--bw) !important
}

.dark\:bg-coolgray-850
{
    --tw-bg-opacity: 0 !important;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}

.Container,
.Mh_Wl6YioFfBc9O1SQ4Jp
{
    background-color: var(--darker2);
}

/* Labels */
[style="background-color:#343536;color:#FFFFFF"]
{
    background: var(--dark) !important;
    color: var(--light) !important;
}

/*img
{
    filter: drop-shadow(0.5px 0.5px 0.5px var(--light));
}*/
._2_tDEnGMLxpM6uOa2kaDB3
{
    background: 0
}

[style="background-color: rgb(236, 241, 245); color: rgb(0, 0, 0);"]
{
    background: var(--dark) !important
}

[style="background-color: rgb(166, 241, 85); color: rgb(0, 0, 0);"]
{
    background-color: rgba(166, 241, 85, .59) !important;
}

[class="_2X6EB3ZhEeXCh1eIVA64XM _2hSecp_zkPm_s5ddV2htoj  cFNx42ceihnMpvAsovOTi "],
[class="_2X6EB3ZhEeXCh1eIVA64XM _2hSecp_zkPm_s5ddV2htoj "]
{
    background: var(--darker3) !important;
    border: 1px solid
}

/*        Flairs       */
/*[style="background-color: rgb(255, 214, 53); color: rgb(0, 0, 0);"],
[class="_2X6EB3ZhEeXCh1eIVA64XM _2hSecp_zkPm_s5ddV2htoj  cFNx42ceihnMpvAsovOTi "],
[class="_2X6EB3ZhEeXCh1eIVA64XM _2hSecp_zkPm_s5ddV2htoj "],
[style="background-color:#DADADA;color:#000000"],
[style="background-color:#ECF1F5;color:#000000"],
[style="background-color: rgb(2, 102, 179); color: rgb(255, 255, 255);"],
[style="background-color: rgb(211, 214, 218); color: rgb(0, 0, 0);"],
[style="background-color: rgb(218, 218, 218); color: rgb(0, 0, 0);"],
[style="background-color:#b7b7b7;color:#000000"],
[class="_2X6EB3ZhEeXCh1eIVA64XM _2hSecp_zkPm_s5ddV2htoj _2VqfzH0dZ9dIl3XWNxs42y aJrgrewN9C8x1Fusdx4hh _1Dl-kvSxyJMWO9nuoTof8N "] span,
[style="background-color:#d3d6da;color:#000000"],
[style="background-color: #2980B9;"],*/
[noun="post_flair"] span
{
    background: var(--dark) !important;
    color: var(--accent) !important;
}

[style="background-color: rgb(1, 73, 128); color: rgb(0, 0, 0);"]
{
    background-color: rgb(0, 24, 42) !important
}

[style="background-color: rgb(55, 60, 63); color: rgb(255, 255, 255);"]
{
    background-color: rgba(55, 60, 63, .3) !important
}

[style="background-color: rgb(198, 255, 243); color: rgb(0, 0, 0);"]
{
    background: rgb(66, 86, 82) !important
}

[style="background-color:#FFD635;color:#000000"]
{
    background-color: #806600 !important
}

[class="_2X6EB3ZhEeXCh1eIVA64XM _2hSecp_zkPm_s5ddV2htoj _2VqfzH0dZ9dIl3XWNxs42y aJrgrewN9C8x1Fusdx4hh _1Dl-kvSxyJMWO9nuoTof8N "]
{
    background: var(--dark) !important
}

[style="background-color: rgb(168, 45, 0); color: rgb(255, 255, 255);"]
{
    background: var(--dark0) !important
}

._2X4xugrTQ5e3TVxPPEHqGh ._3JKnqeBKw2wp7eHzFXNXSe
{
    transform: translateY(-100px);
}

._2X4xugrTQ5e3TVxPPEHqGh ._3JKnqeBKw2wp7eHzFXNXSe ._1cubpGNEaCAVnpJl1KBPcO._2q-ZKRaT1WjKg092R6La5J
{
    background: var(--darker) !important
}

[style="background-color: #D3D6DA;"]
{
    background: var(--dark) !important
}

/* redditinc */
#header,
#footer,
#nav
{
    background: var(--darker2)
}

.jcf-sele...

Reviews

No reviews yet.