2b + Rainbow by septaholic

/* ==UserStyle==
@name           2b + Rainbow
@namespace      userstyles.world
@version        1.0.0
==/UserStyle== */
/*BACKGROUND*/
body {
    background: url("https://cdn.discordapp.com/attachments/663680784808542208/873839530434756648/1260918.png");
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

.appMount-3lHmkl {
    background: rgba(0, 0, 0, .6);
}

/*REMOVE DARK & WHITE THEME BACKGROUNDS*/
.box {
    background-color: #22222400;
    border-radius: 6px;
    box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0px 0 1px rgb(10 10 10 / 2%);
    color: #f6f6f6;
    display: block;
    padding: 1.25rem;
}

/*REMOVE THE ONE ANNOYING BLACK LINE*/
.media + .media {
    border-top: 1px solid #2b2b2b00;
    margin-top: 1rem;
    padding-top: 1rem;
}

/*REMOVE THE SEMI-TRANSPARENT SHADOW*/
.box {
    background-color: #22222400;
    border-radius: 6px;
    box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 0%), 0 0px 0 1px rgb(10 10 10 / 2%);
    color: #f6f6f6;
    display: block;
    padding: 1.25rem;
}

/*REMOVE THE BLACK OUTLINES ON PAGES BUTTON*/
.pagination-previous,
.pagination-next,
.pagination-link {
    border-color: #22222400;
    color: #f6f6f6;
    min-width: 2.5em;
}

/*REMOVE YET ANOTHER ANNOYING BLACK LINE*/
hr {
    background-color: #2b2b2b00;
    border: none;
    display: block;
    height: 0.25px;
    margin: 1.5rem 0;
}

/*MAKING THE NAVBAR MORE TRANSPARENT*/
.navbar {
    background-color: #222224c2;
    min-height: 3.25rem;
    position: relative;
    z-index: 30;
}

/*SAME THING BUT FOR THE FOOTER*/
.footer {
    background-color: #222224c2;
    padding: 3rem 1.5rem 6rem;
    color: #f6f6f6;
}

/*FOR THE PROFILE AND STATUS BOX*/
.box {
    background-color: #22222475;
    border-radius: 6px;
    box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 0%), 0 0px 0 1px rgb(10 10 10 / 2%);
    color: #f6f6f6;
    display: block;
    padding: 1.25rem;
}

/*ANOTHER STATUS BOX*/
.input,
.textarea,
.select select {
    background-color: #22222475;
    border-color: #1c1c1c00;
    border-radius: 4px;
    color: #f6f6f6;
}

/*STOLEN FROM CUSTOM SRY IF YOU READ THIS LOL*/
/*CREDIT : https://userstyles.world/style/344/vistora-v3-cool-stuff */
.color-palette-wrapper {
    width: 100%;
    display: grid;
    overflow: hidden;
    padding: 3px;
    grid-template-columns: repeat(6, 45px [col-start]);
}

.input {
    border-radius: 290486px;
    transition-duration: 0.25s;
}

select {
    transition-duration: 0.25s;
    border-radius: 290486px!important;
}

.textarea {
    transition-duration: 0.25s;
}

.button {
    transition-duration: 0.25s;
    border-radius: 290486px;
}

.section .dashboard-card .dashboard-header {
    height: 80px;
    background: linear-gradient(50deg, #F17C58, #E94584, #24AADB, #27DBB1, #FFDC18, #FF3706);
    background-size: 600% 100%;
    animation: gradient 5s linear infinite;
    animation-direction: alternate;
}

@keyframes gradient {
    0% {
        background-position: 0%
    }

    100% {
        background-position: 100%
    }
}

img[alt="Avatar Render"] {
    background: linear-gradient(50deg, #F17C58, #E94584, #24AADB, #27DBB1, #FFDC18, #FF3706);
    background-size: 600% 100%;
    animation: gradient 5s linear infinite;
    animation-direction: alternate;
    margin: 0;
    border-radius: 4px;
}

.navbar.is-spaced {
    padding: 0 2rem!important;
}

/*RAINBOW FOR CHAT*/
.button.is-info {
    height: 40px;
    background: linear-gradient( 50deg, #F17C58, #E94584, #24AADB, #27DBB1, #FFDC18, #FF3706);
    background-size: 600% 100%;
    animation: gradient 9s linear infinite;
    animation-direction: alternate;
}

/*THIS MAKE THE ONLINE BUTTON TIME TRAVEL BACK TO JUNE*/
.status-circle-online {
    width: 15px;
    height: 15px;
    background: linear-gradient( 50deg, #F17C58, #E94584, #24AADB, #27DBB1, #FFDC18, #FF3706);
    background-size: 600% 100%;
    animation: gradient 9s linear infinite;
    animation-direction: alternate;
}

.pagination-link.is-current {
    background: linear-gradient( 50deg, #F17C58, #E94584, #24AADB, #27DBB1, #FFDC18, #FF3706);
    background-size: 600% 100%;
    animation: gradient 9s linear infinite;
    animation-direction: alternate;
    border-color: #7957d500;
    color: #fff;
}

/*TEXT STUFFS*/
a {
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}

/*MAKING THE ARROWS WHITE CUZ I GIVE UP TRYING*/
.navbar-link:not(.is-arrowless)::after {
    border-color: #ffffff;
    margin-top: -0.375em;
    right: 1.125em;
}