-
Notifications
You must be signed in to change notification settings - Fork 0
/
server.css
113 lines (106 loc) · 6.82 KB
/
server.css
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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
/**
* @name Trans-Parent Beta
* @description Transparent Theme with Better UI and Icons.
* @author OFFRICHKID
* @version 1.1.0
* @authorId 1124814317498413076
* @invite FyM7PU8w
* @donate https://www.paypal.me/k3noxofficial
* @website https://k3nox.com
* @source https://github.com/K3NOXOFFICIAL/Trans-Parent
* @updateUrl https://k3noxofficial.github.io/Trans-Parent/Trans-Parent.theme.css
*/
/* Gradients for Light and Dark Themes */
.theme-light{
--interactive-active: rgb(var(--textbrightest)); /* Active interactive element color */
--interactive-muted: rgb(var(--textdarkest)); /* Muted interactive element color */
--background-accent: rgba(var(--transparencycolor), 0); /* Accent background color with transparency */
--background-primary: rgba(var(--transparencycolor), 0.04); /* Primary background color with transparency */
--background-secondary: rgba(var(--transparencycolor), .0); /* Secondary background color with transparency */
--background-secondary-alt: rgba(var(--transparencycolor), .03); /* Alternative secondary background color with transparency */
--background-tertiary: rgba(var(--transparencycolor), .04); /* Tertiary background color with transparency */
--background-floating: rgba(var(--transparencycolor), .0); /* Floating background color with transparency */
--background-mobile-primary: rgba(var(--transparencolor), .0); /* Mobile primary background color with transparency */
--background-mobile-secondary: rgba(var(--transparencolor), .0); /* Mobile secondary background color with transparency */
--background-modifier-accent: rgba(var(--textbrightest),.2); /* Modifier accent color with transparency */
--background-message-automod: rgba(var(--dangercolor),.0); /* Automated message background color with transparency */
--background-message-automod-hover: rgba(var(--dangercolor),.0); /* Hovered automated message background color with transparency */
--channeltextarea-background: rgba(var(--transparencolor), .0); /* Channel textarea background color with transparency */
--input-background: rgba(var(--transparencolor), .0); /* Input background color with transparency */
--elevation-low: 0 1px 5px 0 rgba(var(--transparencolor), .0); /* Low elevation shadow with transparency */
--elevation-high: 0 2px 10px 0 rgba(var(--transparencolor), .0); /* High elevation shadow with transparency */
}
.theme-dark {
--interactive-active: rgb(var(--textbrightest)); /* Active interactive element color */
--interactive-muted: rgb(var(--textdarkest)); /* Muted interactive element color */
--background-accent: rgba(var(--transparencycolor), .2); /* Accent background color with transparency */
--background-primary: rgba(var(--transparencycolor), .16); /* Primary background color with transparency */
--background-secondary: rgba(var(--transparencycolor), .16); /* Secondary background color with transparency */
--background-secondary-alt: rgba(var(--transparencycolor), .085); /* Alternative secondary background color with transparency */
--background-tertiary: rgba(var(--transparencycolor), .3); /* Tertiary background color with transparency */
--background-floating: rgba(var(--transparencycolor), .5); /* Floating background color with transparency */
--background-mobile-primary: rgba(var(--transparencolor), .2); /* Mobile primary background color with transparency */
--background-mobile-secondary: rgba(var(--transparencolor), .3); /* Mobile secondary background color with transparency */
--background-modifier-accent: rgba(var(--textbrightest),.1); /* Modifier accent color with transparency */
--background-message-automod: rgba(var(--dangercolor),.05); /* Automated message background color with transparency */
--background-message-automod-hover: rgba(var(--dangercolor),.1); /* Hovered automated message background color with transparency */
--channeltextarea-background: rgba(var(--transparencolor), .3); /* Channel textarea background color with transparency */
--input-background: rgba(var(--transparencolor), .1); /* Input background color with transparency */
--elevation-low: 0 1px 5px 0 rgba(var(--transparencolor), .3); /* Low elevation shadow with transparency */
--elevation-high: 0 2px 10px 0 rgba(var(--transparencolor), .3); /* High elevation shadow with transparency */
}
/* Background Opener (App Elements) */
body, #app-mount .app-3xd6d0, #app-mount .scroller-WSmht3,
#app-mount .app-2CXKsg, #app-mount .loading-1yrGTe,
#app-mount .wrapper-3AZUiP, #app-mount .bg-1QIAus,
#app-mount .layer-86YKbF, #app-mount .container-2o3qEW,
#app-mount .container-1NXEtd, #app-mount .privateChannels-oVe7HL,
#app-mount .panels-3wFtMD > *, #app-mount .chat-2ZfjoI,
#app-mount .container-3XgAHv, #app-mount .wrapper-3HVHpV,
#app-mount .noChannel-Z1DQK7, #app-mount .members-3WRCEx,
#app-mount .members-3WRCEx > div, #app-mount .content-3_h0XI,
#app-mount .container-2cd8Mz, #app-mount .container-1oAagU,
#app-mount .applicationStore-2nk7Lo, #app-mount .pageWrapper-2PwDoS,
#app-mount .pageWrapper-1x6lGh, #app-mount .scroller-2FKFPG,
#app-mount .callContainer-HtHELf, #app-mount .standardSidebarView-E9Pc3j,
#app-mount .callContainer_cbde45, #app-mount .privateChannels__93473,
#app-mount .contentRegion-3HkfJJ {
background: transparent ;
}
/* Background Image (Applied to Body) */
body::before, body::after {
content: "";
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
z-index: -1;
}
body::before {
}
/* Main Color Customizations for Various Elements */
.item-2LIpTv { background: var(--main-color) !important; }
.numberBadge-37OJ3S.base-3IDx3L.baseShapeRound-3epLEv { background-color: var(--main-color) !important; }
.wrapper-3kah-n.selected-1Drb7Z .childWrapper-1j_1ub, .wrapper-3kah-n:hover .childWrapper-1j_1ub {
color: #fff;
background-color: var(--main-color);
}
.popoutBanner-3cqRD9 { background-color: var(--main-color) !important; }
barFill-2Bh7CX { background: var(--main-color); height: 100%; }
.colorWarning-3oV0Ge { background-color: var(--main-color); color: #e2dbdb; }
.live-1V2D-f.liveSmall-1Urjcy.textBadge-1fdDPJ.base-3IDx3L.liveShapeRound-2Tgi2d{ background-color: var(--main-color) !important; }
.iconBadge-32fMme { background-color: var(--main-color); }
.expandedFolderIconWrapper-3RwQpD { background-color: rgba(var(--rgb-main-color), .6); }
.expandedFolderBackground-1kSAf6 { background-color: rgba(var(--rgb-main-color), 0.2); }
.closedFolderIconWrapper-3tRb2d { background-color: var(--main-color); }
.iconBadge-32fMme.participating-2Z81oO { background-color: var(--main-color); }
.circleIconButton-1VxDrg { color: var(--main-color); }
.rtcConnectionQualityFine-3zZrSa .pingForeground-1BRBTc, .rtcConnectionStatusConnected-1c73OK { color: var(--main-color); }
/* Popout Extension Customization */
:root {
--settingsmodalbackground: transparent; /* Background for popout settings */
--settingsmodalwidth: 960px; /* Width for popout settings */
--settingsmodalheight: 80vh; /* Height for popout settings */
}