├── .gitignore
├── Lib
└── tempNeatoBurrito.js
├── README.md
├── addons
├── categoryNameFlair.css
├── chatBubbles.css
├── dmSearchBubble.css
├── donator-tags.css
├── filter.css
├── floatingGuildsAdd.css
├── iconTabs-disabledGames.css
├── iconTabs.css
├── libraryGrid.css
├── minimalServerList.css
├── minimalServerMenu.css
├── minimalUserList.css
├── overHeadServers.css
├── serverDrawer-oneGrid.css
├── serverDrawer-twoGrid.css
├── slideDownStatus.css
├── tag-animations.css
├── twoColumnServer.css
├── user-tags.css
├── userSettingsModal.css
└── yeet.css
├── assets
├── emojiCategory
│ ├── activity.svg
│ ├── custom.svg
│ ├── flags.svg
│ ├── food.svg
│ ├── frequent.svg
│ ├── nature.svg
│ ├── objects.svg
│ ├── people.svg
│ ├── symbols.svg
│ └── travel.svg
├── home-tabs
│ ├── activity.svg
│ ├── friends.svg
│ ├── library.svg
│ └── nitro.svg
├── images
│ ├── a-banner.png
│ ├── add-btn.png
│ ├── b-banner.png
│ ├── bubbleMask.png
│ ├── d-banner.jpg
│ ├── join-btn.png
│ ├── old-b-banner.jpg
│ ├── sadDiscord.png
│ ├── stars.png
│ └── windowMask.png
├── status
│ ├── dnd.svg
│ ├── idle.svg
│ ├── invisi.svg
│ └── online.svg
└── svgs
│ ├── add-btn-two.svg
│ ├── add-btn.svg
│ ├── arrow.svg
│ ├── bell-off.svg
│ ├── bell.svg
│ ├── cancel.svg
│ ├── chatIcon.svg
│ ├── check.svg
│ ├── demon-fill.svg
│ ├── demon-outline.svg
│ ├── elleCrown.svg
│ ├── ellipsis.svg
│ ├── forum.svg
│ ├── fullscreen.svg
│ ├── home.svg
│ ├── kevinCrown.svg
│ ├── logo.svg
│ ├── mentioned-two.svg
│ ├── mentioned.svg
│ ├── mic-dark.svg
│ ├── mic-off-dark.svg
│ ├── mic-off.svg
│ ├── mic.svg
│ ├── minimize.svg
│ ├── moon.svg
│ ├── no-game.svg
│ ├── or.svg
│ ├── person-add.svg
│ ├── phone-call.svg
│ ├── phone.svg
│ ├── pinned-two.svg
│ ├── pinned.svg
│ ├── sadDiscord.svg
│ ├── sadFace.svg
│ ├── settings-dark.svg
│ ├── settings.svg
│ ├── sound-dark.svg
│ ├── sound-off-dark.svg
│ ├── sound-off.svg
│ ├── sound.svg
│ └── video-call.svg
├── black-hole
└── style.css
├── mini-themes
└── Black-Box-Tags.theme.css
├── phoenix-bundle
├── base.css
├── canary.css
├── discordelectro
│ ├── discordelectro.theme.css
│ ├── lbolt.png
│ └── wordMark.png
├── reborn.css
└── tranquil.css
└── theme-files
├── Black-Hole.theme.css
├── Black-Hole.zip
├── Reborn.theme.css
├── Reborn.zip
├── Tranquil.theme.css
└── Tranquil.zip
/.gitignore:
--------------------------------------------------------------------------------
1 | /addons/test.css
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 |
2 | 
3 |
4 |
5 | # Monster Themes
6 | Need help with the themes? Visit the [Black Box](https://discord.gg/TeRQEPb).
7 |
8 | The Phoenix Bundle are forks of old themes that have ceased to be supported. Because I have been maintaining them for a year and have rewritten them to be more readable and efficient, I have renamed them and claimed them as my own.
9 |
10 | The code itself is loads different but the output does still look the same.
11 |
12 | Black Hole is an original theme that is easier to maintain.
13 |
14 | All themes will be hopefully ported to BDv2 soon.
15 |
16 | ## Table of Contents
17 | 1. [Copyright and License](#copyright-and-license)
18 |
19 | + [Terms Used](#terms-used)
20 | + [Introduction](#introduction)
21 | + [Allowed Actions](#allowed)
22 | + [Disallowed Actions](#disallowed)
23 |
24 | 2. [Themes](#all-themes)
25 |
26 | + [Phoenix Bundle](#phoenix-bundle)
27 |
28 | + [Tranquil](#tranquil)
29 | + [Reborn](#reborn)
30 |
31 | + [Black Hole](#black-hole)
32 |
33 | ## Copyright and License
34 | ### Terms Used
35 | - Elle ("Author", "Coder", "Ellexide", "EllexideCodes", "Monster", "Monster Dev", "Innate Monster", "I", "She", "Her")
36 | - Content ("Themes", "product", "items", "codes", "assets")
37 | - User ("You", "User", "they", "them", "their")
38 |
39 | ### Introduction
40 | The author, Monster, reserves the right to all content found in this repository. They are intellectual property and will remain as such indefinitely. If any one person decides to use--even any portion--of a code, they agree to be bound by the rules set by Monster.
41 |
42 | Monster reserves the right to ask any of her work to be taken down should they be used, distributed, or reverse-engineered in a way she does not consent to.
43 |
44 | To contact Monster Dev:
45 |
46 | + Discord: Monstrum#3557 (402272736665272320)
47 | + E-Mail: ellexidecodes@gmail.com
48 |
49 | ### Allowed
50 | #### Users are permitted...
51 | - ... to take and build from any of the two themes inside the **Phoenix Bundle ONLY.** They may redistribute them *as long as they have edited enough for it to be basically a different code.*
52 | - ... to edit the given variables in each theme inside this repository.
53 | - ... to add additional code into any theme as long as they are not redistributed as their own.
54 | - ... to study the codes and how they are built for educational purposes.
55 | - ... to reverse engineer the codes in any way they want as long as they do not distribute the broken bits and pieces as their own.
56 | - ... to take snippets of the code to use as long as they give due credit.
57 | - ... to edit the contents of the *.theme.css file (including the Meta) **as long as they do not redistribute this version**.
58 |
59 | ### Disallowed
60 | #### Users are forbidden...
61 | - ... from building off of themes **outside** of the Phoenix Bundle.
62 | - ... from redistributing the code, edited or otherwise, in any platform that Monster does not allow.
63 | - ... from distributing an edited version of any code without explicit permission from the author.
64 | - ... from copying and using more than 50 lines of code (in the spacing as shown in the original files) in a different theme or code without giving due credit.
65 | - ... from **selling** or making money off of any theme that is present in this repository and any theme made by Monster.
66 |
67 | **All these terms apply to all files in this repository as well as the last few remaning files in the EllexideCodes/Discord-Themes repository.**
68 |
69 | Copyright © 2019 - Present, Monster Dev
70 |
71 | *Do not redistribute*
72 |
73 |
74 | ## All Themes
75 | ### Phoenix Bundle
76 | [](#tranquil)
77 | [](#reborn)
78 |
79 | ### Original Themes
80 | [](#black-hole)
81 |
82 | ## Tranquil
83 | 
84 | 
85 | 
86 |
87 | ## Reborn
88 | 
89 | 
90 | 
91 |
92 | ## Black Hole
93 | 
94 | 
95 | 
96 |
--------------------------------------------------------------------------------
/addons/categoryNameFlair.css:
--------------------------------------------------------------------------------
1 | /* Make Channel Categories Match Role Categories */
2 |
3 | .name-IbjUBS {
4 | color: var(--main-color);
5 | border-bottom: 3px solid;
6 | border-image: linear-gradient(90deg, transparent, var(--main-color, #7289da), transparent);
7 | border-image-slice: 1;
8 | margin-top: -7px;
9 | text-align: center;
10 | }
11 |
12 | .containerDefault-3GGEv_ {
13 | background-color: transparent !important;
14 | }
--------------------------------------------------------------------------------
/addons/chatBubbles.css:
--------------------------------------------------------------------------------
1 | .message-2CShn3 {
2 | background: var(--quaternary-color, #111);
3 | margin-left: 80px;
4 | margin-right: 30px;
5 | box-shadow: 0 4px 10px var(--shadow);
6 | }
7 |
8 | .cozy-VmLDNB.wrapper-30-Nkg {
9 | padding-left: 0px;
10 | }
11 |
12 | .message-2CShn3.systemMessage-1H1Z20 {
13 | margin-left: 80px;
14 | margin-bottom: 10px;
15 | }
16 |
17 | .message-2CShn3 .contents-2MsGLg,
18 | .message-2CShn3 .container-2sjPya{
19 | padding: 10px 10px 10px 20px;
20 | overflow: visible;
21 | }
22 |
23 | .message-2CShn3:not(.groupStart-3Mlgv1) .contents-2MsGLg,
24 | .message-2CShn3:not(.groupStart-3Mlgv1) .container-2sjPya {
25 | padding-top: 2px;
26 | }
27 |
28 | .message-2CShn3:hover,
29 | .message-2CShn3.selected-2LX7Jy,
30 | .mouse-mode .message-2CShn3:hover {
31 | background: var(--secondary-color, #333);
32 | }
33 |
34 | .message-2CShn3 .avatar-2e8lTP {
35 | left: -58px;
36 | top: -10px;
37 | }
38 |
39 | .message-2CShn3.groupStart-3Mlgv1:not(.systemMessage-1H1Z20):hover::before {
40 | border-top-color: var(--secondary-color, #111);
41 | }
42 |
43 | .message-2CShn3.groupStart-3Mlgv1:not(.systemMessage-1H1Z20)::before {
44 | content: "";
45 | height: 0;
46 | width: 0;
47 | position: absolute;
48 | top: 0;
49 | left: 0;
50 | transform: translate(-50%);
51 | border: 10px solid transparent;
52 | border-top-color: var(--quaternary-color, #111);
53 | z-index: -1;
54 | }
55 |
56 | .message-2CShn3.mentioned-Tre-dv {
57 | border-left: 2px solid #faa61a;
58 | background: linear-gradient( rgba(250, 168, 26, 0.05), rgba(250, 168, 26, 0.05)), linear-gradient(var(--quaternary-color, #111), var(--quaternary-color, #111));
59 | }
60 |
61 | .message-2CShn3.mentioned-Tre-dv.groupStart-3Mlgv1:not(.systemMessage-1H1Z20)::before {
62 | border-top-color: #faa61a;
63 | }
64 |
65 | .mentioned-Tre-dv:before {
66 | background: transparent;
67 | }
68 |
69 | .message-2CShn3.groupStart-3Mlgv1.cozy-VmLDNB .header-2jRmjb {
70 | padding-bottom: 10px;
71 | }
72 |
73 | .message-2CShn3.groupStart-3Mlgv1 .clickableHeader-2Cygs8 .avatar-2e8lTP {
74 | margin-left: -5px;
75 | margin-top: -20px;
76 | }
77 |
78 | .message-2CShn3.groupStart-3Mlgv1 ~ .message-2CShn3:not(.groupStart-3Mlgv1) .container-3FojY8 {
79 | padding-top: 5px;
80 | padding-bottom: 5px;
81 | }
82 |
83 | .message-2CShn3:not(.groupStart-3Mlgv1) .timestamp-p1Df1m {
84 | margin-left: -65px;
85 | }
86 |
87 |
88 | /* ----- tag fix ----- */
89 | /* normal tags */
90 |
91 | .avatar-2e8lTP + h2::after {
92 | bottom: 10px !important;
93 | left: -51px !important;
94 | }
95 |
96 | #app-mount .avatar-2e8lTP:hover + h2::after {
97 | bottom: 1px !important;
98 | left: -49px !important;
99 | }
100 |
101 | .contents-2MsGLg .avatar-2e8lTP[src*="402272736665272320"] + h2::before{
102 | top: -24px;
103 | left: -80px;
104 | }
105 |
--------------------------------------------------------------------------------
/addons/dmSearchBubble.css:
--------------------------------------------------------------------------------
1 | #app-mount .privateChannels-oVe7HL .searchBar-3TnChZ {
2 | position: absolute;
3 | bottom: 20px;
4 | right: 5px;
5 | height: 50px;
6 | width: 50px;
7 | border: none;
8 | border-radius: 40px;
9 | background: linear-gradient(to bottom right, var(--main-color, #7289da), var(--hover-color, #7289da));
10 | box-shadow: 2px 10px 10px var(--shadow, rgba(0,0,0,0.2)) !important;
11 | overflow: hidden;
12 | cursor: pointer;
13 | transition: all .2s ease-in-out;
14 | pointer-events: all;
15 | padding: 0;
16 | }
17 |
18 | #app-mount .privateChannels-oVe7HL .searchBar-3TnChZ .searchBarComponent-3N7dCG {
19 | background-color: transparent !important;
20 | }
21 |
22 | .privateChannels-oVe7HL .searchBar-3TnChZ .inner-1NoIT5 {
23 | height: 100%;
24 | width: 100%;
25 | }
26 |
27 | #app-mount .privateChannels-oVe7HL .searchBar-3TnChZ .searchBarComponent-3N7dCG::after {
28 | content: '';
29 | position: absolute;
30 | height: 100%;
31 | width: 50px;
32 | bottom: 0;
33 | right: 0;
34 | background: url(https://discordapp.com/assets/4d254296157bb8927b7d53ed59beb0d8.svg) center/20px no-repeat;
35 | pointer-events: none;
36 | }
37 |
38 | #app-mount .privateChannels-oVe7HL .searchBar-3TnChZ .searchBarComponent-3N7dCG::before {
39 | content: 'Search Direct Messages';
40 | position: absolute;
41 | top: 50%;
42 | transform: translateY(-25%);
43 | width: 180px;
44 | bottom: 0;
45 | right: 0vw;
46 | color: white;
47 | opacity: .5;
48 | font-size: 12px;
49 | line-height: 100%;
50 | transition: all .2s ease-in-out;
51 | pointer-events: none;
52 | }
53 |
54 | #app-mount .privateChannels-oVe7HL .searchBar-3TnChZ .searchBarComponent-3N7dCG {
55 | color: transparent;
56 | }
57 |
58 | #app-mount .privateChannels-oVe7HL .searchBar-3TnChZ:hover {
59 | width: 200px;
60 | }
61 |
62 | .privateChannels-oVe7HL .scrollerWrap-2lJEkd::after {
63 | content: '';
64 | position: absolute;
65 | top: 0;
66 | left: 0;
67 | height: 48px;
68 | width: 100%;
69 | border-bottom: 2px solid var(--main-color, #7289da);
70 | box-sizing: border-box;
71 | z-index: 9999;
72 | }
73 |
74 | .privateChannels-oVe7HL .scrollerWrap-2lJEkd .scroller-2FKFPG {
75 | margin-top: 50px;
76 | }
--------------------------------------------------------------------------------
/addons/donator-tags.css:
--------------------------------------------------------------------------------
1 | /* ======= SPECIAL TAGS ========= */
2 | /* badges */
3 | .avatar-2e8lTP[src*="166365757561634816"] + h2::after,
4 | .avatar-2e8lTP[src*="402272736665272320"] + h2::after,
5 | .avatar-2e8lTP[src*="244392852950482944"] + h2::after,
6 | .avatar-2e8lTP[src*="254362351170617345"] + h2::after,
7 | .avatar-2e8lTP[src*="213220786805145600"] + h2::after,
8 | .avatar-2e8lTP[src*="231827402102276096"] + h2::after,
9 | .avatar-2e8lTP[src*="236006926406778881"] + h2::after,
10 | .avatar-2e8lTP[src*="282138006738042880"] + h2::after,
11 | .avatar-2e8lTP[src*="140012296910012416"] + h2::after,
12 | .avatar-2e8lTP[src*="174868361040232448"] + h2::after,
13 | .avatar-2e8lTP[src*="234148582523928576"] + h2::after,
14 | .avatar-2e8lTP[src*="664933588835368990"] + h2::after,
15 | .avatar-2e8lTP[src*="454072114492866560"] + h2::after,
16 | .avatar-2e8lTP[src*="751726950875136031"] + h2::after,
17 | .avatar-2e8lTP[src*="670550004091322368"] + h2::after,
18 | .avatar-2e8lTP[src*="250353310698176522"] + h2::after,
19 | .avatar-2e8lTP[src*="278516985640517632"] + h2::after,
20 | .avatar-2e8lTP[src*="371581535801049089"] + h2::after,
21 | .avatar-2e8lTP[src*="102543272018194432"] + h2::after{
22 | content: '';
23 | color: transparent;
24 | height: 15px;
25 | width: 15px;
26 | background-size: 100%;
27 | background-position: center;
28 | background-repeat: no-repeat;
29 | bottom: -29px;
30 | left: -22px;
31 | pointer-events: none;
32 | filter: drop-shadow(0 0 2px var(--primary-color)) drop-shadow(0 0 2px var(--primary-color)) drop-shadow(0 0 2px var(--primary-color))
33 | }
34 |
35 |
36 | /* on hover */
37 | .avatar-2e8lTP[src*="166365757561634816"]:hover + h2::after,
38 | .avatar-2e8lTP[src*="402272736665272320"]:hover + h2::after,
39 | .avatar-2e8lTP[src*="244392852950482944"]:hover + h2::after,
40 | .avatar-2e8lTP[src*="254362351170617345"]:hover + h2::after,
41 | .avatar-2e8lTP[src*="213220786805145600"]:hover + h2::after,
42 | .avatar-2e8lTP[src*="231827402102276096"]:hover + h2::after,
43 | .avatar-2e8lTP[src*="236006926406778881"]:hover + h2::after,
44 | .avatar-2e8lTP[src*="282138006738042880"]:hover + h2::after,
45 | .avatar-2e8lTP[src*="140012296910012416"]:hover + h2::after,
46 | .avatar-2e8lTP[src*="174868361040232448"]:hover + h2::after,
47 | .avatar-2e8lTP[src*="234148582523928576"]:hover + h2::after,
48 | .avatar-2e8lTP[src*="664933588835368990"]:hover + h2::after,
49 | .avatar-2e8lTP[src*="454072114492866560"]:hover + h2::after,
50 | .avatar-2e8lTP[src*="751726950875136031"]:hover + h2::after,
51 | .avatar-2e8lTP[src*="670550004091322368"]:hover + h2::after,
52 | .avatar-2e8lTP[src*="250353310698176522"]:hover + h2::after,
53 | .avatar-2e8lTP[src*="278516985640517632"]:hover + h2::after,
54 | .avatar-2e8lTP[src*="371581535801049089"]:hover + h2::after,
55 | .avatar-2e8lTP[src*="102543272018194432"]:hover + h2::after{
56 | color: white;
57 | transform: none;
58 | background-size: cover;
59 | background-position: center;
60 | padding: 3px 10px !important;
61 | height: auto;
62 | width: fit-content !important;
63 | box-sizing: border-box !important;
64 | white-space: nowrap !important;
65 | bottom: -31px !important;
66 | font-weight: 700;
67 | text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
68 | filter: none;
69 | display: block !important;
70 | background-color: transparent;
71 | box-shadow: none !important;
72 | }
73 |
74 |
75 |
76 |
77 |
78 |
79 | /* My friends and my borders/glow */
80 | /* mine */
81 | .contents-2MsGLg .avatar-2e8lTP[src*="402272736665272320"] + h2::before{
82 | content: '';
83 | position: absolute;
84 | height: 44px;
85 | width: 44px;
86 | top: 0px;
87 | left: -58px;
88 | background-size: cover;
89 | background-position: center;
90 | background-repeat: no-repeat;
91 | pointer-events: none;
92 | border-radius: var(--roundness, var(--user-roundness, 50px)) !important;
93 | z-index: -1;
94 | }
95 |
96 | .contents-2MsGLg .avatar-2e8lTP[src*="402272736665272320"]:hover + h2::before{
97 | border-radius: var(--roundness, var(--user-roundness, 50px)) !important;
98 | }
99 |
100 | .contents-2MsGLg .avatar-2e8lTP[src*="402272736665272320"] + h2::before {
101 | background-image: url(https://i.gifer.com/fyD3.gif);
102 | box-shadow: 0 0 5px rgba(246, 255, 192, 0.658);
103 | }
104 |
105 | /* ellie */
106 | .contents-2MsGLg .avatar-2e8lTP[src*="213220786805145600"] {
107 | animation: eve-glow 1s ease-in-out infinite alternate;
108 | filter: drop-shadow(0 0 5px #b71cff);
109 | transition: filter 200ms ease-in-out;
110 | }
111 |
112 | .contents-2MsGLg .avatar-2e8lTP[src*="213220786805145600"]:hover {
113 | animation-play-state: paused;
114 | }
115 |
116 | @keyframes eve-glow {
117 | to {
118 | filter: drop-shadow(0 0 8px #b71cff)
119 | }
120 | }
121 |
122 | /* izy for helping me out */
123 | .contents-2MsGLg .avatar-2e8lTP[src*="107511169366888448"] + h2::before {
124 | background-image: url(https://i.imgur.com/sxvFvSq.gif);
125 | box-shadow: 0 0 5px rgb(246 255 192 / 66%);
126 | }
127 |
128 | .contents-2MsGLg .avatar-2e8lTP[src*="107511169366888448"] + h2::before {
129 | content: '';
130 | position: absolute;
131 | height: 44px;
132 | width: 44px;
133 | top: 0px;
134 | left: -58px;
135 | background-size: cover;
136 | background-position: center;
137 | background-repeat: no-repeat;
138 | pointer-events: none;
139 | border-radius: var(--roundness, var(--user-roundness, 50px)) !important;
140 | }
141 |
142 |
143 | /* ===== FRIENDS ===== */
144 | /* mine */
145 | .avatar-2e8lTP[src*="402272736665272320"] + h2::after {
146 | background-image: url(https://monstrousdev.github.io/themes/assets/svgs/elleCrown.svg);
147 | transition: filter .2s ease-in-out;
148 | transform: scale(1.1);
149 | height: 15px !important;
150 | width: 15px !important;
151 | }
152 |
153 | .avatar-2e8lTP[src*="402272736665272320"]:hover + h2::after {
154 | filter: drop-shadow(0 0 3px #fddfaa);
155 | }
156 |
157 | /* leon */
158 | .avatar-2e8lTP[src*="244392852950482944"] + h2::after {
159 | background-image: url(https://i.imgur.com/fyWionk.png);
160 | transform: scale(1.3)
161 | }
162 |
163 | .avatar-2e8lTP[src*="244392852950482944"]:hover + h2::after {
164 | right: -8px;
165 | left: unset;
166 | padding: 0;
167 | background-color: transparent;
168 | }
169 |
170 |
171 | /* ============== DONATOR/DEV TAGS ============== */
172 | .avatar-2e8lTP[src*="102543272018194432"] + h2::after {
173 | background-image: url(https://i.imgur.com/RT6EPy2.png);
174 | }
175 |
176 | .avatar-2e8lTP[src*="102543272018194432"]:hover + h2::after {
177 | background-image: url(https://i.imgur.com/wiPNfHL.gif);
178 | color: var(--main-color);
179 | --main-color: white;
180 | text-shadow: none;
181 | content: "가버렸어.ggt";
182 | }
183 |
184 | .avatar-2e8lTP[src*="371581535801049089"] + h2::after {
185 | background-image: url(https://i.imgur.com/KNcz4Hk.png);
186 | }
187 |
188 | .avatar-2e8lTP[src*="371581535801049089"]:hover + h2::after {
189 | background-image: url(https://i.imgur.com/pQJsmHA.gif);
190 | color: var(--main-color);
191 | --main-color: #007FFF;
192 | text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
193 | content: "Trent";
194 | }
195 |
196 | .avatar-2e8lTP[src*="250353310698176522"] + h2::after {
197 | background-image: url(https://monstrousdev.github.io/themes/assets/svgs/moon.svg);
198 | transform: scale(.75);
199 | }
200 |
201 | .avatar-2e8lTP[src*="250353310698176522"]:hover + h2::after {
202 | background: var(--main-color);
203 | --main-color: #fbc86f;
204 | content: "Enchanted Symphony";
205 | }
206 |
207 | .avatar-2e8lTP[src*="670550004091322368"] + h2::after {
208 | background-image: url(https://i.imgur.com/GEkArjR.png);
209 | transform: scale(1.3);
210 | bottom: -23px;
211 | left: -25px;
212 | }
213 |
214 | .avatar-2e8lTP[src*="670550004091322368"]:hover + h2::after {
215 | background-image: url(https://i.imgur.com/z8HJBIs.gif);
216 | --main-color: rgb(207, 193, 109);
217 | color: #0062ff;
218 | content: "サフ/Saph";
219 | }
220 |
221 | .avatar-2e8lTP[src*="751726950875136031"] + h2::after {
222 | background-image: url(https://i.imgur.com/BdoCevq.png);
223 | }
224 |
225 | .avatar-2e8lTP[src*="751726950875136031"]:hover + h2::after {
226 | background-image: url(https://i.imgur.com/dBNeTGm.gif);
227 | --main-color: rgb(58, 77, 109);
228 | color: pink;
229 | content: "Verified Femboy";
230 | }
231 |
232 | .avatar-2e8lTP[src*="278516985640517632"] + h2::after {
233 | background-image: url(https://i.imgur.com/lfcy3Kd.png);
234 | bottom: -22px;
235 | left: -26px;
236 | transform: scale(1.3);
237 | }
238 |
239 | .avatar-2e8lTP[src*="278516985640517632"]:hover + h2::after {
240 | background-image: url(https://i.imgur.com/kVV3niY.gif);
241 | --main-color: rgb(10, 8, 22);
242 | color: #DC143C;
243 | content: "Daemon of Debauchery";
244 | }
245 |
246 | .avatar-2e8lTP[src*="454072114492866560"] + h2::after{
247 | background-image: url(https://i.imgur.com/P2UoBoM.png);
248 | }
249 |
250 | .avatar-2e8lTP[src*="454072114492866560"]:hover + h2::after{
251 | background-image: url(https://i.imgur.com/jHOD8P4.gif);
252 | --main-color: hotpink;
253 | content: "Vappy";
254 | }
255 |
256 | .avatar-2e8lTP[src*="664933588835368990"] + h2::after{
257 | background-image: url(https://i.imgur.com/KVTEJWV.png);
258 | }
259 |
260 | .avatar-2e8lTP[src*="664933588835368990"]:hover + h2::after{
261 | background-image: url(https://i.imgur.com/j4IqZnj.gif);
262 | --main-color: rgb(216, 63, 178);
263 | content: "モンス夕一";
264 | }
265 |
266 | .avatar-2e8lTP[src*="234148582523928576"] + h2::after{
267 | background-image: url(https://i.imgur.com/kYdBPJx.png);
268 | }
269 |
270 | .avatar-2e8lTP[src*="234148582523928576"]:hover + h2::after{
271 | background-image: url(https://i.imgur.com/h22yxV4.png);
272 | --main-color: rgba(192, 171, 51, 0.507);
273 | color: #7289DA;
274 | content: "@everyone";
275 | }
276 |
277 | .avatar-2e8lTP[src*="107511169366888448"]:hover + h2::after {
278 | content: 'His Code Works';
279 | background: url(https://i.imgur.com/sZJzzNW.gif);
280 | -webkit-filter: hue-rotate(360deg) invert();
281 | animation: hue-rotate 1.5s linear infinite;
282 | border: 2px solid var(--mc);
283 | color: var(--mc);
284 | font-size: 14px;
285 | font-weight: 700;
286 | padding: 4px 4px;
287 | bottom: -40px;
288 | text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black !important;
289 | text-align: center;
290 | }
291 |
292 | .avatar-2e8lTP[src*="174868361040232448"] + h2::after {
293 | background-image: url(https://i.imgur.com/jAyDjY8.png);
294 | transform: scale(1.2);
295 | bottom: -30px;
296 | left: -24px;
297 | }
298 |
299 | .avatar-2e8lTP[src*="174868361040232448"]:hover + h2::after {
300 | background-image: url(https://i.imgur.com/ApwM2cC.gif);
301 | content: "Gibbu";
302 | }
303 |
304 | .avatar-2e8lTP[src*="140012296910012416"] + h2::after {
305 | background-image: url(https://discordapp.com/assets/764836c1d982d6a999ef5ee6ab11eb87.svg);
306 | bottom: -30px;
307 | left: -24px;
308 | }
309 |
310 | .avatar-2e8lTP[src*="140012296910012416"]:hover + h2::after {
311 | background-image: url(https://i.imgur.com/7rTizt9.gif);
312 | content: "Zahl";
313 | color: white;
314 | --main-color: rgb(78, 11, 11);
315 | text-shadow: -1px 0 rgb(78, 11, 11), 0 1px rgb(78, 11, 11), 1px 0 rgb(78, 11, 11), 0 -1px rgb(78, 11, 11),
316 | 0 0px 3px rgb(78, 11, 11), 0 0px 3px rgb(78, 11, 11), 0 0px 3px rgb(78, 11, 11) !important;
317 | }
318 |
319 | .avatar-2e8lTP[src*="213220786805145600"] + h2::after {
320 | background-image: url(https://i.imgur.com/RvOW9GE.png);
321 | transform: scale(1.2);
322 | bottom: -30px;
323 | left: -24px;
324 | }
325 |
326 | .avatar-2e8lTP[src*="213220786805145600"]:hover + h2::after {
327 | content: "flower girl";
328 | color: #FFF;
329 | background-image: url(https://i.imgur.com/bUmWjxM.gif);
330 | --main-color: #b71cff;
331 | }
332 |
333 | .avatar-2e8lTP[src*="254362351170617345"] + h2::after {
334 | background-image: url(https://i.imgur.com/1qBTZlh.png);
335 | transform: scale(1.2);
336 | bottom: -30px;
337 | left: -24px;
338 | }
339 |
340 | .avatar-2e8lTP[src*="254362351170617345"]:hover + h2::after {
341 | content: 'Tropical';
342 | color: #ffe256;
343 | --main-color: #ffe256;
344 | background-image: url(https://i.imgur.com/0tAtFyG.gif);
345 | text-shadow: -1px 0 black,
346 | 0 1px black,
347 | 1px 0 black,
348 | 0 -1px black !important;
349 | }
350 |
351 | .avatar-2e8lTP[src*="166365757561634816"] + h2::after {
352 | background-image: url(https://imgpile.com/images/I1FpO1.png);
353 | transform: scale(1.3);
354 | bottom: -30px;
355 | left: -24px;
356 | }
357 |
358 | .avatar-2e8lTP[src*="166365757561634816"]:hover + h2::after {
359 | content: 'Love 2XMM2';
360 | color: #27fa00;
361 | --main-color: #27fa00;
362 | background-image: url(https://imgpile.com/images/I1XHcj.gif);
363 | }
364 |
365 | .avatar-2e8lTP[src*="231827402102276096"] + h2::after {
366 | background-image: url(https://i.imgur.com/Qi5hdZf.png);
367 | transform: scale(1.2)
368 | }
369 |
370 | .avatar-2e8lTP[src*="231827402102276096"]:hover + h2::after {
371 | content: '新しい日の誕生';
372 | color: white;
373 | background-image: url(https://i.imgur.com/OI7nhT7.gif);
374 | --main-color: rgb(160, 92, 180);
375 | }
376 |
377 | .avatar-2e8lTP[src*="236006926406778881"] + h2::after {
378 | background-image: url(https://i.imgur.com/zs4hzCl.jpg);
379 | }
380 |
381 | .avatar-2e8lTP[src*="236006926406778881"]:hover + h2::after {
382 | content: "--------";
383 | color: transparent;
384 | text-shadow: none;
385 | background-image: url(https://i.imgur.com/wQS2mYR.gif);
386 | --main-color: white;
387 | }
388 |
389 | .avatar-2e8lTP[src*="282138006738042880"] + h2::after {
390 | background-image: url(https://i.imgur.com/0XVB6ay.png);
391 | transform: scale(1.5);
392 | filter: none;
393 | bottom: -30px;
394 | left: -24px;
395 | }
396 |
397 | .avatar-2e8lTP[src*="282138006738042880"]:hover + h2::after {
398 | content: 'Witcher';
399 | background-image: url(https://i.imgur.com/Y9XMtlS.gif);
400 | color: #AF616E;
401 | --main-color: #AF616E;
402 | }
--------------------------------------------------------------------------------
/addons/filter.css:
--------------------------------------------------------------------------------
1 | html[class="gr__betterdocs_us"] body #app-mount {
2 | background-size:cover !important;
3 | background-repeat:no-repeat !important;
4 | background-image:url('https://nfld99.com/images/Shitdocs.png') !important;
5 | cursor:not-allowed !important;
6 | position:absolute !important;
7 | display:block !important;
8 | opacity:1 !important;
9 | left:0 !important;
10 | top:0 !important;
11 | margin:0 !important;
12 | z-index: 999999999 !important;
13 | visibility:visible !important;
14 | }
15 |
16 | .embedLink-1G1K1D[href*="Betterdocs." i],
17 | .containerCozy-jafyvG .markup-2BOw-j a[href*="betterdocs."],
18 | .embedLink-1G1K1D[href*="discordsource." i],
19 | .containerCozy-jafyvG .markup-2BOw-j a[href*="discordsource."]{
20 | color: #38000b !important;
21 | text-shadow:0 0 12px black;
22 | pointer-events:none;
23 | }
24 |
25 | .embedLink-1G1K1D[href*="Betterdocs." i]::selection,
26 | .containerCozy-jafyvG .markup-2BOw-j a[href*="betterdocs." i]::selection,
27 | .embedLink-1G1K1D[href*="discordsource." i]::selection,
28 | .containerCozy-jafyvG .markup-2BOw-j a[href*="discordsource." i]::selection{
29 | background-color:darkred !important;
30 | }
31 |
32 | body #app-mount .embed-IeVjo6 .embedInner-1-fpTo a.embedThumbnail-2Y84-K[href*="www.discordsource." i],
33 | body #app-mount .embed-IeVjo6 .embedInner-1-fpTo a.embedThumbnail-2Y84-K[href*="://discordsource." i],
34 | body #app-mount .embed-IeVjo6 .embedInner-1-fpTo a.embedThumbnail-2Y84-K[href*="www.betterdocs." i],
35 | body #app-mount .embed-IeVjo6 .embedInner-1-fpTo a.embedThumbnail-2Y84-K[href*="://betterdocs." i] {
36 | display: block !important;
37 | }
38 |
39 | body #app-mount[class*="appMount-"] .embed-IeVjo6 .embedLink-1G1K1D[href*="www.discordsource." i]::after,
40 | body #app-mount[class*="appMount-"] .embed-IeVjo6 .embedLink-1G1K1D[href*="://discordsource." i]::after,
41 | body #app-mount[class*="appMount-"] .embed-IeVjo6 .embedLink-1G1K1D[href*="www.betterdocs." i]::after,
42 | body #app-mount[class*="appMount-"] .embed-IeVjo6 .embedLink-1G1K1D[href*="://betterdocs." i]::after
43 | {
44 | color:#bbb !important;
45 | background: rgb(22, 22, 22) url(https://i.imgur.com/ClYJFpv.png) bottom right/100px no-repeat !important;
46 | border:2px solid #f0474744 !important;
47 | box-shadow:0 0 12px #f0474744 !important;
48 | padding:7px 6px !important;
49 | padding-right: 100px !important;
50 | border-radius:5px !important;
51 | font-size: 13px !important;
52 | text-align: justify !important;
53 | position:absolute !important;
54 | top: 0;
55 | left: -4px;
56 | font-weight:bold !important;
57 | height: 100% !important;
58 | width: 100% !important;
59 | box-sizing: border-box !important;
60 | white-space: pre-wrap !important;
61 | overflow: hidden !important;
62 | letter-spacing: 0 !important;
63 | content:'BetterDocs/Discord Source is an unofficial source, and should be treated as such. The owner posts peoples themes and plugins without their permission, refusing to take them down when he is asked, and also contains content that would not be found on the official BetterDiscord repos. This means it probably contains harmful plugins that could either get you into trouble with discord, or steal user account info. Please stay safe, and download from official sources only.' !important;
64 | }
65 |
66 | body #app-mount[class*="appMount-"] .embed-IeVjo6 .embedLink-1G1K1D[href*="betterdocs.net/preview" i]::after,
67 | body #app-mount[class*="appMount-"] .embed-IeVjo6 .embedLink-1G1K1D[href*="betterdocs.us/preview" i]::after,
68 | body #app-mount[class*="appMount-"] .embed-IeVjo6 .embedLink-1G1K1D[href*="discordsource.com/preview" i]::after {
69 | width:auto !important;
70 | height: 100% !important;
71 | z-index: 2 !important;
72 | padding: 10px !important;
73 | color:#bbb !important;
74 | background: rgb(22, 22, 22) url(https://i.imgur.com/ClYJFpv.png) top/30% no-repeat !important;
75 | display: flex !important;
76 | text-align: justify !important;
77 | align-content: center !important;
78 | align-items: center !important;
79 | white-space: pre-wrap !important;
80 | content:'This is an unofficial source, and should be treated as such. The owner posts peoples themes and plugins without their permission, refusing to take them down when he is asked, and also contains content that would not be found on the official BetterDiscord repos. This means it probably contains harmful plugins that could either get you into trouble with discord, or steal user account info. Please stay safe, and download from official sources only.' !important;
81 | }
82 |
83 | .markup-2BOw-j>a[href*="betterdocs." i],
84 | .markup-2BOw-j>a[href*="discordsource." i] {
85 | font-size: 0;
86 | }
87 |
88 | body #app-mount[class*="appMount-"] .container-1YxwTf .markup-2BOw-j > a.anchor-3Z-8Bb[href*="www.discordsource." i]::after,
89 | body #app-mount[class*="appMount-"] .container-1YxwTf .markup-2BOw-j > a.anchor-3Z-8Bb[href*="://discordsource." i]::after,
90 | body #app-mount[class*="appMount-"] .container-1YxwTf .markup-2BOw-j > a.anchor-3Z-8Bb[href*="www.betterdocs." i]::after,
91 | body #app-mount[class*="appMount-"] .container-1YxwTf .markup-2BOw-j > a.anchor-3Z-8Bb[href*="://betterdocs." i]::after {
92 | content: "This theme does not support BetterDocs/Discord Source." !important;
93 | color: #f04747 !important;
94 | font-weight: bolder !important;
95 | font-size: 15px !important;
96 | animation: none !important;
97 | }
98 |
99 | /*In-Chat Invite Link */
100 | body #app-mount[class*="appMount-"] .theme-dark .wrapper-35wsBm .icon-3o6xvg[style*="/icons/153708594091655168"]::after,
101 | body #app-mount[class*="appMount-"] .theme-light .wrapper-35wsBm .icon-3o6xvg[style*="/icons/153708594091655168"]::after {
102 | content:'BetterDocs/Discord Source is not an official source of themes and plugins and should not be trusted. The creator posts content without permission, refusing to take them down when he is asked, and it may have harmful plugins. Do not use BetterDocs.' !important;
103 | color:#bbb !important;
104 | background: rgb(22, 22, 22) url(https://i.imgur.com/ClYJFpv.png) left/auto 100% no-repeat !important;
105 | border:2px solid #f0474744 !important;
106 | box-shadow:0 0 12px #f0474744 !important;
107 | padding:10px 7px 10px 100px !important;
108 | margin-top:-35px !important;
109 | border-radius:5px !important;
110 | position:absolute !important;
111 | font-weight:bold !important;
112 | letter-spacing: 0 !important;
113 | font-size: 14px !important;
114 | text-shadow:0 0 12px black !important;
115 | width: 300px !important;
116 | height: 78px !important;
117 | z-index: 1 !important;
118 | box-sizing: content-box !important;
119 | }
120 |
121 | body #app-mount[class*="appMount-"] .container-1YxwTf .markup-2BOw-j > a.anchor-3Z-8Bb[href="https://discordapp.com/invite/D4cAkXX" i] {
122 | color:transparent!important;
123 | cursor:not-allowed !important;
124 | pointer-events: none!important;
125 | letter-spacing: -1000px!important;
126 | }
127 |
128 | body #app-mount[class*="appMount-"] .container-1YxwTf .markup-2BOw-j > a.anchor-3Z-8Bb[href="https://discordapp.com/invite/D4cAkXX" i]:after {
129 | content:'This theme does not support BetterDocs/Discord Source.' !important;
130 | color: #f04747 !important;
131 | font-weight: bold !important;
132 | text-shadow:0 0 12px black !important;
133 | pointer-events:none !important;
134 | letter-spacing: 0 !important;
135 | }
136 |
137 | /* remove this */
138 | .theme-dark body #app-mount .wrapper-35wsBm .icon-3o6xvg[style*="/icons/153708594091655168" i]::before, .theme-dark body #app-mount .embed-IeVjo6 .embedLink-1G1K1D[href*="www.discordsource." i]::before, .theme-dark body #app-mount .embed-IeVjo6 .embedLink-1G1K1D[href*="://discordsource." i]::before, .theme-dark body #app-mount .embed-IeVjo6 .embedLink-1G1K1D[href*="www.betterdocs." i]::before, .theme-dark body #app-mount .embed-IeVjo6 .embedLink-1G1K1D[href*="://betterdocs." i]::before {
139 | display: none !important
140 | }
--------------------------------------------------------------------------------
/addons/floatingGuildsAdd.css:
--------------------------------------------------------------------------------
1 | /* disabled under further notice */
2 |
3 | /*.listItem-2P_4kh:last-child,
4 | .listItem-2P_4kh:nth-last-child(2) {
5 | position: absolute;
6 | }
7 |
8 | .listItem-2P_4kh:nth-last-child(2) {
9 | bottom: 70px;
10 | }
11 |
12 | .listItem-2P_4kh:last-child {
13 | bottom: 10px;
14 | }
15 |
16 | .listItem-2P_4kh:nth-last-child(2)::before {
17 | content: '';
18 | position: absolute;
19 | bottom: -80px;
20 | width: 70px;
21 | height: 300px;
22 | background: linear-gradient(rgba(48, 48, 48, 0) 0%, var(--quaternary-color) 60%, var(--quaternary-color) 100%);
23 | pointer-events: none;
24 | }
25 |
26 | #app-mount .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN {
27 | padding: 10px 0 130px 0 !important;
28 | }
29 |
30 | #app-mount .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN.foldercontent::after {
31 | content: "";
32 | width: 70px;
33 | height: 150px;
34 | position: absolute;
35 | left: 0px;
36 | bottom: 0px;
37 | z-index: 5;
38 | background: linear-gradient(to bottom, rgba(48, 48, 48, 0) 0%, var(--quaternary-color) 60%, var(--quaternary-color) 100%);
39 | pointer-events: none;
40 | }
--------------------------------------------------------------------------------
/addons/iconTabs-disabledGames.css:
--------------------------------------------------------------------------------
1 | .privateChannels-oVe7HL .channel-1Shao0:not([href*="/channels/@me/"]):not([categoryid]) {
2 | position: relative;
3 | float: left;
4 | margin: 0px 33px;
5 | width: 50px;
6 | height: 50px;
7 | overflow: visible;
8 | transform: scale(0.9);
9 | border-left: none !important;
10 | transition: none;
11 | }
12 |
13 | .privateChannels-oVe7HL .channel-1Shao0:not([href*="/channels/@me/"]):not([categoryid]) .layout-1qmrhw {
14 | padding: 0px;
15 | width: 100%;
16 | height: 100%;
17 | display: flex;
18 | justify-content: center;
19 | border-radius: 5px;
20 | }
21 |
22 | .privateChannels-oVe7HL .channel-1Shao0:not([href*="/channels/@me/"]):not([categoryid]):hover {
23 | border-left: none !important;
24 | }
25 |
26 | .privateChannels-oVe7HL .channel-1Shao0:not([href*="/channels/@me/"]):not([categoryid]).selected-1-Z6gm {
27 | background-color: var(--main-color);
28 | }
29 |
30 | .privateChannels-oVe7HL .channel-1Shao0:not([href*="/channels/@me/"]):not([categoryid]) .content-1U25dZ {
31 | display: none;
32 | }
33 |
34 | .privateChannels-oVe7HL .channel-1Shao0:not([href*="/channels/@me/"]):not([categoryid]) .layout-1qmrhw .avatar-6qzftW {
35 | margin: 0;
36 | }
37 |
38 | .privateChannels-oVe7HL .channel-1Shao0:not([href*="/channels/@me/"]):not([categoryid]) .children-283-lq {
39 | position: absolute;
40 | top: 0;
41 | right: 0;
42 | }
43 |
44 | html .tabBadge-h4HGed {
45 | position: absolute;
46 | transform: translate(50%, -50%);
47 | }
--------------------------------------------------------------------------------
/addons/iconTabs.css:
--------------------------------------------------------------------------------
1 | .privateChannels-oVe7HL .channel-1Shao0:not([href*="/channels/@me/"]):not([categoryid]) {
2 | position: relative;
3 | float: left;
4 | margin: 0px 13px;
5 | width: 50px;
6 | height: 50px;
7 | overflow: visible;
8 | transform: scale(0.9);
9 | border-left: none !important;
10 | transition: none;
11 | }
12 |
13 | .privateChannels-oVe7HL .channel-1Shao0:not([href*="/channels/@me/"]):not([categoryid]) .layout-1qmrhw {
14 | padding: 0px;
15 | width: 100%;
16 | height: 100%;
17 | display: flex;
18 | justify-content: center;
19 | border-radius: 5px;
20 | }
21 |
22 | .privateChannels-oVe7HL .channel-1Shao0:not([href*="/channels/@me/"]):not([categoryid]):hover {
23 | border-left: none !important;
24 | }
25 |
26 | .privateChannels-oVe7HL .channel-1Shao0:not([href*="/channels/@me/"]):not([categoryid]).selected-1-Z6gm {
27 | background-color: var(--main-color);
28 | }
29 |
30 | .privateChannels-oVe7HL .channel-1Shao0:not([href*="/channels/@me/"]):not([categoryid]) .content-1U25dZ {
31 | display: none;
32 | }
33 |
34 | .privateChannels-oVe7HL .channel-1Shao0:not([href*="/channels/@me/"]):not([categoryid]) .layout-1qmrhw .avatar-6qzftW {
35 | margin: 0;
36 | }
37 |
38 | .privateChannels-oVe7HL .channel-1Shao0:not([href*="/channels/@me/"]):not([categoryid]) .children-283-lq {
39 | position: absolute;
40 | top: 0;
41 | right: 0;
42 | }
43 |
44 | html .tabBadge-h4HGed {
45 | position: absolute;
46 | transform: translate(50%, -50%);
47 | }
--------------------------------------------------------------------------------
/addons/libraryGrid.css:
--------------------------------------------------------------------------------
1 | /*
2 | * ===== BULK CODE CREDIT TO SATORU =====
3 | *
4 | * Animation and refining made by Monster
5 | */
6 |
7 | /* #app-mount .gameUpdates-2GPqBU {
8 | background-color: rgba(0, 0, 0, 0)
9 | }
10 |
11 | #app-mount .gameUpdates-2GPqBU .lookFilled-1Gx00P.colorPrimary-3b3xI6 {
12 | background-color: rgba(0, 0, 0, 0.7);
13 | color: var(--main-color)
14 | }
15 |
16 | #app-mount .gameLibrary-TTDw4Y {
17 | background-color: transparent
18 | }
19 |
20 | #app-mount .gameLibrary-TTDw4Y .table-1tDS6w {
21 | width: 100%;
22 | height: calc(100vh - 110px);
23 | border-top: 50px solid transparent;
24 | position: relative;
25 | display: flex;
26 | flex-flow: row wrap;
27 | align-items: center;
28 | overflow-y: overlay;
29 | justify-content: center
30 | }
31 |
32 | #app-mount .gameLibrary-TTDw4Y .table-1tDS6w:only-child {
33 | margin: -10px
34 | }
35 |
36 | #app-mount .gameLibrary-TTDw4Y .table-1tDS6w::-webkit-scrollbar {
37 | display: none
38 | }
39 |
40 | #app-mount .gameLibrary-TTDw4Y .header-39GIC8 {
41 | background: transparent;
42 | width: 100%;
43 | height: 40px;
44 | border: none;
45 | padding: 0;
46 | margin: 0;
47 | top: 0;
48 | left: 0;
49 | font-size: 1em;
50 | display: flex;
51 | flex-flow: row;
52 | align-items: center;
53 | justify-content: center;
54 | box-sizing: border-box;
55 | z-index: 1000
56 | }
57 |
58 | #app-mount .gameLibrary-TTDw4Y .header-39GIC8 .headerCell-3L6rFG {
59 | width: auto;
60 | border: none;
61 | background-color: rgba(0, 0, 0, .4);
62 | border-radius: 3px;
63 | padding: 5px;
64 | display: flex;
65 | text-transform: capitalize;
66 | flex: 0;
67 | align-items: center;
68 | justify-content: center;
69 | box-sizing: border-box
70 | }
71 |
72 | #app-mount .gameLibrary-TTDw4Y .header-39GIC8 .headerCell-3L6rFG:nth-child(2) {
73 | margin: 0 10px
74 | }
75 |
76 | #app-mount .gameLibrary-TTDw4Y .header-39GIC8 .headerCell-3L6rFG:nth-child(3) {
77 | min-width: 125px
78 | }
79 |
80 | #app-mount .gameLibrary-TTDw4Y .header-39GIC8 .headerCell-3L6rFG:last-child {
81 | display: none
82 | }
83 |
84 | #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 {
85 | flex-direction: column;
86 | white-space: nowrap;
87 | display: inline-block;
88 | justify-content: center;
89 | align-items: center;
90 | position: relative;
91 | box-sizing: border-box;
92 | border-radius: 5px;
93 | left: 10px;
94 | width: 304px;
95 | height: 150px;
96 | margin: 8px;
97 | overflow: hidden;
98 | background: var(--primary-color);
99 | box-shadow: 0 0 8px 0 var(--shadow)
100 | }
101 |
102 | #app-mount .gameLibrary-TTDw4Y .rowWrapperActive-2L7i9f {
103 | background-color: var(--primary-color);
104 | box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3)
105 | }
106 |
107 | #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 .nameBodyCell-3JOlnK {
108 | position: absolute;
109 | top: 50%;
110 | flex-flow: column;
111 | left: 0;
112 | transform: translate(0, -51%) translateZ(0);
113 | z-index: 1
114 | }
115 |
116 | #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0:not(.rowWrapperActive-2L7i9f) .nameBodyCell-3JOlnK>* {
117 | flex-flow: column
118 | }
119 |
120 | #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 .row-ZLfFhY {
121 | min-height: 101%;
122 | border: none !important;
123 | margin: 0;
124 | display: flex;
125 | flex-flow: column;
126 | box-sizing: border-box
127 | }
128 |
129 | #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 .bodyCell-9xKjWE {
130 | min-width: 100%;
131 | top: 80px;
132 | padding: 0;
133 | line-height: normal;
134 | align-items: center;
135 | justify-content: center
136 | }
137 |
138 | #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 .bodyCell-9xKjWE>* {
139 | min-height: auto;
140 | display: flex;
141 | flex-flow: row;
142 | align-items: center;
143 | justify-content: center
144 | }
145 |
146 | #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 .nameBodyCell-3JOlnK>* {
147 | align-items: center
148 | }
149 |
150 | #app-mount .nameCellText-1mpqtF {
151 | background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5))
152 | }
153 |
154 | #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 .nameBodyCell-3JOlnK .nameCellInfo-11WjkQ,
155 | .nameCellText-1mpqtF {
156 | max-width: 160px;
157 | text-shadow: 0 2px 5px #000
158 | }
159 |
160 | #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 .platformCell-XyBBs6,
161 | #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 .lastPlayedCell-2arbtc {
162 | min-height: 17px;
163 | max-height: 17px;
164 | text-shadow: 0 1px 2px rgba(0, 0, 0, 1);
165 | }
166 |
167 | #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 .platformCell-XyBBs6>*,
168 | #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 .lastPlayedCell-2arbtc>* {
169 | font-size: .8em;
170 | font-weight: 600;
171 | text-transform: uppercase
172 | }
173 |
174 | #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 .nameCellNew-3SokLB {
175 | color: #c034ff;
176 | font-size: .75rem;
177 | min-height: auto;
178 | display: flex;
179 | flex-flow: row;
180 | align-items: center;
181 | justify-content: center
182 | }
183 |
184 | #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 .actionsCell-1awtNi {
185 | position: relative;
186 | left: 8px;
187 | top: 60px;
188 | visibility: hidden;
189 | animation: slidedown ease .6s;
190 | transition: visibility .4s ease
191 | }
192 |
193 | #app-mount .gameLibrary-TTDw4Y .rowWrapperActive-2L7i9f .actionsCell-1awtNi {
194 | top: 25px;
195 | left: 10px;
196 | visibility: visible;
197 | animation: slideup .6s ease
198 | }
199 |
200 | #app-mount .gameLibrary-TTDw4Y .actionIcon-2EtGTr {
201 | opacity: 1
202 | }
203 |
204 | #app-mount .gameLibrary-TTDw4Y .settingIcons-3QYa5E {
205 | margin-right: 0;
206 | min-width: 10px
207 | }
208 |
209 | #app-mount .gameLibrary-TTDw4Y .buttonText-13IoY7 {
210 | padding: 2px 6px
211 | }
212 |
213 | #app-mount .gameLibrary-TTDw4Y .actionButtonSize-1Znp1q {
214 | height: 22px;
215 | min-width: 40px;
216 | left: 10px
217 | }
218 |
219 | #app-mount .gameLibrary-TTDw4Y .buttonWrapper-3hUFmE {
220 | height: 65%
221 | }
222 |
223 | #app-mount .gameLibrary-TTDw4Y .icon-1IKq3C,
224 | #app-mount .gameLibrary-TTDw4Y .textCell-1aBIUP {
225 | color: #fff;
226 | background-image: linear-gradient(90deg, transparent, transparent, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7), transparent, transparent)
227 | }
228 |
229 | #app-mount .sideBar-2_lxpG .lookFilled-1Gx00P.colorGreen-29iAKY {
230 | background-color: rgba(99, 99, 99, 0.7);
231 | color: #fff;
232 | width: 0;
233 | left: 25px
234 | }
235 |
236 | #app-mount .sideBar-2_lxpG .lookFilled-1Gx00P.colorGreen-29iAKY:hover {
237 | background-color: rgba(31, 154, 9, 0.7)
238 | }
239 |
240 | #app-mount .sideBar-2_lxpG .large-1DtyYQ {
241 | height: 90px;
242 | width: 90px
243 | }
244 |
245 | #app-mount .body-1SVoBw .carouselPagination-30iWH5 {
246 | width: 50%;
247 | left: 90px
248 | }
249 |
250 | #app-mount .gameName-1W6Ym- {
251 | color: #fff;
252 | font-size: 1em
253 | }
254 |
255 | #app-mount .publisher-2ZxPEd {
256 | border-bottom: none;
257 | color: #ddd
258 | }
259 |
260 | #app-mount .gamePreview-9weYR2 {
261 | background-color: rgba(0, 0, 0, 0.9)
262 | }
263 |
264 | #app-mount .body-1SVoBw {
265 | background-color: rgba(0, 0, 0, 0)
266 | }
267 |
268 | #app-mount .summary-2pfBY6 {
269 | color: rgb(246, 246, 247);
270 | background-color: rgba(0, 0, 0, 0.5)
271 | }
272 |
273 | #app-mount .news-2KwXHF,
274 | #app-mount .newsLink-38Naqi:hover {
275 | background-color: rgba(0, 0, 0, 0)
276 | }
277 |
278 | #app-mount .background-3zYSQO,
279 | #app-mount .overlay-n52Tzn {
280 | -webkit-mask: none;
281 | mask: none
282 | }
283 |
284 | #app-mount .background-3zYSQO {
285 | height: 100%;
286 | opacity: .8
287 | }
288 |
289 | #app-mount .body-3NySJS {
290 | text-shadow: 1px 1px 5px #000
291 | }
292 |
293 | .subtitle-rPfx7J,
294 | .title-1oZsbs,
295 | .description-13oVu5 {
296 | color: #eee
297 | }
298 |
299 | .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 .row-ZLfFhY {
300 | background: rgba(0, 0, 0, 0.7) !important;
301 | }
302 |
303 |
304 | #app-mount .gameLibrary-TTDw4Y .rowBackground-3MeNoN {
305 | filter: none;
306 | -webkit-mask: none;
307 | width: 304px;
308 | animation: backgroundIn .5s forwards !important;
309 | }
310 |
311 | #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 .nameBodyCell-3JOlnK .nameCellInfo-11WjkQ {
312 | position: absolute;
313 | width: fit-content;
314 | height: fit-content;
315 | bottom: -52px;
316 | transition: all .4s ease-in-out;
317 | }
318 |
319 | #app-mount .gameLibrary-TTDw4Y .rowWrapperActive-2L7i9f .nameBodyCell-3JOlnK .nameCellInfo-11WjkQ {
320 | bottom: -60px;
321 | }
322 |
323 | #app-mount .gameLibrary-TTDw4Y .rowWrapper-2fB6P0 .gameIcon-gg34Dz {
324 | position: absolute;
325 | top: -25px;
326 | height: 50px;
327 | width: 50px;
328 | background-size: 100%;
329 | border-radius: 4px;
330 | margin: 0 5px 5px 0;
331 | filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.3));
332 | transform: translateX(0);
333 | transition: all .4s ease-in-out;
334 | }
335 |
336 | #app-mount .gameLibrary-TTDw4Y .rowWrapperActive-2L7i9f .gameIcon-gg34Dz {
337 | transform: translateX(-150%);
338 | }
339 |
340 | #app-mount .gameLibrary-TTDw4Y .rowWrapperActive-2L7i9f .settingIcons-3QYa5E {
341 | transform: translateY(-180%);
342 | }
343 |
344 | #app-mount .gameLibrary-TTDw4Y .rowWrapperActive-2L7i9f .actionButtonSize-1Znp1q {
345 | transform: translateY(-170%);
346 | }
347 |
348 | @keyframes slideup {
349 | from {
350 | transform: translate(0, 100%)
351 | }
352 | }
353 |
354 | @keyframes slidedown {
355 | from {
356 | transform: translate(0%, -30%)
357 | }
358 | }
359 |
360 | @keyframes backgroundIn {
361 | from {
362 | opacity: 0;
363 | }
364 | to {
365 | opacity: 0.8;
366 | }
367 | } */
--------------------------------------------------------------------------------
/addons/minimalServerList.css:
--------------------------------------------------------------------------------
1 | :root {
2 | --list-size: 70px;
3 | }
4 |
5 | .wrapper-1Rf91z,
6 | .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN>div.container-1ETFDs:first-child .homeButton-2Cw51C {
7 | width: 10px !important;
8 | transition: all .5s ease-in-out;
9 | transition-delay: 0 !important;
10 | }
11 |
12 | .homeButton-2Cw51C {opacity: 0;}
13 |
14 | .wrapper-1Rf91z:hover .homeButton-2Cw51C {opacity: 1}
15 |
16 | .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN .container-2td-dC.unread-2OHH1w::before,
17 | .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN .container-2td-dC.selected-nT-gM3::before,
18 | .wrapper-1Rf91z .unreadMentionsIndicatorBottom-BXS58x,
19 | .wrapper-1Rf91z .unreadMentionsIndicatorTop-gA6RCh {
20 | opacity: 0;
21 | transition: all .2s ease-in-out;
22 | transition-delay: 0 !important;
23 | }
24 |
25 | .wrapper-1Rf91z:hover,
26 | .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN>div.container-1ETFDs:first-child .homeButton-2Cw51C {
27 | width: var(--list-size) !important;
28 | }
29 |
30 | .wrapper-1Rf91z:hover .scrollerWrap-1IAIlv .scroller-2TZvBN .container-2td-dC.unread-2OHH1w::before,
31 | .wrapper-1Rf91z:hover .scrollerWrap-1IAIlv .scroller-2TZvBN .container-2td-dC.selected-nT-gM3::before,
32 | .wrapper-1Rf91z:hover .unreadMentionsIndicatorBottom-BXS58x,
33 | .wrapper-1Rf91z:hover .unreadMentionsIndicatorTop-gA6RCh {
34 | opacity: 1;
35 | transition: all .5s ease-in-out;
36 | }
37 |
38 | .base-2jDfDU {
39 | left: 4px;
40 | transition: left .5s ease-in-out;
41 | }
42 |
43 | .wrapper-1Rf91z:hover ~ .base-2jDfDU {
44 | left: var(--list-size);
45 | }
--------------------------------------------------------------------------------
/addons/minimalServerMenu.css:
--------------------------------------------------------------------------------
1 | .layer-2aCOJ3[style*="; top: 5"][id*="popout_"] .itemBase-1Qj4z6 {
2 | margin: 0;
3 | padding: 10px 25px;
4 | }
5 |
6 | .menu-1QACrS .separator-2zcjq8 {
7 | display: none;
8 | }
9 |
10 | .layer-2aCOJ3[style*="; top: 5"][id*="popout_"] .item-1OdjEX {
11 | padding: 10px;
12 | width: 40px;
13 | justify-content: center;
14 | }
15 |
16 | .layer-2aCOJ3[style*="; top: 5"][id*="popout_"] .item-1OdjEX .iconContainer-1-SsTR {
17 | margin: 0;
18 | }
19 |
20 | .label-2gNW3x {
21 | display: none;
22 | }
23 |
24 | .menu-1QACrS .scroller-1bVxF5,
25 | .menu-1QACrS .scroller-1bVxF5 [role*='group'] {
26 | display: flex;
27 | width: fit-content;
28 | width: fit-content !important;
29 | height: auto;
30 | }
31 |
32 | .layer-2aCOJ3[style*="; top: 5"][id*="popout_"] .menu-1QACrS {
33 | left: 80px !important;
34 | top: -10px !important;
35 | width: fit-content !important;
36 | height: auto;
37 | margin: -1px;
38 | border: 2px solid var(--main-color);
39 | -ms-transform: translateX(-40%) translateY(12px) translateZ(1px) perspective(1px) !important;
40 | transform: translateX(-40%) translateY(12px) translateZ(1px) perspective(1px) !important;
41 | position: absolute;
42 | border-radius: 0px;
43 | transform-origin: 50% -10%;
44 | z-index: 99;
45 | overflow: visible !important;
46 | animation: popoutanim-min 300ms cubic-bezier(.4, 0, 0, 1);
47 | }
48 |
49 | @keyframes popoutanim-min {
50 | 0% {
51 | transform: translateX(-40%) translateY(12px) translateZ(1px) perspective(1px) scale(0);
52 | }
53 | 100% {
54 | transform: translateX(-40%) translateY(12px) translateZ(1px) perspective(1px) scale(1);
55 | }
56 | }
--------------------------------------------------------------------------------
/addons/minimalUserList.css:
--------------------------------------------------------------------------------
1 | .membersWrap-3NUR2t {
2 | pointer-events: none;
3 | }
4 |
5 | .members-3WRCEx{
6 | transform:translate(145px);
7 | z-index:2;
8 | transition:all 300ms ease;
9 | pointer-events: all;
10 | }
11 |
12 | .members-3WRCEx .avatar-6qzftW {
13 | margin-left: 12px;
14 | transition: all 300ms ease;
15 | }
16 |
17 | .members-3WRCEx:hover .avatar-6qzftW {
18 | margin-left: 0px;
19 | }
20 |
21 | .members-3WRCEx:hover{
22 | animation:member 300ms ease;
23 | transform:translate(0px);
24 | background-color: var(--primary-color, var(--background-secondary)) !important;
25 | box-shadow:4px 0 10px 6px var(--shadow, rgba(0,0,0,0.2));
26 | }
27 |
28 | .members-3WRCEx:hover::after{
29 | display: none;
30 | }
31 |
32 | .member-3W1lQa{
33 | margin-left:20px;
34 | }
35 |
36 | .members-3WRCEx:hover .member-3W1lQa{
37 | margin-left: 15px;
38 | }
39 |
40 | .members-3WRCEx .membersGroup-2eiWxl {
41 | transform-origin:left;
42 | font-size: 8px;
43 | padding:2px;
44 | transition:all 300ms ease;
45 | width:30% !important;
46 | height: 27px !important;
47 | margin-left: 10px !important;
48 | }
49 |
50 | .members-3WRCEx:hover .membersGroup-2eiWxl{
51 | font-size: 13px;
52 | width: 100% !important;
53 | padding: 4px;
54 | text-align: center;
55 | margin-left: 2px !important;
56 | }
57 |
58 | .members-3WRCEx .content-1U25dZ{
59 | opacity:0;
60 | transition:opacity 300ms ease, margin 100ms ease;
61 | }
62 |
63 | .members-3WRCEx .content-1U25dZ .nameTag-3p0yK- {
64 | margin-bottom:6px;
65 | }
66 |
67 | .members-3WRCEx:hover .content-1U25dZ {
68 | opacity:1;
69 | }
70 |
71 | [class*="scroller-"] .members-3WRCEx{
72 | height: 100%;
73 | --add: 200px;
74 | height: calc(100% + var(--add));
75 | padding-bottom: calc(20px + var(--add));
76 | margin-bottom: var(--add);
77 | transform: translate(142px);
78 | }
79 |
80 | [class*="scroller-"] .members-3WRCEx:hover{
81 | animation: member 300ms ease;
82 | transform: translate(0px);
83 | box-shadow: 4px 0 10px 6px rgba(0, 0, 0, 0.8);
84 | }
85 |
86 | .header-toolbar button.active{display:none;}
87 |
88 |
89 | .chat-2ZfjoI .chatContent-3KubbW:not([aria-label=" (channel)"]) {
90 | margin-right:-145px !important;
91 | z-index:1
92 | }
93 |
94 | .chat-2ZfjoI .content-1jQy2l>.spacer-2upayl.vertical-3aLnqW:only-child {
95 | margin-right:0px !important;
96 | z-index:1
97 | }
98 |
99 | .chat-2ZfjoI .content-1jQy2l.spacer-2upayl.vertical-3aLnqW{
100 | margin-right:0px;
101 | z-index:1
102 | }
103 |
104 | .search-results-wrap {
105 | z-index: 2 !important;
106 | }
107 |
108 | #app-mount .notice-12Koq- {
109 | right: 95px;
110 | }
--------------------------------------------------------------------------------
/addons/overHeadServers.css:
--------------------------------------------------------------------------------
1 | /* #app-mount .player-3zB-0D:hover {
2 | background-color: var(--quaternary-color);
3 | }
4 |
5 | .verifiedIcon-3oz8wo {
6 | color: var(--main-color) !important;
7 | }
8 |
9 | #app-mount .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN {
10 | padding: 10px 0 20px 13px !important;
11 | }
12 |
13 | #app-mount .wrapper-1Rf91z {
14 | position: absolute;
15 | top: 0;
16 | left: 0;
17 | height: 70px;
18 | width: 100%;
19 | transition: all .5s ease-in-out !important;
20 | }
21 |
22 | #app-mount .wrapper-1Rf91z .scrollerWrap-1IAIlv {
23 | margin-top: 0 !important;
24 | margin-left: 65px;
25 | margin-right: 98px;
26 | height: 70px;
27 | width: unset;
28 | }
29 |
30 | .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN {
31 | padding: 10px !important;
32 | display: flex;
33 | flex-flow: row wrap;
34 | justify-content: center;
35 | padding-left: 20px !important;
36 | }
37 |
38 | .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN [class*="container-"],
39 | .guildsErrorContainer-2uWYsE {
40 | margin: 3.5px;
41 | }
42 |
43 | .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN>.listItem-2P_4kh:first-child {
44 | top: 55px;
45 | left: -50px;
46 | position: absolute;
47 | }
48 |
49 | .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN .listItem-2P_4kh:not(:first-child),
50 | .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN div[style*="transform: scale(1)"] {
51 | top: 0;
52 | height: fit-content !important;
53 | width: fit-content !important;
54 | margin: .5vh;
55 | }
56 |
57 | div[style*="transform: scale(1)"] .pill-1m5BUr {
58 | display: none;
59 | }
60 |
61 | .wrapper-1Rf91z:not(.foldercontent) .scrollerWrap-1IAIlv .scroller-2TZvBN>.listItem-2P_4kh:first-child .wrapper-28eC3z {
62 | border-bottom: none;
63 | height: 70px;
64 | border-right: 2px solid var(--main-color);
65 | }
66 |
67 | .homeIcon-tEMBK1 {
68 | -webkit-mask-size: 20px;
69 | }
70 |
71 | .unreadMentionsIndicatorBottom-BXS58x,
72 | .unreadMentionsIndicatorTop-gA6RCh {
73 | width: 70px;
74 | padding: 0 10px;
75 | }
76 |
77 | .unreadMentionsIndicatorTop-gA6RCh {
78 | margin-top: -10px;
79 | margin-left: 10px;
80 | }
81 |
82 | .unreadMentionsIndicatorBottom-BXS58x {
83 | position: absolute;
84 | left: 83%;
85 | }
86 |
87 | .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN .friendsOnline-2JkivW {
88 | top: 60%;
89 | left: -50px;
90 | height: fit-content;
91 | position: absolute;
92 | }
93 |
94 | .guildSeparator-3s64Iy {
95 | display: none;
96 | }
97 |
98 | .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN .item-2LIpTv {
99 | background-color: var(--main-color);
100 | z-index:9000;
101 | box-shadow: none;
102 | height: 10px !important;
103 | top: 0px;
104 | left: 3px;
105 | margin-top: 0px !important;
106 | border-radius: 50% !important;
107 | pointer-events: none;
108 | transition: background-color 200ms ease-in-out, height 200ms ease-in-out, width 200ms ease-in-out, box-shadow 200ms ease-in-out;
109 | }
110 |
111 | .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN .listItem-2P_4kh:hover .item-2LIpTv:not([style*="height: 40px"]) {
112 | background-color: #ccc !important;
113 | box-shadow: 0 0 20px #ccc !important;
114 | opacity: 1 !important;
115 | }
116 |
117 | .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN .listItem-2P_4kh .item-2LIpTv[style*="height: 40px"] {
118 | height: 46px !important;
119 | width: 50px;
120 | border-radius: var(--roundness) !important;
121 | background-color: transparent;
122 | border: 2px solid #ccc;
123 | left: 1px;
124 | }
125 |
126 | .createJoinContainer-2Av064 {
127 | height: 50px;
128 | margin: 3.5px;
129 | }
130 |
131 | #app-mount .base-2jDfDU {
132 | margin-top: 70px;
133 | left: 0px;
134 | }
135 |
136 | .messagesPopout-eVzQcI {
137 | max-height: 525px;
138 | }
139 |
140 | .searchPopout-1vUlP3,
141 | .container-2McqkF {
142 | max-height: 600px;
143 | overflow: auto;
144 | }
145 |
146 | .searchPopout-1vUlP3::-webkit-scrollbar-track-piece,
147 | .container-2McqkF::-webkit-scrollbar-track-piece {
148 | background-color: transparent !important;
149 | border-color: transparent !important;
150 | }
151 |
152 | .searchPopout-1vUlP3::-webkit-scrollbar-thumb,
153 | .container-2McqkF::-webkit-scrollbar-thumb {
154 | background-color: var(--main-color) !important;
155 | border-color: transparent !important;
156 | border-radius: 40px;
157 | }
158 |
159 | .searchPopout-1vUlP3::-webkit-scrollbar,
160 | .container-2McqkF::-webkit-scrollbar {
161 | width: 2px;
162 | }
163 |
164 | .popoutBottom-2GAFPg[style*="overflow: hidden; visibility: visible;"] {
165 | top: 116px !important;
166 | left: 5px !important;
167 | } */
--------------------------------------------------------------------------------
/addons/serverDrawer-oneGrid.css:
--------------------------------------------------------------------------------
1 | .wrapper-1Rf91z {
2 | background: linear-gradient(var(--primary-color), var(--primary-color)), var(--background-image) left/cover no-repeat !important;
3 | background-attachment: fixed;
4 | transform: translateY(-100%);
5 | transition: all 1s cubic-bezier(.4, 0, 0, 1);
6 | overflow: visible;
7 | height: fit-content;
8 | }
9 |
10 | .wrapper-1Rf91z.foldercontent {
11 | transition: 1s cubic-bezier(.4, 0, 0, 1), width .3s linear !important;
12 | }
13 |
14 | .wrapper-1Rf91z *::-webkit-scrollbar {
15 | display: none;
16 | }
17 |
18 | .wrapper-1Rf91z:not(.foldercontent):hover,
19 | .wrapper-1Rf91z:not(.foldercontent):hover ~ .wrapper-1Rf91z.foldercontent {
20 | transform: translateY(0);
21 | }
22 |
23 | .guildsWrapper-5TJh6A .scrollerWrap-1IAIlv,
24 | .wrapper-1Rf91z .scrollerWrap-1IAIlv {
25 | margin-top: 48px !important;
26 | height: fit-content;
27 | }
28 |
29 | .guildsWrapper-5TJh6A,
30 | .wrapper-1Rf91z {
31 | z-index: 6;
32 | }
33 |
34 | #app-mount .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN {
35 | padding: 10px 0 20px 0 !important;
36 | overflow: visible;
37 | height: fit-content;
38 | }
39 |
40 | .guildsWrapper-5TJh6A .scrollerWrap-1IAIlv,
41 | .wrapper-1Rf91z .scrollerWrap-1IAIlv {
42 | margin-top: 48px !important;
43 | overflow: visible;
44 | }
45 |
46 | .wrapper-1Rf91z:not(.foldercontent) .scrollerWrap-1IAIlv .scroller-2TZvBN>.tutorialContainer-1v44GL {
47 | position: absolute;
48 | margin-top: -51.5px;
49 | margin-left: 2px;
50 | top: 100%;
51 | left: -2px;
52 | width: 72px;
53 | transform: translateY(104.5%);
54 | z-index: 99999;
55 | background-color: var(--quaternary-color);
56 | transition: all 1s cubic-bezier(.4, 0, 0, 1);
57 | box-shadow: var(--elevation-low);
58 | padding-bottom: .5px;
59 | }
60 |
61 | .wrapper-1Rf91z:not(.foldercontent):hover .scrollerWrap-1IAIlv .scroller-2TZvBN>.tutorialContainer-1v44GL {
62 | margin-top: -49px;
63 | top: 0;
64 | transform: translateY(0);
65 | }
66 |
67 | .wrapper-1Rf91z.foldercontent::after {
68 | width: 0;
69 | opacity: 0;
70 | transition: width .3s linear;
71 | }
72 |
73 | .wrapper-1Rf91z.foldercontent.foldercontentopen::after {
74 | width: 70px;
75 | opacity: 1;
76 | }
77 |
78 | .wrapper-1Rf91z.foldercontent {
79 | width: 0px;
80 | overflow: hidden;
81 | }
82 |
83 | .wrapper-1Rf91z .scrollerWrap-1IAIlv {
84 | width: 70px;
85 | }
86 |
87 | .wrapper-1Rf91z:hover ~ .wrapper-1Rf91z.foldercontent.foldercontentopen {
88 | width: 70px;
89 | }
90 |
91 | .wrapper-1Rf91z.foldercontent .scrollerWrap-1IAIlv {
92 | overflow: hidden;
93 | }
94 |
95 | .base-3dtUhz {
96 | left: 0px;
97 | }
98 |
99 | .container-2Rl01u,
100 | .privateChannels-1nO12o .searchBar-6Kv8R2 {
101 | left: 70px;
102 | width: 170px;
103 | }
104 |
105 | @keyframes popoutanim-min {
106 | 0% {
107 | transform: translateX(-50%) scale(0);
108 | }
109 | 100% {
110 | transform: translateX(-50%) scale(1);
111 | }
112 | }
--------------------------------------------------------------------------------
/addons/serverDrawer-twoGrid.css:
--------------------------------------------------------------------------------
1 | @import "https://monstrousdev.github.io/themes/addons/twoColumnServer.css";
2 |
3 | /* server grid */
4 | .wrapper-1Rf91z {
5 | background: linear-gradient(var(--primary-color), var(--primary-color)), var(--background-image) left/cover no-repeat !important;
6 | background-attachment: fixed;
7 | transform: translateY(-100%);
8 | transition: all 1s cubic-bezier(.4, 0, 0, 1);
9 | overflow: visible;
10 | }
11 |
12 | .wrapper-1Rf91z.foldercontent {
13 | transition: 1s cubic-bezier(.4, 0, 0, 1), width .3s linear !important;
14 | }
15 |
16 | .wrapper-1Rf91z *::-webkit-scrollbar {
17 | display: none;
18 | }
19 |
20 | .wrapper-1Rf91z:not(.foldercontent):hover,
21 | .wrapper-1Rf91z:not(.foldercontent):hover ~ .wrapper-1Rf91z.foldercontent {
22 | transform: translateY(0);
23 | }
24 |
25 | .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN>.listItem-2P_4kh:first-child {
26 | top: 100.8%;
27 | left: -1px;
28 | width: 71px;
29 | transform: translateY(104.5%);
30 | z-index: 99999;
31 | background-color: var(--quaternary-color);
32 | transition: all 1s cubic-bezier(.4, 0, 0, 1);
33 | box-shadow: var(--elevation-low);
34 | }
35 |
36 | .wrapper-1Rf91z:not(.foldercontent):hover .scroller-2TZvBN>.listItem-2P_4kh:first-child {
37 | top: 1.5%;
38 | transform: translateY(0);
39 | }
40 |
41 | .wrapper-1Rf91z.foldercontent::after {
42 | width: 0;
43 | opacity: 0;
44 | transition: width .3s linear;
45 | }
46 |
47 | .wrapper-1Rf91z.foldercontent.foldercontentopen::after {
48 | width: 70px;
49 | opacity: 1;
50 | }
51 |
52 | .wrapper-1Rf91z.foldercontent {
53 | width: 0px;
54 | overflow: hidden;
55 | }
56 |
57 | .wrapper-1Rf91z:hover ~ .wrapper-1Rf91z.foldercontent.foldercontentopen {
58 | width: 70px;
59 | }
60 |
61 | .wrapper-1Rf91z.foldercontent .scrollerWrap-1IAIlv {
62 | overflow: hidden;
63 | }
64 |
65 | .base-3dtUhz {
66 | left: 0px;
67 | }
68 |
69 | .container-2Rl01u,
70 | .privateChannels-1nO12o .searchBar-6Kv8R2 {
71 | left: 140px;
72 | width: 100px;
73 | }
74 |
75 | @keyframes popoutanim-min {
76 | 0% {
77 | transform: translateX(-50%) scale(0);
78 | }
79 | 100% {
80 | transform: translateX(-50%) scale(1);
81 | }
82 | }
--------------------------------------------------------------------------------
/addons/slideDownStatus.css:
--------------------------------------------------------------------------------
1 | :root {
2 | --online: #43b581;
3 | --idle: #faa61a;
4 | --dnd: #f04747;
5 | --offline: #636b75;
6 | --invisible: #747f8d;
7 | --streaming: #643da7;
8 | }
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 | .popout-3sVMXz.popoutTop-3uu9vG,
17 | .popout-3sVMXz.popoutTopLeft-b5Eb3O {
18 | overflow: visible !important;
19 | }
20 |
21 | .separator-2zcjq8 {
22 | display: none;
23 | }
24 |
25 | .popout-3sVMXz.popoutTopLeft-b5Eb3O {
26 | margin-left: -10px;
27 | }
28 |
29 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 {
30 | animation: show-status 300ms linear;
31 | border: none;
32 | width: 240px;
33 | height: 68px;
34 | padding: 0;
35 | }
36 |
37 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 {
38 | position: fixed;
39 | left: -10px !important;
40 | bottom: -5px !important;
41 | transform: translateY(100%);
42 | }
43 |
44 | .popoutTopLeft-3B0mFf.noArrow-2foL9g[style*="height: 80px;"] {
45 | height: 100px !important;
46 | }
47 |
48 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .statusItem-2uzPIV {
49 | opacity: 0.6;
50 | transition: all .2s ease-in-out;
51 | }
52 |
53 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .statusItem-2uzPIV:hover {
54 | opacity: 1;
55 | }
56 |
57 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .statusItem-2uzPIV:active {
58 | transform: scale(0.8);
59 | }
60 |
61 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .statusItem-2uzPIV .statusIconText-3b4TkH {
62 | height: 53px;
63 | width: 60px;
64 | margin: 0 !important;
65 | }
66 |
67 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .itemBase-1Qj4z6 .statusIconText-3b4TkH div {
68 | color: transparent;
69 | }
70 |
71 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .itemBase-1Qj4z6 .helper-2c73HK {
72 | display: none;
73 | }
74 |
75 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .itemBase-1Qj4z6 {
76 | position: relative;
77 | display: inline-block;
78 | height: 53px;
79 | width: 60px;
80 | vertical-align: top;
81 | background: transparent;
82 | overflow: hidden;
83 | transform: perspective(1px) scale(1);
84 | animation: status 300ms ease backwards;
85 | margin: 0;
86 | }
87 |
88 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .statusItem-2uzPIV:nth-child(1) {
89 | animation-delay: 150ms !important;
90 | }
91 |
92 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .itemBase-1Qj4z6:nth-child(3) {
93 | animation-delay: 300ms !important;
94 | }
95 |
96 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .itemBase-1Qj4z6:nth-child(4) {
97 | animation-delay: 450ms !important;
98 | }
99 |
100 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .itemBase-1Qj4z6:nth-child(5) {
101 | animation-delay: 600ms !important;
102 | }
103 |
104 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .itemBase-1Qj4z6:hover {
105 | background: transparent !important;
106 | }
107 |
108 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .itemBase-1Qj4z6:nth-child(7) {
109 | width: 100%;
110 | transition: color 200ms ease-in, background-color 200ms ease-in;
111 | z-index: -1;
112 | position: absolute;
113 | height: 35px;
114 | margin-top: -35px;
115 | box-shadow: 0 2px 20px var(--shadow, rgba(0,0,0,0.2)) !important;
116 | transform: translateX(0%) translateY(100%) translateZ(0);
117 | animation: show-custom 300ms ease forwards 400ms;
118 | animation-delay: 750ms !important;
119 | background-color: var(--quaternary-color, var(--background-floating));
120 | color: var(--main-color, #7289da);
121 | pointer-events: none;
122 | opacity: 0;
123 | pointer-events: none;
124 | top: 0;
125 | display: flex;
126 | flex-flow: row wrap;
127 | justify-content: space-between;
128 | }
129 |
130 | .clearStatus-2hmUqc,
131 | .customStatus-1KPfFb {
132 | width: fit-content;
133 | margin: 0;
134 | }
135 |
136 | .customStatusContentIcon-2sionu {
137 | height: 100%;
138 | width: 100%;
139 | justify-content: center;
140 | }
141 |
142 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .itemBase-1Qj4z6:nth-child(7):hover {
143 | background-color: var(--hover-color, var(--background-floating)) !important;
144 | color: white;
145 | }
146 |
147 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .itemBase-1Qj4z6:hover .statusIconText-3b4TkH {
148 | transform: scale(1.9);
149 | transition: all 200ms ease-in-out;
150 | }
151 |
152 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .itemBase-1Qj4z6 .statusIconText-3b4TkH {
153 | position: absolute;
154 | width: 60px;
155 | height: 65px;
156 | top: 0;
157 | left: 0;
158 | right: 0;
159 | bottom: 0;
160 | margin: auto !important;
161 | border-radius: 50%;
162 | transform: scale(1);
163 | transition: all 200ms ease-in-out;
164 | }
165 |
166 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .itemBase-1Qj4z6:nth-child(1) .statusIconText-3b4TkH {
167 | background-color: var(--online);
168 | border-radius: 0;
169 | }
170 |
171 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .itemBase-1Qj4z6:nth-child(3) .statusIconText-3b4TkH {
172 | background-color: var(--idle);
173 | border-radius: 0;
174 | }
175 |
176 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .itemBase-1Qj4z6:nth-child(4) .statusIconText-3b4TkH {
177 | background-color: var(--dnd);
178 | border-radius: 0;
179 | }
180 |
181 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .itemBase-1Qj4z6:nth-child(5) .statusIconText-3b4TkH {
182 | background-color: var(--invisible);
183 | border-radius: 0;
184 | }
185 |
186 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .itemBase-1Qj4z6:hover [class*="status"]:after {
187 | opacity: 1;
188 | visibility: visible;
189 | }
190 |
191 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .itemBase-1Qj4z6 [class*="status"]:after {
192 | content: " ";
193 | display: block;
194 | position: absolute;
195 | width: 26px;
196 | height: 26px;
197 | top: 0;
198 | left: 0;
199 | right: 0;
200 | bottom: 0;
201 | margin: auto !important;
202 | background-size: 100% 100%;
203 | background-repeat: no-repeat;
204 | background-position: center;
205 | opacity: 0;
206 | visibility: hidden;
207 | transition: all 200ms ease-in-out;
208 | }
209 |
210 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .itemBase-1Qj4z6 .statusIconText-3b4TkH:after {
211 | content: "";
212 | position: absolute;
213 | top: 0;
214 | left: 0;
215 | height: 100%;
216 | width: 100%;
217 | background-position: center;
218 | background-size: 30px;
219 | background-repeat: no-repeat;
220 | opacity: 0;
221 | transition: all 200ms ease-in-out;
222 | }
223 |
224 |
225 | .layer-2aCOJ3[style*="; bottom: 57px"][id*="popout_"] .menu-Sp6bN1 .statusItem-2uzPIV [class*="status"]:after {
226 | opacity: 1 !important;
227 | visibility: visible !important;
228 | }
229 |
230 | .layer-2aCOJ3[style*="; bottom: 57px"][id*="popout_"] .menu-Sp6bN1 .statusItem-2uzPIV:hover .statusIconText-3b4TkH {
231 | transform: scale(1);
232 | box-sizing: border-box;
233 | border: 2px solid white;
234 | transition: all .2s ease-in-out;
235 | }
236 |
237 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .itemBase-1Qj4z6:hover .statusIconText-3b4TkH:after {
238 | opacity: 1;
239 | }
240 |
241 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .itemBase-1Qj4z6:nth-child(1) .statusIconText-3b4TkH:after {
242 | background-image: url(https://monstrousdev.github.io/themes/assets/status/online.svg);
243 | }
244 |
245 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .itemBase-1Qj4z6:nth-child(3) .statusIconText-3b4TkH:after {
246 | background-image: url(https://monstrousdev.github.io/themes/assets/status/idle.svg);
247 | }
248 |
249 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .itemBase-1Qj4z6:nth-child(4) .statusIconText-3b4TkH:after {
250 | background-image: url(https://monstrousdev.github.io/themes/assets/status/dnd.svg);
251 | }
252 |
253 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .itemBase-1Qj4z6:nth-child(5) .statusIconText-3b4TkH:after {
254 | background-image: url(https://monstrousdev.github.io/themes/assets/status/invisi.svg);
255 | }
256 |
257 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-Sp6bN1 .itemBase-1Qj4z6 .statusIconText-3b4TkH .status-oxiHuE {
258 | position: absolute !important;
259 | top: 0;
260 | left: 0;
261 | height: 100% !important;
262 | width: 100% !important;
263 | margin-right: 0px !important;
264 | transition: all 200ms ease-in-out;
265 | }
266 |
267 | /* keyframes */
268 | @keyframes status {
269 | from {
270 | transform: translateY(0) translateX(0%) translateZ(0px);
271 | opacity: 0;
272 | height: 0px;
273 | }
274 | }
275 |
276 | @keyframes show-status {
277 | from {
278 | opacity: 0;
279 | }
280 | }
281 |
282 | @keyframes show-custom {
283 | to {
284 | opacity: 1;
285 | transform: translateY(0) translateX(0%) translateZ(0px);
286 | pointer-events: all;
287 | }
288 | }
--------------------------------------------------------------------------------
/addons/tag-animations.css:
--------------------------------------------------------------------------------
1 | /* grow in with pulse */
2 | .avatar-2e8lTP[src*="254362351170617345"]:hover + h2:after,
3 | .avatar-2e8lTP[src*="234148582523928576"]:hover + h2::after,
4 | .avatar-2e8lTP[src*="166365757561634816"]:hover + h2::after,
5 | .avatar-2e8lTP[src*="213220786805145600"]:hover + h2:after,
6 | .avatar-2e8lTP[src*="231827402102276096"]:hover + h2::after,
7 | .avatar-2e8lTP[src*="140012296910012416"]:hover + h2::after,
8 | .avatar-2e8lTP[src*="460174770957189155"]:hover + h2::after,
9 | .avatar-2e8lTP[src*="664933588835368990"]:hover + h2::after,
10 | .avatar-2e8lTP[src*="454072114492866560"]:hover + h2::after,
11 | .avatar-2e8lTP[src*="278516985640517632"]:hover + h2::after,
12 | .avatar-2e8lTP[src*="194830015353847817"]:hover + h2::after,
13 | .avatar-2e8lTP[src*="250353310698176522"]:hover + h2::after,
14 | .avatar-2e8lTP[src*="371581535801049089"]:hover + h2::after{
15 | animation: mentionpulse 1.5s infinite, popoutanim .2s;
16 | }
17 |
18 |
19 | /* grow in */
20 | .avatar-2e8lTP[src*="773960830034378763"]:hover + h2::after,
21 | .avatar-2e8lTP[src*="102543272018194432"]:hover + h2::after {
22 | animation: popoutanim .2s;
23 | }
24 |
25 | /* fall and bounce */
26 | .avatar-2e8lTP[src*="282138006738042880"]:hover + h2:after,
27 | .avatar-2e8lTP[src*="244392852950482944"]:hover + h2::after,
28 | .avatar-2e8lTP[src*="236006926406778881"]:hover + h2::after {
29 | animation: fallBounce 1s;
30 | }
31 |
32 | /* spin in */
33 | .monstrum {
34 | animation: scaleSpin .4s;
35 | }
36 |
37 | /* fade from right */
38 | .avatar-2e8lTP[src*="267803219080642560"]:hover + h2::after{
39 | animation: fadeFromRight .2s;
40 | }
41 |
42 | /* fade from top */
43 | .avatar-2e8lTP[src*="670550004091322368"]:hover + h2::after{
44 | animation: fadeFromTop .2s;
45 | }
46 |
47 | /* fade from bottom */
48 | .avatar-2e8lTP[src*="150852555885379584"]:hover + h2::after,
49 | .avatar-2e8lTP[src*="111476801762537472"]:hover + h2::after {
50 | animation: fadeFromBottom .2s;
51 | }
52 |
53 |
54 | /* ---- keyframes ---- */
55 | @keyframes fallBounce { /* 1s */
56 | from {
57 | opacity: 0;
58 | transform: translateY(-100%);
59 | }
60 | 25% {
61 | opacity: 1;
62 | transform: translateY(0) scale(1.1, 0.9);
63 | }
64 | 50% {
65 | transform: translateY(-20%) scale(0.9, 1.1);
66 | }
67 | 75% {
68 | transform: translateY(0)
69 | }
70 | }
71 |
72 | @keyframes scaleSpin { /* .4s */
73 | from {
74 | transform: scale(0) rotate(360deg);
75 | }
76 | to {
77 | transform: scale(1) rotate(0);
78 | }
79 | }
80 |
81 | @keyframes popoutanim {
82 | 0% {
83 | transform: scale(0);
84 | }
85 | 100% {
86 | transform: scale(1);
87 | }
88 | }
89 |
90 | @keyframes fadeFromRight {
91 | 0% {
92 | opacity: 0;
93 | transform: translateX(50%)
94 | }
95 | 100% {
96 | opacity: 0.9;
97 | transform: none
98 | }
99 | }
100 |
101 | @keyframes fadeFromRight {
102 | 0% {
103 | opacity: 0;
104 | transform: translateX(50%)
105 | }
106 | 100% {
107 | opacity: 0.9;
108 | transform: none
109 | }
110 | }
111 |
112 | @keyframes fadeFromBottom {
113 | 0% {
114 | opacity: 0;
115 | transform: translateY(50%)
116 | }
117 | 100% {
118 | opacity: 0.9;
119 | transform: none
120 | }
121 | }
122 |
123 | @-webkit-keyframes mentionpulse {
124 | 0% {
125 | -webkit-box-shadow: 0 0 0 0 var(--main-color);
126 | }
127 | 70% {
128 | -webkit-box-shadow: 0 0 0 5px rgba(204, 169, 44, 0);
129 | }
130 | 100% {
131 | -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
132 | }
133 | }
--------------------------------------------------------------------------------
/addons/twoColumnServer.css:
--------------------------------------------------------------------------------
1 |
2 | :root {
3 | --list-size: 140px;
4 | }
5 |
6 | /*Two column server list*/
7 | .wrapper-1Rf91z {
8 | width: 140px;
9 | }
10 |
11 | .base-2jDfDU {
12 | left: 140px;
13 | }
14 |
15 | .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN::-webkit-scrollbar {
16 | background: transparent !important;
17 | border: 0px !important;
18 | width: 0px;
19 | }
20 |
21 | .wrapper-1Rf91z .scrollerWrap-1IAIlv {
22 | width:140px !important;
23 | }
24 |
25 | .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN div[data-ref-id="guildsnav"],
26 | #app-mount .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN {
27 | display: flex !important;
28 | flex-direction: row !important;
29 | flex-flow: row wrap !important;
30 | justify-content: center;
31 | padding-left: 0 !important;
32 | align-content: flex-start;
33 | width: 140px;
34 | margin-bottom: 4px;
35 | }
36 |
37 | .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN div[data-ref-id="guildsnav"] .listItem-2P_4kh,
38 | .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN div[data-ref-id="guildsnav"] .wrapper-21YSNc {
39 | width: 60px;
40 | margin: 2px 0;
41 | }
42 |
43 | #app-mount .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN .tutorialContainer-SGrQ1h .listItem-2P_4kh,
44 | #app-mount .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN .listItem-2P_4kh:last-child {
45 | width: 60px;
46 | margin: 2px 0;
47 | }
48 |
49 | #app-mount .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN .tutorialContainer-1v44GL:nth-child(1) {
50 | top: 0;
51 | height: 46px !important;
52 | width: 143px !important;
53 | display: flex;
54 | flex-flow: row wrap;
55 | justify-content: center;
56 | align-items: center;
57 | margin: 0;
58 | margin-bottom: 10px;
59 | }
60 |
61 | #app-mount [id*='folder-items'] {
62 | display: flex;
63 | flex-flow: row wrap;
64 | padding-bottom: 10px;
65 | }
66 |
67 | #app-mount .expandedFolderBackground-2sPsd- {
68 | left: 0px;
69 | width: 60px;
70 | }
71 |
72 | .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN > div:not(.guildSeparator-3s64Iy):not(.friendsOnline-2JkivW):not(.container-1ETFDs).wrapper-21YSNc .listItem-2P_4kh {
73 | width: 100%;
74 | }
75 |
76 | div[style*="transform: scale(1)"] .pill-1m5BUr {
77 | display: none;
78 | }
79 |
80 | .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN .item-2LIpTv {
81 | background-color: var(--main-color, #7289da);
82 | box-shadow: none;
83 | height: 10px !important;
84 | width: 10px;
85 | top: 0px;
86 | left: 0px;
87 | margin-top: 0px !important;
88 | border-radius: 50% !important;
89 | pointer-events: none;
90 | transition: background-color 200ms ease-in-out, height 200ms ease-in-out, width 200ms ease-in-out, box-shadow 200ms ease-in-out;
91 | }
92 |
93 | .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN .listItem-2P_4kh:hover .item-2LIpTv {
94 | background-color: #ccc !important;
95 | box-shadow: 0 0 20px #ccc !important;
96 | opacity: 1 !important;
97 | }
98 |
99 | .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN .listItem-2P_4kh .pill-31IEus {
100 | overflow: visible;
101 | }
102 |
103 | .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN .listItem-2P_4kh .item-2LIpTv[style*="height: 40px"] {
104 | height: 48px !important;
105 | width: 48px;
106 | border-radius: var(--roundness, 50px) !important;
107 | background-color: transparent;
108 | border: 2px solid #ccc;
109 | left: 8px;
110 | top: -2px;
111 | }
112 |
113 | #bd-pub-li {
114 | position: inherit;
115 | top: 0;
116 | left: 0;
117 | margin-right: 50px;
118 | margin-left: 40px;
119 | }
120 |
121 | #bd-pub-li #bd-pub-button {
122 | position: relative;
123 | width: 100%;
124 | text-align: center;
125 | }
126 |
127 | #app-mount .tutorialContainer-1v44GL + .listItem-2P_4kh,
128 | .guildSeparator-3s64Iy {
129 | display: none !important;
130 | }
131 |
132 | .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN .friendsOnline-2JkivW {
133 | position: relative;
134 | width: 100%;
135 | margin: auto;
136 | margin-top: 33px;
137 | }
138 |
139 | #app-mount .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN .container-2td-dC.selected-nT-gM3:before {
140 | height: 100%;
141 | width: 100%;
142 | margin-top: 0;
143 | border: 2px solid var(--main-color, #7289da);
144 | background: transparent;
145 | box-sizing: border-box;
146 | border-radius: var(--roundness, 50px);
147 | }
148 |
149 | #app-mount .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN .container-2td-dC.selected-nT-gM3:hover:before {
150 | height: 100%;
151 | width: 100%;
152 | margin-top: 0;
153 | border: 2px solid var(--main-color, #7289da);
154 | background: transparent;
155 | box-sizing: border-box;
156 | border-radius: var(--roundness, 50px);
157 | }
158 |
159 | .guildsWrapper-5TJh6A,
160 | .wrapper-1Rf91z {
161 | z-index: 6;
162 | }
163 |
164 | #app-mount .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN {
165 | padding: 0px 0 20px 0 !important;
166 | }
167 |
168 | .wrapper-1Rf91z .scrollerWrap-1IAIlv .scroller-2TZvBN>.listItem-2P_4kh:first-child {
169 | margin-top: -58px !important;
170 | position: absolute;
171 | z-index: 2;
172 | height: 46px;
173 | margin-left: -2px !important;
174 | width: 143px !important;
175 | }
--------------------------------------------------------------------------------
/addons/user-tags.css:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";
2 | @import "https://monstrousdev.github.io/themes/addons/donator-tags.css";
3 | @import "https://monstrousdev.github.io/themes/addons/tag-animations.css";
4 |
5 | :root {
6 | --mc: var(--main-color);
7 | }
8 |
9 | #app-mount .avatar-2e8lTP + h2 {
10 | overflow: visible;
11 | }
12 |
13 | .avatar-2e8lTP:hover + h2 {
14 | opacity: 1;
15 | }
16 |
17 | .chat-2ZfjoI>.content-1jQy2l .messages-3amgkR .containerCozy-jafyvG,
18 | .container-3FojY8 {
19 | overflow: visible;
20 | }
21 |
22 | .avatar-2e8lTP + h2::after {
23 | color: var(--main-color, var(--mc, rgb(var(--BG-tint-colour, 114, 137, 218))));
24 | font-size: 13px;
25 | position: absolute;
26 | bottom: -23px;
27 | left: -29px;
28 | border-radius: 2px;
29 | cursor: pointer;
30 | font-family: BMTicons;
31 | pointer-events: none;
32 | display: inline-block !important;
33 | z-index: 1;
34 | }
35 |
36 | .avatar-2e8lTP:hover + h2::after {
37 | font-family: "Whitney", "Helvetica";
38 | --main-color: #000;
39 | background-color: var(--main-color);
40 | box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
41 | padding: 3px 10px;
42 | border-radius: 3px;
43 | font-size: 13px;
44 | font-weight: 600;
45 | z-index: 3000000;
46 | display: block;
47 | position: absolute;
48 | pointer-events: none;
49 | color: #fff;
50 | width: auto;
51 | opacity: 1;
52 | box-sizing: border-box;
53 | white-space: nowrap;
54 | bottom: -31px;
55 | }
56 |
57 | #app-mount .messagesPopoutWrap-3zryHW .avatar-2e8lTP+ h2::after{
58 | display: none !important;
59 | }
60 |
61 |
62 | /* ========= START OF USER TAGS ============== */
63 |
64 | /* before hover */
65 | .avatar-2e8lTP[src*="107511169366888448"] + h2::after,
66 | .avatar-2e8lTP[src*="128948605263413248"] + h2::after,
67 | .avatar-2e8lTP[src*="135824276535115776"] + h2::after,
68 | .avatar-2e8lTP[src*="443765978132643850"] + h2::after,
69 | .avatar-2e8lTP[src*="96563253466898432"] + h2::after,
70 | .avatar-2e8lTP[src*="267803219080642560"] + h2::after,
71 | .avatar-2e8lTP[src*="194830015353847817"] + h2::after,
72 | .avatar-2e8lTP[src*="460174770957189155"] + h2::after,
73 | .avatar-2e8lTP[src*="773960830034378763"] + h2::after{
74 | content: "}";
75 | }
76 |
77 |
78 | /* on hover */
79 | .avatar-2e8lTP[src*="194830015353847817"]:hover + h2::after {
80 | content: 'Cheesus';
81 | --main-color: #51007a;
82 | }
83 |
84 | .avatar-2e8lTP[src*="460174770957189155"]:hover + h2::after {
85 | content: 'Currently dying rn';
86 | --main-color: #008080;
87 | }
88 |
89 | .avatar-2e8lTP[src*="267803219080642560"]:hover + h2::after {
90 | content: "CEO of Red";
91 | --main-color: #cc2c24;
92 | }
93 |
94 | .avatar-2e8lTP[src*="128948605263413248"]:hover + h2::after {
95 | content: "Dongus";
96 | }
97 |
98 | .avatar-2e8lTP[src*="135824276535115776"]:hover + h2::after {
99 | content: "Village Idiot";
100 | }
101 |
102 | .avatar-2e8lTP[src*="443765978132643850"]:hover + h2::after {
103 | content: "NEET";
104 | --main-color: #3ecc9c;
105 | }
106 |
107 | .avatar-2e8lTP[src*="96563253466898432"]:hover + h2::after {
108 | content: "Universal Architect";
109 | }
110 |
111 | .avatar-2e8lTP[src*="773960830034378763"]:hover + h2::after {
112 | content: "Birdlinux";
113 | --main-color: white;
114 | color: black;
115 | }
116 |
117 | @keyframes hue-rotate {
118 | from {
119 | -webkit-filter: hue-rotate();
120 | }
121 | to {
122 | -webkit-filter: hue-rotate(360deg);
123 | }
124 | }
125 |
126 |
127 | @font-face {
128 | font-family: "BMTicons";
129 | src: url(data:application/font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMla2Y3AAAAEoAAAAVmNtYXAQShLtAAABrAAAAVpnbHlmvloizQAAAyAAAAUoaGVhZA5/bb8AAADQAAAANmhoZWEIZgQEAAAArAAAACRobXR4LAAAAAAAAYAAAAAsbG9jYQX0B2AAAAMIAAAAGG1heHABGABQAAABCAAAACBuYW1l01mGtgAACEgAAAJtcG9zdAU1BSMAAAq4AAAARAABAAAEAAAAAFwEAAAA//gECAABAAAAAAAAAAAAAAAAAAAACwABAAAAAQAAFeNF+F8PPPUACwQAAAAAANWslGEAAAAA1ayUYQAAAAAECAQAAAAACAACAAAAAAAAAAEAAAALAEQAAwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQQAAZAABQAIAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABAAEIAfgQAAAAAXAQAAAAAAAABAAAAAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAAAAADAAAAAwAAABwAAQAAAAAAVAADAAEAAAAcAAQAOAAAAAoACAACAAIAAABEAGAAfv//AAAAAABCAF4Ae///AAD/v/+m/4wAAQAAAAAAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAgMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAUGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHCAkKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAbACwAPABHAFgAaoCEAJSApQAAQAAAAAEAAPXABcAACUmLwEmAic+ATceARc+ATceARcGAg8BMAIABSAlyeoDA555Q3grK3hDeZ4DA+rJSisEHSKwARGNep0DATgxMTgBA516jf7vsEMAAAMAAAAABAAEAAANABsAIwAAAQYABxYAFzYANyYAJzAXDgEHHgEXPgE3LgEnMAEyOwERIxEwAgDa/t8FBQEh2toBIQUF/t/ablp5AgJ5Wlt4AgJ4W/6EBy00aAQABf7f2tr+3wUFASHa2gEhBeMDeFtaeQICeVpbeAP9xwI5/ccAAgAAAAAEAAQAAA0AJQAAAQYABxYAFzYANyYAJzARJi8BLgEnPgE3MhYXPgEzHgEXDgEPATACANr+3wUFASHa2gEhBQX+39oDFBh+lQECY00qTBsbTCpNYwIBlX4vBAAF/t/a2v7fBQUBIdraASEF/LsCExVvrVlNYwIkHx8kAmNNWa1vKgAAAAMAAAAABAAEAAANABsAIwAAAQYABxYAFzYANyYAJzAXHgEXDgEHLgEnPgE3MAEiKwERMxEwAgDa/t8FBQEh2toBIQUF/t/ablp5AgJ5Wlt4AgJ4W/7sBi40aAQABf7f2tr+3wUFASHa2gEhBeMDeFtaeQICeVpbeAP9xwI5/ccAAQAAAAAEAAPXABcAACUmLwEmAic+ATceARc+ATceARcGAg8BMAIABSAlyeoDA555Q3grK3hDeZ4DA+rJSisEHSKwARGNep0DATgxMTgBA516jf7vsEMAAAIAAAAABAAEAAANACUAAAEGAAcWABc2ADcmACcwESYvAS4BJz4BNzIWFz4BMx4BFw4BDwEwAgDa/t8FBQEh2toBIQUF/t/aAxQYfpUBAmNNKkwbG0wqTWMCAZV+LwQABf7f2tr+3wUFASHa2gEhBfy7AhMVb61ZTWMCJB8fJAJjTVmtbyoAAAACAAAAAAQABAAADQAqAAABBgAHFgAXNgA3JgAnMBcWHwIeAQ8BFxYGLwEHBiY/AScmNj8CNjIXMAIA2v7fBQUBIdraASEFBf7f2hsGKC21FwkPfBQCGRWoqBUZAhR8DwkXtVsMHgwEAAX+39ra/t8FBQEh2toBIQXDCkZQJgUdEYm3FxIJTEwJEhe3iREdBSagFBQAAwAAAAAECAOcAC0AOwBDAAABLgEnIQ4BFBYXMx4BBwYrASIGFRQWOwEeAQcwMQ4BKwEiDgEWFzMeARc+AScwAS4BJz4BNx4BFw4BBzA3Bg8BIyc3MwP/Duql/msbKCYdMxQSDAcT0RMbGBaJERYFAxINRBEdARsUXRTgnbjtCP5nYoEDA4FiZoIDA4JmqwUkKKtRUasCJaPQBAEmOyYBASERDRgXER0BFxMNERsoGgGdygMO+rj+9wOCZmWDAgKDZWaCA+sJQEiRkQAAAgAAAAAEAAQAAA0AJQAAAQYABxYAFzYANyYAJzABBg8CBiIvAiY0PwI2Mh8CFhQHMAIA2v7fBQUBIdraASEFBf7f2gFqDmBuYw85DmPcHBzcYw84D2PcHBwEAAX+39ra/t8FBQEh2toBIQX91QYrMtwcHNxjDzgPY9wcHNxjDzgPAAAAAgAAAAAEAAQAAA0AJQAAAQYABxYAFzYANyYAJzATBg8CBiIvAiY0PwI2Mh8CFhQHMAIA2v7fBQUBIdraASEFBf7f2v0JRE1FCigKRZoUFJpFCigKRZoUFAQABf7f2tr+3wUFASHa2gEhBf3iBR4imhQUmkUKKApFmhQUmkUKKAoAAAAAAAASAN4AAQAAAAAAAAAVAAAAAQAAAAAAAQAIABUAAQAAAAAAAgAHAB0AAQAAAAAAAwAIACQAAQAAAAAABAAIACwAAQAAAAAABQALADQAAQAAAAAABgAIAD8AAQAAAAAACgArAEcAAQAAAAAACwATAHIAAwABBAkAAAAqAIUAAwABBAkAAQAQAK8AAwABBAkAAgAOAL8AAwABBAkAAwAQAM0AAwABBAkABAAQAN0AAwABBAkABQAWAO0AAwABBAkABgAQAQMAAwABBAkACgBWARMAAwABBAkACwAmAWlHZW5lcmF0ZWQgYnkgR2x5cGh0ZXJCTVRpY29uc1JlZ3VsYXJCTVRpY29uc0JNVGljb25zVmVyc2lvbiAxLjBCTVRpY29uc0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAARwBsAHkAcABoAHQAZQByAEIATQBUAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAEIATQBUAGkAYwBvAG4AcwBCAE0AVABpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAEIATQBUAGkAYwBvAG4AcwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALAAABAgEDAQQBBQEGAQcBCAEJAQoBCwAAAAAAAAAAAAAAAA==) format("truetype");
130 | }
--------------------------------------------------------------------------------
/addons/userSettingsModal.css:
--------------------------------------------------------------------------------
1 | :root {
2 | --size: 70%;
3 | }
4 |
5 | .layer-86YKbF:nth-child(1) {
6 | animation: none !important;
7 | transition: none !important;
8 | opacity: 1 !important;
9 | transform: none !important;
10 | }
11 |
12 | .layer-86YKbF:nth-child(2),
13 | #user-settings,
14 | #pubslayerroot .layer-86YKbF {
15 | background-color: rgba(0,0,0,0.8) !important;
16 | z-index: 101 !important;
17 | }
18 |
19 | .layer-86YKbF:nth-child(2) .standardSidebarView-E9Pc3j,
20 | #user-settings .standardSidebarView-E9Pc3j,
21 | #pubslayerroot .layer-86YKbF .standardSidebarView-E9Pc3j {
22 | max-height: var(--size);
23 | max-width: var(--size);
24 | top: calc( (100% - var(--size))/2);
25 | left: calc( (100% - var(--size))/2);
26 | }
27 |
28 | .theme-dark .standardSidebarView-E9Pc3j,
29 | .theme-dark .standardSidebarView-E9Pc3j .sidebarRegion-1VBisG {
30 | background: transparent;
31 | }
32 |
33 | .standardSidebarView-E9Pc3j .sidebarRegion-1VBisG .sidebarRegionScroller-FXiQOh {
34 | border-top-left-radius: 15px;
35 | border-bottom-left-radius: 15px;
36 | }
37 |
38 | .standardSidebarView-E9Pc3j .contentRegion-3HkfJJ,
39 | .scroller-2FKFPG.contentRegionScroller-2_GT_N {
40 | border-top-right-radius: 15px;
41 | border-bottom-right-radius: 15px;
42 | position: relative;
43 | }
44 |
45 | .standardSidebarView-E9Pc3j .noticeRegion-qjyUVg {
46 | transform: translateX(0px) !important;
47 | }
48 |
49 | .standardSidebarView-E9Pc3j .contentRegionScroller-2_GT_N,
50 | .contentTransitionWrap-1YD530 {
51 | max-width: 100%;
52 | }
53 |
54 | .details-1YZMDP {
55 | min-width: 100%;
56 | }
57 |
58 | .layer-86YKbF:nth-child(2)::after,
59 | #user-settings::after,
60 | #pubslayerroot .layer-86YKbF::after {
61 | content: '';
62 | position: absolute;
63 | min-width: 779px;
64 | height: var(--size);
65 | width: var(--size);
66 | top: calc( (100% - var(--size))/2);
67 | left: calc( (100% - var(--size))/2);
68 | background-image: var(--popup-background);
69 | background-position: center;
70 | background-size: cover;
71 | background-repeat: no-repeat;
72 | border-radius: 15px;
73 | }
74 |
75 | .scroller-2FKFPG.contentRegionScroller-2_GT_N,
76 | .standardSidebarView-E9Pc3j .customScroller-m1-jZn {
77 | background-color: var(--primary-color) !important;
78 | }
79 |
80 | .scroller-2FKFPG::-webkit-scrollbar-thumb,
81 | .scroller-2FKFPG::-webkit-scrollbar-track { margin: 5px 0px; }
82 |
83 | .premium-settings .premium-header,
84 | .premium-settings .features-vNGwn7 {
85 | width: 99%;
86 | }
87 |
88 | .standardSidebarView-E9Pc3j .contentColumn-1C7as6,
89 | .standardSidebarView-E9Pc3j .customColumn-2n-oKU {
90 | -ms-flex: 1 1 auto;
91 | -webkit-box-flex: 1;
92 | flex: 1 1 auto;
93 | max-width: 100%;
94 | min-height: 100%;
95 | min-width: 460px;
96 | }
97 |
98 | .theme-dark .standardSidebarView-E9Pc3j .contentRegion-3HkfJJ {
99 | width: calc(100% - 226px);
100 | min-width: 553px;
101 | padding: 0;
102 | }
103 |
104 | .grandfatheredMessage-2QgLnw {
105 | justify-content: center;
106 | }
107 |
108 | .tier1Banner-1B_WXY,
109 | .details-39BP6c {
110 | width: 660px;
111 | }
112 |
113 | .sectionHeader-B058Rx,
114 | .subsectionHeader-2euE2f,
115 | .sectionHeader-127c3L {
116 | text-align: center;
117 | }
118 |
119 | .mechaWumpus-10tlHF {
120 | right: -50px;
121 | }
122 |
123 | .popout-3sVMXz.popoutBottom-1YbShG.noShadow-321ZPm[style*="top: 286px"] {
124 | margin-top: 15px !important;
125 | }
126 |
127 | .premiumContainer-3GGa8Q,
128 | .banner-3Kac2g,
129 | .tier1Banner-1B_WXY {
130 | max-width: unset;
131 | }
132 |
133 | .details-1YZMDP {
134 | min-width: 100%;
135 | margin-left: unset;
136 | transform: none;
137 | }
138 |
139 | .detailsBlock-FoDTGA {
140 | min-width: 45%;
141 | }
142 |
143 | .tier1Banner-1B_WXY {
144 | width: unset;
145 | }
146 | /* light theme */
147 | .theme-light .standardSidebarView-E9Pc3j {
148 | background: transparent !important;
149 | }
150 |
--------------------------------------------------------------------------------
/addons/yeet.css:
--------------------------------------------------------------------------------
1 | /* ======= SPECIAL TAGS ========= */
2 |
3 | /* Green's Zelda Triangle */
4 |
5 | .wrapper-3t9DeA[user_by_bdfdb="214318588331294720"]::before {
6 | content: '';
7 | background-image: url(https://i.imgur.com/tsr97cA.gif);
8 | background-size: 21px;
9 | background-repeat: no-repeat;
10 | }
11 |
12 |
13 |
14 |
15 | /* badges */
16 | .wrapper-3t9DeA[user_by_bdfdb="214318588331294720"]::before,
17 | .wrapper-3t9DeA[user_by_bdfdb="116243287936860167"]::before,
18 | .wrapper-3t9DeA[user_by_bdfdb="173177738914562048"]::before,
19 | .wrapper-3t9DeA[user_by_bdfdb="185119357578379264"]::before,
20 | .wrapper-3t9DeA[user_by_bdfdb="96563253466898432"]::before,
21 | .wrapper-3t9DeA[user_by_bdfdb="172426681800196096"]::before,
22 | .wrapper-3t9DeA[user_by_bdfdb="130875493850284032"]::before,
23 | .wrapper-3t9DeA[user_by_bdfdb="244363360886325248"]::before,
24 | .wrapper-3t9DeA[user_by_bdfdb="123916078882488320"]::before,
25 | .wrapper-3t9DeA[user_by_bdfdb="215036395507548161"]::before,
26 | .wrapper-3t9DeA[user_by_bdfdb="296018550009626628"]::before,
27 | .wrapper-3t9DeA[user_by_bdfdb="519790100956184586"]::before,
28 | .wrapper-3t9DeA[user_by_bdfdb="144550650842316800"]::before,
29 | .wrapper-3t9DeA[user_by_bdfdb="252460828157018112"]::before,
30 | .wrapper-3t9DeA[user_by_bdfdb="316563263179456513"]::before,
31 | .wrapper-3t9DeA[user_by_bdfdb="150967530075324416"]::before,
32 | .wrapper-3t9DeA[user_by_bdfdb="498444458845536257"]::before,
33 | .wrapper-3t9DeA[user_by_bdfdb="234148582523928576"]::before,
34 | .wrapper-3t9DeA[user_by_bdfdb="147889058670968844"]::before,
35 | .wrapper-3t9DeA[user_by_bdfdb="251465413995528194"]::before,
36 | .wrapper-3t9DeA[user_by_bdfdb="120721814837002240"]::before,
37 | .wrapper-3t9DeA[user_by_bdfdb="227648235097817089"]::before,
38 | .wrapper-3t9DeA[user_by_bdfdb="210629330135547904"]::before,
39 | .wrapper-3t9DeA[user_by_bdfdb="211376467114852352"]::before,
40 | .wrapper-3t9DeA[user_by_bdfdb="143017752775360512"]::before,
41 | .wrapper-3t9DeA[user_by_bdfdb="82987644316815360"]::before,
42 | .wrapper-3t9DeA[user_by_bdfdb="324680910123302922"]::before,
43 | .wrapper-3t9DeA[user_by_bdfdb="324680910123302922"]::before,
44 | .wrapper-3t9DeA[user_by_bdfdb="422110084039180318"]::before,
45 | .wrapper-3t9DeA[user_by_bdfdb="336678828233588736"]::before,
46 | .wrapper-3t9DeA[user_by_bdfdb="433698341008965633"]::before,
47 | .wrapper-3t9DeA[user_by_bdfdb="219078125974192128"]::before,
48 | .wrapper-3t9DeA[user_by_bdfdb="131414719666847745"]::before,
49 | .wrapper-3t9DeA[user_by_bdfdb="527971799770857512"]::before,
50 | .wrapper-3t9DeA[user_by_bdfdb="531614184526577675"]::before,
51 | .wrapper-3t9DeA[user_by_bdfdb="257055153272782848"]::before,
52 | .wrapper-3t9DeA[user_by_bdfdb="368562259225608193"]::before,
53 | .wrapper-3t9DeA[user_by_bdfdb="312782599439515650"]::before,
54 | .wrapper-3t9DeA[user_by_bdfdb="197477050569719808"]::before,
55 | .wrapper-3t9DeA[user_by_bdfdb="438846426441711616"]::before,
56 | .wrapper-3t9DeA[user_by_bdfdb="152430800241950720"]::before,
57 | .wrapper-3t9DeA[user_by_bdfdb="263631800021155840"]::before,
58 | .wrapper-3t9DeA[user_by_bdfdb="95657348390977536"]::before,
59 | .wrapper-3t9DeA[user_by_bdfdb="304260051915374603"]::before,
60 | .wrapper-3t9DeA[user_by_bdfdb="280447836007694338"]::before,
61 | .wrapper-3t9DeA[user_by_bdfdb="331191382792208385"]::before {
62 | content: '';
63 | color: transparent;
64 | height: 15px;
65 | width: 15px;
66 | background-size: 100%;
67 | background-position: center;
68 | background-repeat: no-repeat;
69 | bottom: -8px;
70 | right: -8px;
71 | pointer-events: none;
72 | filter: drop-shadow(0 0 2px var(--primary-color)) drop-shadow(0 0 2px var(--primary-color)) drop-shadow(0 0 2px var(--primary-color))
73 | }
74 |
75 |
76 | /* icons */
77 | .wrapper-3t9DeA[user_by_bdfdb="331191382792208385"]::before {
78 | background-image: url(https://i.imgur.com/nInH9PN.png);
79 | }
80 |
81 | .wrapper-3t9DeA[user_by_bdfdb="280447836007694338"]::before {
82 | background-image: url(https://discordapp.com/assets/eb2086bb1a6861d1c3eb6e8b2dd29ee8.svg);
83 | }
84 |
85 | .wrapper-3t9DeA[user_by_bdfdb="169081145282002946"]::before {
86 | background-image: url(https://i.imgur.com/2Zh2BCw.png);
87 | transform: scale(1.3);
88 | bottom: -5px;
89 | right: -5px;
90 | }
91 |
92 | .wrapper-3t9DeA[user_by_bdfdb="304260051915374603"]::before {
93 | background-image: url(https://i.imgur.com/exAFNJf.png);
94 | }
95 |
96 | .wrapper-3t9DeA[user_by_bdfdb="95657348390977536"]::before {
97 | background-image: url(https://i.imgur.com/zoGSit7.png);
98 | transform: scale(1.7);
99 | bottom: -5px;
100 | right: -5px;
101 | }
102 |
103 | .wrapper-3t9DeA[user_by_bdfdb="263631800021155840"]::before {
104 | background-image: url(https://i.imgur.com/GGVPa7r.png);
105 | transform: scale(1.3);
106 | bottom: -5px;
107 | right: -5px;
108 | }
109 |
110 | .wrapper-3t9DeA[user_by_bdfdb="152430800241950720"]::before {
111 | background-image: url(https://i.imgur.com/Dk87ihB.png);
112 | transform: scale(1.3);
113 | bottom: -5px;
114 | right: -5px;
115 | }
116 |
117 | .wrapper-3t9DeA[user_by_bdfdb="438846426441711616"]::before {
118 | background-image: url(https://i.imgur.com/UlLGxAU.png);
119 | transform: scale(1.5)
120 | }
121 |
122 | .wrapper-3t9DeA[user_by_bdfdb="197477050569719808"]::before {
123 | background-image: url(https://i.imgur.com/WV8GXS1.png);
124 | transform: scale(1.3);
125 | }
126 |
127 | .wrapper-3t9DeA[user_by_bdfdb="312782599439515650"]::before {
128 | background-image: url(https://i.imgur.com/NKuhfAl.png);
129 | transform: scale(1.3);
130 | }
131 |
132 | .wrapper-3t9DeA[user_by_bdfdb="368562259225608193"]::before {
133 | background-image: url(https://png.pngtree.com/svg/20150903/c2853b769f.svg);
134 | transform: scale(1.2);
135 | }
136 |
137 | .wrapper-3t9DeA[user_by_bdfdb="257055153272782848"]::before {
138 | background-image: url(https://i.imgur.com/Biwmcj8.png);
139 | }
140 |
141 | .wrapper-3t9DeA[user_by_bdfdb="531614184526577675"]::before {
142 | background-image: url(https://i.imgur.com/lq0eEUg.png);
143 | transform: scale(1.6)
144 | }
145 |
146 | .wrapper-3t9DeA[user_by_bdfdb="527971799770857512"]::before {
147 | background-image: url(https://i4.wampi.ru/2019/04/03/x_97d1f05058de9bcae6c62a5a.jpg);
148 | }
149 |
150 | .wrapper-3t9DeA[user_by_bdfdb="131414719666847745"]::before {
151 | background-image: url(https://m.kyaa.sg/32QVjBjF.png);
152 | }
153 |
154 | .wrapper-3t9DeA[user_by_bdfdb="219078125974192128"]::before {
155 | background-image: url(https://i.imgur.com/Y5GmNDn.png);
156 | }
157 |
158 | .wrapper-3t9DeA[user_by_bdfdb="433698341008965633"]::before {
159 | background-image: url(https://i.imgur.com/sVUFLd0.png);
160 | transform: scale(1.3);
161 | filter: drop-shadow(0 0 2px white);
162 | }
163 |
164 | .wrapper-3t9DeA[user_by_bdfdb="336678828233588736"]::before {
165 | background-image: url(https://i.imgur.com/CHPjhVw.png);
166 | }
167 |
168 | .wrapper-3t9DeA[user_by_bdfdb="214318588331294720"]::before {
169 | background-image: url(https://i.imgur.com/tsr97cA.gif);
170 | }
171 |
172 | .wrapper-3t9DeA[user_by_bdfdb="173177738914562048"]::before {
173 | background-image: url(https://i.imgur.com/Usr3iq3.png);
174 | filter: none;
175 | }
176 |
177 | .wrapper-3t9DeA[user_by_bdfdb="116243287936860167"]::before {
178 | height: 20px;
179 | width: 20px;
180 | background-image: url(https://i.imgur.com/5zJxSbe.png);
181 | bottom: -8px;
182 | right: -8px;
183 | filter: none;
184 | transition: filter .2s ease-in-out;
185 | }
186 |
187 | .wrapper-3t9DeA[user_by_bdfdb="185119357578379264"]::before {
188 | background-image: url(https://i.imgur.com/QNLoSKa.png);
189 | }
190 |
191 | .wrapper-3t9DeA[user_by_bdfdb="96563253466898432"]::before {
192 | background-image: url(https://i.imgur.com/hFkznNm.png);
193 | transform: scale(1.5);
194 | }
195 |
196 | .wrapper-3t9DeA[user_by_bdfdb="172426681800196096"]::before {
197 | background-image: url(https://i.imgur.com/fDvGKIB.gif);
198 | transform: scale(1.3);
199 | }
200 |
201 | .wrapper-3t9DeA[user_by_bdfdb="130875493850284032"]::before {
202 | background-image: url(https://i.imgur.com/PdG3hPR.png);
203 | transform: scale(1.2);
204 | }
205 |
206 | .wrapper-3t9DeA[user_by_bdfdb="244363360886325248"]::before {
207 | background-image: url(https://i.imgur.com/jKPrgWG.jpg);
208 | }
209 |
210 | .wrapper-3t9DeA[user_by_bdfdb="123916078882488320"]::before {
211 | background-image: url(https://i.imgur.com/xdDn4cO.png);
212 | transform: scale(1.5);
213 | }
214 |
215 | .wrapper-3t9DeA[user_by_bdfdb="215036395507548161"]::before {
216 | background-image: url(https://i.imgur.com/uw05pdX.png);
217 | transform: scale(1.5);
218 | }
219 |
220 | .wrapper-3t9DeA[user_by_bdfdb="296018550009626628"]::before {
221 | background-image: url(https://i.imgur.com/R9uIVMg.png);
222 | }
223 |
224 | .wrapper-3t9DeA[user_by_bdfdb="519790100956184586"]::before {
225 | background-image: url(https://i.imgur.com/Yp4aTR1.png);
226 | }
227 |
228 | .wrapper-3t9DeA[user_by_bdfdb="144550650842316800"]::before {
229 | background-image: url(https://files.division25.xyz/CSS/FloridaMayhem.png);
230 | }
231 |
232 | .wrapper-3t9DeA[user_by_bdfdb="252460828157018112"]::before {
233 | background-image: url(https://i.imgur.com/B9MYYAA.png);
234 | transform: scale(1.4);
235 | bottom: -5px;
236 | right: -5px;
237 | filter: none;
238 | }
239 |
240 | .wrapper-3t9DeA[user_by_bdfdb="316563263179456513"]::before {
241 | background-image: url(https://cdn.discordapp.com/attachments/535251077570756628/535255492176510996/twitchicon.png);
242 | transform: scale(1.2);
243 | bottom: -5px;
244 | right: -5px;
245 | }
246 |
247 | .wrapper-3t9DeA[user_by_bdfdb="150967530075324416"]::before {
248 | background-image: url(https://i.imgur.com/qI52BEw.png);
249 | transform: scale(1.1);
250 | bottom: -5px;
251 | right: -5px;
252 | }
253 |
254 | .wrapper-3t9DeA[user_by_bdfdb="498444458845536257"]::before {
255 | background-image: url(https://i.imgur.com/XmpW4Ir.png);
256 | }
257 |
258 | .wrapper-3t9DeA[user_by_bdfdb="234148582523928576"]::before {
259 | background-image: url(https://i.imgur.com/WEuObnM.png);
260 | }
261 |
262 | .wrapper-3t9DeA[user_by_bdfdb="147889058670968844"]::before {
263 | background-image: url(https://i.imgur.com/ki2KXQm.jpg);
264 | transform: scale(1.2);
265 | bottom: -6px;
266 | right: -6px;
267 | }
268 |
269 | .wrapper-3t9DeA[user_by_bdfdb="251465413995528194"]::before {
270 | background-image: url(https://i.imgur.com/jESaI6n.png);
271 | }
272 |
273 | .wrapper-3t9DeA[user_by_bdfdb="120721814837002240"]::before {
274 | background-image: url(https://i.imgur.com/ibJGWda.png);
275 | }
276 |
277 | .wrapper-3t9DeA[user_by_bdfdb="227648235097817089"]::before {
278 | background-image: url(https://i.imgur.com/h2rYnJ0.png);
279 | transform: scale(1.1);
280 | }
281 |
282 | .wrapper-3t9DeA[user_by_bdfdb="210629330135547904"]::before {
283 | background-image: url(https://i.imgur.com/0zSPxmN.png);
284 | transform: scale(1.3)
285 | }
286 |
287 | .wrapper-3t9DeA[user_by_bdfdb="211376467114852352"]::before {
288 | background-image: url(https://i.imgur.com/nRY1DNy.png);
289 | }
290 |
291 | .wrapper-3t9DeA[user_by_bdfdb="143017752775360512"]::before {
292 | background-image: url(https://i.imgur.com/MYhbl5K.png);
293 | transform: scale(2.5);
294 | }
295 |
296 | .wrapper-3t9DeA[user_by_bdfdb="82987644316815360"]::before {
297 | background-image: url(https://i.imgur.com/JT5Dz6z.png);
298 | }
299 |
300 | .wrapper-3t9DeA[user_by_bdfdb="324680910123302922"]::before {
301 | background-image: url(https://i.imgur.com/zOaLzjM.png);
302 | transform: scale(1.3)
303 | }
304 |
305 | .wrapper-3t9DeA[user_by_bdfdb="422110084039180318"]::before {
306 | background-image: url(https://i.imgur.com/y5F1rEf.png);
307 | transform: scale(1.3)
308 | }
309 |
310 |
311 | /* on hover */
312 | /* green */
313 | .wrapper-3t9DeA[user_by_bdfdb="214318588331294720"]:hover::before {
314 | content: "GREEN?";
315 | background: url(https://i.imgur.com/sZJzzNW.gif);
316 | color: #fff;
317 | left: -2px;
318 | bottom: -20px;
319 | background-size: cover;
320 | background-position: center;
321 | width: calc(100% + 4px);
322 | font-size:11px;
323 | font-weight: 700;
324 | padding: 2px 2px;
325 | text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
326 | }
327 |
328 |
329 |
330 |
331 |
332 | /* badges on hover */
333 | .wrapper-3t9DeA[user_by_bdfdb="173177738914562048"]:hover::before,
334 | .wrapper-3t9DeA[user_by_bdfdb="185119357578379264"]:hover::before,
335 | .wrapper-3t9DeA[user_by_bdfdb="96563253466898432"]:hover::before,
336 | .wrapper-3t9DeA[user_by_bdfdb="172426681800196096"]:hover::before,
337 | .wrapper-3t9DeA[user_by_bdfdb="130875493850284032"]:hover:before,
338 | .wrapper-3t9DeA[user_by_bdfdb="244363360886325248"]:hover::before,
339 | .wrapper-3t9DeA[user_by_bdfdb="123916078882488320"]:hover::before,
340 | .wrapper-3t9DeA[user_by_bdfdb="215036395507548161"]:hover::before,
341 | .wrapper-3t9DeA[user_by_bdfdb="296018550009626628"]:hover::before,
342 | .wrapper-3t9DeA[user_by_bdfdb="519790100956184586"]:hover::before,
343 | .wrapper-3t9DeA[user_by_bdfdb="144550650842316800"]:hover::before,
344 | .wrapper-3t9DeA[user_by_bdfdb="252460828157018112"]:hover::before,
345 | .wrapper-3t9DeA[user_by_bdfdb="316563263179456513"]:hover::before,
346 | .wrapper-3t9DeA[user_by_bdfdb="150967530075324416"]:hover::before,
347 | .wrapper-3t9DeA[user_by_bdfdb="498444458845536257"]:hover::before,
348 | .wrapper-3t9DeA[user_by_bdfdb="234148582523928576"]:hover::before,
349 | .wrapper-3t9DeA[user_by_bdfdb="147889058670968844"]:hover::before,
350 | .wrapper-3t9DeA[user_by_bdfdb="251465413995528194"]:hover::before,
351 | .wrapper-3t9DeA[user_by_bdfdb="120721814837002240"]:hover::before,
352 | .wrapper-3t9DeA[user_by_bdfdb="227648235097817089"]:hover::before,
353 | .wrapper-3t9DeA[user_by_bdfdb="210629330135547904"]:hover::before,
354 | .wrapper-3t9DeA[user_by_bdfdb="211376467114852352"]:hover::before,
355 | .wrapper-3t9DeA[user_by_bdfdb="143017752775360512"]:hover::before,
356 | .wrapper-3t9DeA[user_by_bdfdb="82987644316815360"]:hover::before,
357 | .wrapper-3t9DeA[user_by_bdfdb="324680910123302922"]:hover::before,
358 | .wrapper-3t9DeA[user_by_bdfdb="422110084039180318"]:hover::before,
359 | .wrapper-3t9DeA[user_by_bdfdb="336678828233588736"]:hover::before,
360 | .wrapper-3t9DeA[user_by_bdfdb="433698341008965633"]:hover::before,
361 | .wrapper-3t9DeA[user_by_bdfdb="219078125974192128"]:hover::before,
362 | .wrapper-3t9DeA[user_by_bdfdb="131414719666847745"]:hover::before,
363 | .wrapper-3t9DeA[user_by_bdfdb="527971799770857512"]:hover::before,
364 | .wrapper-3t9DeA[user_by_bdfdb="531614184526577675"]:hover::before,
365 | .wrapper-3t9DeA[user_by_bdfdb="257055153272782848"]:hover::before,
366 | .wrapper-3t9DeA[user_by_bdfdb="368562259225608193"]:hover::before,
367 | .wrapper-3t9DeA[user_by_bdfdb="312782599439515650"]:hover::before,
368 | .wrapper-3t9DeA[user_by_bdfdb="197477050569719808"]:hover::before,
369 | .wrapper-3t9DeA[user_by_bdfdb="438846426441711616"]:hover::before,
370 | .wrapper-3t9DeA[user_by_bdfdb="152430800241950720"]:hover::before,
371 | .wrapper-3t9DeA[user_by_bdfdb="263631800021155840"]:hover::before,
372 | .wrapper-3t9DeA[user_by_bdfdb="95657348390977536"]:hover::before,
373 | .wrapper-3t9DeA[user_by_bdfdb="304260051915374603"]:hover::before,
374 | .wrapper-3t9DeA[user_by_bdfdb="169081145282002946"]:hover::before,
375 | .wrapper-3t9DeA[user_by_bdfdb="280447836007694338"]:hover::before,
376 | .wrapper-3t9DeA[user_by_bdfdb="331191382792208385"]:hover::before {
377 | transform: none;
378 | background-size: cover;
379 | background-position: center;
380 | padding: 6px 10px;
381 | height: auto;
382 | width: auto;
383 | box-sizing: border-box;
384 | white-space: nowrap;
385 | right: unset;
386 | left: calc(100% - 13px);
387 | bottom: -6px;
388 | font-weight: 700;
389 | text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
390 | filter: none;
391 | display: block;
392 | }
393 |
394 | .wrapper-3t9DeA[user_by_bdfdb="214318588331294720"]:hover::before,
395 | .wrapper-3t9DeA[user_by_bdfdb="116243287936860167"]:hover::before,
396 | .wrapper-3t9DeA[user_by_bdfdb="96563253466898432"]:hover::before,
397 | .wrapper-3t9DeA[user_by_bdfdb="172426681800196096"]:hover::before,
398 | .wrapper-3t9DeA[user_by_bdfdb="130875493850284032"]:hover:before,
399 | .wrapper-3t9DeA[user_by_bdfdb="244363360886325248"]:hover::before,
400 | .wrapper-3t9DeA[user_by_bdfdb="215036395507548161"]:hover::before,
401 | .wrapper-3t9DeA[user_by_bdfdb="296018550009626628"]:hover::before,
402 | .wrapper-3t9DeA[user_by_bdfdb="519790100956184586"]:hover::before,
403 | .wrapper-3t9DeA[user_by_bdfdb="144550650842316800"]:hover::before,
404 | .wrapper-3t9DeA[user_by_bdfdb="252460828157018112"]:hover::before,
405 | .wrapper-3t9DeA[user_by_bdfdb="316563263179456513"]:hover::before,
406 | .wrapper-3t9DeA[user_by_bdfdb="150967530075324416"]:hover::before,
407 | .wrapper-3t9DeA[user_by_bdfdb="498444458845536257"]:hover::before,
408 | .wrapper-3t9DeA[user_by_bdfdb="234148582523928576"]:hover::before,
409 | .wrapper-3t9DeA[user_by_bdfdb="147889058670968844"]:hover::before,
410 | .wrapper-3t9DeA[user_by_bdfdb="251465413995528194"]:hover::before,
411 | .wrapper-3t9DeA[user_by_bdfdb="120721814837002240"]:hover::before,
412 | .wrapper-3t9DeA[user_by_bdfdb="227648235097817089"]:hover::before,
413 | .wrapper-3t9DeA[user_by_bdfdb="210629330135547904"]:hover::before,
414 | .wrapper-3t9DeA[user_by_bdfdb="211376467114852352"]:hover::before,
415 | .wrapper-3t9DeA[user_by_bdfdb="143017752775360512"]:hover::before,
416 | .wrapper-3t9DeA[user_by_bdfdb="82987644316815360"]:hover::before,
417 | .wrapper-3t9DeA[user_by_bdfdb="324680910123302922"]:hover::before,
418 | .wrapper-3t9DeA[user_by_bdfdb="336678828233588736"]:hover::before,
419 | .wrapper-3t9DeA[user_by_bdfdb="433698341008965633"]:hover::before,
420 | .wrapper-3t9DeA[user_by_bdfdb="219078125974192128"]:hover::before,
421 | .wrapper-3t9DeA[user_by_bdfdb="131414719666847745"]:hover::before,
422 | .wrapper-3t9DeA[user_by_bdfdb="527971799770857512"]:hover::before,
423 | .wrapper-3t9DeA[user_by_bdfdb="531614184526577675"]:hover::before,
424 | .wrapper-3t9DeA[user_by_bdfdb="368562259225608193"]:hover::before,
425 | .wrapper-3t9DeA[user_by_bdfdb="312782599439515650"]:hover::before,
426 | .wrapper-3t9DeA[user_by_bdfdb="197477050569719808"]:hover::before,
427 | .wrapper-3t9DeA[user_by_bdfdb="438846426441711616"]:hover::before,
428 | .wrapper-3t9DeA[user_by_bdfdb="152430800241950720"]:hover::before,
429 | .wrapper-3t9DeA[user_by_bdfdb="263631800021155840"]:hover::before,
430 | .wrapper-3t9DeA[user_by_bdfdb="95657348390977536"]:hover::before,
431 | .wrapper-3t9DeA[user_by_bdfdb="169081145282002946"]:hover::before,
432 | .wrapper-3t9DeA[user_by_bdfdb="280447836007694338"]:hover::before,
433 | .wrapper-3t9DeA[user_by_bdfdb="331191382792208385"]:hover::before {
434 | background-color: transparent;
435 | box-shadow: none;
436 | }
437 |
438 | /* content */
439 | .wrapper-3t9DeA[user_by_bdfdb="331191382792208385"]:hover::before {
440 | content: "MaouSho";
441 | background-image: url(https://pa1.narvii.com/5946/ef82fd3248704fe7d60f9d868455cf5bf5c380a2_hq.gif);
442 | }
443 |
444 | .wrapper-3t9DeA[user_by_bdfdb="280447836007694338"]:hover::before {
445 | content: "Let Go";
446 | color: black;
447 | background-image: url(https://i.imgur.com/kAMOSMz.gif);
448 | text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
449 | }
450 |
451 | .wrapper-3t9DeA[user_by_bdfdb="169081145282002946"]:hover::before {
452 | content: "Loli Hunter";
453 | color: #ff386d;
454 | background-image: url(https://i.imgur.com/54lClFJ.gif);
455 | }
456 |
457 | .wrapper-3t9DeA[user_by_bdfdb="304260051915374603"]:hover::before {
458 | content: "I Am Bread";
459 | color: #FFC319;
460 | background-image: url(https://i.imgur.com/3kuxVY1.gif);
461 | }
462 |
463 | .wrapper-3t9DeA[user_by_bdfdb="95657348390977536"]:hover::before {
464 | content: "Justin";
465 | color: white;
466 | background-image: url(https://i.imgur.com/bTxsGZI.gif);
467 | }
468 |
469 | .wrapper-3t9DeA[user_by_bdfdb="263631800021155840"]:hover::before {
470 | content: "Neptune";
471 | color: white;
472 | background-image: url(https://i.imgur.com/dNWLJ3Z.jpg);
473 | }
474 |
475 | .wrapper-3t9DeA[user_by_bdfdb="152430800241950720"]:hover::before {
476 | content: "HorrorTroll";
477 | color: #f4b7c9;
478 | background-image: url(https://i.imgur.com/lItkITi.gif);
479 | }
480 |
481 | .wrapper-3t9DeA[user_by_bdfdb="438846426441711616"]:hover::before {
482 | content: "Senbonzakura";
483 | color: white;
484 | background-image: url(https://i.imgur.com/RiKhskI.gif);
485 | }
486 |
487 | .wrapper-3t9DeA[user_by_bdfdb="197477050569719808"]:hover::before {
488 | content: "Crystallize";
489 | color: #6441A4;
490 | background-image: url(https://i.imgur.com/OUuW6ID.gif);
491 | text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
492 | }
493 |
494 | .wrapper-3t9DeA[user_by_bdfdb="312782599439515650"]:hover::before {
495 | content: "Keeper of Lolis";
496 | color: #b591d4;
497 | background-image: url(https://i.imgur.com/n0r9mnG.gif);
498 | text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
499 | }
500 |
501 | .wrapper-3t9DeA[user_by_bdfdb="368562259225608193"]:hover::before {
502 | content: "Lost Soul King";
503 | color: #ff0000;
504 | background-image: url(https://i.imgur.com/E1r6foN.png);
505 | text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
506 | }
507 |
508 | .wrapper-3t9DeA[user_by_bdfdb="257055153272782848"]:hover::before {
509 | content: "SRL Official";
510 | color: #00bbff;
511 | background-image: none;
512 | }
513 |
514 | .wrapper-3t9DeA[user_by_bdfdb="257055153272782848"]::before {
515 | background-image: url(https://i.imgur.com/Biwmcj8.png);
516 | }
517 |
518 | .wrapper-3t9DeA[user_by_bdfdb="531614184526577675"]:hover::before {
519 | content: "Slide into my DMs";
520 | color: #FF69B4;
521 | background-image: url(https://i.imgur.com/O4QCLUG.gif);
522 | }
523 |
524 | .wrapper-3t9DeA[user_by_bdfdb="527971799770857512"]:hover::before {
525 | content: "𝓠𝓊𝑒𝑒𝓃 𝑜𝒻 𝓣𝑜𝓍𝒾𝒸𝓈";
526 | color: #80ff00;
527 | background-image: url(https://i5.wampi.ru/2019/04/03/ezgif-5-dfdbff5922bd.gif);
528 | }
529 |
530 | .wrapper-3t9DeA[user_by_bdfdb="131414719666847745"]:hover::before {
531 | content: "Assassin";
532 | color: #F9F9F9;
533 | background-image: url(https://m.kyaa.sg/ot4i9xc5.gif);
534 | }
535 |
536 | .wrapper-3t9DeA[user_by_bdfdb="219078125974192128"]:hover::before {
537 | content: "Voluptuous";
538 | color: #6f182a;
539 | background-image: url(https://i.imgur.com/6j9p6AV.gif);
540 | }
541 |
542 | .wrapper-3t9DeA[user_by_bdfdb="433698341008965633"]:hover::before {
543 | content: "Skittles";
544 | color: #FFFFFF;
545 | background-image: url(https://i.imgur.com/NlkxvZh.gif);
546 | }
547 |
548 | .wrapper-3t9DeA[user_by_bdfdb="336678828233588736"]:hover::before {
549 | content: "lushu";
550 | color: #00fff5;
551 | background-image: url(https://i.imgur.com/OJqN8S4.gif);
552 | }
553 |
554 | .wrapper-3t9DeA[user_by_bdfdb="422110084039180318"]:hover::before {
555 | content: "Лил -5.";
556 | color: orange;
557 | background-image: none;
558 | }
559 |
560 | .wrapper-3t9DeA[user_by_bdfdb="173177738914562048"]:hover::before {
561 | content: 'D E A D';
562 | background-image: url(https://i.imgur.com/S1xKXkY.gif);
563 | color: #fff;
564 | }
565 |
566 | .wrapper-3t9DeA[user_by_bdfdb="185119357578379264"]:hover::before {
567 | content: "Daddy";
568 | background-image: none;
569 | color: #fff;
570 | }
571 |
572 | .wrapper-3t9DeA[user_by_bdfdb="96563253466898432"]:hover::before {
573 | content: "Universal Architect";
574 | color: white;
575 | background-image: url(https://i.imgur.com/JdGlNH3.gif);
576 | text-shadow: none !important;
577 | }
578 |
579 | .wrapper-3t9DeA[user_by_bdfdb="172426681800196096"]:hover::before {
580 | content: 'Primal Fear';
581 | color: #fff;
582 | background-image: url(https://i.imgur.com/C1VKjP1.gif);
583 | }
584 |
585 | .wrapper-3t9DeA[user_by_bdfdb="130875493850284032"]:hover:before {
586 | content: "Wassup";
587 | color: black;
588 | text-shadow: -1px 0 white,
589 | 0 1px white,
590 | 1px 0 white,
591 | 0 -1px white !important;
592 | background-image: url(https://i.imgur.com/WvsF0pK.png);
593 | }
594 |
595 | .wrapper-3t9DeA[user_by_bdfdb="244363360886325248"]:hover::before {
596 | content: "gottem";
597 | color: Black;
598 | background-image: url(https://i.imgur.com/DC9ZEd9.png);
599 | text-shadow: none;
600 | }
601 |
602 | .wrapper-3t9DeA[user_by_bdfdb="123916078882488320"]:hover::before {
603 | content: "Viduus";
604 | color: white;
605 | background: black;
606 | }
607 |
608 | .wrapper-3t9DeA[user_by_bdfdb="215036395507548161"]:hover::before {
609 | content: ' Temporal_Timelord 時」';
610 | background-image: url(https://i.imgur.com/yXipiZw.gif);
611 | color: white;
612 | }
613 |
614 | .wrapper-3t9DeA[user_by_bdfdb="296018550009626628"]:hover::before {
615 | content: 'Astral';
616 | background-image: url(https://i.imgur.com/AqfRU8r.gif);
617 | color: #F4FAF8;
618 | }
619 |
620 | .wrapper-3t9DeA[user_by_bdfdb="519790100956184586"]:hover::before {
621 | content: 'SpencerPcGamer';
622 | background-image: url(https://i.imgur.com/z7FebcA.gif);
623 | color: #00ecff;
624 | }
625 |
626 | .wrapper-3t9DeA[user_by_bdfdb="144550650842316800"]:hover::before {
627 | content: 'Not A Moron!';
628 | background-image: url(https://files.division25.xyz/CSS/background.gif);
629 | background-position: bottom;
630 | color: #ff0800;
631 | }
632 |
633 | .wrapper-3t9DeA[user_by_bdfdb="252460828157018112"]:hover::before {
634 | content: 'Voyant';
635 | background-image: url(https://i.imgur.com/gcgyuCa.gif);
636 | color: #d8d8d8;
637 | }
638 |
639 | .wrapper-3t9DeA[user_by_bdfdb="316563263179456513"]:hover::before {
640 | content: "Toby";
641 | background-image: url(https://cdn.discordapp.com/attachments/535251077570756628/535254646860677150/ezgif-4-5cf49f2675d8.gif);
642 | color: #FF00FF;
643 | }
644 |
645 | .wrapper-3t9DeA[user_by_bdfdb="150967530075324416"]:hover::before {
646 | content: "Atom";
647 | background-image: url(https://i.imgur.com/YjTIUJY.gif);
648 | color: black;
649 | text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
650 | }
651 |
652 | .wrapper-3t9DeA[user_by_bdfdb="498444458845536257"]:hover::before {
653 | content: "fag";
654 | background-image: url(https://i.imgur.com/A78S8MD.gif);
655 | color: #593695;
656 | text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
657 | }
658 |
659 | .wrapper-3t9DeA[user_by_bdfdb="234148582523928576"]:hover::before {
660 | content: "@everyone";
661 | background-image: url(https://i.imgur.com/zy4q3mw.png);
662 | color: #7289DA;
663 | }
664 |
665 | .wrapper-3t9DeA[user_by_bdfdb="147889058670968844"]:hover::before {
666 | content: "Hentai™";
667 | background-image: url(https://i.imgur.com/yRl0q5x.gif);
668 | color: #FB4B25;
669 | }
670 |
671 | .wrapper-3t9DeA[user_by_bdfdb="251465413995528194"]:hover::before {
672 | content: "XXV";
673 | background-image: url(https://i.imgur.com/DKWMnH6.gif);
674 | color: #DEAD25;
675 | padding: 6px 22.5px;
676 | }
677 |
678 | .wrapper-3t9DeA[user_by_bdfdb="120721814837002240"]:hover::before {
679 | content: "Selfmade";
680 | background-image: url(https://i.imgur.com/E2GAAT7.gif);
681 | color: #ff0055;
682 | }
683 |
684 | .wrapper-3t9DeA[user_by_bdfdb="227648235097817089"]:hover::before {
685 | content: "SlimeKing";
686 | background-image: url(https://i.imgur.com/rWjyQrd.gif);
687 | color: #5ae5ed;
688 | }
689 |
690 | .wrapper-3t9DeA[user_by_bdfdb="210629330135547904"]:hover::before {
691 | content: "Loaf";
692 | background-image: url(https://i.imgur.com/QJ1V7ct.gif);
693 | color: #8601c9;
694 | }
695 |
696 | .wrapper-3t9DeA[user_by_bdfdb="211376467114852352"]:hover::before {
697 | content: "Euphoria";
698 | background-image: url(https://i.imgur.com/Wsulx7z.gif);
699 | color: #36208D;
700 | text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
701 | }
702 |
703 | .wrapper-3t9DeA[user_by_bdfdb="143017752775360512"]:hover::before {
704 | content: "Masquerade";
705 | background-image: url(https://i.imgur.com/aQwLSFI.jpg);
706 | color: #42ffbc;
707 | }
708 |
709 | .wrapper-3t9DeA[user_by_bdfdb="82987644316815360"]:hover::before {
710 | content: 'Tea Time';
711 | background: url(https://i.imgur.com/kv9NcQs.gif);
712 | color: #B71C1C;
713 | text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
714 | }
715 |
716 | .wrapper-3t9DeA[user_by_bdfdb="324680910123302922"]:hover::before {
717 | content: 'Peace Walker';
718 | background: url(https://i.imgur.com/lkhJoDw.gif);
719 | color: #F1CD1C;
720 | }
721 |
722 | /* extra hover effects */
723 | .wrapper-3t9DeA[user_by_bdfdb="116243287936860167"]:hover::before {
724 | filter: invert(95%);
725 | }
--------------------------------------------------------------------------------
/assets/emojiCategory/activity.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/emojiCategory/custom.svg:
--------------------------------------------------------------------------------
1 |
13 |
--------------------------------------------------------------------------------
/assets/emojiCategory/flags.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/emojiCategory/food.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/emojiCategory/frequent.svg:
--------------------------------------------------------------------------------
1 |
14 |
--------------------------------------------------------------------------------
/assets/emojiCategory/nature.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/emojiCategory/objects.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/emojiCategory/people.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/emojiCategory/symbols.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/emojiCategory/travel.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/home-tabs/activity.svg:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/assets/home-tabs/friends.svg:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/assets/home-tabs/library.svg:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/assets/home-tabs/nitro.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/images/a-banner.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/monstrousdev/themes/f28fbc8a7d5446d383a9f2a4f8157b6ff5fcd776/assets/images/a-banner.png
--------------------------------------------------------------------------------
/assets/images/add-btn.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/monstrousdev/themes/f28fbc8a7d5446d383a9f2a4f8157b6ff5fcd776/assets/images/add-btn.png
--------------------------------------------------------------------------------
/assets/images/b-banner.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/monstrousdev/themes/f28fbc8a7d5446d383a9f2a4f8157b6ff5fcd776/assets/images/b-banner.png
--------------------------------------------------------------------------------
/assets/images/bubbleMask.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/monstrousdev/themes/f28fbc8a7d5446d383a9f2a4f8157b6ff5fcd776/assets/images/bubbleMask.png
--------------------------------------------------------------------------------
/assets/images/d-banner.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/monstrousdev/themes/f28fbc8a7d5446d383a9f2a4f8157b6ff5fcd776/assets/images/d-banner.jpg
--------------------------------------------------------------------------------
/assets/images/join-btn.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/monstrousdev/themes/f28fbc8a7d5446d383a9f2a4f8157b6ff5fcd776/assets/images/join-btn.png
--------------------------------------------------------------------------------
/assets/images/old-b-banner.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/monstrousdev/themes/f28fbc8a7d5446d383a9f2a4f8157b6ff5fcd776/assets/images/old-b-banner.jpg
--------------------------------------------------------------------------------
/assets/images/sadDiscord.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/monstrousdev/themes/f28fbc8a7d5446d383a9f2a4f8157b6ff5fcd776/assets/images/sadDiscord.png
--------------------------------------------------------------------------------
/assets/images/stars.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/monstrousdev/themes/f28fbc8a7d5446d383a9f2a4f8157b6ff5fcd776/assets/images/stars.png
--------------------------------------------------------------------------------
/assets/images/windowMask.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/monstrousdev/themes/f28fbc8a7d5446d383a9f2a4f8157b6ff5fcd776/assets/images/windowMask.png
--------------------------------------------------------------------------------
/assets/status/dnd.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/status/idle.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/status/invisi.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/status/online.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/add-btn-two.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
32 |
--------------------------------------------------------------------------------
/assets/svgs/add-btn.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
43 |
--------------------------------------------------------------------------------
/assets/svgs/arrow.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/bell-off.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/bell.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/cancel.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/chatIcon.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/check.svg:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/assets/svgs/demon-fill.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/demon-outline.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/elleCrown.svg:
--------------------------------------------------------------------------------
1 |
6 |
--------------------------------------------------------------------------------
/assets/svgs/ellipsis.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/forum.svg:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/assets/svgs/fullscreen.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/home.svg:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/assets/svgs/kevinCrown.svg:
--------------------------------------------------------------------------------
1 |
6 |
--------------------------------------------------------------------------------
/assets/svgs/logo.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
31 |
--------------------------------------------------------------------------------
/assets/svgs/mentioned-two.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/mentioned.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/mic-dark.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/mic-off-dark.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/mic-off.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/mic.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/minimize.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/moon.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/no-game.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/or.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/person-add.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/phone-call.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/phone.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/pinned-two.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/pinned.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
43 |
--------------------------------------------------------------------------------
/assets/svgs/sadDiscord.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/assets/svgs/sadFace.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/settings-dark.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/settings.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/sound-dark.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/sound-off-dark.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/sound-off.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/sound.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/svgs/video-call.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/mini-themes/Black-Box-Tags.theme.css:
--------------------------------------------------------------------------------
1 | /*//META{"name":"Black ox Tags","description":"All tag requests for Black Box themes--can be imported to other themes through this mini-theme. To request for one, click on the 'Website' link.","author":"Lil Monster","version":"1.0", "website":"https://discord.gg/TeRQEPb"}*//**/
2 |
3 | @import "https://monstrousdev.github.io/themes/addons/user-tags.css";
4 |
5 | /*
6 |
7 | .______ __ ___ ______ __ ___ .______ ______ ___ ___
8 | | _ \ | | / \ / || |/ / | _ \ / __ \ \ \ / /
9 | | |_) | | | / ^ \ | ,----'| ' / | |_) | | | | | \ V /
10 | | _ < | | / /_\ \ | | | < | _ < | | | | > <
11 | | |_) | | `----. / _____ \ | `----.| . \ | |_) | | `--' | / . \
12 | |______/ |_______|/__/ \__\ \______||__|\__\ |______/ \______/ /__/ \__\
13 |
14 | (c) Lil Monster#3557
15 |
16 | Registered: Black Box Theme
17 |
18 | */
--------------------------------------------------------------------------------
/phoenix-bundle/canary.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/monstrousdev/themes/f28fbc8a7d5446d383a9f2a4f8157b6ff5fcd776/phoenix-bundle/canary.css
--------------------------------------------------------------------------------
/phoenix-bundle/discordelectro/lbolt.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/monstrousdev/themes/f28fbc8a7d5446d383a9f2a4f8157b6ff5fcd776/phoenix-bundle/discordelectro/lbolt.png
--------------------------------------------------------------------------------
/phoenix-bundle/discordelectro/wordMark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/monstrousdev/themes/f28fbc8a7d5446d383a9f2a4f8157b6ff5fcd776/phoenix-bundle/discordelectro/wordMark.png
--------------------------------------------------------------------------------
/phoenix-bundle/reborn.css:
--------------------------------------------------------------------------------
1 | /* Imports */
2 | @import "https://monstrousdev.github.io/themes/phoenix-bundle/base.css";
3 |
4 |
5 | /* Variables */
6 |
7 | :root {
8 | --theme-name: "Reborn";
9 | --blackout: black;
10 | --dark: #333;
11 | --lighter: #666;
12 | --bright: #ccc;
13 | --background-blur: 0px;
14 | --popup-blur: 0px;
15 | --background-darkness: 0.75
16 | }
17 |
18 | /* Dark Mode */
19 | .appMount-2yBXZl {
20 | --primary-color: rgba(0,0,0,var(--background-darkness));
21 | }
22 |
23 | .theme-dark {
24 | --primary-color: rgba(0,0,0,0.75);
25 | --secondary-color: rgba(0,0,0,0.6);
26 | --tertiary-color: rgba(0,0,0,0.4);
27 | --quaternary-color: rgba(0,0,0,0.7);
28 | }
29 |
30 | /* Light Mode */
31 | .theme-light {
32 | --primary-color: rgba(0,0,0,0.55);
33 | --secondary-color: rgba(0,0,0,0.4);
34 | --tertiary-color: rgba(0,0,0,0.2);
35 | --quaternary-color: rgba(0,0,0,0.5);
36 | }
37 |
38 | /* Table of Contents
39 | ============== STATIC ===============
40 | 1. Backgrund
41 | 1.a. Main Background
42 | 1.b. Transparency
43 |
44 | 2. User Settings
45 |
46 | 3. Chat
47 |
48 | 4. Popouts and Modals
49 |
50 | 5. @Media Edits
51 |
52 | 6. Misc
53 | */
54 |
55 |
56 |
57 |
58 |
59 | /* 1. Background */
60 | /* 1.a. Main Background */
61 | .appMount-2yBXZl::before {
62 | position: absolute;
63 | content: " ";
64 | height: 100%;
65 | width: 100%;
66 | background-image: var(--background-image);
67 | background-size: cover;
68 | background-repeat: no-repeat;
69 | background-position: center;
70 | pointer-events: none;
71 | filter: blur(var(--background-blur));
72 | }
73 |
74 | .app-2CXKsg {
75 | background-color: var(--primary-color);
76 | }
77 |
78 | /* 1.b. Transparency */
79 | .layer-86YKbF,
80 | .layers-OrUESM,
81 | .container-1eFtFS,
82 | .standardSidebarView-E9Pc3j .contentRegion-3HkfJJ,
83 | .channels-Ie2l6A,
84 | .container-PNkimc,
85 | .members-3WRCEx,
86 | .chat-2ZfjoI,
87 | .chat-2ZfjoI form,
88 | .content-1jQy2l,
89 | .messagesWrapper-3lZDfY,
90 | .noChannel-Z1DQK7,
91 | .private-channel-call,
92 | .video-eAcneW,
93 | #friends,
94 | .appMount-2yBXZl,
95 | .standardSidebarView-E9Pc3j,
96 | .standardSidebarView-E9Pc3j .sidebarRegion-1VBisG,
97 | .inner-zqa7da,
98 | .standardSidebarView-E9Pc3j .sidebarRegion-1VBisG .sidebar-nqHbhN,
99 | .userSettingsVoice-1_dzjw .media-engine-video,
100 | .activityFeed-28jde9,
101 | .search .searchBarIcon-1J6sKG,
102 | .footer-2yfCgX,
103 | .container-1UB9sr,
104 | .title-31SJ6t,
105 | .header-2o-2hj,
106 | .headerBar-UHpsPw,
107 | .container-2Thooq,
108 | .privateChannels-oVe7HL .search-bar,
109 | .wrapper-2NJDcI,
110 | .wrapper-29NfPK,
111 | .incomingCall-14zLc,
112 | .gameLibrary-TTDw4Y,
113 | .paginator-1eqD2g,
114 | .payment-2bOh4k,
115 | .sidebar-1-SQro,
116 | .reactors-1VXca7,
117 | .applicationStore-2nk7Lo,
118 | #permissions-modal-wrapper .role-side,
119 | .itemBackground-1jfD8p,
120 | .gamePreview-9weYR2 .sideBar-2_lxpG,
121 | .gamePreview-9weYR2 .body-1SVoBw,
122 | .news-2KwXHF,
123 | .root-1BQpZw,
124 | .root-26DmKJ,
125 | .container-3gCOGc,
126 | .appMount-2yBXZl .pageWrapper-2PwDoS,
127 | .wrapper-1Rf91z,
128 | .wrapper-1_HaEi,
129 | .emptyPlayers-dx3qig,
130 | .players-1zg2l8,
131 | .users-i_3-kL,
132 | #app-mount .container-ZMc96U,
133 | #app-mount .users-i_3-kL,
134 | #app-mount .footer-1hTRRZ,
135 | #app-mount .footer-30ewN8,
136 | .searchBar-1MOL6S,
137 | #app-mount .container-1SX9VC,
138 | #app-mount .footer-1Ip3Sd,
139 | #app-mount .privateChannels-oVe7HL,
140 | #app-mount .panels-3wFtMD,
141 | #app-mount .scroller-2TZvBN,
142 | #app-mount .scroller-WSmht3,
143 | #app-mount .sidebar-1tnWFu,
144 | .scrollableContainer-38zsVD,
145 | .scrollableContainer-15eg7h,
146 | .appMount-2yBXZl, body,
147 | .channelTextArea-1FufC0,
148 | #app-mount .container-2cd8Mz,
149 | .container-1-ERn5,
150 | .textContainer-36wgKK,
151 | .stageSection-3mAD8V,
152 | .threadSidebar-1o3BTy {
153 | background: transparent !important;
154 | }
155 |
156 | .textContainer-36wgKK {
157 | border: none;
158 | }
159 |
160 | #app-mount .footer-1Ip3Sd {
161 | box-shadow: none;
162 | }
163 |
164 | #app-mount .bannerImage-1jOskm::after {
165 | opacity: 0;
166 | }
167 |
168 | #app-mount .activityFeed-1C0EmJ {
169 | background-color: transparent;
170 | }
171 |
172 | .typeMacOS-3V4xXE.titleBar-1it3bQ,
173 | .uploadModal-2ie9O_ .footer-VCsJQY {
174 | background-color: var(--primary-color) !important;
175 | }
176 |
177 |
178 | /* 2. User Settings */
179 | .standardSidebarView-E9Pc3j .sidebarRegion-1VBisG .sidebarRegionScroller-FXiQOh,
180 | .uploadModal-2ie9O_ .footer-VCsJQY,
181 | .uploadModal-2ie9O_ .inner-rBP-MS .channelTextAreaUpload-30SRDh .inner-zqa7da {
182 | background-color: var(--secondary-color) !important;
183 | }
184 |
185 |
186 |
187 | /* 3. Chat */
188 | #app-mount .iconMask-2fMR98,
189 | .preview-rua1rr {
190 | background: linear-gradient(var(--quaternary-color), var(--quaternary-color)), linear-gradient(var(--primary-color), var(--primary-color)), var(--background-image) center/cover no-repeat fixed!important;
191 | }
192 |
193 | .container-3O_wAf,
194 | .icon-1SdhiF {
195 | background: linear-gradient(var(--quaternary-color), var(--quaternary-color)), var(--background-image) center/cover no-repeat fixed!important;
196 | }
197 |
198 | .searchResultsWrap-5RVOkx,
199 | .searchPopout-1vUlP3,
200 | #app-mount .container-2RRFHK,
201 | .guilds-2JjMmN:not(.foldercontent) .scroller-3X7KbA>.tutorialContainer-1pL9QS .listItem-3SmSlK {
202 | background: linear-gradient(var(--primary-color), var(--primary-color)), var(--background-image) center/cover no-repeat fixed!important;
203 | }
204 |
205 | .container-1YxwTf .inner-NQg18Y {
206 | background-color: var(--tertiary-color);
207 | border-radius: 5px;
208 | }
209 |
210 | .content-3dzVd8 .innerNoAutocomplete-1WpcVO {
211 | background-color: var(--tertiary-color) !important;
212 | }
213 |
214 | /* 4. Popouts & Modals */
215 | .colorPickerCustom-1swUKF {
216 | border-color: var(--quaternary-color) !important;
217 | }
218 |
219 | #app-mount .popout-3G62UL {
220 | background-color: transparent !important;
221 | background-attachment: fixed !important;
222 | background-image: var(--background-image) !important;
223 | background-position: center !important;
224 | background-size: cover !important;
225 | }
226 |
227 | .botTagInvert-1nKcq_ {
228 | background-color: var(--main-color);
229 | color: white;
230 | }
231 |
232 | #app-mount .searchResultsContainer-1ma_dc,
233 | #app-mount .menu-Sp6bN1,
234 | #app-mount .themedPopout-25DgLi,
235 | #app-mount .container-2McqkF,
236 | #app-mount .addGamePopout-3yePJc,
237 | #app-mount .colorPickerCustom-2CWBn,
238 | #app-mount .perksModal-fSYqOq,
239 | .css-3vaxre-menu,
240 | .header-JUTO-g {
241 | background: linear-gradient(var(--primary-color), var(--primary-color)),var(--background-image) center/cover no-repeat fixed !important;
242 | }
243 |
244 | #app-mount .messagesPopoutWrap-3zryHW,
245 | #app-mount .recentMentionsPopout-2bI1ZN {
246 | background: linear-gradient(var(--primary-color), var(--primary-color)),var(--background-image) center/cover no-repeat !important;
247 | }
248 |
249 | .viewAsRolesWarning-1lkgoG,
250 | .container-3LUQwT {
251 | background: linear-gradient(var(--quaternary-color), var(--quaternary-color)), linear-gradient(var(--quaternary-color), var(--quaternary-color)), var(--background-image) center/cover no-repeat fixed;
252 | }
253 |
254 | #app-mount .css-n57xjs-menu {
255 | background: linear-gradient(var(--quaternary-color), var(--quaternary-color)), var(--background-image) center/cover no-repeat;
256 | background-attachment: fixed !important;
257 | }
258 |
259 | #app-mount .tierMarkerBackground-G8FoN4 {
260 | background: linear-gradient(var(--primary-color), var(--primary-color)), var(--popup-background) center/600px 618px no-repeat !important;
261 | background-attachment: fixed;
262 | }
263 |
264 | .emojiPicker-3m1S-j,
265 | .emojiPicker-3m1S-j .dimmer-3iH-5D.visible-3k45bQ,
266 | .diversitySelector-tmmMv0 .popout-2nUePc,
267 | #app-mount .uploadModal-2ie9O_,
268 | #app-mount .modalRoot-2fww1y,
269 | .styleFixed-2_NfVL,
270 | .styleFlexible-x0_sIC,
271 | .submenu-1apzyU,
272 | .previewContainer-1SS3uO,
273 | .container-2O1UgZ,
274 | #app-mount .streamPreview-3qoMP4,
275 | .profileBannerPreview-3_l0Wd {
276 | background: linear-gradient(var(--primary-color), var(--primary-color)), var(--popup-background) center/cover no-repeat !important;
277 | }
278 |
279 | .avatarUploaderInner-Oiob_P {
280 | border-color: var(--main-color);
281 | }
282 |
283 | .profileBannerPreview-3_l0Wd .headerTop-3GPUSF {
284 | background: transparent;
285 | }
286 |
287 | .headerTop-3GPUSF {
288 | background: var(--primary-color);
289 | }
290 |
291 | .container-2O1UgZ .inner-2pOSmK {
292 | background-color: var(--quaternary-color) !important;
293 | border-color: var(--quaternary-color) !important;
294 | }
295 |
296 | .emojiPicker-3m1S-j .categories-1feg4n,
297 | .infoBar-U6oBFk {
298 | background: var(--tertiary-color);
299 | }
300 |
301 | .userPopout-2j1gM4,
302 | .create-guild-container.deprecated,
303 | .inner-1JeGVc .root-SR8cQa,
304 | .container-1ILvLB,
305 | .container-1Gt1iQ,
306 | .userList-3HrI62,
307 | #permissions-modal-wrapper #permissions-modal,
308 | .create-guild-container-new.deprecated .form.deprecated,
309 | .toast,
310 | .inner-2VEzy9 .root-SR8cQa,
311 | #app-mount .modal-2LBig1 .focusLock-2tveLW .root-8LYsGj {
312 | background-image: var(--popup-background) !important;
313 | background-size: cover !important;
314 | background-repeat: no-repeat !important;
315 | background-position: center !important;
316 | }
317 |
318 | #app-mount .quickswitcher-pKcM9U,
319 | #app-mount .modal-3HD5ck,
320 | #app-mount .keyboardShortcutsModal-2CRmCm,
321 | #app-mount .incomingCallInner-2VmFiR,
322 | #app-mount .regionSelectModal-12e-57,
323 | .backdrop-2ByYRN[style*="background-color: rgb(255, 255, 255)"],
324 | #app-mount .gamePreview-9weYR2,
325 | #app-mount .popout-2xBvMR,
326 | #app-mount .sb-menu-scroller-wrapper,
327 | .metalloriff-changelog-scroller,
328 | .container-1S70rv,
329 | .bd-modal-inner,
330 | #app-mount .contextMenu-HLZMGh,
331 | #app-mount .monsterModal,
332 | #app-mount .popout-3sVMXz .container-jGk-CT,
333 | #app-mount .modal-3v8ziU,
334 | #app-mount .modal-2RrUKJ,
335 | .contentWrapper-2txmjs,
336 | .emojiPicker-6YCk8a,
337 | .focusLock-2tveLW .root-g14mjS {
338 | background: linear-gradient(var(--primary-color), var(--primary-color)), var(--popup-background) center/cover no-repeat !important;
339 | }
340 |
341 | #app-mount .content-3nJg0c:before {
342 | background-color: var(--quaternary-color);
343 | }
344 |
345 | .container-1Gt1iQ {
346 | border-radius: 5px;
347 | }
348 |
349 | #app-mount .popout-3G62UL::before {
350 | border-radius: 4px;
351 | }
352 |
353 | .userPopout-2j1gM4 .header-2BwW8b,
354 | [class*="topSection"],
355 | .tiles-2aXG_k,
356 | .container-1ILvLB header,
357 | .container-1ILvLB section,
358 | #permissions-modal-wrapper .header,
359 | #permissions-modal-wrapper .modal-body {
360 | background-color: var(--primary-color) !important;
361 | }
362 |
363 | .create-guild-container.deprecated .form.deprecated .form-inner {
364 | background-color: var(--quaternary-color) !important;
365 | }
366 |
367 | .searchPopout-1vUlP3::before,
368 | .add-game-popout::before,
369 | .toast::before,
370 | #app-mount .popout-3G62UL::before {
371 | content: "";
372 | position: absolute;
373 | height: 100%;
374 | width: 100%;
375 | top: 0;
376 | left: 0;
377 | background-color: var(--primary-color);
378 | pointer-events: none;
379 | }
380 |
381 | .container-2RRFHK::before,
382 | .toast::before,
383 | #app-mount .popout-3G62UL::before {
384 | z-index: -1 !important;
385 | }
386 |
387 | .notches-2w7UZJ {
388 | position: relative;
389 | background-attachment: fixed;
390 | background-image: var(--background-image) !important;
391 | background-position: center;
392 | background-size: cover;
393 | background-repeat: no-repeat;
394 | -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
395 | -webkit-mask-repeat: repeat-x;
396 | width: 100%;
397 | }
398 |
399 | .notches-2w7UZJ::before {
400 | content: '';
401 | position: absolute;
402 | top: 0;
403 | left: 0;
404 | height: 100%;
405 | width: 100%;
406 | -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
407 | -webkit-mask-repeat: repeat-x;
408 | background-color: var(--primary-color);
409 | }
410 |
411 | .content-1_NQ-_,
412 | .errorState-3QMR6P,
413 | .phoneVerificationModal-3OHeBt .title-2UGWXc,
414 | .phoneVerificationModal-3OHeBt .description-krHRyL,
415 | .container-_CzRhL img[src*="/assets/261873897d8899d4e2e724efdfa21ee3.svg"],
416 | .container-_CzRhL .title-Ic5R7V,
417 | .container-_CzRhL .description-2waT7u,
418 | .tipsWithoutResults-lGY-De,
419 | .tipsWithResults-HhTE9b,
420 | .modalTitle-2skSKy,
421 | .modalSubtitle-2lx7qk,
422 | .queryText-j8z984,
423 | .empty-3sCt5f,
424 | .popoutSocialInfo-1qhqSY,
425 | .recommendationReason-10-H0n,
426 | .themeDark-3Ap_7i,
427 | .sb-menu-label,
428 | .sb-menu-scroller,
429 | .metalloriff-update-label,
430 | .metalloriff-changelog-label,
431 | .emptyState-1OLqEw,
432 | .container-2RRFHK * {
433 | z-index: 1;
434 | }
435 |
436 | .emptyNote-3nZbCz,
437 | .emptyTitle-3Jm6Ve {
438 | color: white !important;
439 | z-index: 2;
440 | opacity: 1;
441 | }
442 |
443 | .popout-3sVMXz .themedPopout-25DgLi .header-SsaQ8X {
444 | background-color: var(--tertiary-color) !important;
445 | }
446 |
447 | .need-help-modal .header h1::after {
448 | left: -220px;
449 | }
450 |
451 | .layer-2aCOJ3[style*="; bottom: 5"][id*="popout_"] .menu-1QACrS .item-1OdjEX:nth-child(7),
452 | #status-picker .layer-2aCOJ3 .submenuPaddingContainer-_k62dJ,
453 | #status-picker #status-picker-switch-account {
454 | background: linear-gradient(var(--primary-color), var(--primary-color)),var(--background-image) center/cover no-repeat fixed !important;
455 | }
456 |
457 | /* 5. @Media Edits */
458 | @media only screen and (max-width: 915px) {
459 |
460 | .members-3WRCEx:hover {
461 | background-color: var(--primary-color) !important;
462 | }
463 | }
464 |
465 | /* 6. Misc */
466 | #ghostping-panel {
467 | background-image: linear-gradient(var(--primary-color), var(--primary-color)), var(--background-image) !important;
468 | background-size: cover, cover;
469 | background-position: center, center;
470 | background-attachment: initial, fixed;
471 | }
472 |
473 | .lookGhost-2Fn_0-::before {
474 | background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), var(--background-image) center/cover no-repeat fixed;
475 | }
476 |
477 | .lookGhost-2Fn_0-.colorBrand-I6CyqQ::before {
478 | opacity: .9;
479 | }
480 |
481 | /* custom background fix */
482 |
483 | .userPopout-2j1gM4 .wrapper-1VLyxH * {
484 | z-index: 1;
485 | }
486 |
487 | .userPopout-2j1gM4 .wrapper-1VLyxH::after {
488 | z-index: unset;
489 | }
--------------------------------------------------------------------------------
/phoenix-bundle/tranquil.css:
--------------------------------------------------------------------------------
1 | /* Imports */
2 | @import "https://monstrousdev.github.io/themes/phoenix-bundle/base.css";
3 |
4 |
5 | /* Variables */
6 |
7 | :root {
8 | --theme-name: "Tranquil";
9 | }
10 |
11 | /* Dark Mode */
12 | .theme-dark,
13 | .appMount-3VJmYg,
14 | .theme-dark .theme-light {
15 | --primary-color: #19191b;
16 | --secondary-color: #1E1E21;
17 | --tertiary-color: #232327;
18 | --quaternary-color: #101011;
19 | }
20 |
21 | /* Light Mode */
22 | .theme-light,
23 | .theme-light .theme-dark {
24 | --primary-color: #ffffff;
25 | --secondary-color: #f3f3f3;
26 | --tertiary-color: #eeeeee;
27 | --quaternary-color: #dbdbdb;
28 | }
29 |
30 | /* Table of Contents
31 | 1. Title Bar
32 |
33 | 2. Chat Header
34 | 2.a. Headers
35 | 2.b. Search Bars
36 |
37 | 3. User Settings
38 |
39 | 4. Guilds Wrapper
40 |
41 | 5. Channels
42 |
43 | 6. Account Area
44 |
45 | 7. Members List
46 |
47 | 8. Chat
48 |
49 | 9. Friends List
50 |
51 | 10. Games Tab
52 |
53 | 11. Popouts
54 |
55 | 12. Modals
56 |
57 | 13. Games Tab, Library, and Store
58 |
59 | 14. Bulk Loud Colors
60 |
61 | 15. Misc
62 | */
63 |
64 |
65 |
66 |
67 |
68 | /* 1. Title Bar */
69 | #app-mount,
70 | .app-2CXKsg {
71 | background-color: var(--quaternary-color) !important;
72 | }
73 |
74 | /* 2. Chat Header */
75 | /* 2.a. Headers */
76 | .title-31SJ6t,
77 | .header-2o-2hj,
78 | .headerBar-UHpsPw {
79 | background: var(--quaternary-color) !important;
80 | }
81 |
82 | .guildsWrapper-5TJh6A:not(.foldercontent) .guilds-1q_RqH>.guild-1EfMGQ:first-child .guildInner-3DSoA4,
83 | .guilds-2JjMmN:not(.foldercontent) .scroller-3X7KbA>.tutorialContainer-1pL9QS .listItem-3SmSlK {
84 | background-color: var(--quaternary-color) !important;
85 | }
86 |
87 | /* 2.b. Search Bars */
88 | .search .searchBarIcon-1J6sKG {
89 | background-color: var(--quaternary-color);
90 | }
91 |
92 | .privateChannels-oVe7HL .searchBar-3TnChZ {
93 | background: var(--quaternary-color);
94 | }
95 |
96 |
97 |
98 | /* 3. User Settings */
99 | .standardSidebarView-E9Pc3j .sidebarRegion-1VBisG .sidebar-nqHbhN,
100 | .standardSidebarView-E9Pc3j .sidebarRegion-1VBisG .sidebarRegionScroller-FXiQOh {
101 | background-color: var(--quaternary-color) !important;
102 | }
103 |
104 | .standardSidebarView-E9Pc3j .contentRegion-3HkfJJ {
105 | background-color: var(--primary-color) !important;
106 | }
107 |
108 | .wrapper-SdcMKg {
109 | border-color: var(--main-color);
110 | }
111 |
112 | .selected-18Wszc.option-1QI4c9 {
113 | background-color: var(--main-color);
114 | border-color: var(--main-color);
115 | }
116 |
117 | .option-1QI4c9:hover {
118 | background-color: var(--hover-color)
119 | }
120 |
121 | .paginator-1eqD2g {
122 | background: var(--tertiary-color) !important;
123 | }
124 |
125 | .notches-2w7UZJ {
126 | background-image: none !important;
127 | -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");
128 | -webkit-mask-repeat: repeat-x;
129 | width: 100%;
130 | background-color: var(--primary-color);
131 | }
132 |
133 | /* 4. Guilds Wrapper */
134 | #app-mount .guilds-2JjMmN,
135 | #app-mount .wrapper-1Rf91z,
136 | #app-mount .scroller-2TZvBN,
137 | .tutorialContainer-2sGCg9>.listItem-GuPuDH {
138 | background-color: var(--quaternary-color);
139 | }
140 |
141 |
142 | /* 5. Channels */
143 | .channels-Ie2l6A,
144 | .container-PNkimc,
145 | #app-mount .scroller-WSmht3,
146 | #app-mount .perksModal-fSYqOq {
147 | background-color: var(--primary-color)
148 | }
149 |
150 | .wrapper-2NJDcI,
151 | .container-2RRFHK {
152 | background-color: var(--primary-color) !important;
153 | }
154 |
155 | #app-mount .users-i_3-kL {
156 | background-color: var(--secondary-color)
157 | }
158 |
159 | /* 6. Account Area */
160 | #app-mount .panels-3wFtMD {
161 | background-color: var(--secondary-color);
162 | border-bottom: transparent;
163 | }
164 |
165 |
166 |
167 | /* 7. Members List */
168 | .members-3WRCEx {
169 | background-color: var(--primary-color) !important;
170 | }
171 |
172 |
173 |
174 | /* 8. Chat */
175 | .chat-2ZfjoI,
176 | .chat-2ZfjoI form,
177 | .content-1jQy2l,
178 | .messagesWrapper-3lZDfY,
179 | .noChannel-Z1DQK7,
180 | .threadSidebar-1o3BTy {
181 | background-color: var(--primary-color) !important;
182 | }
183 |
184 | .container-3O_wAf,
185 | .icon-1SdhiF {
186 | background: var(--secondary-color);
187 | }
188 |
189 | .private-channel-call,
190 | .video-eAcneW,
191 | .privateChannels-oVe7HL .scrollerWrap-2lJEkd::after,
192 | #app-mount .streamPreview-3qoMP4 {
193 | background-color: var(--quaternary-color) !important;
194 | }
195 |
196 | .inner-zqa7da,
197 | .scrollableContainer-38zsVD,
198 | .scrollableContainer-15eg7h {
199 | background-color: var(--secondary-color) !important;
200 | }
201 |
202 | .searchResultsWrap-2DKFzt {
203 | background-color: var(--primary-color) !important;
204 | }
205 |
206 | .wrapper-29NfPK {
207 | background-color: var(--quaternary-color) !important;
208 | }
209 |
210 | #app-mount .scroller-2XLwLg,
211 | #app-mount .scroller-5bBood,
212 | .scroller-1TOeMq {
213 | background-color: var(--primary-color)
214 | }
215 |
216 | .viewAsRolesWarning-1lkgoG,
217 | .container-3LUQwT {
218 | background: var(--quaternary-color);
219 | }
220 |
221 |
222 | /* 9. Friends List */
223 | .container-3gCOGc {
224 | background-color: var(--primary-color) !important;
225 | }
226 |
227 |
228 |
229 | /* 10. Games Tab & Discover */
230 | .activityFeed-28jde9,
231 | .root-26DmKJ,
232 | .activityFeed-1C0EmJ,
233 | .stageSection-3mAD8V {
234 | background: var(--primary-color) !important;
235 | }
236 |
237 | #app-mount .searchResultsContainer-1ma_dc {
238 | background-color: var(--secondary-color);
239 | }
240 |
241 | #app-mount .container-ZMc96U {
242 | background: var(--quaternary-color);
243 | }
244 |
245 | .sidebar-1tnWFu {
246 | background-color: var(--primary-color);
247 | }
248 |
249 | #app-mount .card-2TuZPZ,
250 | #app-mount .iconMask-2fMR98,
251 | .discoverHeader-1TWTqG {
252 | background-color: var(--quaternary-color);
253 | }
254 |
255 |
256 | /* 11. Popouts */
257 | .themedPopout-25DgLi,
258 | #permissions-modal-wrapper #permissions-modal,
259 | .submenu-1apzyU,
260 | #status-picker #status-picker-switch-account,
261 | #status-picker .layer-2aCOJ3 .submenuPaddingContainer-_k62dJ {
262 | background-color: var(--primary-color) !important;
263 | }
264 |
265 | .popout-3sVMXz .themedPopout-25DgLi .header-SsaQ8X {
266 | background-color: var(--quaternary-color) !important;
267 | }
268 |
269 | .menu-Sp6bN1 {
270 | background: var(--primary-color) !important;
271 | }
272 |
273 | .container-1ILvLB header {
274 | background-color: var(--quaternary-color) !important;
275 | }
276 |
277 | .container-1ILvLB section,
278 | .reactors-1VXca7,
279 | .monsterModal {
280 | background-color: var(--primary-color) !important;
281 | }
282 |
283 | .sidebar-1-SQro,
284 | .footer-3J5oP4,
285 | #app-mount .popout-3sVMXz .news-2KwXHF {
286 | background-color: var(--quaternary-color) !important;
287 | }
288 |
289 | .add-game-popout,
290 | .emptyPlayers-dx3qig,
291 | .players-1zg2l8 {
292 | background-color: var(--secondary-color) !important;
293 | }
294 |
295 | .toast {
296 | background: var(--tertiary-color);
297 | border: 1px solid var(--primary-color);
298 | }
299 |
300 | .root-SR8cQa .note-QfFU8y textarea:focus,
301 | .note-3kmerW textarea:focus {
302 | background-color: rgba(0,0,0,0.4) !important;
303 | }
304 |
305 |
306 |
307 | /* 12. Modals */
308 | .topSection-13QKHs,
309 | #permissions-modal-wrapper .header,
310 | #app-mount .tierMarkerBackground-G8FoN4 {
311 | background-color: var(--quaternary-color) !important;
312 | }
313 |
314 | .keyboardShortcutsModal-2CRmCm,
315 | .incomingCallInner-2VmFiR,
316 | .backdrop-2ByYRN[style*="background-color: rgb(255, 255, 255)"],
317 | #permissions-modal-wrapper .modal-body {
318 | background-color: var(--primary-color) !important;
319 | }
320 |
321 | #app-mount .footer-1hTRRZ,
322 | #app-mount .footer-30ewN8,
323 | #app-mount .content-3nJg0c:before {
324 | background-color: var(--primary-color);
325 | box-shadow: inset 0 1px 0 var(--quaternary-color);
326 | }
327 |
328 | .quickswitcher-pKcM9U,
329 | .regionSelectModal-12e-57 {
330 | background-color: var(--primary-color) !important;
331 | }
332 |
333 | .need-help-modal .header h1::after {
334 | left: -65px;
335 | }
336 |
337 | .footer-2yfCgX,
338 | #permissions-modal-wrapper .role-side {
339 | background-color: var(--secondary-color) !important;
340 | }
341 |
342 | .metalloriff-changelog-scroller,
343 | .sb-menu-scroller-wrapper {
344 | background-color: var(--primary-color);
345 | }
346 |
347 | .avatarUploaderInner-Oiob_P {
348 | border-color: var(--quaternary-color);
349 | }
350 |
351 |
352 | /* 13. Games Tab, Library, and Store */
353 | .gameLibrary-TTDw4Y,
354 | .applicationStore-2nk7Lo,
355 | .itemBackground-1jfD8p,
356 | .root-1BQpZw,
357 | .root-26DmKJ,
358 | .appMount-2yBXZl .pageWrapper-2PwDoS {
359 | background-color: var(--primary-color) !important;
360 | }
361 |
362 | .missingAccess-3szpts {
363 | background-color: var(--primary-color) !important;
364 | }
365 |
366 | /* 14. Bulk Loud Colors */
367 |
368 | .theme-light .channel-1Shao0,
369 | .theme-light .channel-1Shao0 a,
370 | .theme-light .name-2WpE7M,
371 | .theme-light .activity-1-H7Zd,
372 | .theme-light .privateChannels-oVe7HL header,
373 | .container-1UB9sr,
374 | .theme-light .title-223e2Y,
375 | .theme-light .actionIcon-h73Pge,
376 | .theme-light .inner-btChU7 .channel-SEolQq,
377 | .theme-light .search-bar input,
378 | .theme-light .search-bar input::-webkit-input-placeholder,
379 | .theme-light .header-2o-2hj,
380 | .theme-light .nameConnectedText-3CzNQn,
381 | .theme-light .nameConnectedVoice-MHUX5F,
382 | .theme-light .nameSelectedText-sp_EUw,
383 | .theme-light .nameSelectedVoice-1qSph5,
384 | .theme-light .chat-2ZfjoI form .typing-2J1mQU,
385 | .theme-light .nameHovered-21k1eo,
386 | .theme-light .nameSpeaking-3UhoEZ,
387 | .theme-light.contextMenu-HLZMGh .item-1Yvehc,
388 | .theme-light .guild-1EfMGQ .guildInner-3DSoA4 a,
389 | .theme-light .noIcon-3gSX9V,
390 | .theme-light .downloadIcon-sr8e65 {
391 | color: #111 !important;
392 | }
393 |
394 | .theme-light .channel-1Shao0.selected-1HYmZZ .activityIconForeground-3VIgI8,
395 | .theme-light .channel-1Shao0:hover .activityIconForeground-3VIgI8 {
396 | fill: #000;
397 | }
398 |
399 | .theme-light .activityIconForeground-3VIgI8 {
400 | fill: #333;
401 | }
402 |
403 | .theme-light .subtitle-Qv5s8c {
404 | color: rgba(0,0,0,0.4);
405 | }
406 |
407 | .theme-light .button-2KyEfG,
408 | .theme-light.contextMenu-HLZMGh .item-1Yvehc.itemSubMenu-1vN_Yn::after{
409 | filter: invert(90%);
410 | }
411 |
412 | .theme-light .colorConnectedText-1c_uzY,
413 | .theme-light .colorConnectedVoice-3kyvUN,
414 | .theme-light .colorDefaultText-oas-QM,
415 | .theme-light .colorDefaultVoice-3wYlhb,
416 | .theme-light .colorHoveredText-OZnAgu,
417 | .theme-light .colorHoveredVoice-1kucsK,
418 | .theme-light .colorLockedText-1VRkPt,
419 | .theme-light .colorLockedVoice-2UlBjl,
420 | .theme-light .colorSelectedText-1y4Wvs,
421 | .theme-light .colorSelectedVoice-Xcb_9R,
422 | .theme-light .colorUnreadText-2t7XRb,
423 | .theme-light .colorUnreadVoice-137o4S,
424 | .theme-light .textArea-2Spzkt,
425 | .theme-light .textArea-2Spzkt::-webkit-input-placeholder,
426 | .theme-light .search .DraftEditor-root .public-DraftEditorPlaceholder-root,
427 | .theme-light .resultsGroup-1BPR25 .header-3A13BX,
428 | .theme-light .resultsGroup-1BPR25 .plusIcon-2V7coV,
429 | .theme-light .resultsGroup-1BPR25 .searchClearHistory-2Be-92,
430 | .theme-light .resultsGroup-1BPR25 .searchLearnMore-7__o_n a {
431 | color: #333 !important;
432 | }
433 |
434 | .theme-light .option-2KkUJO .filter-5YbOzJ,
435 | .theme-light .searchOption-351dTI .answer-2fBfuP {
436 | color: #666;
437 | }
438 |
439 | /* 15. Misc */
440 | #ghostping-panel {
441 | background-color: var(--primary-color) !important;
442 | }
443 |
444 |
445 | /* custom background fix */
446 | .userPopout-2j1gM4 .wrapper-1VLyxH::after {
447 | z-index: unset;
448 | }
449 |
450 | .userPopout-2j1gM4 .body-2wLx-E {
451 | background-color: transparent !important;
452 | }
453 |
454 | .userPopout-2j1gM4,
455 | .userPopout-2j1gM4 .footer-1N3bR3 {
456 | background-color: var(--quaternary-color) !important;
457 | }
--------------------------------------------------------------------------------
/theme-files/Black-Hole.theme.css:
--------------------------------------------------------------------------------
1 | /**
2 | * @name Black Hole
3 | * @description Jump into space with this theme. It's just a bedazzled base Discord theme
4 | * @author MonsterDev
5 | * @version 1.0
6 | * @donate https://goo.gl/9S8VGb
7 | * @source https://github.com/monstrousdev/themes/theme-files/Black-Hole.theme.css
8 | * @invite TeRQEPb
9 | * @authorId 402272736665272320
10 | */
11 |
12 | @import "https://monstrousdev.github.io/themes/black-hole/style.css";
13 |
14 | /*
15 |
16 | ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧ ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧ ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧
17 | ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧ ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧ ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧
18 | ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧ ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧ ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧
19 | ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧ ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧ ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧
20 | ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧ ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧ ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧
21 | /$$$$$$$ /$$ /$$ /$$ /$$ /$$
22 | | $$__ $$| $$ | $$ | $$ | $$ | $$
23 | | $$ \ $$| $$ /$$$$$$ /$$$$$$$| $$ /$$ | $$ | $$ /$$$$$$ | $$ /$$$$$$
24 | | $$$$$$$ | $$ |____ $$ /$$_____/| $$ /$$/ | $$$$$$$$ /$$__ $$| $$ /$$__ $$
25 | | $$__ $$| $$ /$$$$$$$| $$ | $$$$$$/ | $$__ $$| $$ \ $$| $$| $$$$$$$$
26 | | $$ \ $$| $$ /$$__ $$| $$ | $$_ $$ | $$ | $$| $$ | $$| $$| $$_____/
27 | | $$$$$$$/| $$| $$$$$$$| $$$$$$$| $$ \ $$ | $$ | $$| $$$$$$/| $$| $$$$$$$
28 | |_______/ |__/ \_______/ \_______/|__/ \__/ |__/ |__/ \______/ |__/ \_______/
29 | ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧ ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧ ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧
30 | ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧ ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧ ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧
31 | ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧ ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧ ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧
32 | ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧ ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧ ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧
33 | ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧ ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧ ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧
34 | ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧ (c) Lil Monster#3557 ✧･ﾟ: *✧･ﾟ:* *:･ﾟ✧*:･ﾟ✧ ✧･ﾟ: *✧･ﾟ:*
35 |
36 | Registered: Black Box Theme
37 |
38 | */
--------------------------------------------------------------------------------
/theme-files/Black-Hole.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/monstrousdev/themes/f28fbc8a7d5446d383a9f2a4f8157b6ff5fcd776/theme-files/Black-Hole.zip
--------------------------------------------------------------------------------
/theme-files/Reborn.theme.css:
--------------------------------------------------------------------------------
1 | /**
2 | * @name Reborn
3 | * @description Phoenix Theme Bundle: Transparent, fully customizable theme with multiple addons
4 | * @author MonsterDev
5 | * @version 1.5
6 | * @donate https://goo.gl/9S8VGb
7 | * @source https://github.com/monstrousdev/themes/theme-files/Reborn.theme.css
8 | * @invite TeRQEPb
9 | * @authorId 402272736665272320
10 | */
11 |
12 | /* IMPORT CSS FROM GITHUB */
13 | @import "https://monstrousdev.github.io/themes/phoenix-bundle/reborn.css";
14 | /*
15 | ===== IMPORTANT =====
16 | CHANGE DISCORDS THEME TO DARK THEME IN APPEARANCE SETTINGS FOR THIS THEME TO WORK!
17 |
18 | Registered: Black Box Theme
19 |
20 | ===== CUSTOMIZABLE COLORS AND IMAGES =====
21 | */
22 |
23 | :root {
24 | --roundness: 50px; /* edit roundness of icons from 0px to 50px */
25 | --main-color: #007dbd; /* Main Color */
26 | --hover-color: #03679b; /* Hover Color */
27 | --home-color: #eee; /* Change home icon color */
28 | --home-size: 24px; /* size of the home icon */
29 | --shadow: rgba(0,0,0,.4); /* change to darken lighten, or set to transparent */
30 | --background-image: url(https://s-media-cache-ak0.pinimg.com/originals/60/c4/bb/60c4bb55215c989b15b0fe144c73cf82.jpg); /* change background */
31 | --background-blur: 0px; /* Main Background Blur */
32 | --popup-background: url(https://s-media-cache-ak0.pinimg.com/originals/60/c4/bb/60c4bb55215c989b15b0fe144c73cf82.jpg); /* Background for popups and modals */
33 | --background-darkness: 0.75; /* change the darkness of your background. 1 makes it completely black, 0 makes it like the original image */
34 | }
35 |
36 |
37 | /*
38 | ---------------------------------------------------------------------------------------------------------------------------------------------
39 | ===== CREDITS =====
40 | URI
41 | BEARDDESIGN
42 | ZERTHOX
43 | THESE PEOPLE HAVE HELPED CREATE THIS THEME IN ONE WAY OR THE OTHER.
44 | ===== TROUBLESHOOTING =====
45 | IF YOU NEED ANY HELP GO TO https://discord.gg/TeRQEPb
46 | ---------------------------------------------------------------------------------------------------------------------------------------------
47 | */
48 |
--------------------------------------------------------------------------------
/theme-files/Reborn.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/monstrousdev/themes/f28fbc8a7d5446d383a9f2a4f8157b6ff5fcd776/theme-files/Reborn.zip
--------------------------------------------------------------------------------
/theme-files/Tranquil.theme.css:
--------------------------------------------------------------------------------
1 | /**
2 | * @name Tranquil
3 | * @description Phoenix Theme Bundle: Primarily dark theme that's easy on the eyes [Also supports light theme which is less easy on the eyes]
4 | * @author MonsterDev
5 | * @version 1.5
6 | * @donate https://goo.gl/9S8VGb
7 | * @source https://github.com/monstrousdev/themes/theme-files/Tranquil.theme.css
8 | * @invite TeRQEPb
9 | * @authorId 402272736665272320
10 | */
11 |
12 | /* IMPORT CSS FROM GITHUB */
13 | @import "https://monstrousdev.github.io/themes/phoenix-bundle/tranquil.css";
14 | /*
15 | ---------------------------------------------------------------------------------------------------------------------------------------------
16 | IMPORTANT: CHANGE DISCORDS THEME TO DARK THEME IN APPEARANCE SETTINGS FOR THIS THEME TO WORK!
17 |
18 | Registered: Black Box Theme
19 |
20 | ---------------------------------------------------------------------------------------------------------------------------------------------
21 | ===== CUSTOMIZABLE COLORS =====
22 | */
23 | :root {
24 | --roundness: 0px; /* sets the roundness for avatars */
25 | --main-color: #8d2036; /* The main color for your theme */
26 | --hover-color: #6f182a; /* the secondary color for your theme, mainly used as hover color */
27 | --home-color: #eee; /* the color of your home icon */
28 | --shadow: rgba(0,0,0,.4); /* the color of the shadows in your theme */
29 | }
30 |
31 | /*
32 | ---------------------------------------------------------------------------------------------------------------------------------------------
33 | TROUBLESHOOTING: IF YOU NEED ANY HELP GO TO https://discord.gg/TeRQEPb
34 | ---------------------------------------------------------------------------------------------------------------------------------------------
35 | */
--------------------------------------------------------------------------------
/theme-files/Tranquil.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/monstrousdev/themes/f28fbc8a7d5446d383a9f2a4f8157b6ff5fcd776/theme-files/Tranquil.zip
--------------------------------------------------------------------------------