PurplePrune/base.css at main · computer-catt/PurplePrune · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
/**
 * @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);}