Skip to content

Commit 3c1d23c

Browse files
committed
Fixed for new Canary update
Yucky [class*=""] selectors :(
1 parent a5478fd commit 3c1d23c

File tree

5 files changed

+62
-58
lines changed

5 files changed

+62
-58
lines changed

base.css

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -447,21 +447,23 @@
447447
background: rgba(var(--discord-twitch), 0.6);
448448
}
449449

450-
#app-mount .guilds-1SWlCJ.wrapper-1Rf91z {
450+
#app-mount .guilds-1SWlCJ {
451451
background-color: transparent;
452452
}
453-
#app-mount .guilds-1SWlCJ.wrapper-1Rf91z .scroller-2TZvBN {
453+
#app-mount .guilds-1SWlCJ .scrollerBase-289Jih {
454454
background-color: rgba(0, 0, 0, var(--serverlist-brightness));
455455
}
456-
#app-mount .guilds-1SWlCJ.wrapper-1Rf91z .scroller-2TZvBN::-webkit-scrollbar {
456+
#app-mount .guilds-1SWlCJ .scrollerBase-289Jih::-webkit-scrollbar {
457457
display: none;
458458
}
459-
#app-mount .guilds-1SWlCJ .expandedFolderBackground-2sPsd- {
459+
460+
#app-mount .guilds-1SWlCJ [class*=expandedFolderBackground] {
460461
background: var(--white);
461462
}
462-
#app-mount .guilds-1SWlCJ .folder-21wGz3 {
463+
#app-mount .guilds-1SWlCJ [class*=folder] {
463464
background: transparent;
464465
}
466+
465467
#app-mount .guilds-1SWlCJ .tutorialContainer-1v44GL .childWrapper-anI2G9 {
466468
background: var(--gradient);
467469
background-color: transparent;
@@ -492,11 +494,11 @@
492494
#app-mount .guilds-1SWlCJ .acronym-2mOFsV:hover {
493495
background: var(--white-double);
494496
}
495-
#app-mount .guilds-1SWlCJ .circleIconButton-jET_ig {
497+
#app-mount .guilds-1SWlCJ [class*=circleIconButton] {
496498
background: var(--white);
497499
color: rgb(var(--gradient-primary));
498500
}
499-
#app-mount .guilds-1SWlCJ .circleIconButton-jET_ig.selected-ugP_am, #app-mount .guilds-1SWlCJ .circleIconButton-jET_ig:hover {
501+
#app-mount .guilds-1SWlCJ [class*=circleIconButton].selected-ugP_am, #app-mount .guilds-1SWlCJ [class*=circleIconButton]:hover {
500502
background: var(--white-double);
501503
color: var(--text-normal);
502504
}

src/guilds/_container.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
&.wrapper-1Rf91z {
1+
#app-mount .guilds-1SWlCJ {
22
background-color: transparent;
3-
.scroller-2TZvBN {
3+
.scrollerBase-289Jih {
44
background-color: rgba(0,0,0,var(--serverlist-brightness));
55
&::-webkit-scrollbar {
66
display: none;

src/guilds/_folder.scss

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
1-
.expandedFolderBackground-2sPsd- {
2-
background: var(--white);
3-
}
4-
.folder-21wGz3 {
5-
background: transparent;
1+
#app-mount .guilds-1SWlCJ {
2+
[class*="expandedFolderBackground"] {
3+
background: var(--white);
4+
}
5+
[class*="folder"] {
6+
background: transparent;
7+
}
68
}

src/guilds/_server.scss

Lines changed: 41 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -1,46 +1,48 @@
1-
// Home button
2-
.tutorialContainer-1v44GL {
3-
.childWrapper-anI2G9 {
4-
background: var(--gradient);
5-
background-color: transparent;
6-
}
7-
.wrapper-1BJsBx {
8-
&:before {
9-
content: "";
10-
border-radius: 50%;
11-
position: absolute;
12-
background: var(--home-button-image, url('https://gibbu.github.io/BetterDiscord-Themes/FrostedGlass/assets/discord.svg'));
13-
background-size: var(--home-button-size, cover);
14-
background-position: var(--home-button-position, center);
15-
height: 100%;
16-
width: 100%;
17-
transition: 0.2s ease;
1+
#app-mount .guilds-1SWlCJ {
2+
// Home button
3+
.tutorialContainer-1v44GL {
4+
.childWrapper-anI2G9 {
5+
background: var(--gradient);
6+
background-color: transparent;
187
}
19-
&.selected-bZ3Lue:before {
20-
border-radius: 30%;
8+
.wrapper-1BJsBx {
9+
&:before {
10+
content: "";
11+
border-radius: 50%;
12+
position: absolute;
13+
background: var(--home-button-image, url('https://gibbu.github.io/BetterDiscord-Themes/FrostedGlass/assets/discord.svg'));
14+
background-size: var(--home-button-size, cover);
15+
background-position: var(--home-button-position, center);
16+
height: 100%;
17+
width: 100%;
18+
transition: 0.2s ease;
19+
}
20+
&.selected-bZ3Lue:before {
21+
border-radius: 30%;
22+
}
23+
}
24+
.homeIcon-tEMBK1 {
25+
display: none;
2126
}
2227
}
23-
.homeIcon-tEMBK1 {
24-
display: none;
25-
}
26-
}
27-
.selected-bZ3Lue .acronym-2mOFsV {
28-
background: var(--white-double);
29-
}
30-
// No icon
31-
.acronym-2mOFsV {
32-
background: var(--white);
33-
&:hover {
28+
.selected-bZ3Lue .acronym-2mOFsV {
3429
background: var(--white-double);
3530
}
36-
}
37-
// Add server/Discovery
38-
.circleIconButton-jET_ig {
39-
background: var(--white);
40-
color: rgb(var(--gradient-primary));
41-
&.selected-ugP_am,
42-
&:hover {
43-
background: var(--white-double);
44-
color: var(--text-normal);
31+
// No icon
32+
.acronym-2mOFsV {
33+
background: var(--white);
34+
&:hover {
35+
background: var(--white-double);
36+
}
37+
}
38+
// Add server/Discovery
39+
[class*="circleIconButton"] {
40+
background: var(--white);
41+
color: rgb(var(--gradient-primary));
42+
&.selected-ugP_am,
43+
&:hover {
44+
background: var(--white-double);
45+
color: var(--text-normal);
46+
}
4547
}
4648
}

src/guilds/import.scss

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
1-
#app-mount .guilds-1SWlCJ {
2-
@import 'container';
3-
@import 'folder';
4-
@import 'server';
5-
}
1+
@import 'container';
2+
@import 'folder';
3+
@import 'server';

0 commit comments

Comments
 (0)