0 p.

Theme «Spiral Animated» for Discord

Theme Spiral Animated for Discord
Beautiful creative animated wallpapers for your DiscordnImprove the appearance of the interface thanks to a palette of colors replacing each other in the form of a spiral.nSuitable for lovers of a soothing blend of minimalism, technology and animation.nThe smooth rotation of the spiral can fascinate with its beauty and coziness.

How to install Discord design

  1. Download 51891-spiral-animated.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

import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');
@import url('https://discordstyles.github.io/FrostedGlass/dist/FrostedGlass.css');
@import url('https://discordstyles.github.io/Addons/windows-titlebar.css');
@import url('https://discordstyles.github.io/HorizontalServerList/dist/HorizontalServerList.css');
@import url('https://discordstyles.github.io/RadialStatus/dist/RadialStatus.css');

:root {
  --background-image: url('https://i.imgur.com/jvbgyv6.gif');
  --background-image-blur: 25px;
  --background-image-size: cover;
  --background-image-position: center;
  --popout-modal-image: url('https://i.imgur.com/xnoILlC.gif');
  --popout-modal-blur: 5px;
  --popout-modal-size: cover;
  --popout-modal-position: center;
  --home-button-image: url('https://i.imgur.com/QS91lWA.gif');
  --home-button-size: cover;
  --home-button-position: center;
  --serverlist-brightness: 0.9;
  --left-brightness: 0.8;
  --middle-brightness: 0.7;
  --right-brightness: 0;
  --popout-modal-brightness: 0.88;
  --gradient-primary: 107,3,125;
  --gradient-secondary: 0,0,0;
  --link-colour: #B221CB;
  --scrollbar-colour: rgba(255,255,255,0.05);
  --gradient-direction: 231deg;
  --tint-colour: 255,51,159;
  --tint-brightness: 0;
  --font: Roboto;
  --window-padding: 6px;
  --window-roundness: 10px;
  --update-notice-1: none;
  --HSL-server-icon-size: 40px;
  --HSL-server-spacing: 10px;
  --rs-small-spacing: 1px;
  --rs-medium-spacing: 1px;
  --rs-large-spacing: 4px;
  --rs-small-width: 1px;
  --rs-medium-width: 3px;
  --rs-large-width: 3px;
  --rs-avatar-shape: 30%;
  --rs-online-color: #43b581;
  --rs-idle-color: #faa61a;
  --rs-dnd-color: #f04747;
  --rs-offline-color: #636b75;
  --rs-streaming-color: #643da7;
  --rs-phone-visible: block;
}
Download file

Comments

Cancel