0 p.

Theme «Neutron v8.0.0» for Discord

Theme Neutron v8.0.0 for Discord

The bright neon colors, transitioning from blue to pink, are the main feature of this theme. The side left panel is not separated from the main chat field. The right panel is separated from the chat by a slider. According to the classics, links are highlighted in blue, the main font is white. Notifications have a bright green backing, exactly like the top part in the block that appears when you view information about a contact. Messages, as well as the text input field, have a semi-transparent dark background, which makes it easier to read the text against the discord background.

How to install Discord design

  1. Download 8976-neutron-x.theme.css.
  2. If this is your first time installing a theme: install BetterDiscord
  3. Launch Discord and go to the client settings.
  4. In the "Themes" section, click "Open Theme Folder". This will open an explorer window, where you will need to move the obtained file.
  5. Go back to the client settings and apply the added skin.

Alternatively, you can install by inserting code into the Custom CSS field.

Custom CSS

/**
 * @name Neutron
 * @version 8.0
 * @description A simple but highly customizable theme, now sugar free!
 * @author Spectra#7698
 * @invite PZdnCVD
 * @source https://github.com/codedotspectra/themes
 * @website https://betterdiscord.app/theme/Neutron
*/
@import url("https://codedotspectra.github.io/themes/themes-cores/neutron8.css");
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap'); /* Custom font import link (see fonts.google.com) */
:root {
  /* COLORS */
  --themeColor1: #36D1DC; /* Theme's color 1 */
  --themeColor2: #5B86E5; /* Theme's color 2 */

  /* CUSTOM FONT */
  --customFont: 'Open sans', sans-serif; /* Custom font, change the name in 'font name here', you must import the font first */

  /* HOME BUTTON */
  --homeImage: url('https://limeshark.dev/img/n/icon.png');/* Home button image, must be a direct link | You can also set it to a gradient, google "css gradient"*/
  --homeImageSize: cover;/* To cover the button, set to "cover". You can also set it to "100% 100%" but the image will be stretched. Set to "contain" to see the entire image */

  /* BACKGROUND */
  --backgroundColor: #0d0d0d; /* Background color */
  --backgroundImage: url('https://limeshark.dev/img/n/background.jpg'); /* Backround image, must be a direct link | You can also set it to a gradient, google "css gradient"*/
  --backgroundPosition: center; /* Image position | center, left, right, bottom, top */
  --backgroundSize: cover; /* To cover the entire app, set to "cover". You can also set it to "100% 100%" but the image will be stretched. Set to "contain" to see the entire image */
  --backgroundRepeat: no-repeat; /* if you want the image to repeat | Google "css background repeat" */
  --backgroundBlur: 100px; /* Set to 0 to remove blur | Set to 10px for average blur */
  --backgroundOpacity: .65; /* 0 is transparent */

  /* CODE BLOCKS */
  --backgroundCode: rgba(0,0,0,.5);
  --backgroundName: rgba(0,0,0,.5);
}
Download file

Comments

Cancel