This theme aims to semi-recreate the new Twitter/Windows-looking Reddit redesign seen in incognito mode. WIP. Currently looks a bit weird on light mode.
Reddit Windowsesque Redesign by Eribetra
Details
AuthorEribetra
LicenseNo License
Categoryreddit
Created
Updated
Size12 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
30/04/2023: Style created.
02/05/2023: Added "per-OS" font; made post view wider, added comment bubbles.
04/05/2023: Fixed comment bubble overflow; made post preview wider.
16/06/2023: Fixed white and smushed reply textbox; rounded corners to unloaded posts
17/06/2023: Fixed reply textbox size overflow
20/06/2023: Made lots of things rounder (tweaked border radius); expanded post width to 100%; added "more comments" icon similar to the Reddit redesign
18/08/2023: Fixed reply boxes having inconsistent width
17/10/2023: Fixed Fancy Pants markup options not showing up; temporary fix to link markup window appearing under the comments
23/02/2024: Added new.reddit.com support
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 Windowsesque Redesign
@version 20230501.21.03
@namespace userstyles.world/user/Eribetra
@description This theme aims to recreate the new Twitter/Windows-looking Reddit redesign seen in posts on incognito mode. Currently very WIP.
@author Eribetra
@license No License
==/UserStyle== */
@-moz-document domain("www.reddit.com"), domain("new.reddit.com") {
p,
div,
body,
h1,
h2,
h3,
h4,
h5,
h6,
h7,
button,
a,
.XuI5nsPhP6eDNKSKFz-e4 {
font-family: SF Pro, Segoe UI, Roboto, Arial, sans-serif !important;
}
._2SdHzo12ISmrC8H86TgSCp._29WrubtjAcKqzJSPdQqQ4h h1 {
font-size: 1.5em;
font-weight: bold;
}
.uI_hDmU5GSiudtABRz_37,
._2M2wOqmeoPVvcSsJ6Po9-V,
._2ulKn_zs7Y3LWsOqoFLHPo,
._2baJGEALPiEMZpWB2iWQs7,
.public-DraftEditor-content,
._ZhON3a3vplThB8NFwuJn,
._2L5G9B5yaoqW3IegiYN-FL {
background: transparent !important;
border: none;
}
._1gVVmSnHZpkUgVShsn7-ua {
display: none;
}
._31N0dvxfpsO6Ur5AKx4O5d {
padding: 2em 0px;
justify-content: flex-start;
}
._2L5G9B5yaoqW3IegiYN-FL ._2RkQc9Gtsq3cPQNZLYv4zc {
margin: 0px 0px;
}
._2L5G9B5yaoqW3IegiYN-FL {
height: 32px;
padding-top: 32px;
padding-bottom: 0px;
}
._31N0dvxfpsO6Ur5AKx4O5d {
justify-content: center;
}
._2L5G9B5yaoqW3IegiYN-FL {
display: none;
}
._23h0-EcaBUorIHC-JZyh6J {
padding: 4px 4px 0em -1em;
}
._1npCwF50X2J7Wt82SZi6J0 {
display: flex;
max-width: fit-content;
}
._2DJXORCrmcNpPTSq0LqL6i._2DJXORCrmcNpPTSq0LqL6i,
._2mIbM_6nl-2OnOGEbEMRXa._2mIbM_6nl-2OnOGEbEMRXa,
.zoWOQnp55WuhEugRSwfw1.zoWOQnp55WuhEugRSwfw1 {
top: none;
}
._2DJXORCrmcNpPTSq0LqL6i,
._1KWSZXqSM_BLhBzkPyJFGR {
background-color: var(--canvas);
}
._3obgdFz00GvpqpuX8QCsNK {
display: none;
}
._3JDs8KEQIXSMn1bTF2ZqJ_ {
padding: 3.8% 16px 0 0;
margin: 0 21% 0 0em;
}
._3JDs8KEQIXSMn1bTF2ZqJ_,
.QscnL9OySMkHhGudEvEya {
align-items: center;
}
.MSTY2ZpsdupobywLEfx9u,
._1DeR7_QiQnu2UK0e2dDfYD ._1K7ubH9z5v9E6C19j2fjQU,
._1DeR7_QiQnu2UK0e2dDfYD:focus-within ._1K7ubH9z5v9E6C19j2fjQU,
._1DeR7_QiQnu2UK0e2dDfYD:hover ._1K7ubH9z5v9E6C19j2fjQU,
._3MknXZVbkWU8JL9XGlzASi,
._3w_665DK_NH7yIsRMuZkqB,
._22Te0a5VxZnLITkTavQh95 {
background-color: transparent;
}
._2uYY-KeuYHKiwl-9aF0UiL {
background-color: var(--newCommunityTheme-canvas) !important;
}
._1poyrkZ7g36PawDueRza-J {
background: transparent !important;
}
._2vkeRJojnV7cb9pMlPHy7d.a35Fm2MurU14xdNybLiZp {
border: none;
background-color: var(--newCommunityTheme-canvas);
}
._ZhON3a3vplThB8NFwuJn {
border-radius: 3px 3px 0 0;
color: #787878;
}
._1G4yU68P50vRZ4USXfaceV._2QeqBqfT5UbHBoViZUt-wX {
background-color: transparent;
border-color: transparent;
}
._Xa-mLMsRfm1Q5JxgU4r,
.REwsaLIz5u3DhM7zbbzIU,
.bE7JgM2ex7W3aF3zci5bm,
.FeLWdhOO-cVXowAo3Rndk,
._3Qkp11fjcAw9I9wtLo8frE,
.wBtTDilkW_rtT2k5x3eie,
._2jJNpBqXMbbyOiGCElTYxZ,
._1DeR7_QiQnu2UK0e2dDfYD,
._1DeR7_QiQnu2UK0e2dDfYD:focus-within,
._1DeR7_QiQnu2UK0e2dDfYD:hover {
background-color: transparent;
border: 1px solid transparent;
}
._3JgI-GOrkmyIeDeyzXdyUD._2CSlKHjH7lsjx0IpjORx14 {
background: var(--newRedditTheme-canvas);
}
._2WVAyd_SvtylHMe7sKaua9 {
border: 1px solid var(--newCommunityTheme-postLine);
border-radius: 1.6em;
}
._2dkUkgRYbhbpU_2O2Wc5am:hover {
border: thin solid var(--newRedditTheme-postLine);
}
._2uYY-KeuYHKiwl-9aF0UiL {
border: 1px solid transparent;
box-shadow: none;
background-color: transparent;
}
._2mO8vClBdPxiJ30y_C6od2,
._1Vs6ZQxgSSIBCGCe2dcMoA,
._2WVAyd_SvtylHMe7sKaua9,
html {
background: var(--newCommunityTheme-canvas);
}
.DpriHZnFiOfa0afZpg8vf,
._3Im6OD67aKo33nql4FpSp_ {
background: var(--newCommunityTheme-canvas);
border: none;
}
._2dkUkgRYbhbpU_2O2Wc5am {
border: thin solid transparent;
}
._3Up38k81YNBWQoW1ovMU88 {
max-width: 100%;
}
.eZLYleuk3b8ykGiskfpo3 {
max-width: 100%;
}
._3wl1bRnSzxHkKJfvqakrNI,
._17TqawK-44tH0psnHPIhzS {
background: transparent;
}
._3m20hIKOhTTeMgPnfMbVNN {
margin: 0.4em 0px 0px 0px;
}
._1KWSZXqSM_BLhBzkPyJFGR {
background-color: transparent;
border-radius: 4px;
padding: 12px;
position: relative;
width: auto;
}
._1VP69d9lk-Wk9zokOaylL {
--background: var(--newRedditTheme-canvas)
}
._2ze7IsXK_2d3McYZHK6v_D,
._3kZ_esGcijvfnM9KjA27vj,
._1nxEQl5D2Bx2jxDILRHemb .zoWOQnp55WuhEugRSwfw1 {
background-color: var(--newCommunityTheme-canvas);
}
._1OVBBWLtHoSPfGCRaPzpTf._3nSp9cdBpqL13CqjdMr2L_ {
width: 65%;
}
.u35lf2ynn4jHsVUwPmNU.Dx3UxiK86VcfkFQVHNXNi {
max-width: 100%;
}
.P8SGAKMtRxNwlmLz1zdJu ._1S45SPAIb30fsXtEcKPSdt,
._3cjCphgls6DH-irkVaA0GM,
._3KgrO85L1p9wQbgwG27q4y {
margin-top: 0.5em;
margin-left: 0.6em;
}
._3tw__eCCe7j-epNCKGXUKk {
width: auto;
}
._3cjCphgls6DH-irkVaA0GM {
width: fit-content;
}
._3cjCphgls6DH-irkVaA0GM > ._292iotee39Lmt0MkQZ2hPV {
width: fit-content;
border: 1em solid var(--color-neutral-background-medium);
border-radius: 16px;
background: var(--color-neutral-background-medium);
display: inline-grid;
}
._3U_7i38RDPV5eBv7m4M-9J {
width: fit-content;
border: 1px solid var(--color-neutral-background-medium);
border-radius: 1.66em;
background: var(--color-neutral-background-medium);
margin-right: 1.2em;
}
.YszYBnnIoNY8pZ6UwCivd:hover,
.kU8ebCMnbXfjCWfqn0WPb:hover {
background-color: var(--newRedditTheme-navIconFaded10);
outline: none;
border-radius: 1.66em;
}
._3-miAEojrCvx_4FQ8x3P-s {
margin-right: 0px;
}
._1UoeAeSRhOKSNdY_h3iS1O {
padding: 0 8px 0 8px;
}
._3dAMO_XZMVp2K1JSO53ohA,
._3LRBCA71BwLLXBNsSlY7HW {
color: var(--newCommunityTheme-bodyText);
}
._2MGxQvIhmM2I5CzPdSJTtM._2MGxQvIhmM2I5CzPdSJTtM > path {
d: path("M 14.17 9.35 L 10 13.53 L 5.83 9.35 L 6 8 L 10 12 L 14 8");
}
._2MGxQvIhmM2I5CzPdSJTtM._2MGxQvIhmM2I5CzPdSJTtM {
fill: var(--newCommunityTheme-bodyText);
}
._1RYN-7H8gYctjOQeL8p2Q7 {
padding-bottom: 0.3em;
--post-icon-color: var(--newCommunityTheme-postIcon);
}
._2lHXa-mLMsRfm1Q5JxgU4r:hover,
._3Qkp11fjcAw9I9wtLo8frE:hover,
._3MknXZVbkWU8JL9XGlzASi {
border-radius: 0.8em;
}
._1OVBBWLtHoSPfGCRaPzpTf._2udhMC-jldHp_EpAuBeSR1 {
max-width: inherit!important;
padding-left: 3.065%;
padding-right: 5%;
}
._1OVBBWLtHoSPfGCRaPzpTf {
min-width: auto;
}
._31N0dvxfpsO6Ur5AKx4O5d {
max-width: auto !important;
}
._1ixsU4oQRnNfZ91jhBU74y {
margin-top: 0.6em;
}
._2lHXa-mLMsRfm1Q5JxgU4r,
._3Qkp11fjcAw9I9wtLo8frE,
._18X7KoiaLuKbuLqg4zE8BH._3F3oKTToidUQ0CbMS1cccX,
._10K5i7NW6qcm-UoCtpB3aK,
._1HSQGYlfPWzs40LP4_oFi5._1HSQGYlfPWzs40LP4_oFi5._2XkHtsPtFuTExJyk9JQUAp,
.h-jI8r2f9ozTNqu_2TBeY,
.roundfield textarea,
.roundfield input[type=text],
.roundfield input[type=url],
.roundfield input[type=password],
.roundfield input[type=number],
#compose-message .roundfield select,
._1x6pySZ2CoUnAfsFhGe7J1:focus,
._1x6pySZ2CoUnAfsFhGe7J1:hover,
._3dZnYgFFpifT-M_Vs2FAq6 ~ ._3dZnYgFFpifT-M_Vs2FAq6,
._3dZnYgFFpifT-M_Vs2FAq6:focus,
._3dZnYgFFpifT-M_Vs2FAq6:hover,
.PH-V9ggsF2mi5JTDmDqdR,
._1x6pySZ2CoUnAfsFhGe7J1:focus,
._1x6pySZ2CoUnAfsFhGe7J1:hover,
._3jiriKeNer8y0-1r6oWIFM,
._3uJguwDAW5Ra1r4aegBvBq,
._3w_665DK_NH7yIsRMuZkqB,
.Z1w8VkpQ23E1Wdq_My3U4,
._2w8adx4kIBGPEESCyEmToa,
._1ec_Oj5SWdypd8L-VELKg- {
border-radius: 0.8em;
}
._1VBLErIxAjOke05q8yLOyf {
background-color: #000;
position: inherit;
}
._2jhbZV6mVCM5Ma7Z376DW2 {
min-width: -webkit-fill-available;
max-width: fit-content!important;
position: sticky;
}
._10BQ7pjWbeYP63SAPNS8Ts.q_unSaY23rpdd3lDvGZ- {
width: fit-content;
}
._1tPpYVD73ugqp4k-VMFRki {
width: 7.4em!important;
}
._2lAJkFZXhr5kbH7YF-sYFf._1H0LLEwUP5ys6cgxr9KhMa {
width: auto!important
}
._1Ok0AiXwAeYl2SsUBaxgPC,
._2HYsucNpMdUpYlGBMviq8M {
font-size: .75rem;
line-height: 1rem;
letter-spacing: .1em;
font-weight: 400;
}
._2HYsucNpMdUpYlGBMviq8M {
color: var(--color-button-plain-text);
}
.zgT5MfUrDMC54cpiCpZFu,
._2sfaZWDVT8JLAt2J9p4IzV {
border-radius: 0.8em;
border: none;
}
._2HYsucNpMdUpYlGBMviq8M::before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='10 0 50 20' width='57' height='16'%3E%3Cdefs%3E%3CclipPath id='clip0_1134_46'%3E%3Cpath d='M0 0h20v20H0z'%3E%3C/path%3E%3C/clipPath%3E%3CclipPath id='clip-1'%3E%3Cpath d='M0 0h20v2...