0 p.

Theme «League of Legends (LOL) - PROJECT Fiora» for Discord

Theme League of Legends (LOL) - PROJECT Fiora for Discord
The image shows a Discord theme that has been customized with CSS to match the character Fiora from the popular League of Legends (LOL) game. The theme features a dark background with a white text box at the top, displaying the current channel and the number of messages. Below the text box, there is a colorful bar graph showing the activity on the channel. The theme also includes a profile picture of Fiora and her name in the bottom left corner. The overall design is sleek and modern, with a focus on the character and her role in the game.

How to install Discord design

  1. Download 44190-league-of-legends-lol-project-fiora.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 League of Legends (LOL) - PROJECT Fiora
 * @author TereruNaYo
 * @version auto updates
 * @description Theme was created in generator https://vsthemes.org/generator/
 * @source https://vsthemes.org/en/skins/discord/44190-league-of-legends-lol-project-fiora.html
 * @authorLink https://vsthemes.org/user/TereruNaYo/
 * @authorId 65141
*/
@import url(https://vsthemes.org/uploads/generator/client/BasicBackground.css);
:root {
    --transparencycolor: 0,0,0;
    --transparencyalpha: 0.05;
    --messagetransparency: 0.3;
    --guildchanneltransparency: 0.2;
    --memberlistransparency: 0.05;
    --accentcolor: 238,173,222;
    --background: url("https://vsthemes.org/uploads/posts/2021-09/1632587357_league-of-legends-lol-project-fiora-wallpaper-2560x1080_14.jpg");
    --backdrop: rgba(0,0,0,0.2);
    --backgroundblur: 0px;
    --popoutblur: 0px;
    --backdropblur: 0px;
    --version1_0_5:none;
    --backgroundsize: cover;
    --popoutsize: cover;
    --backdropsize: cover;
}
Download file

Comments

Cancel