Skip to content

Rainbow chaos tumblr theme by Nephilim

Screenshot of Rainbow chaos tumblr theme

Details

AuthorNephilim

LicenseNo License

Categorytumblr.com

Created

Updated

Size7.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

second theme i've experimented with! it's not the greatest in terms of coding cus i uhhhhh just guessed and fucked around with it

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           color crazy tumblr theme
@namespace      USO Archive
@author         Nephiliam
@description    `rainbowcore baby`
@version        2023
@preprocessor   uso
==/UserStyle== */
@-moz-document url-prefix("http://www.tumblr.com/"),
url-prefix("https://www.tumblr.com/") {


    .D5eCV {
        background-image: url("https://cdn.discordapp.com/attachments/941480982110937101/1092634020782821396/beautiful-clouds.png") !important;
        background-size: cover !important;
        background-attachment: fixed, scroll !important;
        background-position: top !important;
        background-repeat: repeat !important;
        background-color: #fff !important;
    }

    .PwJi6 {
        background-color: #fffac0 !important;
        opacity: 69%;
    }

    /*notes and replies colors*/
    .MI6Q7,
    .QjaJb,
    .bsYWi,
    .IMvK3.Z8Ux2,
    .hpABw {
        box-sizing: border-box;
        flex-shrink: 0;
        margin-bottom: 15px;
        display: flex;
        position: relative;
        background-image: linear-gradient(to right, #ffe4c0, #fbffa9, #ffbede);
        color: #ffa489;
        text-shadow: 2px 1px 5px #fff;
        outline: outset 8px #ffaeb5;
    }

    .As9E4 {
        background-color: #fff0;
        border: 1px solid #fff0;
        border-radius: 10px;
        flex-direction: column;
        margin-right: 15px;
        padding: 8px 12px;
        display: flex;
        overflow: hidden;
    }



    /* changes the color of the body behind the posts*/
    .gPQR5,
    .a8XCP,
    .jV8QC,
    .kk3cQ {
        font-family: Arial;
        color: #ff85c1;
        background-image: linear-gradient(to right, #00eaff91, #f9ff7fb3, #ff63add9) !important;
        --icon-color-primary: #ff85c1 !important;
        outline: double 5px #fff;
        border-radius: 5px;
        outline-offset: 2px;
    }


    /*image transparency background*/
    .xhGbM {
        background-color: rgba(255, 255, 255, 0) !important;
    }
    /*no idea where this goes*/
    .ZUy1d,
    .bjh13,
    .Ro4PU,
    .dyc2r,
    .gWXwV,
    .buDz_ .uxacr {
        background-color: #fbffdc;
        color: #c37fff;
    }




    /*follow button colors, posts and post headers*/
    .f68ED,
    .BjErQ,
    .u2tXn,
    .sw6Ng,
    .YVQVW,
    .pK05E,
    .eIaSl .m5KTc,
    .kCzoF .mxuVb,
    .ou0Pr,
    .mvtqT,
    .gXVK_ {
        font-family: Arial;
        color: #fff;
        text-shadow: 1px 1px 3px #ffaee5;
        background: linear-gradient(to right, #ffc1ae, #ffafe7, #fcffc0, #acffaf, #baf2ff, #e0a2ff) !important;
        --icon-color-primary: #ff85c1 !important;
        border: 2px outset #fff !important;
    }
}


/*tab backgrounds and borders*/
.xkit-timestamp,
.EvhBA,
.RgTaQ .B3EfW,
.sfGru,
.OQjMh,
.XZFs6 .WIYYp,
.gXnIr,
.Gszso,
.FRX9k,
._sTrH,
.FA5JM .NkkD,
.xkit-sidebar-item > h1,
.xkit-sidebar-item li,
.nWTbj,
.Sm2N,
.Vt7qF .jk3gM:first-child,
.palette--trueBlue .FOqaP,
.palette--gothRave .FOqaP,
.palette--pride .FOqaP,
.FZkjV,
.voaYL,
.IiZ2z,
.irkyW,
.ufRsS,
.XuSud,
.KpwLh,
.Etu_4,
._3kR_ .xxqHJ {
    color: #fff;
    font: inherit;
    background-color: #e4aeff;
    outline: outset 4px #efd9ff;
    border-radius: -3px;
    outline-offset: 0px;
}

/* post container background colors*/
.ekBJX,
.zC1fG,
.FtjPK,
.usqcu,
.jBtpD,
#quick-reblog.below {
    font-family: Arial;
    color: #eaff77;
    background-image: url("https://64.media.tumblr.com/1b8d5db1381f2d5ff42e48b5620eeedc/4dc1138a34df5a79-a3/s250x400/65d4ab3874e9793642aa66aaecac2a038ffafc5c.pnj") !important;
    background-repeat: repeat;
    background-size: 60%;
    color: #ff4ec9 !important;
    text-shadow: 0px 0px 3px #ffb56b;
    --icon-color-primary: #8effb694 !important;
    outline: 3px dotted white! important;
    outline-offset: 1px;
}


/* post creator background*/
.SaLOl {
    background-color: #5700ff21;
}




/*icon colors V*/
use {
    font-family: Arial;
    color: #fff !important;
    --icon-color-primary: #ff4db1 !important;
}



/*DROPDOWN MENU. THE '. . .'*/
.AzqQv {
    background-color: #fff;
    color: #87baff;
}



/* post creator container colors*/
.xXvvU {
    background-color: #cacfff;
    font-family: Arial;
    color: #7784d6 !important;
}




/*Colors for notifs, dropdown bar and post creator V*/
.jBtpD,
.GcA7R,
.D0OOd,
.bjtTv,
.PsDsm {
    background-image: linear-gradient(to right, #a9f8ff, #fbffa3, #ffa2ce, #b89eff);
    color: #877bee;
    text-shadow: 1px 1px 3px #fff;
    border: dotted 1px white;
}




/*activity background and text*/
.Exysv {
    background-color: #ffd4e712;
    color: #ce7fff;
    text-shadow: -1px 0px 3px #e8a5ff;
}

/*mutual colors in activity page*/
.TZgeO.jdZxE,
.TZgeO.jdZxE.WG8QO,
.GhhyY.Lu7CU {
    background-color: #fffabb45;
    color: #ff6fe5;
    text-shadow: -1px 0px 3px #ffc386;
}

/* colors following/foryou bar V*/
.uM3pd,
.qn4rB,
.wdSm_,
.kYovr,
.mCR4G a,
.Vp1Z_ {

    background-image: linear-gradient(to bottom, #ffedb0, #ffadd6, #f98cff, #b49cee);
    font-family: Arial;
    color: #defff4 !important;
    text-shadow: 0 0 7px #5dc4ff;
}


/*header colors*/
._3kR_,
.Vt7qF .jk3gM a,
.D63Wc {

    background-image: linear-gradient(to left, #ae7dffa3, #7dfff6, #fdff86, #ff82c7c4);
    !important;
    color: #fff;
    background-repeat: repeat;
    background-size: 100%;
    --icon-color-primary: #fff !important;
    border: 3px outset #ffffba !important;
}

:root {
    --icon-color-primary: #fff !important;
    ;
    --secondary-accent: #fffbfd !important;
    ;
    --accent: #fff !important;
    ;
    --white: #edffff !important;
    ;
    --black: #8c4bce !important;
    ;
    --white-on-dark: #fff8d2 !important;
    ;
    --navy: #353199 !important;
    ;
    --red: #ff8585 !important;
    ;
    --orange: #ffd085 !important;
    ;
    --yellow: #fffb85 !important;
    ;
    --green: #85ff95 !important;
    ;
    --blue: #85c4ff !important;
    ;
    --purple: #ba85ff !important;
    ;
    --pink: #ff85c1 !important;
    ;
    --color-title: #fff !important;
    ;
    --color-text: #fff !important;
    ;
    --color-subtext: #acb5ff !important;
    ;
    --color-primary-link: #c4eaff !important;
    ;
    --color-bluespace-background: #000 !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: #ffef3e !important;
    ;
    --managed-icon__badge-reblog: #64ffdb !important;
    ;
}
<svg xmlns="http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" height="33" width="20" class="GjGsN" role="presentation" style="--icon-color-primary:RGB(var(--white-on-dark));" > <use href="#managed-icon__logo-t" > </use > </svg >
}

Reviews

No reviews yet.