Dark theme for Reddit.
Reddit - Dark X by Saadski
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
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 20241013.08.39
@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...