Gibbu

Gibbu's support server

Gibbu's Support Server


14.9K 81.1K

Adjustable Server Width

by Gibbu

Make the server list smaller or larger. Customizable in the theme file.

165K 271.7K

Frosted Glass

by Gibbu

Display your picture of choice with adjustable blur and brightness via variables in the theme file. Discord Dark theme is required.

22.3K 47.1K

Horizontal Server List

by Gibbu

Moves the server list from the left to the top of Discord. Compatible with Server Folders and most basic transparent themes.

27.6K 70.4K

MinimalCord

by Gibbu

Changes Discord enough to give it a fresh feel while also making it darker. Supports both Light and Dark themes.

46.7K 91.4K

RadialStatus

by Gibbu

Changes the status icons to wrap around the avatar. Shape can be changed inside the theme file.

16.9K 53.7K

SimplyDark

by Gibbu

Makes Discord sharp and simple.

8.1K 26.6K

Slate

An optimized, consistent, and functional theme for Discord based on GitHub's design language. https://github.com/DiscordStyles/Slate

                

No plugins found for Gibbu

No likes found for Gibbu

Gibbu
Horizontal Server List

Sorry about that. The download link has been updated.

Gibbu
Horizontal Server List

You can achieve this by pasting this at the very bottom/end inside your HorizontalServerList.theme.css
Like so: https://i.imgur.com/Ep0Vbt7.jpg

.container-2lgZY8 {
    flex-direction: column-reverse;
}
Gibbu
Horizontal Server List

Try this

.container-2lgZY8 {
    flex-direction: column-reverse !important;
}
Gibbu
Remove Blocked Messages

Sorry about that, the download button has been updated

Gibbu
RadialStatus

It's not a plugin. It's a theme.

Gibbu
Adjustable Server Width

No. They would need to be completely new themes and I don't feel like doing that.

Gibbu
Horizontal Server List

As it says in the description, this only works with basic themes. MaterialDiscord changes the server list too much for it to function properly

Gibbu
RadialStatus

Unfortunately no.

Gibbu
Horizontal Server List

If you wish to have to server list at the bottom all you need to do is paste this

@import url("https://gibbu.github.io/BetterDiscord-Themes/addons/bottomhsl.css");

below the first @import inside your HorizontalServerList.theme.css file.
Like so: https://i.imgur.com/9377UAz.jpg

Gibbu
Frosted Glass

The image can easily be found by opening the downloaded file and getting the url.
https://i.imgur.com/kYW2H5C.jpg

Gibbu
Frosted Glass

Can you send a screenshot? I'm not quite sure what you're talking about

Gibbu
Frosted Glass

Make sure you don't have multiple none addon themes enabled.

Open your Windows start menu and type %appdata%\BetterDiscord\themes. Find FrostedGlass.theme.css and delete it.

Gibbu
Frosted Glass
Gibbu
Top Roles Everywhere

You enable it.

Gibbu
Frosted Glass

You can remove that if you wish. Just open the theme file and set --BG-window-padding to 0px.
Or just use my website editor to make it a lot easier. https://gibbu.me/editor/frostedglass

Gibbu
Frosted Glass

How to get a transparent background (see through Discord)

Open your FrostedGlass.theme.css file and follow these steps:

  • Remove the image url from --background-image
  • Set --background-image-blur to 0px
  • Set --window-padding to 0px
  • Go to BetterDiscord settings and scroll to the bottom and enable Transparency https://i.imgur.com/26iDepV.jpg.
  • Completely restart Discord. This can be done many ways. But the easiest is to just ALT + F4.

NOTE: Frosted Glass is not built around the transparency option. I recommend using BasicBackground by DevilBro as it was built with transparency in mind.

Gibbu
Frosted Glass

I just posted a pinned comment.

Gibbu
RadialStatus

Try disabling your Discord Cache.
Open the Dev Tools (CTRL + SHIFT + i) > Network > Check Disable Cache > Restart Discord > Uncheck Disable Cache.
Screenshot

Gibbu
RadialStatus

Not possible with just a theme, a plugin would be required to create this.

Gibbu
RadialStatus

Did you use my website editor and enable the RadialStatus theme there?

Gibbu
RadialStatus

Ahhhhhh Coloured Text in the BetterDiscord settings. But why ask on a theme not related to it at all?

Gibbu
RadialStatus

By following this guide https://github.com/rauenzi/BetterDiscordApp/wiki/Creating-Themes.
But how is that question related to this theme?

Gibbu
Frosted Glass

I don't seem to get this issue. https://i.imgur.com/NcInnzD.jpg

Gibbu
Frosted Glass

You can open your FrostedGlass.theme.css file and then change each of the --BG-[area]-brightness variables.
Or you can use my website editor to make life a lot easier. https://gibbu.me/editor/frostedglass

Gibbu
Frosted Glass

You can drag the window by place your cursor close to the top of Discord. You can also remove the old title bar addon by removing this line: https://i.imgur.com/EEEHRTz.jpg

Gibbu
Frosted Glass

A screenshot of what you're talking about would be very helpful. But I'm guessing you're talking about --BG-window-roundness and if so just set that to 0

Gibbu
Horizontal Server List

Not really. You just scroll up and down like you normally would.

Gibbu
Frosted Glass

I just updated it to allow for a custom scrollbar colour to be used. Either redownload the theme or add this variable inside the :root in your FrostedGlass.theme.css. --BG-scrollbar-colour: rgba(0,0,0,0.5);

Gibbu
Frosted Glass

Open your FrostedGlass.theme.css and change the --BG-[area]-brightness variables.

Gibbu
Frosted Glass

You can minimize Discord by pressing the minimize button. And the theme doesn't prevent you from resizing the window.

Gibbu
Frosted Glass

Open your FrostedGlass.theme.css and change --BG-window-padding to 0px

Gibbu
Frosted Glass

So you want to remove the border around the discord window?

Gibbu
Frosted Glass

You can either use my editor: https://gibbu.me/editor/frostedglass and under the "Others" panel set "Window Padding" to 0.
Or without my editor: Open your FrostedGlass.theme.css file in a text editor (I recommend at least Notepad++). and find the variable named --BG-window-padding and set the value to 0px. And that should remove the borders.

Note: due to how images are rendered setting window padding to 0 will introduce a fade on the edges of the screen

Gibbu
RadialStatus

Themes cannot do anything to your account so you're safe of that half. But plugins can do whatever they want. That's why you should only get your plugins from this website as they're all completely safe.

Gibbu
Frosted Glass

Ah sorry about that. I just pushed out an update that changed a lot of things. Simply redownloading should fix it.

Gibbu
Frosted Glass

It adds whatever colour you choose on top of the brightness variables. Example: https://i.imgur.com/VPpTonI.mp4
I also recommend using my editor as it will make customizing it a lot easier. https://gibbu.me/editor/frostedglass

Gibbu
Frosted Glass

Sorry about that.
Add this to your FrostedGlass.theme.css file so you don't get the update warning.
--update-notice-1: none; Like so: https://i.imgur.com/tRtvYk8.jpg

Gibbu
Frosted Glass

I could try but I would have to change a lot of things with the current theme editor

Gibbu
Frosted Glass

Ah I totally forgot about that. I'll fix it sometime soon.

Gibbu
Frosted Glass

Set --background-image-blur to none. Like so: https://i.imgur.com/xajj9pQ.jpg

Gibbu
Frosted Glass

Make sure the file name doesn't contain any (1), (2) ect...

Gibbu
Frosted Glass

Paste this at the very end/bottom of your FrostedGlass.theme.css like so: https://i.imgur.com/KCCU7fb.jpg

#app-mount .root-SR8cQa .topSectionSpotify-1lI0-P,
#app-mount .userPopout-3XzG_A .headerSpotify-zpWxgT{
    background: #1db954 !important;
}
#app-mount .root-SR8cQa .topSectionSpotify-1lI0-P .lookInverted-2D7oAl.colorGreen-29iAKY {
    background: #fff !important;
}

The reasoning as to why I made it like that is; the whole point of this theme is to show a blurred background and having 80% of the user popout/modal being hidden didn't really make sense. Also you're hating a entire theme for something that's you're not going to see that often?

Gibbu
Frosted Glass

I just updated the comment, follow it and it should work

Gibbu
Frosted Glass

You can change that for yourself but just adjusting the --channels-default variable. Like so: https://i.imgur.com/8oHXdVq.jpg
You can view all the available variables for you to change here: https://hastebin.com/ifumopocag.css

Gibbu
Frosted Glass

I can definitely add a option to have set the background image to transparent to my editor

Edit: turns out that will be harder than I thought :\

Gibbu
Frosted Glass

Make sure Hardware Acceleration is enabled in your Appearance settings.

Gibbu
Frosted Glass

I think I understand what you're saying. The preview only works like that on browsers that aren't chrome/chromium based. But you can still change it. Simply open your FrostedGlass.theme.css file and mess around with the --popout-modal-size and --popout-modal-position variables. A simple Google search for "CSS background-position" and "CSS background-size" should tell you all you need for edit it.

Gibbu
Frosted Glass

Open your FrostedGlass.theme.css file and set --show-gift-gif-buttons to block. Like so: https://i.imgur.com/1KdApzP.jpg

Gibbu
Frosted Glass

You can do something like this by using the background tint variables. Example: https://i.imgur.com/VPpTonI.mp4
I also recommend using my editor as it will make customizing it a lot easier. https://gibbu.me/editor/frostedglass

Gibbu
Frosted Glass

Hey man, CSS is pretty easy to learn, so either do that and customize it to your liking or use a different theme.

Gibbu
Frosted Glass

The image itself is actually blurry while zoomed in at 100% (https://i.imgur.com/kYW2H5C.jpg). If you want similar images or try find one that's not blurry, you can Google "Among Trees game wallpapers".

Gibbu
Frosted Glass

Yep. All you have to do is add this variable: --text-shadow: 0; to your FrostedGlass.theme.css file. Like so: https://i.imgur.com/gydrQkE.jpg

Gibbu
Frosted Glass

Make sure the file name doesn't contain any (1), (2) ect..

Gibbu
Frosted Glass

I'm not sure what you mean, can you provide screenshots?

Gibbu
Frosted Glass

Ahhh, I see. I'll see what I can do

Gibbu
Horizontal Server List

Not yet, but I could try figure out a way

Gibbu
Frosted Glass

Huh, I've never seen this before. Could you try disabling all your plugins and then check again? I really can't think of anything that would cause this.

Gibbu
RadialStatus

They are lying. The data that Discord sends for Invisible is the exact same as Offline to end users. Meaning there is no way to separate them. The theme only allows you to set your own invisibility colour.

Also this is a theme, not a plugin.

Gibbu
Adjustable Server Width

No

Gibbu
MinimalCord

Chose a different theme

Gibbu
RadialStatus

Ahh true. It does seem like a bug. Just Discord Thingsā„¢

Gibbu
Frosted Glass

What the crap is the posts tab? A screenshot would help a lot

Gibbu
RadialStatus

Not possible with a theme. Download StatusEverywhere By Zerebos
https://betterdiscordlibrary.com/plugins/StatusEverywhere

Gibbu
RadialStatus

Make sure the filename doesn't contain any (1), (2), ect...

Gibbu
Frosted Glass

Yeah true, I had forgot to update the comment when changing the blur method

Gibbu
Frosted Glass

The easiest way is to just use my online theme editor: https://gibbu.me/editor/frostedglass

Gibbu
Frosted Glass

Yep. Open your FrostedGlass.theme.css file and change --window-padding: 20px; to --window-padding: 0px;.

Gibbu
Frosted Glass

You can easily turn it back on. Open your FrostedGlass.theme.css file and set --show-gift-gif-buttons to block. Like so: https://i.imgur.com/1KdApzP.jpg

I removed them because you can access GIFS from the emote panel now.

Gibbu
Frosted Glass

Are you using PTB/Canary builds of Discord?

Gibbu
Frosted Glass

Seems like it was a recent update by Discord. It's been fixed now.

Gibbu
Frosted Glass

Learn CSS and change it yourself. There are too many classes to just give 1 person. And adding new variables for it would make the theme file a lot more cluttered.

Gibbu
RadialStatus

Moving the icon after their name is possible but that will mean every theme would have to add compatibility meaning the theme wouldn't work right at the start for all themes.
Removing the ring while on mobile is an idea but just would look weird.

Gibbu
Frosted Glass

While this is possible it is extremely hard. I've tried it once and couldn't get it to work. But I'll give it a shot when I'm not busy with other things.

Gibbu
RadialStatus

It's a bug on Discords behalf. Most likely will be fixed soon.

Gibbu
Horizontal Server List
  1. Copy the @import url("https://gibbu.github.io/BetterDiscord-Themes/addons/bottomhsl.css");.
  2. Open your HorizontalServerList.theme.css file location in your BetterDiscord themes folder.
  3. Paste the copied @import directly under the first @import. Like so: https://i.imgur.com/9377UAz.jpg
  4. Save.

I can't really explain it anymore because it really is that simple.