discordstyles/softx

A soft and comfy feel for Discord.

SoftX

A soft and comfy feel for Discord.

Download

BetterDiscord Download: https://betterdiscord.app/theme/SoftX
Powercord Install: git clone https://github.com/DiscordStyles/SoftX --branch deploy
Vencord link: https://raw.githubusercontent.com/DiscordStyles/SoftX/deploy/SoftX.theme.css

Contributing

Looking to contribute to SoftX theme? Read the the contributing.md file.

License

See the LICENSE file for license rights and limitations (MIT).

softx's Issues

Theme broken

I don't know how but the create new server can't be accessed while I use the theme. (I Re-downloaded the theme twice.)

Issue with Scrolling

Using Latest version 1.01 of SoftX but was an issue in 1.00 as well where the channel list scroll bar glitches out and stops me accessing channels from the list.

Disable vertical settings / mute... tools list

Hi!

I would like to know is there is a way to disable the fact that the settings, no sound and mute icons are deplaced to a vertical list.
I love to use the horizontal server list theme but i can't because of these icons, i really love this theme so i would like to use both together.

Thanks!

Add option to add role icons in comfy mode

Hi there,

thanks for the great work so far. It's my every day theme for so long now.
Now I've realized that the role icons don't show up in comfy mode within the chat. Is there any way to enable them in the BetterDiscord theme?

Thanks!

Components not matching theme

Describe the bug
I've found 2 components that don't match the theme.

1. The active now sidebar
2. When you upload a file

To Reproduce

1. Just either have no friends =( , or have friends but no activity
2. Better visible when you upload a file that would take a few seconds to upload

Screenshots

Infomation (please complete the following information):
Discord channel: Canary
OS: Windows
Mod: Powercord
Discord language: English

How to remove the windows titlebar without causing a certain issue

When I tried to remove the "windows title bar" in the code of the CSS code in BetterDiscord, The title bar changed to this - https://imgur.com/a/PDH3z3Y. But that's not what I want. if you can make it to still stay translucent and not completely transparent or tell me how to, I'd be elated.

Scroll wheel is bugged

When scrolling to the very bottom of the channels in a discord server, the scrollbar starts to "bounce", not letting to scroll back up

Theme hides scroll bars in goosemod store

Describe the bug
when enabled hides scroll bars in themes and plugins store

To Reproduce
use theme, visit stores

Infomation (please complete the following information):
Discord channel: stable
OS: linux
Mod: goosemod
Discord language: en-us

Emoji placement wrong in set status modal

Describe the bug
The emoji is on top of the text field in the update status modal

To Reproduce
Try to set a custom status

Screenshots

Infomation (please complete the following information):
Discord channel: Canary
OS: Windows
Mod: Powercord
Discord language: English

Maximizing calls with SpotifyControls enabled causes UI elements to dissapear

Describe the bug
When SpotifyControls by DevilBro is active and a call is maximized, the bottom left button will not reappear, also server channels and the DMs list will be missing. The only way to fix the UI is to restart the client.

To Reproduce

1. Install SpotifyControls and SoftX
2. Maximize a call / voice channel
3. Minimize again

Screenshots
Spotify Controls:

This button to maximize:

Buttons and DMs gone:

Infomation (please complete the following information):
Discord channel: Stable
OS: Windows
Mod: BetterDiscord
Discord language: English

Additional context
This does not happen with other themes, tested; Discord+, Comfy, Clearvision.

Theme completely broken

Due to a recent discord (canary) update, all of the class names were shifted and all themes and most plugins on discord canary were broken, this is what the theme looks like with the update applied

.

Enhancement: Bigger Borders for Dragging the Window

Hi,
it would be cool if you could use the whole Bar (only empty space of cause) to Drag the Window to make it more practical:

`edited` tag looks very weird on embeds

Describe the bug
When a message is edited, it looks good on normal text messages but it looks very awkward when an embed is being edited.

To Reproduce
Post an embed somewhere with a bot or something. Let the bot edit the embed.

Screenshots

Infomation (please complete the following information):
Discord channel: Stable
OS: Windows 11
Mod: BetterDiscord
Discord language: English US

Boost goal component gets overlapped

Describe the bug
The nitro boost goal component

To Reproduce
Just join a server which has nitro boost goal set to 7 (or maybe even anything)

Screenshots

Infomation (please complete the following information):
Discord channel: Canary
OS: Windows
Mod: Powercord
Discord language: English

titlebar

Screensharing background isn't transparent like other elements after adding own background

Changed background using "--background-image:" and "--opacity", everything is transparent with background except screensharing. Its solid black.
Tried to find specific argument to edit this background in source css but can't find it.

GIF search clipping

Describe the bug
((A clear and concise description of what the bug is)) the search bar in the gif place is inside some other buttons

To Reproduce
((Steps to reproduce the behavior)) open emoji place and click gif button

Screenshots
((If applicable, add screenshots to help explain your problem))

Infomation (please complete the following information):
Discord channel: ((Stable/PTB/Canary)) Stable? i think
OS: ((Windows/Linux/OSX)) Windows 10
Mod: ((BetterDiscord/Powercord)) BD
Discord language: ((Your language)) Finnish

add a toggle to disable the chat boxes please

also which piece of the code do i remove to get rid of them because i had them gone before but discord decided to delete the old file while i wasnt using it now i have to redo it and i dont remember how

Group DM Members List Transparency Issue

The Members list only in Group DMs is transparent and looks very out of place with the rest of the theme as shown here:

I found this chunk of code in SoftX.css that seemed to be making it transparent:

#app-mount .members-1998pB {
  background: transparent;
  width: 100%;
}

So I added this to the end of my Custom CSS in BetterDiscord to fix it:

#app-mount .members-1998pB {
  background: var(--bg-primary);
}

And with that, now my Group DM members list looks like this:

I'm not sure if this was intentional or if my "fix" would break anything else. But I'd recommend the change if possible as I much prefer it this way, as do a couple other people I talked with on the BetterDiscord support server.

DisplayServerAsChannels support

Suggestion:

Is it possible that this theme could be edited to support the plugin DisplayServerAsChannels https://github.com/mwittrien/BetterDiscordAddons/tree/25958b30a9f969e7a4b30788586fd025ec306193/Plugins/DisplayServersAsChannels

Love this theme, but I also like the minimalistic feel of that plugin also.

Suggestion: move Vertical User Area's tooltips to the right of the buttons

For Vertical User Area, if the server list width is not very large, the tooltips (especially that of the User Settings) might get clipped by the window border. It might be desirable to move the tooltips to the right of the buttons. Below is one possible implementation:

#app-mount .tooltip-14MtrL :not(.tooltipRight-2TSb42) {
    left: calc(50% + 45px);
    top: 46px;
}

#app-mount .tooltipPointer-3L49xb {
    display: none;
}

Effect:

Increase taskbar area + Horizontal server list

Awesome theme BTW, love it.

The taskbar area in windows is really small, it's difficult to left-click and drag.

Also, it would be awesome if you add Horizontal server list. after all, it was also made by you.

Certain guis not being scaled correctly

1. Tenor search bar in gif tab is not properly scaled in the container
2. Camera/Screenshare/Activities button is offset by a weird amount

1:

2:

Discord channel: Canary
OS: Windows 10
Mod: Powercord
Discord language: English

Channels Disappear After Viewing Stream in Fullscreen

This is if it wasn't in fullscreen.

& this is after exiting full screen.

As of now to escape & find the channels I have to restart discord.
Goodluck for you to fix it, really appreciate the kewl theme :)

Windows snapping does not work

Describe the bug
When I am trying to move Discord window by its titlebar snapping to sides of the screen seem not to work

To Reproduce
Drag Discord by it titlebar to the sides of the screen. It does not want to snap.

Infomation (please complete the following information):
OS: Windows
Mod: BetterDiscord

UI cut offs in 1080x1920 by the member list

I'm usually using discord on my second monitor with a resolution of 1080x1920. Some parts of the UI are cut off by the member list.
Here are my client infos:

Here are 2 screenshots of the UI problem:

Server icons are overlapping

Version info:

Ptb 103145 (10960f2)
BetterDiscord 1.2.4
Host 1.0.1010 Windows 10 64-Bit (10.0.22000)

Discord Forums Aren't working

Describe the bug
Discord's new forums still look like normal

To Reproduce
join a server with a forum channel, open it.

Screenshots
https://imgur.com/a/5Acukvu

Infomation (please complete the following information):
Discord channel: Stable
OS: Windows 11
Mod: BetterDiscord
Discord language: English, US

Add friend icon suggestion

not sure if this is supposed to be a gear icon or what, but imo it should be a friend icon instead

Server Profile missing buttons

The icons in the menu for the Guild Profile plugin are missing

[Suggestion] The ability to add a custom image as a background

I believe it would be a good addition to the theme to make the background customizable. I tried replacing the background image link with one of my own, but nothing happened. I really like how the theme looks and I think that this could be a good next step.

So laggy lol

Is their anyways you can make this theme less laggy for discord, and glitchy? thank thank

Horizontal user area

Would be cool if you had the option to choose whether you wanted the user area to be horizontal or vertical.

Feature Request: Change "New messages" line color

Why
The current color (black) is hard to see

I mean that "50+ new messages"
In normal discord, its blurple. Maybe it could be the accent color in softx?

Channel bar bug

---

name: Bug report
about: Channel bar not working properly
title: Channel bar won't reappear after exiting another person's stream
labels: bug
assignees: ''

---

Describe the bug
The part of the window where channels and DM's are shown disappears after watching stream

To Reproduce
Join another person's stream in fullscreen then go back to discord.

Screenshots

Infomation:
Discord channel: Stable
OS: Windows
Mod: BetterDiscord
Discord language: en-us

Support request: ChannelsPreview Plugin

help.-.Discord.2022-04-07.14-57-43.mp4

discord top bar to thick

how i can make the top bar smaller
https://imgur.com/a/VcooN6y

Threads menu isn't colored

The threads menu from the top button pane isn't colored properly.

Contrary to the pinned menu (or the inbox menu), which has proper colorization and blur:

Discord channel: Stable
OS: Windows 11
Mod: BetterDiscord
Discord language: English

Brief description of the bug

Describe the bug
Account profile tab, deafen, mute and settings button is missing a background

To Reproduce
Install theme on powercord

Screenshots
https://i.imgur.com/jIfAGnI.png

Infomation (please complete the following information):
Discord channel: Canary
OS: Windows 10
Mod: Powercord
Discord language: Englis

h

Server Banner Image

Not sure if it was intended but server banners don't show up. Is there a way to make them visible?

Question

Is there a way to make this work with Horizontal Server List? Tried with it and it's not showing things properly

User profile shifted greatly to the left

User profile is shifted to the left

Latest update, i would assume

Infomation (please complete the following information):
Discord channel: Stable
OS: win 10
Mod: BetterDiscord
Discord language: English

Brief description of the bug

Describe the bug
((A clear and concise description of what the bug is))

To Reproduce
((Steps to reproduce the behavior))

Screenshots
((If applicable, add screenshots to help explain your problem))

Infomation (please complete the following information):
Discord channel: ((Stable/PTB/Canary))
OS: ((Windows/Linux/OSX))
Mod: ((BetterDiscord/Powercord))
Discord language: ((Your language))

Additional context
((Add any other context about the problem here. Remove if not applicable.))

threads aren't indented

lack of indentation causes overlap with the ∟ icon and makes them hard to tell apart from channels

Performance issues

Describe the bug
There's high spikes in CPU usage whenever there's some sort of modal open. Be it the settings, user profile popout (The bigger one), or even clicking on photos. Its very bad.

To Reproduce
Just open settings or profile of a user by right clicking

Infomation (please complete the following information):
Discord channel: Canary
OS: Windows
Mod: Powercord
Discord language: English

bugs in emoji and gif

search bar:

and:

not in line

Not correctly displaying "activity status" button

Plugin name: GameActivityToggle
version: v1.0.4
by DevilBro

Client info

Dissapearing settings and channels tab in discord

Describe the bug
Disappearing settings and such things

To Reproduce
Watch a stream in fullscreen and then go to normal state

Screenshots

Infomation (please complete the following information):
Discord channel: ((Stable/PTB/Canary))
OS: Windows 11 64 bit
Mod: BetterDiscord
Discord language: English

Additional context
((Add any other context about the problem here. Remove if not applicable.))

2022-05-27.21-37-36.mp4

Brief description of the bug

Describe the bug
The icons at right superior position are to much close between them and because of that they make a miss click between them

To Reproduce
get more space between the icons

Screenshots
https://prnt.sc/jWh1-D-ttnfh

Infomation (please complete the following information):
Discord channel: ((Stable/PTB/Canary))
OS: Windows 10
Mod: BetterDiscord
Discord language: EN US

Additional context
((Add any other context about the problem here. Remove if not applicable.))

Inbox button and minimize button colliding

Describe the bug
The inbox button and minimize button collides, and the inbox is on top of the minimize button

To Reproduce
Hover over the minimize button

Screenshots

Infomation (please complete the following information):
Discord channel: Canary
OS: Windows
Mod: Powercord
Discord language: English