Skip to content

Commit 67c1485

Browse files
WardenPotatoWardenPotato
committed
Update DiscordClasses
Fixed BD Fixed BD Sidebar Fixed ChatBox Fixed Chat Container Fixed Chat Divider Fixed User Settings
1 parent 91ee327 commit 67c1485

8 files changed

Lines changed: 220 additions & 141 deletions

File tree

‎bun.lock‎

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
"reroll": "bd-scss reroll"
1414
},
1515
"dependencies": {
16-
"@discordstyles/classes": "^1.0.1",
16+
"@discordstyles/classes": "^1.0.2",
1717
"bd-scss": "^3.0.5"
1818
},
1919
"packageManager": "pnpm@8.15.5+sha512.b051a32c7e695833b84926d3b29b8cca57254b589f0649d899c6e9d0edb670b91ec7e2a43459bae73759bb5ce619c3266f116bf931ce22d1ef1759a7e45aa96f",

‎src/theme/bd/_bd.scss‎

Lines changed: 15 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,16 @@
1-
#app-mount #bd-settingspane-container {
2-
h3 {
3-
color: var(--text-normal);
1+
@use '@discordstyles/classes' as *;
2+
3+
#{cls('mount')} {
4+
//#region BetterDiscord settings pane
5+
#bd-settingspane-container {
6+
h3 {
7+
color: var(--text-normal);
8+
}
9+
10+
.style-description {
11+
color: var(--text-default);
12+
border-color: var(--background-modifier-accent);
13+
}
414
}
5-
.style-description {
6-
color: var(--text-default);
7-
border-color: var(--background-modifier-accent);
8-
}
9-
}
15+
//#endregion BetterDiscord settings pane
16+
}

‎src/theme/bd/_sidebar.scss‎

Lines changed: 17 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,19 @@
1-
#app-mount #bd-settings-sidebar .ui-tab-bar-item {
2-
color: var(--text-muted);
3-
&:hover {
4-
color: var(--text-normal);
5-
background-color: var(--background-modifier-hover);
6-
}
7-
&.selected {
8-
background: var(--background-modifier-selected);
9-
color: var(--text-normal);
1+
@use '@discordstyles/classes' as *;
2+
3+
#{cls('mount')} {
4+
//#region BetterDiscord settings tab bar
5+
#bd-settings-sidebar .ui-tab-bar-item {
6+
color: var(--text-muted);
7+
8+
&:hover {
9+
color: var(--text-normal);
10+
background-color: var(--background-modifier-hover);
11+
}
12+
13+
&.selected {
14+
background: var(--background-modifier-selected);
15+
color: var(--text-normal);
16+
}
1017
}
18+
//#endregion BetterDiscord settings tab bar
1119
}

‎src/theme/chat/_chatbox.scss‎

Lines changed: 37 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,42 @@
1-
#app-mount .form_f75fb0 {
2-
margin-top: 0;
3-
.themedBackground__74017 {
4-
background: transparent;
5-
}
6-
.attachButton__0923f {
7-
padding: 10px;
8-
}
9-
.placeholder__443e5,
10-
.slateTextArea_ec4baf {
11-
padding-left: 5px;
12-
}
13-
.channelTextArea_f75fb0 {
14-
background: var(--channeltextarea-background);
15-
border: none;
16-
}
1+
@use '@discordstyles/classes' as *;
172

18-
.channelAttachmentArea_b77158 {
19-
background: transparent;
20-
}
3+
#{cls('mount')} {
4+
#{cls('chat.textbox.container')} {
5+
margin-top: 0;
216

22-
.upload_aa605f {
23-
background-color: var(--foreground);
24-
}
7+
//FIXME: Find out what this is
8+
.themedBackground__74017 {
9+
background: transparent;
10+
}
11+
12+
//#region Textbox
13+
#{cls('chat.textbox.attach.button')} {
14+
padding: 10px;
15+
}
16+
17+
#{cls('chat.textbox.placeholder')},
18+
#{cls('chat.textbox.slate')} {
19+
padding-left: 5px;
20+
}
21+
22+
#{cls('chat.textbox.channelTextarea')} {
23+
background: var(--channeltextarea-background);
24+
border: none;
25+
}
26+
//#endregion Textbox
27+
28+
//#region Attachments
29+
#{cls('chat.bars.attachments.container')} {
30+
background: transparent;
31+
}
32+
33+
#{cls('chat.bars.attachments.item')} {
34+
background-color: var(--foreground);
35+
}
2536

26-
.wrapper_f7ecac {
27-
background-color: var(--foreground);
37+
#{cls('chat.bars.attachments.actionBar')} {
38+
background-color: var(--foreground);
39+
}
40+
//#endregion Attachments
2841
}
2942
}

‎src/theme/chat/_container.scss‎

Lines changed: 15 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,37 @@
1-
#app-mount {
2-
.chatContent_f75fb0 {
1+
@use '@discordstyles/classes' as *;
2+
3+
#{cls('mount')} {
4+
//#region Chat
5+
#{cls('chat.messages.container')} {
36
background: transparent;
47
}
58

6-
.content_f75fb0::before {
9+
#{cls('chat.content')}::before {
710
content: none;
811
}
912

10-
.wrapper_d852db,
11-
.wrapper_fc8177 {
13+
#{cls('chat.skeleton')} {
1214
background: var(--background-primary);
1315
}
1416

15-
.chat_f75fb0 {
17+
#{cls('chat.container')} {
1618
border: none;
1719
background: rgb(0, 0, 0, var(--middle-brightness));
1820
}
19-
.messages-3amgkR {
21+
22+
#{cls('chat.messages.container')} {
2023
background-color: transparent;
2124
text-shadow: 0 2px 5px rgb(0, 0, 0, var(--text-shadow));
2225
}
23-
.newMessagesBar__0f481 {
26+
27+
#{cls('chat.bars.newMessages.container')} {
2428
background: var(--gradient);
2529
opacity: 1;
2630
box-shadow: 0 2px 5px rgb(0, 0, 0, 0.5);
2731
z-index: 3;
2832
}
29-
.jumpToPresentBar__0f481 {
33+
34+
#{cls('chat.bars.jumpTo')} {
3035
border-radius: 8px;
3136
background-color: var(--foreground-double);
3237
backdrop-filter: blur(10px);
@@ -36,4 +41,5 @@
3641
background-color: var(--foreground-triple);
3742
}
3843
}
44+
//#endregion Chat
3945
}

‎src/theme/chat/_dividers.scss‎

Lines changed: 34 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,38 @@
1-
#app-mount .divider__908e2 {
2-
border: none;
3-
.content__908e2 {
4-
background: transparent;
5-
display: flex;
6-
width: 100%;
7-
justify-content: center;
8-
align-items: center;
9-
color: var(--text-muted);
10-
&::before,
11-
&::after {
12-
content: '';
13-
flex: 1;
14-
height: 1px;
15-
display: block;
16-
background: var(--background-modifier-accent);
1+
@use '@discordstyles/classes' as *;
2+
3+
#{cls('mount')} {
4+
//#region Chat dividers
5+
#{cls('chat.divider.container')} {
6+
border: none;
7+
8+
#{cls('chat.divider.content')} {
9+
background: transparent;
10+
display: flex;
11+
width: 100%;
12+
justify-content: center;
13+
align-items: center;
14+
color: var(--text-muted);
15+
&::before,
16+
&::after {
17+
content: '';
18+
flex: 1;
19+
height: 1px;
20+
display: block;
21+
background: var(--background-modifier-accent);
22+
}
23+
24+
&::before {
25+
margin-right: 10px;
26+
}
27+
28+
&::after {
29+
margin-left: 10px;
30+
}
1731
}
18-
&::before {
19-
margin-right: 10px;
32+
33+
&#{cls('chat.divider.unread')} {
34+
border-top: 1px solid rgb(var(--discord-red));
2035
}
21-
&::after {
22-
margin-left: 10px;
23-
}
24-
}
25-
&.isUnread__908e2 {
26-
border-top: 1px solid rgb(var(--discord-red));
2736
}
37+
//#endregion Chat dividers
2838
}

0 commit comments

Comments
 (0)