/** * @name PurplePrune Base Transparency * @author computer-catt * @description A simple thorough transparent theme * @version 0.1.5 */ /* config header */ :root, .theme-dark { /* if backgrounds are enabled this acts as a background tint*/ --window-tint: #0005; /*--window-tint: #0000;*/ /* Theme Background (if you want) */ /*--theme-background-image: none;*/ /* Unthemed popouts color*/ --ProfilePopoutTint: #0006; /* Discords theme options */ --app-frame-background: #0000 !important; --background-base-lowest: #0000 !important; --background-base-lower: #0000 !important; --background-base-low: #00000040 !important; --chat-background-default: #0003 !important; --background-surface-high: #0004 !important; --background-surface-higher: #0005 !important; --background-surface-highest: #0006 !important; --modal-background: #0003 !important; --modal-footer-background: #0004 !important; --user-profile-overlay-background: #0003; --card-background-default: #0003 !important; --background-scrim: #0005; --scrollbar-auto-thumb: #fff3; --__header-bar-background: #0000 !important; } /* end of config header */ /* set background image */ html {background: var(--theme-background-image); image-rendering: pixelated} /* set tint */ body { background: var(--window-tint) !important; image-rendering: auto;} /* voice chat fixes */ .root_bfe55a, .callContainer_cb9592 {background: 0 0;} /* i dont member */ .avatarUploaderInnerSquareDisabled_e04502 {background-color: #00000050;} /* fix discover page */ .bannerContent_b76d57, .container_e9ef78 {mask: linear-gradient(black 70%, transparent);} /* modal root */ .vc-settings-modal, .container__8a031 {background-color: #0004;} /* settings main content section, server settings main panel */ .content_e9e3ed, .contentRegion__23e6b, .contentRegionScroller__23e6b {background: 0 0;} /* fix tinted sidebar in transparent mode */ .sidebarListRounded__5e434 { backdrop-filter: none; -webkit-backdrop-filter: none; } /* mmm lovely OPINIONATED borders */ .user-profile-popout { border-radius: 32px; > div {border-radius: 28px}} /* OPINIONATED banner mask */ .banner__68edb { mask: linear-gradient(black 70%, transparent);} /* voicechat chat popup */ .chatTarget__01ae2.floating__01ae2 { background: #0004;} /* shiggy code or something */ .vc-shiki-root {background: #0004 !important;} /* hacky unthemed expanded profiles */ .user-profile-modal-v2:not(.custom-user-profile-theme) { --background-base-lower: var(--ProfilePopoutTint) !important; } /* unthemed user popouts */ .user-profile-popout:not(.custom-user-profile-theme) { background: var(--ProfilePopoutTint);}