How to make a better discord themes. Recommended for use with SystemColor.

How to make a better discord themes. Drag the file you downloaded into the themes folder that opened. If you're new to CSS, consider brushing up on the basics as it will be essential for customizing the Discord interface. BetterDiscord is a popular Discord mod that allows users to customize the look and feel of their Discord client. this theme uses a dev script to check for changes in the source css files and combine them into a build file. This can be performance-heavy and cause visibility issues. How To Install Themes on BetterDiscord If you're looking for a way to personalize your Discord experience, - from changing the font to completely customizing the interface, - BetterDiscord themes are by far the best choice. css BetterDiscord extends the functionality of DiscordApp by enhancing it with new features. Prerequisites How To Make DISCORD BETTER Using Vencord | Setup + Best Plugins 🌟 - This video is a quick video on How to set up Vencord, Add Themes, Use Plugins, and a list of the best plugins to add. Mar 10, 2023 · Hence, in this guide, you'll learn how to change your background or theme on Discord in 3 easy steps using BetterDiscord. css file builds to the /test directory, which can then be copied into your client mod's Custom CSS or placed in the themes folder and enabled in settings. At the top click the Open XXXXXX Folder button. Acrylic should only be used in small areas. ignore tagsbetterdiscord themes/ how to use betterdiscord themes/ better discord themes not working/ custom discord themes / how to install custom themes on Before you start editing, just a little heads up: If you find any bugs with this editor, please do not annoy the theme developers. This is especially Spending your whole life on discord is boring. Easy to use interface. to run locally: clone the repository. There are many free (and open source) icon packages out there that you can either use or take inspiration from. Jan 2, 2022 · This is the ultimate list of best Discord Themes to use in 2025. How To Make Your Own Custom Theme For BetterDiscord (Walkthrough) TNTKirby 347 subscribers 12 Jan 22, 2024 · In this video I will show you how to change the theme and font of your discord application. gg/PZdnCVD Read the rules Check #read Basics to creating Better Discord Themes To join my Theme Discord server use this link: https://discord. Discor Oct 24, 2023 · Why is BetterDiscord not working? Typically, BetterDiscord plugins and themes stop working or experience issues when Discord rolls out a new update for its platform. Go ahead and save that in the themes folder and open it up in your favorite editor. However, this is not recommended since Acrylic is a transparent material, which blurs the contents behind windows. Whether you're tweaking colors or adding your own CSS, this step-by-step guide will help you personalize your Discord experience. Jan 17, 2025 · Hence, in this guide, you'll learn how to change your background or theme on Discord in 3 easy steps using BetterDiscord. If you don't, refer to question #1. If you need help or confused lmk in the comments!You can also do it for the discord app, its the same process your jus downloading vencord differently. Jun 19, 2024 · A vibrant neon synthwave theme with customisable background and tweaks. Based on Outlook Web. #discord #discordtheme #discordbackground #fyp #dyi How To Make Custom Discord Theme | Easy DIY Animated BetterDiscord Theme | Better Discord 2025 In this video I will show you quick easy how to Transparency Enable transparency and use a transparent theme for a see-through window. Transparency General Making the Discord client transparent enough to have a background can actually take a fair bit of work to do properly. Jul 12, 2024 · Your Discord web interface should now have a cute pink theme applied. Navigate to the BetterDiscord Themes page in any browser of your choice. However, when a plugin is widely used, we try our best to stay compatible. Quick Start Understand the basics in under 2 minutes by following this The best way to get custom Discord themes is to download and install the Better Discord extension. TL;DR If you just want to set a colour scheme with a background image, and don’t have the time or energy to read this page, use bdeditor. SkeuoCord gives Discord a skeuomorphic overhaul. Feb 16, 2022 · Did you know that you can download and install themes on Discord? With BetterDiscord, you can apply Discord themes with ease. Feb 4, 2022 · A theme to keep Discord small and minimal. theme-light . Themes MUST end with a . It's a stylesheet language not a programming language. BD Editorhttps://bdeditor. Take a look at BetterDiscord Themes to customize Discord UI and layout. ) Screenshots Dark mode Light mode + glass effect Customization Third party Discord clients UserStyle Step 5: Install Themes Themes are a great way to customize the appearance of your Discord. A highly customizable theme based off of the OperaGX browser. A cold, dark & frosty theme. Jul 9, 2021 · Example for a Discord theme Downloading Themes and applying them First you have to install the Discord app. Default: 8px --mention-hue - The hue value for the message mention In Discord, go to your BetterDiscord settings and select either the Plugins or Themes tab depending on what you chose in the first step. All this is done by using Better Discord. How to Get Custom Discord Themes & plugins Using Vencord Looking to make Discord better? Check out this tutorial on how to use free plugins and themes with Vencord to enhance your Discord experience. There are plenty in the Discord server. If you already have downloaded Discord you should check if you are on the newest version Transparency Enable transparency and use a transparent theme for a see-through window. At the top of the themes page, click the "Open themes folder" button. The Intermediate guide starts to branch into some of the more difficult but commonly used features available to themes. You’ll also find helpful tips and Sort By Popular Release Date Name Likes Downloads Recently Updated Tags flat transparent layout customizable fiction nature space dark light game anime red orange green purple black other high-contrast white aqua animated yellow blue abstract Submit a theme Jul 14, 2025 · A complete skeuomorphic overhaul for Discord. 03:30 - Selecting the custom font. Almost every part of its interface, from channels to the Server Boost page, is themed for a complete look. truehi! this was a while ago and you may have already found a solution, but I recently got betterdiscord and found myself with the same situation as you. Join my Discord Server and tell me about them there or open a GitHub issue. In addition, you can make your own custom theme using the following applications #discord #discordserver #discordtheme #ceed Please like and subscribe for more content like this, also, it would really help me out!!Video LinksTheme Maker: Many themes choose to override Discord's icons with their own in order to better match the vibe they are going for. Want to customize your Discord experience with unique themes? In this step-by-step tutorial, I’ll show you how to create your own Discord themes without any coding skills! Using the amazing tool Timestamps:00:40 - Explaining the different types of templates. Optimizing Performance This guide goes over what it means when we say CSS performance as well as some potential optimizations you can take advantage of. If you have a theme/plugin that you would like to see be compatible with MinimalMode, please create an issue with the [Compatibility] tag. Highly customizable and can be used with both Nitro and third-party theme. Jan 9, 2023 · Key Takeaways Discord is a popular VOIP service used for communication, lacking customization options beyond Light and Dark themes. The Basics guide walks you through the basics of making themes including the thought processes and some examples. Changes the Server List to a gridlike container to allow servers to be displayed in Jun 10, 2025 · A sleek, customizable Discord theme, inspired by Material. 02:00 - Changing the theme background image and home icon. create a . Oct 31, 2024 · How to Create a Custom Theme for Discord Overview This simple and basic guide will walk you through the steps to create a custom theme for Discord using BetterDiscord. dev/themes where you can choose a theme template available on betterdiscord and change the colors however you'd like, then download it and apply it easily because it's already Mar 15, 2025 · Betterdiscordthemes is a platform where you can create and share custom themes for the popular Discord chat application. The Discord Reference section is purely a reference to what variables are available as well as the values NotAnotherAnimeTheme is a highly customizable theme for Discord (with BetterDiscord or Powercord) allowing for a revitalized and fresh take on the Discord UI. Pre-requisites BetterDiscord ️ BetterDiscord is a client mod with endless flexibility and addons. The user has full control over the default configuration. Click the Open Themes Folder button. net and type ‘ Discord Theme Maker ‘ in the search bar. Better Discord is a mod that enhances Discord's features, allowing users to add themes and backgrounds, with popular themes like BasicBackground and Frosted Glass. BetterDiscord extends the functionality of DiscordApp by enhancing it with new features. Discord just released a big update, and pretty much everything is broken including themes. I don't recommend enabling the blur-behind feature Jun 9, 2025 · a dark, customizable discord theme. *SIMPLE AND EASY* How to get custom themes using Vencord. Wide selection of themes. By understanding how Discord themes work and using the right tools, you can easily modify the appearance of Discord to match your style and preferences. Display your picture of choice with adjustable blur and brightness. Drag the file that you just downloaded into your themes folder. The colours used in the theme to give it a unique feel. Jul 6, 2021 · Sprucing up your Discord with custom themes and tools is surprisingly simple. I want to customize my own discord theme with an animated background. They have no affiliation with the editor. This is based off of BetterDiscord's original MinimalMode. A simple but highly customizable theme, now sugar free! Allows you to customize Discord's native Color Scheme. On the surface, BetterDiscord can simply be used to create (or download, via their website) custom themes; including backgrounds, chat bubble design, UI placement, and customizable text. Its top priority is balancing between looks and performance. Feb 16, 2022 · Tired of the default light and dark themes on Discord? Here are the best Discord themes you should install using the BetterDiscord mod. Feb 19, 2025 · Betterdiscordthemes is a platform where you can create and share custom themes for the popular Discord chat application. a lot of websites i've gotten extensions to alter their appearance, ive been using programs to alter the actual look of my pc to look like XP (taskbar, start menu, icons, etc), i've got themes for my browsers to make them look older, blahblahblah but now i'm Ensure you have BetterDiscord installed. Here's how to do it. If you want some more details, or just prefer a visual guide, take a look at our tutorial on installing addons that includes a demonstration video. Want to give your Discord a fresh, personalized look? This simple beginner's guide shows you how to make custom Discord themes using Vencord—no coding requir Before you start editing, just a little heads up: If you find any bugs with this editor, please do not annoy the theme developers. If you would like to theme and would like to jump right in, see my theme template. I don't think anyone has remade those themes. In this video, I show you how to make Discord look way better than it normally does!BetterDiscord: https://betterdiscord. Feb 11, 2023 · What are some of the best Better Discord Themes? Here are the 21 most popular options for the Better mod. Quick Start Understand the basics in under 2 minutes by following this Make Discord match your unique vibe with custom themes! Nitro subscribers can choose custom themes with endless color combinations to customize their app’s appearance. Your Theme So you've seen other themes that import and update automatically, and you've seen and used these mini-themes in your own theme, and now you want to follow suit and make your theme an import that updates automatically. Some of the most popular BetterDiscord themes include "ClearVision" and "Midnight Mars. If you'd like to see some examples, there are plenty on the BetterDiscord website. Highly customizable theme for BetterDiscord (and Powercord). How do I install BetterDiscord themes? Jan 7, 2021 · If you have any questions related to how to make a theme for Better Discord or anything related to Discord, you can try to address it to the customer support of Discord. The Easiest Way To Edit Discord Themes No need to learn CSS. Well fort Apr 1, 2024 · Want certain things to look like they normally do in Discord? I have made some import addons which changes certain aspects of the theme. Mar 15, 2024 · Replaces Discord's Emojis with Emojis of a different Provider (Apple, Facebook) BetterDiscord extends the functionality of DiscordApp by enhancing it with new features. theme The Introduction section gives a lot of background information on theme requirements, the development environment, and the tools at your disposal. Open DevTools with Ctrl + Shift + I (windows/linux) / Cmd + Opt + I (mac). gg/PZdnCVD 1. These themes can be personalized to reflect your unique style and preferences while providing a visually appealing and cohesive aesthetic for your Discord interface. Quick Start Hello World If you already know the basics, or just prefer to learn by trying it yourself and poking around, try this basic theme template. help me to make my themes even better! Join the discord server! Suggestions and bugs reports are welcome Discord server invite : https://discord. Jun 26, 2024 · A Windows XP style theme built for BetterDiscord. BetterDiscord ️ BetterDiscord is a client mod with endless flexibility and addons. 04 We actually don't need more than that to be a valid theme file for BetterDiscord to load. Don't like the spacing around the app? Set both of these to 0. WEBSITE DOMAIN EXPIRED, REDIRECTS TO SPAM/SCAM. com May 24, 2025 · In this post, I’ll guide you through customizing and editing a Discord theme. But which one do WE think is best? Feb 14, 2024 · Here are some eye-catching better Discord themes that make your Discord look appealing. To do this, head to the BetterDiscord settings and click on the Themes tab. The main. Moves the server list from the left to the top of Discord. Unless you know CSS and don't mind spending the time recreating it yourself, just use a premade theme. theme extension or . Having an custom theme on discord is not only interesting, but is also aesthetically pleasing. Go back to your Plugins or Themes pages and enable your plugin or theme. 0 meaning fully transparent, 1 meaning full black. Note: ClearVision doesn't actively support plugins (as in, we don't seek out and actively theme fixes to every new plugin). 4) --message-radius - The border radius for messages. 1. Use the buttons above to navigate the guide. BetterDiscord works by modifying the official Discord client, and updates to Discord can change the underlying code and structure of the application. Both Mica and Mica Tabbed are tested recommended. You'll learn how to change discord theme from the default themes but to further customize discord appearance I'll show you how to install better discord themes on your mac or windows. Go back to your Themes tab in Discord and enable your theme. The only limit to the customization is your own imagination. In Discord, go to your BetterDiscord settings and select either the Plugins or Themes tab depending on what you chose in the first step. Mar 26, 2021 · MinimalCord Changes Discord enough to give it a fresh feel while also making it darker. Hello World If you already know the basics, or just prefer to learn by trying it yourself and poking around, try this basic theme template. CSS Performance For many, the performance of CSS may sound crazy. dev. gg/QVCK3bt Make sure to delete anything that you do not want changed and how it is will set everyhting you don't change to solid black! Jan 24, 2022 · User settings DMs Variables ** Indicates that it has two values for both the dark and light themes of Discord. Open Settings > BetterDiscord > Settings > Developer Settings. Check the tabs on the left for a new section called BetterDiscord (see below) Enjoy BetterDiscord! Manual Installation For those that can't get the automatic installers to work, those that want more control over their installation, and for developers. The Advanced guide goes more in depth with advanced concepts including CSS preprocessing and optimizing your theme. See addons below to get them back! [!IMPORTANT] Enable "Sync Profile Themes" in Settings > Accessibility to fix broken profile colors UI Density should be on default, i wont support the other 2 options (they still :is(. no good pink themes. Recommended for use with SystemColor. 68K subscribers Subscribe How dark parts of the app are. 🎨 BetterDiscord will help you have a beautiful and more useful user experience on Discord. But the way you write your CSS can have a serious effect on the performance of rendering the page. You will also learn how to download and install these themes. 8)] */ Jul 16, 2024 · Hence, in this guide, you'll learn how to change your background or theme on Discord in 3 easy steps using BetterDiscord. From there, click on the Open Theme Folder button, which will take you to the default theme folder. Installing a whole bunch of BetterDiscord themes and plugins can be a bit of a hassle. To dive into details regarding how to install Better Discord and how to use it; please keep reading! 0:00 Intro0:22 BetterDiscord website0:44 Install downloaded theme0:55 Theme folderBetterDiscord download link:https://betterdiscord. theme. For other methods described above you can always get the latest version of Chillax from GitHub. All these premade themes suck. This is a step-by-step guide to creating Discord themes. app/BetterDiscord themes Jul 13, 2024 · If you want to use a custom Discord client with plugins and themes, then look no further than Better Discord. Before you start editing, just a little heads up: If you find any bugs with this editor, please do not annoy the theme developers. theme-dark or . After closing this, you can still report a bug by pressing the button at the top right of your screen. Nov 18, 2023 · Replaces Discord's native Blurple and Boost-Pink with your own Color Jan 29, 2024 · Virtual Boy is a Discord theme based on a failed games console by Nintendo of the same name. In the meantime, for updates on the fixes/situation, you can join the betterdiscord discord server, and just keep watch of the support and announcement channels; / discord How To Make Custom Discord Themes | Better Discord 2024 Azi Designs 3. Jan 27, 2021 · It’s simple and easy to use, and you can customise any of the wonderful Discord theme ideas on offer in no time at all. appBlack Hole Theme: https://betterd Oct 20, 2024 · You could use any backdrop material, like Acrylic, with a Discord-Mica theme. Scroll down and open your Themes tab. " These themes can be downloaded from the BetterDiscord website or from various Discord theme repositories. No extra steps needed, DevTools is enabled by default. The BetterDiscord community has accumulated an interesting library of plugins for everything Sep 13, 2023 · Looking to enhance your Discord experience? Learn how to get better Discord with these tips, tricks, and customization options. With this extension, you will be able to modify the existing themes and add custom ones as well. This guide will teach you how to make your own themes using the Betterdiscordthemes editor. May 16, 2024 · Creating a custom Discord theme using CSS is a great way to personalize your chat experience and make Discord truly your own. Locate the following line and comment it out by wrapping it with /* and */: Oct 8, 2022 · But using Better Discord, it is possible to change the discord background theme. but there are sites like https://bdeditor. Users can download and install Better Discord from its official website, then follow simple steps to Jun 1, 2025 · Ever wished you could make Discord truly your own with a fresh look or unique style? You’re not alone—many users crave more customization than the basic themes allow. theme-midnight, . We actually don't need more than that to be a valid theme file for BetterDiscord to load. Theme Structure TIP This page only goes over the body of a theme. Both dark and light themes (including the Dark Sidebar option for the light theme) are supported. This helps the theme a lot. May 12, 2025 · Are you confused about picking the better discord themes for making a customized chat? Go through below detailed article talking about the best discord backgrounds and choose the right one for you. BetterDiscord has an extensive library of themes that you can download and install. Jul 6, 2024 · A theme which make your Discord becomes rounded. Sep 16, 2025 · Restores discord's 2020 UIA theme for Discord that brings the 2020 UI back without removing features By default, it completely removes profile effects (like banners) and clan tags. User avatar radiuses-borders, app background image, text shadows and UI element colors can be How to get custom Discord themes using Vencord. Default: 8px --message-padding-side - The left and right padding for messages. Default: rgba(0,0,0, 0. Make sure you have read up on the addon system first. Jun 16, 2025 · BetterDiscord Themes All the themes/mini-themes/tools i made for Discord. Sep 13, 2022 · However, unlike Discord, the Better Discord allows users to have captivating themes, bots and plugins in their chats. In this video I will show you how to change the theme and font of your discord application. to/ Code "KStar"--------------------------------👉 S Many themes choose to override Discord's icons with their own in order to better match the vibe they are going for. Open (or switch to) Discord, and open Discord's settings. Oct 18, 2021 · Frosted Glass Display your picture of choice with adjustable blur and brightness. 🧩 Extending the platform is as easy as clicking install on a plugin or theme. Subscribe to Digital Navigator to get more solutions to your problems! May 15, 2025 · Contributing Run pnpm run test to compile the theme. User customization This theme is very customizable. It sports an amoled background and red accents. In addition, you might also want to visit the communities or forums of Discord and interact with the members so that you will come with the answers to your questions. Highly customizable and beautiful theme for BetterDiscord. 8); /* app background shading color [default: rgba(0, 0, 0, 0. Here's how to download and install them. Mine is broken as well, we can only wait for the devs to update the client, themes and plugins. Instead of using :root, use . gg/5BtB3Tc To join my gaming Discord server use this link: https://discord. If you want to make further customizations, you can tweak the CSS code to better fit your preferences. With the Inspect Element tool (top left corner of DevTools), click on an area that you want to style. Discord+ is a theme for Discord. Aug 9, 2025 · Some of our best What do I do if the theme is outdated? Well, it depends on how you installed the theme. Exponent Discord Theme A Windows XP style Discord theme. How to Get Custom Discord Themes Using the Discord Theme Maker Step 1: Select a Discord Theme Template Go to Placeit. Custom CSS lets you transform your Discord interface, making it as vibrant or minimalistic as you want. Every part of the theme is customizable, from the background image to the scroll bar colors. If you would like to share your theme presets with people, you can post them in the #presets channel on the discord server. Synthesis Discord Theme A vibrant neon synthwave Discord theme. Now go back to Discord and enable your theme in BetterDiscord settings. css with file name extensions enabled. Feb 26, 2021 · A translucent/frosted glass Discord theme--message-color - The background color for messages. May 22, 2025 · Highly customized dark and purple themeTo switch to the Default Member List version of the theme, follow these steps: Open the theme file in a text editor. theme-midnight) { --background-shading: rgba(0, 0, 0, 0. Jun 27, 2024 · Discord 11 Version 4 is out! A theme based on Windows 11's UI - by zuzumi Special thanks to Agentseed for maintaining the theme while I wasn't here Discord 11 Windows 11 UI Install Third party Discord clients UserStyle (Stylus, Stylish etc. Nepna 103 subscribers Subscribe Dec 23, 2024 · Better Discord is an add-on service, that allows you to download themes and install quality of life plugins to your normal Discord. theme-light. How to Change Discord Background / Theme Using BetterDiscord (2022)BetterDiscord:Themes and Backgrounds for Better Discord: Themes Transform Discord into another app or even a wallpaper of your choosing. Oct 21, 2024 · Here's how to install BetterDiscord on Windows and Mac to customize your Discord experience using themes and plugins for greater control and personalization Sep 7, 2021 · How To Make Custom Discord Theme | Easy DIY Animated BetterDiscord Theme | Better Discord 2022In this video I will show you quick easy how to tutorial how to BetterDiscord ️ BetterDiscord is a client mod with endless flexibility and addons. Jun 29, 2025 · Allows you to customize Discord's native Color Scheme From there, you can customize it via variables or even override some of their styles with custom ones. dev/--------------------------------Best Discord Services: https://boostsupply. Aug 25, 2022 · BetterDiscord is a simple extension of the Discord app that allows user to customize all of Discord to their liking. Using ThemeRepo and PluginRepo, installing anything BetterDiscord rela ive been working hard to make my computer look like my family computer did back in like,,, 2008ish, basically the windows XP time period. Nov 2, 2024 · Betterdiscordthemes is a platform where you can create and share custom themes for the popular Discord chat application. Default: 8px --message-padding-top - The top and bottom padding for messages. There are many many elements with background colors that would obscure an applied background image. Desktop If you want your theme to be transparent or transluscent to the Sep 14, 2023 · How To Make Better Discord Themes 2025 | Custom Discord Themes Tutorial I hope this complete step-by-step tutorial helped you. Click it. Near the very bottom, there should be a themes tab. Quick Start Understand the basics in under 2 minutes by following this Are you looking to spice up your Discord server? Read on as I explain where you can find the BetterDiscord folder and how to install a theme of your choice. In this article, we’ll explain how to apply custom CSS to Discord, step by step. env file in the project root with the paths of any local theme files you want to update (comma separated) DEV_OUTPUT_PATH =C:\Users\USERNAME\AppData\Roaming\Vencord\themes\midnight-dev. Original BasicBackground by DevilBro Allows you to use a Background Image without greatly altering the basic Layout of Discord transparent customizable Download 654K May 29, 2021 · NotAnotherAnimeTheme is a highly customizable theme for Discord (with BetterDiscord or Powercord) allowing for a revitalized and fresh take on the Discord UI. This theme can usually work with other themes and plugins; however, there are some that take edits which MinimalMode does not account for. How to ask for help First, read the documentation down below or on the repo's wiki Join the discord server : https://discord. All you need to do is select and download an addon from our website and put it in your folder. Installing addons--like plugins and themes--is easy. Drag and drop, or move, the plugin or theme you downloaded into this folder. To follow along, you’ll need a basic understanding of CSS, the language used to style and layout web pages. Dark theme is required. super simple and straight forward video on how to get custom themes on Vencord. See full list on github. If you used the Better Discord Site then you can go there and download the latest one and replace it with the old one. Vencord and Better discord are NOT ALLOWED SO DO THIS AT YOUR OWN RISK. Supports both Light and Dark themes. . It's both sleek and customizable, without getting in your way. Just make sure any other themes are disabled for testing. Preview pictures can be found here. For BD and Vencord: Download the theme file from our official support server, the BetterDiscord Website or releases and move it into your injector's themes folder: BetterDiscord: %appdata BetterDiscord Secondary Server Open your User Settings page. Despite's disco Apr 17, 2024 · The Best Themes for BetterDiscord offer a range of customization options to enhance the appearance and functionality of your Discord experience. macOS with barely any customization. You can change the Server list message notice and Chat file attachment button back to their original appearance by adding either of these two lines of code to your DiscordNight. run npm i. Open your discord user settings. ghbfzrn ebfqin aanrq vbk vhouoci xnr xyfil pbxa fmlel oxxtxl