Skip to content

Reddit clean comments for dark theme by xspinfinuteyt

Write a review Install Get Stylus

Details

Authorxspinfinuteyt

LicenseNo License

Categoryreddit

Created

Updated

Size2.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

This style provides a cleaner and easier to read look for the comment sections on posts.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           www.reddit.com - 10/21/2021, 1:36:48 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */



@-moz-document domain("www.reddit.com") {




    :root{
        --bg-color: #252525;
        --bg-color-secondary: #1b1b1b;
    }

    /* Comment settings */
    ._2M2wOqmeoPVvcSsJ6Po9-V div[class="_1YCqQVO-9r-Up6QPB9H6_4 _1YCqQVO-9r-Up6QPB9H6_4"] div{
        background-color: var(--bg-color) !important;
        border-radius: 5px !important;
    }

    ._2M2wOqmeoPVvcSsJ6Po9-V div[class="_1YCqQVO-9r-Up6QPB9H6_4 _1YCqQVO-9r-Up6QPB9H6_4"] div i[class="threadline"]{
        border-radius: 2px;
        margin: -5px;
    }
    /* End of comments settings */

    ._3dZnYgFFpifT-M_Vs2FAq6 svg[class="_3wyl6g2grDztg8KpnqxWiE"]{
        visibility: hidden;
        width: 0px !important;
        size: 0% !important;
    }

    ._3dZnYgFFpifT-M_Vs2FAq6{
        visibility: hidden !important;
    }


    /* subreddit dropdown menu settings */
    .TMMvbwyeh9yuHKmQWHrE3 a{
        background-color: var(--bg-color) !important;
        outline: var(--bg-color-secondary) solid 1px !important;
    }

    .TMMvbwyeh9yuHKmQWHrE3 a:hover{
        background-color: var(--bg-color-secondary) !important;
        outline: var(--bg-color-secondary) solid 1px !important;
        transition-duration: 0.2s !important;
    }

    .TMMvbwyeh9yuHKmQWHrE3 a:hover{
        background-color: var(--bg-color-secondary) !important;
        outline: var(--bg-color-secondary) solid 1px !important;
        transition-duration: 0.2s !important;
    }

    .TMMvbwyeh9yuHKmQWHrE3 a div i:hover{
        color: white;
        transition-duration: 0.2s !important;
    }
    /* end of subreddit dropdown menu settings */

    span[class="_3w527zTLhXkd08MyacMV9H"] div{
        border-radius: 0px !important;
        border-style: none !important;
    }

    span[class="_3w527zTLhXkd08MyacMV9H"] span{
        background-color: var(--bg-color-secondary);
        border-radius: 20px;
        padding: 8px;
        color: white !important;
    }
}

Reviews

No reviews yet.