0 p.

Theme «Ryuko Matoi» for Discord

Theme Ryuko Matoi for Discord
Discord Themes (Custom CSS) "Ryuko Matoi" is a collection of custom CSS themes designed to enhance the user experience of Discord, a popular chat platform used by millions of people worldwide. These themes are specifically designed to bring a unique and personalized touch to the Discord interface, making it more visually appealing and user-friendly. The collection includes various themes inspired by popular anime characters, such as Ryuko Matoi from the anime series "Kill la Kill." These themes are carefully crafted to match the character's appearance and style, creating a cohesive and visually appealing experience for users. The collection is perfect for fans of anime and Discord users who want to express their love for their favorite characters and platform.

How to install Discord design

  1. Download 34928-ryuko-matoi-theme.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://puckzxz.github.io/NotAnotherAnimeTheme/css/scsl.css);
@import url('https://gibbu.github.io/BetterDiscord-Themes/RadialStatus/base.css');

:root {
    --background-image: url(https://images2.alphacoders.com/585/thumb-1920-585188.png);
    --friends-icon: url(https://media.tenor.com/images/ab0e1867e92e0412975016296167e1de/tenor.gif);
    --friends-icon-position: center center;
    --friends-icon-zoom: 170%;
    --main-color: rgba(255, 81, 0, 0.651);
    --main-transparency: rgba(7, 2, 0, 0.836);
    --unread-server-animation: rainbow;
    --hover-list-bg-color:rgba(136, 35, 4, 0.119);
    --border-lines-color: rgb(48, 17, 0);
    --scroll-bar-color: rgba(255, 89, 0, 0.379);
    --selected-text-voice-color: #ff8254;
    --channel-hover-text-color: rgba(255, 47, 0, 0.781);
    --unread-text-color: #9a1700;
    --user-popup-background: rgba(59, 20, 1, 0.884);
    --rs-small-spacing: 0.5px;
    --rs-large-spacing: 0.5px;
    --rs-width: 2.75px;
    --rs-avatar-shape: 20%;
    --rs-online-color: #43b581;
    --rs-idle-color: #faa61a;
    --rs-dnd-color: #f04747;
    --rs-offline-color: #636b75;
    --rs-streaming-color: #643da7;
    --rs-invisible-color: #747f8d;
    --header-primary : rgb(252, 105, 37);
    --header-secondary: #bb5100;
    --text-normal: #dcddde;
    --text-muted: #8b4230;
    --text-link: #f43900;
    --channels-default: #ceb4b4;
    --interactive-normal: #745555;
    --interactive-hover: #ff9797;
    --interactive-active: #fff;
    --interactive-muted: #af6161;
    --background-primary: #3f3636;
    --background-secondary: #220c00bf;
    --background-secondary-alt: #2f2929;
    --background-tertiary: #252020;
    --background-accent: #fda3a3;
    --background-floating: #180000d9;
    --background-mobile-primary: #e48b8b;
    --background-mobile-secondary: #2f3136;
    --background-modifier-hover: rgba(255, 25, 0, 0.111);
    --background-modifier-active: rgba(255, 0, 25, 0.2);
    --background-modifier-selected: rgba(255, 25, 25, 0.282);
    --background-modifier-accent: rgba(255, 68, 0, 0.06);
    --background-mentioned: rgba(250, 60, 26, 0.138);
    --background-mentioned-hover: rgba(250, 26, 26, 0.08);
    --background-message-hover: rgba(255, 38, 0, 0.097);
    --background-help-warning: rgba(250, 26, 26, 0.1);
    --background-help-info: rgba(244, 57, 0, 0.1);
    --scrollbar-thin-thumb: var(--scrollbar-colour);
    --scrollbar-thin-track: transparent;
    --scrollbar-auto-thumb: var(--scrollbar-colour);
    --scrollbar-auto-track: var(--scrollbar-colour);
    --scrollbar-auto-scrollbar-color-thumb: #252020;
    --scrollbar-auto-scrollbar-color-track: #362f2f;
    --elevation-stroke: 0 0 0 1px rgba(112, 0, 0, 0.254);
    --elevation-low: 0 1px 0 rgba(141, 23, 23, 0.2),0 1.5px 0 rgba(184, 22, 22, 0.05),0 2px 0 rgba(150, 87, 87, 0.05);
    --elevation-medium: 0 4px 4px rgba(150, 75, 75, 0.16);
    --elevation-high: 0 8px 16px rgba(172, 81, 81, 0.24);
    --logo-primary: rgb(255, 38, 0);
    --focus-primary: #f43900;
    --radio-group-dot-foreground: #f52b2b;
    --guild-header-text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    --channeltextarea-background: #ce3d33;
    --activity-card-background: #7e5151;
    --textbox-markdown-syntax: #bb7d7d;
    --info-warning-foreground: #6d1600;
}
Download file

Comments

Cancel