wikiHow is a wiki, similar to Wikipedia, which means that many of our articles are co-written by multiple authors. Descriptive & short about who you are: Designer, community builder, artist, speaker, and runner, Fact about yourself: I have 3 dogs named Snowball, Goldie, and Teddy, Meme or song: What does the fox say?. Color will be one of the first things someone notices when they click into your profile. Do you want to bring a cool or warm vibe? Can I use a custom color as my Discord background? If youve set your mobile device to switch to a dark theme at night, the Discord background will also change to dark mode if this setting is enabled. Learn more Do you want to change Discord's appearance to all-black, or make it bright white? Custom Profile on Mobile. 660. We learned how to solve the Discord Hex Color Gray by looking at a range of different cases. wikiHow is where trusted research and expert knowledge come together. When shading, be sure to create a new layer on top of your color layer and turn on a clipping mask to stay within the intended coloring area.. Your email address will not be published. Its when a designer sets up their artwork to be a dark blue, but when it printed, it looks to be more of a shade of purple. Discord doesnt allow users to use custom colors as backgrounds. How would you like your banner to look along with your avatar? This is automatically determined by the colors of your avatar. However, this isn't always the case (a small color, like a belt, can become the banner), and sometimes the banner color can be horrid as a block but work in a PFP. As for the apps background color, you have two options; light and dark modes. To change the background mode, open Discord on your desktop or phone. The light mode has a white background with a hex code #ffffff. Playful, formal, or funny? You can only apply it on the Discord desktop app, but it will appear across platforms. Steve has always been fascinated by technology, which led him to pursue his degree in computer science at Boston College, where he graduated with honors. It must be in PNG, JPG, or GIF (animation is supported) format. The hex code for the Discord background is #ffffff for the light mode and #36393e for the dark mode. To change Discords background from light to dark mode on the desktop version, follow the steps below: Follow the steps below to change Discords background from light to dark on mobile: Discord has two backgrounds, the light and the dark mode. Adding a frame to your avatar can help spice up your avatar for any sort of special occasion! Playful, serious, or funny? Discord is one of the best services for chatting with your friends and meeting like-minded people. For the light mode, the background color is white with a hex value of #FFFFFF. Discord Server: https://discord.gg/2fVcvNKHezDiscord just recently released a new profile color customization beta update! The hex code for the Discord background is #ffffff for the light mode and #36393e for the dark mode. 2. We have tried everything regarding discords settings to fix this issue with him stuttering. Discords logo is a very light shade of gray (#ffffff) against a blurple (#5865F2) background. Its shown when someone clicks on your name anywhere across Discord.. Some apps let you customize your app background to suit your color preferences. Like the profile color, the profile banner can only be set on the desktop version of Discord, but it will display on all devices. Discord is finally bringing multi-image embeds to mobile! To create this article, volunteer authors worked to edit and improve it over time. There are no right or wrong approaches here to coloring and visual effects. What do people say when you leave the room? Required fields are marked *. Now, we're ready to color! AntAptive. Hell yeah, I love this palette, thanks rienvsvndsfefgg lol. There are plenty of tools available to create your avatar with Photoshop, Procreate, Figma, Spline, Blender, your own camera, and plenty more!, If it helps, you may also create a moodboard to help you think of your theme and imagery. For instance, lavenders hex code is different from purples. While the apps default mode is the light mode, most users prefer the dark mode for its better aesthetic look and because it doesnt strain the eyes that much. If you have Nitro, then you may also have a different avatar and profile banner in each server youre in!. ), You can even use an animated avatar or select your favorite GIF! Richard Hebert is a tech-savvy writer and blogger who enjoys nothing more than helping others learn about the latest and greatest in the world of information technology. Choose imagery that represents the real you, whatever that may be!, Some pointers on uploading the best avatar: while you may use a square photo, itll be cropped to a circle when displayed on Discord. Discord has two appearance modes. This example is featuring one of the goodies we will be sharing towards the end of the blog post stay tuned to the end for a surprise! You can also set a profile banner. What do you do on Discord? On the other hand, the dark mode has a hex of #36393F. This is a PRO feature. Join my Discord Server: https://discord.gg/2fVcvNKHez3. If you're already logged into Discord, you can safely skip this step. Discord color palette created by futuristic_mc that consists #7289da,#424549,#36393e,#282b30,#1e2124 colors. Color theory explains the relationship between colors using art and science., Imagery is the visual language and aesthetic appearance that helps others recognize you. Similar to our avatar, we start by drawing basic shapes of all of the main objects for the foundation the game platforms, bunny, carrot, and mountains in the background. . 1. The hexadecimal color code #7289da is a medium light shade of blue. Steve Kuhn is the author of ITGeared.com, where he helps others with their tech-related issues and guides them through fixing any problems they may be having. This post will discuss the hex code for the Discord background and how to set the dark mode for the desktop and mobile app. Subscribe and like this video!2. Besides setting the mode to the two options, the desktop app lets you sync the app background with your computer. For Discord, you can change your background appearance to light or dark, and knowing what color each mode is has been a concern for many. Be aware of the area where its hidden by your avatar: Here are some different ways you can lay out your banner (but not limited to this): Once you decide on a design, now its time to sketch it. Today, wed like to share some design tips with everyone on Discord, on a place that anyone can use: your profile! Join. Lets see how to switch between the Discord modes available on your device. The logo consists of a graying game controller with two lavender blue (blurple) dots on a lavender blue squarish background. Customize features you have access to, like your Profile Avatar, About Me section, Profile Theme, or Custom Profile Banner. How Can I Change the Discord Background Mode? This is demonstrated by the following code. To set a profile color, open Discord on desktop and follow these steps: Click the cog icon (User Settings) in the bottom left. Instead, it offers dark and light modes, which you can switch between for your Discord background. When he's not writing or blogging, Richard can be found playing basketball or watching sci-fi movies. To see the theme in effect, navigate back to the chat window. Depending on your preference, you can use the light or the dark mode. Profile banners replace the profile color with an image. Click Edit profile. To finish off our outline, we can draw over our sketch to make the final outline like example 3. using the technical brush. Those are the only background colors you can find on Discord, and its upon you to decide which you prefer to use, depending on your taste. Click on either, and your background color will change. What inspires you? For example, neon colors have different meanings than pastel colors., Combining multiple colors can also enhance or take away from your message from your design. Sign up to save your gradient in your account, By signing up you agree to the 1, by Aisu Dragons, Download: Cherry Blossoms Frame Ver. We will discuss each versions steps below. Thumbnails are also good for more detailed and larger artwork., You may start with the larger areas first, then smaller. Instead, join a server and gain a Discord Blurple or Full White role. You can reference our bios section of this blog post for some examples., Lastly, there is no right or wrong way to approach your online identity and personal brand. We will discuss what color the Discord background is for its two modes. 3. Simply type the . Also join my Discord server, come join some events, make new friends and importantly, have fun!Support Me:1. Make sure to like and subscribe! By signing up you are agreeing to receive emails according to our privacy policy. No, Discord only allows two backgrounds, and those are the light and the dark mode. How To Change Discords Background to Dark Mode. That is the color Discord offers for dark mode. It helps build connection, trust, and memorability., Your tone of voice can be reflected through your bio, username, and the way you communicate with others online. The light mode is the apps default, but you can switch to the dark mode under User Settings.. The default mode is light, but you can easily switch between the two using the steps we will cover later. If this insight into the design process inspired you to pursue the design field further, wed love to have you join us at discord.gg/designbuddies and learn more about us at designbuddies.community. What colors best represent you? New comments cannot be posted and votes cannot be cast. Currently, the banner color for a user's profile is the "most prominent" color in their profile picture. Discord lets you customize your account in numerous ways, including setting a profile banner. The dark mode does not strain the eyes much, especially if you use the app at night. As you can see in the image below, this is what I picture it looking like. Is there a common theme youd like to carry across the two of them? , Sponsored By 10xer.co - Best remote Jobs . The logos icon consists of a light gray emblem of a game controller with two blurple dots representing joysticks.15-Aug-2022, We wanted to bring more energy to Discord for our entire color palette by brightening up the colors to be more bold and playful. You can use the light or the dark mode. Imagine a Place where you can belong to a school club, a gaming group, or a worldwide art community. Youll come away with practical tips on how to help make your own Discord profile stand out in style. HarshPatel. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/23\/Change-the-Display-Color-of-Discord-Step-1.jpg\/v4-460px-Change-the-Display-Color-of-Discord-Step-1.jpg","bigUrl":"\/images\/thumb\/2\/23\/Change-the-Display-Color-of-Discord-Step-1.jpg\/aid9005639-v4-728px-Change-the-Display-Color-of-Discord-Step-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/eb\/Change-the-Display-Color-of-Discord-Step-2.jpg\/v4-460px-Change-the-Display-Color-of-Discord-Step-2.jpg","bigUrl":"\/images\/thumb\/e\/eb\/Change-the-Display-Color-of-Discord-Step-2.jpg\/aid9005639-v4-728px-Change-the-Display-Color-of-Discord-Step-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e6\/Change-the-Display-Color-of-Discord-Step-3.jpg\/v4-460px-Change-the-Display-Color-of-Discord-Step-3.jpg","bigUrl":"\/images\/thumb\/e\/e6\/Change-the-Display-Color-of-Discord-Step-3.jpg\/aid9005639-v4-728px-Change-the-Display-Color-of-Discord-Step-3.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/97\/Change-the-Display-Color-of-Discord-Step-4.jpg\/v4-460px-Change-the-Display-Color-of-Discord-Step-4.jpg","bigUrl":"\/images\/thumb\/9\/97\/Change-the-Display-Color-of-Discord-Step-4.jpg\/aid9005639-v4-728px-Change-the-Display-Color-of-Discord-Step-4.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":545,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/aa\/Change-the-Display-Color-of-Discord-Step-5.jpg\/v4-460px-Change-the-Display-Color-of-Discord-Step-5.jpg","bigUrl":"\/images\/thumb\/a\/aa\/Change-the-Display-Color-of-Discord-Step-5.jpg\/aid9005639-v4-728px-Change-the-Display-Color-of-Discord-Step-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/97\/Change-the-Display-Color-of-Discord-Step-6.jpg\/v4-460px-Change-the-Display-Color-of-Discord-Step-6.jpg","bigUrl":"\/images\/thumb\/9\/97\/Change-the-Display-Color-of-Discord-Step-6.jpg\/aid9005639-v4-728px-Change-the-Display-Color-of-Discord-Step-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0b\/Change-the-Display-Color-of-Discord-Step-7.jpg\/v4-460px-Change-the-Display-Color-of-Discord-Step-7.jpg","bigUrl":"\/images\/thumb\/0\/0b\/Change-the-Display-Color-of-Discord-Step-7.jpg\/aid9005639-v4-728px-Change-the-Display-Color-of-Discord-Step-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e5\/Change-the-Display-Color-of-Discord-Step-8.jpg\/v4-460px-Change-the-Display-Color-of-Discord-Step-8.jpg","bigUrl":"\/images\/thumb\/e\/e5\/Change-the-Display-Color-of-Discord-Step-8.jpg\/aid9005639-v4-728px-Change-the-Display-Color-of-Discord-Step-8.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"