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

How to make a better discord themes. Custom CSS lets you transform your Discord interface, making it as vibrant or minimalistic as you want. BD Editorhttps://bdeditor. Discord just released a big update, and pretty much everything is broken including themes. 0 meaning fully transparent, 1 meaning full black. It's both sleek and customizable, without getting in your way. 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. These themes can be personalized to reflect your unique style and preferences while providing a visually appealing and cohesive aesthetic for your Discord interface. Jun 26, 2024 · A Windows XP style theme built for BetterDiscord. 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. The colours used in the theme to give it a unique feel. BetterDiscord works by modifying the official Discord client, and updates to Discord can change the underlying code and structure of the application. Themes MUST end with a . Go back to your Themes tab in Discord and enable your theme. I don't think anyone has remade those themes. Go back to your Plugins or Themes pages and enable your plugin or theme. Discord+ is a theme for Discord. Feb 11, 2023 · What are some of the best Better Discord Themes? Here are the 21 most popular options for the Better mod. 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. A highly customizable theme based off of the OperaGX browser. this theme uses a dev script to check for changes in the source css files and combine them into a build file. net and type ‘ Discord Theme Maker ‘ in the search bar. Highly customizable and beautiful theme for BetterDiscord. Just make sure any other themes are disabled for testing. 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. BetterDiscord has an extensive library of themes that you can download and install. 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. 🧩 Extending the platform is as easy as clicking install on a plugin or theme. 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. 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. BetterDiscord extends the functionality of DiscordApp by enhancing it with new features. For other methods described above you can always get the latest version of Chillax from GitHub. 03:30 - Selecting the custom font. 🎨 BetterDiscord will help you have a beautiful and more useful user experience on Discord. Drag the file you downloaded into the themes folder that opened. After closing this, you can still report a bug by pressing the button at the top right of your screen. Here's how to do it. 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. With this extension, you will be able to modify the existing themes and add custom ones as well. 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. Both Mica and Mica Tabbed are tested recommended. We actually don't need more than that to be a valid theme file for BetterDiscord to load. 68K subscribers Subscribe How dark parts of the app are. 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. All this is done by using Better Discord. In this video I will show you how to change the theme and font of your discord application. They have no affiliation with the editor. A simple but highly customizable theme, now sugar free! Allows you to customize Discord's native Color Scheme. 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. theme-dark or . If you would like to theme and would like to jump right in, see my theme template. 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. 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. Jul 9, 2021 · Example for a Discord theme Downloading Themes and applying them First you have to install the Discord app. Near the very bottom, there should be a themes tab. If you'd like to see some examples, there are plenty on the BetterDiscord website. 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. How to Get Custom Discord Themes Using the Discord Theme Maker Step 1: Select a Discord Theme Template Go to Placeit. Default: 8px --message-padding-side - The left and right padding for messages. 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. Jul 6, 2024 · A theme which make your Discord becomes rounded. BetterDiscord ️ BetterDiscord is a client mod with endless flexibility and addons. *SIMPLE AND EASY* How to get custom themes using Vencord. There are many many elements with background colors that would obscure an applied background image. Subscribe to Digital Navigator to get more solutions to your problems! May 15, 2025 · Contributing Run pnpm run test to compile the theme. Instead of using :root, use . theme. There are plenty in the Discord server. Feb 19, 2025 · Betterdiscordthemes is a platform where you can create and share custom themes for the popular Discord chat application. " These themes can be downloaded from the BetterDiscord website or from various Discord theme repositories. This helps the theme a lot. 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. If you don't, refer to question #1. Highly customizable and can be used with both Nitro and third-party theme. Use the buttons above to navigate the guide. Transparency General Making the Discord client transparent enough to have a background can actually take a fair bit of work to do properly. 1. However, when a plugin is widely used, we try our best to stay compatible. 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. But the way you write your CSS can have a serious effect on the performance of rendering the page. It's a stylesheet language not a programming language. Its top priority is balancing between looks and performance. Jul 6, 2021 · Sprucing up your Discord with custom themes and tools is surprisingly simple. How to ask for help First, read the documentation down below or on the repo's wiki Join the discord server : https://discord. Jun 19, 2024 · A vibrant neon synthwave theme with customisable background and tweaks. 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. Display your picture of choice with adjustable blur and brightness. Now go back to Discord and enable your theme in BetterDiscord settings. Default: 8px --message-padding-top - The top and bottom padding for messages. The main. Jan 2, 2022 · This is the ultimate list of best Discord Themes to use in 2025. With the Inspect Element tool (top left corner of DevTools), click on an area that you want to style. Dark theme is required. Feb 26, 2021 · A translucent/frosted glass Discord theme--message-color - The background color for messages. The user has full control over the default configuration. 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. 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. Highly customizable theme for BetterDiscord (and Powercord). 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. If you would like to share your theme presets with people, you can post them in the #presets channel on the discord server. 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. 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. SkeuoCord gives Discord a skeuomorphic overhaul. Wide selection of themes. The Intermediate guide starts to branch into some of the more difficult but commonly used features available to themes. If you have a theme/plugin that you would like to see be compatible with MinimalMode, please create an issue with the [Compatibility] tag. The Advanced guide goes more in depth with advanced concepts including CSS preprocessing and optimizing your theme. Navigate to the BetterDiscord Themes page in any browser of your choice. css BetterDiscord extends the functionality of DiscordApp by enhancing it with new features. I want to customize my own discord theme with an animated background. 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. I don't recommend enabling the blur-behind feature Jun 9, 2025 · a dark, customizable discord theme. Click it. 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. From there, click on the Open Theme Folder button, which will take you to the default theme folder. 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. However, this is not recommended since Acrylic is a transparent material, which blurs the contents behind windows. Easy to use interface. 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. This is a step-by-step guide to creating Discord themes. This theme can usually work with other themes and plugins; however, there are some that take edits which MinimalMode does not account for. Some of the most popular BetterDiscord themes include "ClearVision" and "Midnight Mars. Installing a whole bunch of BetterDiscord themes and plugins can be a bit of a hassle. Having an custom theme on discord is not only interesting, but is also aesthetically pleasing. run npm i. Default: rgba(0,0,0, 0. Nov 2, 2024 · Betterdiscordthemes is a platform where you can create and share custom themes for the popular Discord chat application. 02:00 - Changing the theme background image and home icon. Here's how to download and install them. See full list on github. 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. 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. 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. Scroll down and open your Themes tab. 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. Almost every part of its interface, from channels to the Server Boost page, is themed for a complete look. 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. 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. 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. theme The Introduction section gives a lot of background information on theme requirements, the development environment, and the tools at your disposal. . All these premade themes suck. #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. theme-midnight) { --background-shading: rgba(0, 0, 0, 0. User customization This theme is very customizable. Oct 18, 2021 · Frosted Glass Display your picture of choice with adjustable blur and brightness. 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. Vencord and Better discord are NOT ALLOWED SO DO THIS AT YOUR OWN RISK. super simple and straight forward video on how to get custom themes on Vencord. 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. 8); /* app background shading color [default: 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. No extra steps needed, DevTools is enabled by default. 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. The Easiest Way To Edit Discord Themes No need to learn CSS. Jun 16, 2025 · BetterDiscord Themes All the themes/mini-themes/tools i made for Discord. There are many free (and open source) icon packages out there that you can either use or take inspiration from. macOS with barely any customization. Make sure you have read up on the addon system first. Click the Open Themes Folder button. dev/--------------------------------Best Discord Services: https://boostsupply. In this article, we’ll explain how to apply custom CSS to Discord, step by step. 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. 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(. If you used the Better Discord Site then you can go there and download the latest one and replace it with the old one. Don't like the spacing around the app? Set both of these to 0. 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. com May 24, 2025 · In this post, I’ll guide you through customizing and editing a Discord theme. Feb 4, 2022 · A theme to keep Discord small and minimal. In this video, I show you how to make Discord look way better than it normally does!BetterDiscord: https://betterdiscord. css with file name extensions enabled. Drag and drop, or move, the plugin or theme you downloaded into this folder. Sep 13, 2022 · However, unlike Discord, the Better Discord allows users to have captivating themes, bots and plugins in their chats. 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. 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. It sports an amoled background and red accents. theme-light . appBlack Hole Theme: https://betterd Oct 20, 2024 · You could use any backdrop material, like Acrylic, with a Discord-Mica theme. 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. User avatar radiuses-borders, app background image, text shadows and UI element colors can be How to get custom Discord themes using Vencord. If you're new to CSS, consider brushing up on the basics as it will be essential for customizing the Discord interface. Moves the server list from the left to the top of Discord. 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. 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. 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. 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. A cold, dark & frosty theme. Pre-requisites BetterDiscord ️ BetterDiscord is a client mod with endless flexibility and addons. 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. 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. Mar 26, 2021 · MinimalCord Changes Discord enough to give it a fresh feel while also making it darker. If you want to make further customizations, you can tweak the CSS code to better fit your preferences. gg/PZdnCVD 1. theme-midnight, . Both dark and light themes (including the Dark Sidebar option for the light theme) are supported. 04 We actually don't need more than that to be a valid theme file for BetterDiscord to load. CSS Performance For many, the performance of CSS may sound crazy. Installing addons--like plugins and themes--is easy. help me to make my themes even better! Join the discord server! Suggestions and bugs reports are welcome Discord server invite : https://discord. Supports both Light and Dark themes. Open your discord user settings. In Discord, go to your BetterDiscord settings and select either the Plugins or Themes tab depending on what you chose in the first step. Go ahead and save that in the themes folder and open it up in your favorite editor. Note: ClearVision doesn't actively support plugins (as in, we don't seek out and actively theme fixes to every new plugin). You will also learn how to download and install these themes. to run locally: clone the repository. At the top click the Open XXXXXX Folder button. Exponent Discord Theme A Windows XP style Discord theme. 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. Every part of the theme is customizable, from the background image to the scroll bar colors. 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. Theme Structure TIP This page only goes over the body of a theme. create a . 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. Based on Outlook Web. 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. This is especially Spending your whole life on discord is boring. 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. Open (or switch to) Discord, and open Discord's settings. Open DevTools with Ctrl + Shift + I (windows/linux) / Cmd + Opt + I (mac). Take a look at BetterDiscord Themes to customize Discord UI and layout. Recommended for use with SystemColor. 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. 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. Jul 12, 2024 · Your Discord web interface should now have a cute pink theme applied. gg/PZdnCVD Read the rules Check #read Basics to creating Better Discord Themes To join my Theme Discord server use this link: https://discord. Feb 16, 2022 · Did you know that you can download and install themes on Discord? With BetterDiscord, you can apply Discord themes with ease. 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. 4) --message-radius - The border radius for messages. WEBSITE DOMAIN EXPIRED, REDIRECTS TO SPAM/SCAM. Unless you know CSS and don't mind spending the time recreating it yourself, just use a premade theme. This is based off of BetterDiscord's original MinimalMode. Join my Discord Server and tell me about them there or open a GitHub issue. 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. To follow along, you’ll need a basic understanding of CSS, the language used to style and layout web pages. The only limit to the customization is your own imagination. All you need to do is select and download an addon from our website and put it in your folder. 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. To do this, head to the BetterDiscord settings and click on the Themes tab. gg/5BtB3Tc To join my gaming Discord server use this link: https://discord. theme extension or . Acrylic should only be used in small areas. Aug 25, 2022 · BetterDiscord is a simple extension of the Discord app that allows user to customize all of Discord to their liking. This can be performance-heavy and cause visibility issues. 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. 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. The Basics guide walks you through the basics of making themes including the thought processes and some examples. Preview pictures can be found here. 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. At the top of the themes page, click the "Open themes folder" button. 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. 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. Whether you're tweaking colors or adding your own CSS, this step-by-step guide will help you personalize your Discord experience. dev. 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. 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. ) 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. Jan 9, 2023 · Key Takeaways Discord is a popular VOIP service used for communication, lacking customization options beyond Light and Dark themes. 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-light. Synthesis Discord Theme A vibrant neon synthwave Discord theme. 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. 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 guide will teach you how to make your own themes using the Betterdiscordthemes editor. BetterDiscord is a popular Discord mod that allows users to customize the look and feel of their Discord client. no good pink themes. 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. Open Settings > BetterDiscord > Settings > Developer Settings. Mine is broken as well, we can only wait for the devs to update the client, themes and plugins. 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. but there are sites like https://bdeditor. Drag the file that you just downloaded into your themes folder. qszlr asqku fkbroj ptusab pdl jctdw ror mjqdunv xyyubn alykes