Theme «Akame GA Kill [GIF]» for Discord
Discord Themes (Custom CSS) "Akame GA Kill GIF " page is dedicated to the popular anime series "Akame GA Kill". The page features a custom CSS theme that changes the Discord interface to match the anime's characters, environment, and overall aesthetic. The theme includes a dark background with red and black text, as well as various images and GIFs from the anime. The page also includes a list of popular Discord servers related to "Akame GA Kill" where users can join and chat with other fans.
How to install Discord design
- Download 53056-akame-ga-kill-gif.theme.css.
- If this is your first time installing a theme: install BetterDiscord.
- Launch Discord and go to the client settings.
- In the "Themes" section, click "Open Theme Folder". This will open an explorer window, where you will need to move the obtained file.
- 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 Akame gif
* @author Sayahont#791
* @description Фон gif из аниме "Убийца Акаме"
* @version 1
*/
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@100;300;400;500;700&display=swap');
@import url('https://discordstyles.github.io/SoftX/SoftX.css');
@import url('https://discordstyles.github.io/SoftX/RadialGlow.css');
@import url('https://discordstyles.github.io/SoftX/VerticalUserArea.css');
@import url('https://discordstyles.github.io/Addons/windows-titlebar.css');
:root {
--background-image: url('https://pa1.narvii.com/7207/c8cb499e19cd06f95089d2c9345940c75b9bd90cr1-640-360_hq.gif'); /* Background image | URL MUST BE A DIRECT LINK (ending in .jpg, .jpeg, .png, .gif) */
--background-blur: 0px; /* Blur intensity of --background-image */
--opacity: 0.6; /* Opacity of overall app. | Default: .85 */
--accent: 214,0,255; /* Colour used around the app. | Values are in R,G,B format. | Default: 0, 231, 169 */
--glow-intensity: 1; /* Intensity of the glow used around the app. | Set to 0 to disable the glow. | Decimals allowed | Default: 1 */
--font: Luminari, fantasy; /* Custom font | Default: 'Inter' */
--channels-width: 220px; /* Width of the channels list. | Default: 300px */
--guilds-width: 110px; /* Width of the server list. | Default: 105px */
--members-width: 220px; /* Width of the members list. | Default: 280px */
--server-size: 45px; /* Size of the servers inside the server list. | Default: 50px */
--chat-avatar-size: 35px; /* Size of the chat avatars. | Default: 32px */
--rs-small-spacing: 0px; /* Gap between avatar and status for members list/dms | MUST end in px */
--rs-medium-spacing: 0px; /* Gap between avatar and status for User popout | MUST end in px */
--rs-large-spacing: 0px; /* Gap between avatar and status for User profiles | MUST end in px */
--rs-small-width: 2.0px; /* Ring width | Default: 1.5px */
--rs-medium-width: 2.0px;
--rs-large-width: 2.5px;
--rs-avatar-shape: 50%; /* 50% for round - 0% for square */
--rs-online-color: #00FF8B; /* Colour for online status */
--rs-idle-color: #FF9F00; /* Colour for idle status */
--rs-dnd-color: #E72222; /* Colour for dnd status */
--rs-offline-color: #636b75; /* Colour for offline status */
--rs-phone-color: var(--rs-online-color); /* Colour of the ring and phone icon when a user is on their phone */
--rs-streaming-color: #5A04EF; /* Colour for streaming status */
--rs-phone-visible: block; /* Visibility of the phone icon next to a users avatar. | block = visible | none = hidden */
--rs-invisible-color: #747f8d; /* Colour for invisible status - Note: this will only show for your own invisibility */
}
/* Any custom CSS below here */
Download file
Comments