vencord-css/vencord.css

/**
* @name Gen's Custom CSS Stuff
* @author GenShibe
* @description My custom CSS Stuff
* @version 1.0.0
* @authorId 217892728875253760
* @website https://genshibe.ca
* @source https://kitsunes.dev/genshibe/vencord-css/
*/

/* Transgender Boost Gradient; Recolors the boosting gradient to be the best flag ever */
div[class^=sidebar] div[class^=container] div[class^=progressBar] {
background: linear-gradient(to right,#60d0fa, #f5acba, #ffffff, #f5acba, #60d0fa) !important;
}

/* discoveryyy */
[data-list-id="guildsnav"] [class^="footer"]:has(>[class^="gradient"]) {
  display: none;
}

/* activity shelf thingy */
[class^='membersGroup']:has([role=button]),
[class^='member'] [class^='container']:has([class*='badges']) {
  display: none;
}

/* bot tag */
.botTagRegular_fc4b4a[data-tag="app"] .botText_daff56 {    
  visibility: hidden;
}
.botTagRegular_fc4b4a[data-tag="app"] .botText_daff56::before { 
  content: 'BOT';
  visibility: visible;
  position: absolute;
}
.container__827e6 video.ready__61f2f {
    display: none;
}
.content_de05de::before {
    visibility: visible;
    content: '';
    display: block;
    background: url(https://media.discordapp.net/stickers/1217112512374505613.png?size=240);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 128px;
    height: 128px;
    margin: auto;
    margin-bottom: 48px;
}

/* profile badges */
[class^="profileBadges"] {
    flex: none;
}
[class*=userPopoutOverlayBackground] {
  max-height: 90px;
}
[class^=userPopoutInner_] [class^=blockquoteContainer_] {
  max-height: 90px;
}

/* Unclamp bio length in user popout */
[class^="userPopoutInner_"] [class^="descriptionClamp_"] {
    -webkit-line-clamp: unset;
    max-height: unset;
    &+[class^="viewFullBio_"] {
        display: none;
    }
}
/* Unclamp status bubble size in user popout */
[class^="userPopoutInner_"] [class^="statusBubble_"] [class*="clamp_"] {
    -webkit-line-clamp: unset;
    max-height: unset!important;
}

/* fuck you discord upsell and play again */
ul[aria-label="Direct Messages"] {
    &>li:has(div>a[href="/store"]) {
        display: none;
    }

    &>li:has(div>a[href="/shop"]) {
        display: none;
    }
}
.container__675e5 {
    display: none
}
.sectionDivider__35e86 {
    margin: var(--space-8) var(--space-8) !important
}

/* preference, match spotify controls to panel tint */
.theme-dark #vc-spotify-player {
 background: unset; 
}

/* app launcher go bye bye */
[class*=channelAppLauncher_] {
  display: none;
}

/* fix visual refresh chat input bar */
.visual-refresh {
    --custom-channel-textarea-text-area-height: 56px;
    .form_f75fb0 {
        display: flex;
        flex-direction: column;
        padding: 0 8px 8px 8px;
    }
    .channelTextArea_f75fb0 {
        margin-bottom: 0;
    }
    .base_b88801 {
        position: static;
        order: -1;
        padding: 0 8px;
        background-color: var(--chat-background-default);
        transition: border-color .2s ease;
        border: 1px solid var(--border-faint);
        border-bottom: none;
        border-radius: var(--radius-sm) var(--radius-sm) 0 0;
    }
    .stackedBars__74017 {
        transition: border-color .2s ease;
        border-color: var(--border-faint) !important;
    }
    .form_f75fb0:has(.base_b88801) {
        .channelTextArea_f75fb0 {
            border-radius: 0 0 var(--radius-sm) var(--radius-sm);
        }
        .stackedBars__74017 {
            border-radius: 0;
        }
    }
    .form_f75fb0:has(.channelTextArea__74017:focus-within) {
        .base_b88801 {
            border-color: var(--border-subtle);
        }
        .stackedBars__74017 {
            border-color: var(--border-subtle) !important;
        }
    }
}

/* try fix some stupid bar stuff */
.visual-refresh {
    div[class^="subtitleContainer_"],
    main[class^="container__"] section[class*="container__"] {
        position-anchor: --vr-header-trailing;
        width: calc(100% - 76px);
    }

    div[class^="page_"] {
        &:not(:has(> div[class^="chat_"])) {
            anchor-name: --vr-header-snippet; 
        }

        & > div[class^="chat_"] {
            anchor-name: --vr-header-snippet; 
        }
    }

    div[class^="base_"] {
        grid-template-rows: auto;

        & > div[class^="bar_"] {
            position: absolute;
            position-anchor: --vr-header-snippet;
            top: 0;
            right: anchor(right);
            width: anchor-size(width);
            padding: 0;
        }

        & div[class^="trailing_"] {
            anchor-name: --vr-header-trailing;
            background-color: var(--background-base-lower);
            border: none;
            border-bottom: 1px solid var(--border-subtle);
            height: var(--custom-channel-header-height);
            margin-right: -10px;
        }
    }

    :not(:has(div[class^="page_"] > div[class^="chat_"])) div[class^="base_"] > div[class^="bar_"] {
        right: 0 !important;
    }

    ul[data-list-id="guildsnav"] > div[class^="itemsContainer_"] {
        margin-top: 16px;
    }
}


/* visual refresh member list fix */
.visual-refresh .membersGroup_c8ffbb {
  padding: var(--space-xxs) var(--space-xxs) var(--space-xxs) var(--space-md);
}
.headerContainer__095fe, .hiddenVisually__27f77 {
  display: none;
  height: 0px !important;
}

/* revert visual refresh server sidebar */
:root {
    --guildbar-avatar-size: 48px !important;
}

.visual-refresh nav[class*="guilds_"] {
    /* Uncomment if you changed up your nameplace */
    /* margin: 0;
    [class*="sidebar_"]:has(&)::after {
        height: 0;
    } */
    

    [class*="listItem__"] {
        defs > path {
            d: path("M 0 0 H 200 V 200 H 0 Z");
        }

        [class*="childWrapper__"],
        [class*="childWrapper__"] img,
        [class*="icon_"],
        [class*="circleIconButton__"] {
            border-radius: 100% !important;
            transition: border-radius 150ms;
        }

        [class*="selected__"] {
            [class*="childWrapper__"],
            [class*="childWrapper__"] img,
            [class*="icon_"],
            [class*="circleIconButton__"] {
                border-radius: 20px !important;
            }
        }
        svg {
            top: 0px;
            left: 0px;

            foreignObject {
                width: var(--guildbar-avatar-size);
                height: var(--guildbar-avatar-size);
                transform: translate(-4px, -4px);
            }
            &:not([class*="folderIcon__"]) > mask {
                use[href$="-lower_badge_masks"] {
                    transform: translate(8px, 8px);
                }
                use[href$="-upper_badge_masks"] {
                    transform: translate(8px, 0px);
                }
            }
        }
        [class*=expandedFolderIconWrapper__] svg {
            width: 24px;
            height: 24px;
        }
    }
    [class*="stack_"] {
        & > div:not([class]):has([class*="listItem__"]) {
            height: 45px !important;
        }
        [class*="isExpanded__"] & {
            height: auto !important;
        }
    }
}

/* detailed timestamps */
span[class*="timestampInline_"] time::before {
  content: attr(aria-label);
  font-size: 12px;
}

span[class*="timestampInline_"] {
  font-size: 0px !important;
}