Skip to content

dark purple tumblr theme by catsthatkill

Screenshot of dark purple tumblr theme

Details

Authorcatsthatkill

LicenseNo License

Categorywww.tumblr.com

Created

Updated

Size7.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

adds pretty background and colors, fixes some of the stupid new design changes. I use this with xkit, so there are some visual things that I may have missed.

Notes

Use at 90% zoom, otherwise the left sidebar disappears.

Source code

/* ==UserStyle==
@name         tumblr.com
@version      20230719.23.07
@namespace    ?
==/UserStyle== */

@-moz-document domain("tumblr.com") {
/* ==UserStyle==
@name           tumblr.com - 11/28/2022, 7:05:49 AM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

 use { 
   --icon-color-primary:  #e4549a !important;
 }

.ztpfZ>svg use {
    --icon-color-primary: #e7368e !important;
}


:root {
    --background-pink: #f3d4ff;
    --darker-background-pink: #5e4467;
    --darker-background-pink-opac: #5e4467d4;
    --header-color: #1c182c;
    --border-purp: #1c182c;
    --text-color: #f6bbbf !important;
    --follow-link: #eb7ade;
    --color-title: #f6bbbf !important;
    --white-on-dark: #f6bbbf !important;
}


/*view post/view blog shell */
.ZUy1d {
    background: url(https://64.media.tumblr.com/4fc0321fc6686b989a8d1d6c12f2700f/tumblr_inline_mlkybh2vQ61r53miq.png) !important;
    
}




.hAFp3 .AXXSZ, .hAFp3 .KSDLH, .hAFp3 .nwVPE, .EvhBA, .Ut4iZ:not(.veU9u), .fAAi8, .zSfnO, 
.FOqaP, .IVTyE, .Eysep, .rTGl_{
    color: var(--text-color) !important;
}

.body{
    cursor: var(--follow-link);
}

.VPQeD {
    color: #e7368e !important;
}

/*radar div*/
.hF8Wr {
    border-bottom:1px solid var(--border-purp) !important;
}

/*check out these blogs div */
.PwJi6, .ZN143, .Wlk_Y, .MV1bs, .Vt7qF, .hrPDE, .g44JE, .RVtii, .Y70__, .GPkuc, .uRfDs, .KpwLh, .jAB8C, .rmkqO,
._R64C, .bsmhp, .FdbiI, .usqcu, .R0TWs, .u6RxV, .FZkjV:last-child{
    border: 1px solid var(--border-purp) !important;
    background: var(--darker-background-pink-opac);    
}

.eCMVP {
    background: var(--darker-background-pink-opac); 
    margin-bottom: 0px !important;
    border-left: 1px solid var(--border-purp);
    border-right: 1px solid var(--border-purp);
    border-top: 1px solid var(--border-purp);
}

.TVEoH {
    background: var(--darker-background-pink-opac);
    border-left: 1px solid var(--border-purp);
    border-right: 1px solid var(--border-purp);
    border-bottom: 1px solid var(--border-purp);
}


.I_SFh {
    color: var(--color-title)
}

/*site background*/
.D5eCV {
    background: url(https://64.media.tumblr.com/4fc0321fc6686b989a8d1d6c12f2700f/tumblr_inline_mlkybh2vQ61r53miq.png);
    background-attachment: fixed !important;
    /* background: var(--background-pink) !important; */
}

/*header*/
.hlDot{
    background: var(--header-color) !important;
    border-bottom: 1px solid var(--border-purp) !important;
}

.oPa7v {
    background-color: var(--background-pink) !important;  
}


/*post buttons*/
.wttFd{
    background: var(--darker-background-pink) !important;
    border: solid 1px var(--border-purp);    
}

/*following, for you, your tags*/
.uM3pd{
    font-family: Arial;
    color: var(--text-color) !important;
    background: var(--darker-background-pink);
    border: solid 1px var(--border-purp);
}

/*posts*/
.FtjPK, .xXvvU, .PsDsm, .wdSm_ , .jBtpD, .GcA7R, .AzqQv, .D0OOd, .qn4rB .bjtTv, .u2tXn, .SaLOl, .ZUy1d, .ekBJX, .ZUy1d, .zC1fG{
    background: var(--darker-background-pink);
}

.FtjPK{
    border: 1px solid var(--border-purp) !important;
}

.xhGbM {
    background-color: transparent !important;
}

/*post content spacing and seperator*/
.u2tXn{
    margin-top: 0px;
    padding-top: 10px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: solid 1px var(--border-purp) !important;
}

.qYXF9 {
    margin-top: 0px
}

/*author spacing*/
.fAAi8{
    margin-bottom: 5px;
}

/*post footer*/
.tOKgq{
    margin-top: 0px;
}

/*recommended posts? */
.HphhS {
    color: var(--color-title);
}


/*post header*/
.BjErQ{
    background: var(--header-color) !important;
    color: var(--text-color) !important;
    padding-bottom: var(--post-header-vertical-padding);
    margin-bottom: 0px !important;
    border-bottom: solid 1px var(--border-purp);
}

/*post text*/
.k31gt, .M_e0U {
    color: var(--text-color) !important;
}

/*ask post*/
.XZFs6 .WIYYp{
    margin-top: 20px;
    background: var(--header-color);
    color: var(--text-color);
}
.ZCpAa{
    margin-top: 20px;
}

.XZFs6 .WIYYp .IxFyd :last-child{
    color: var(--text-color) !important;
}


/*follow button text*/
.f68ED {
    color: var(--follow-link);
 }

/*Based on your likes*/
.n_1Sv{
    border-bottom: solid 1px var(--border-purp) !important;
}

.YOf31 .fo_cP, .ovT1K{
    background-color: var(--darker-background-pink);
    border-left: solid 1px var(--border-purp) ;
    border-right: solid 1px var(--border-purp);
}

.ovT1K{
 border-bottom: solid 1px var(--border-purp);
}

.iGLU3{
    border: solid 1px var(--border-purp);
}

/*Toggle sliders in settings*/
.UZrDG{
    background-color: var(--header-color) !important;
}


.Bs6U3 .UZrDG::before {
    background-color: var(--text-color);
}


/*Popup container for things like blocking*/
.RgTaQ{
    background-color: var(--darker-background-pink);
}

.QiSmE, .RgTaQ .keIHK{
    color: var(--text-color) !important; 
}




/*Annoying pop-up */
.I6Lwl {
    display:none;
}

.BPf9u{
    display: inherit;
}

.fSAfy{
    display: none;
}

.O42NY{
    display: none;
}
.YSVS3{
    display: none;
}

.RPM5v, .Cewkz, .H4DuS .erLM8, .zytrC{
    display: none;
}

.aYo2G, .irkyW, .iAkIE, .BAUJo, .ZDM1B, .DYswf {
    color: var(--text-color) !important;
}


/*bullshit that was at the top of my dash + tumblrlive
>>but why hide if xkit hides it? 
>(this is faster on page load)*/
.HphhS, .Oii0L, .wQ2Ma.EiXnY, .wQ2Ma.jLMtb{
    display: none;
}




.gPQR5.ah4XU .lSyOz{
    padding-right: 120px;
}



.IYrO9 .kn4U3 svg{
    width: 22px;
    height: 22px;
}

.FA5JM .NkkDk{
    width:34px;
    background-color: var(--header-color);
}

.FA5JM{
    width:310px;
}

.NkkDk{
    padding-left: 6px;
}

.Gav7q{
    padding-left: 8px !important;
}

.ZkG01 .h_Erh{
    flex-basis: 0px;
}


.ZkG01 ._3xgk{
    flex-basis: 960px !important;
    justify-content: center !important;
    min-width: 1400px !important;
    padding-left: 100px;
}

.gPQR5.ah4XU{
    max-width: 1200px;
}



.p4DiZ{
    position: inherit;
}

.ZaYRY.smQ8n{
    margin-left: 30px;
}



/* IGNORE THIS FOR NOW
I removed this and everything broke. I put it back because I am
lazy and didn't want to rewrite everything. 
I'm sorry if I accidentally stole your stuff!!!
*/
    :root {
        --icon-color-primary:  #e7368e !important;
        --secondary-accent: #d7257d !important;
        --accent:  #47112c !important;
        --white: #ffedf6 !important;
        --black: #db7cab !important;
        --navy: #e4549a !important;
        --red: #ff85c1 !important;
        --orange: #ff85c1 !important;
        --yellow: #ff85c1 !important;
        --green: #ff85c1 !important;
        --blue: #ff85c1 !important;
        --purple: #ff85c1 !important;
        --pink: #ff85c1 !important;
        --color-title: #201736 ;
        --color-text: #201736 ;
        --color-subtext: #ff85c1 !important;
        --color-primary-link: #d7257d !important;
        --color-bluespace-background:#ffd2e8 !important;
        --color-bluespace-card-background: rgba(var(--white-on-dark), 0.07);
        --color-modal-close-button: rgb(var(--navy));
        --color-modal-close-button-background: rgb(var(--white-on-dark));
        --font-family: "Favorit", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
        --border-radius-small: 3px;
        --follow:  #46229B !important;;
         --managed-icon__badge-reblog: #ff85c1 !important;
}
}

Reviews

No reviews yet.