RosepineUI.css

 /**
* @name RosepineUI
* @author JelloFruit
* @authorLink https://github.com/JelloFruit
* @version RELEASE
* @invite unblock
* @description A modified discord theme colored in Rosepine, made with WizardUI.
* @website https://mercurywork.shop/
*/

@import url("https://fonts.googleapis.com/css?family=Quicksand&display=swap");

/* This is an addon that adds the Marianne font.
@import url("https://goldenlys.github.io/WizardUI/addons/Marianne.css"); */

@import url("https://goldenlys.github.io/WizardUI/base.css");

/* This is an addon that moves the servers to the top with an horizontal width.*/
@import url("https://goldenlys.github.io/WizardUI/addons/PurpleServerList.css");

/* This is a modification for PurpleServerList which replaces the folders icons with letters.
@import url("https://goldenlys.github.io/WizardUI/addons/LettersInPSL.css"); */

/* This is an addon that makes the members list hidden until you hover it.
@import url("https://goldenlys.github.io/WizardUI/addons/HoverMembers.css"); */

/* This is an addon that moves the "user is typing" text to the bottom of the app, like the default discord.
@import url("https://goldenlys.github.io/WizardUI/addons/UserIsTyping.css"); */

/* This is an addon that recolors alot of elements in the app with the main theme color but you can even add an RGB animated effect if you change the number before the ".css" (with a maximum of 10 colors).
@import url("https://goldenlys.github.io/WizardUI/addons/EvenMoreColors/1.css"); */

:root {
    /* MAIN VARIABLES */
    --AppName: "discord";
    --Watermark: "rosepine.";
    --font: 'Quicksand', 'emoji', sans-serif;
    --Text: rgb(224, 222, 244);
    --logo: url(https://goldenlys.github.io/WizardUI/images/home.png);

    /* STATUS VARIABLES */
    --Online: rgb(156, 207, 216);
    --Idle: rgb(246, 193, 119);
    --Unavailable: rgb(235, 111, 146);
    --Offline: rgb(196, 167, 231);
    --Streaming: rgb(110, 0, 196);

    /* UI COLOR VARIABLES */
    --grey: rgb(31, 29, 46);
    --grey5: rgba(18, 19, 31, .75);
    --darkgrey: rgb(25, 23, 36);
    --darkgrey5: rgba(10, 10, 20, .75);
    --ui-success: rgb(176, 241, 160);
    --ui-warning: rgb(253, 205, 116);
    --ui-error: rgb(208, 34, 34);

    /* THEME COLORS */
    --Primary: rgb(235, 188, 186);
    --text-link: var(--Primary);
    --Highlighted: rgba(117 76 205 / 50%);
    --MessageHover: transparent;
    --Unread: rgb(255 255 255 / 10%);
    --Hover: rgba(35, 36, 54, 0.5);
    --Selected: rgb(235, 188, 186);

    /* BACKGROUNDS */
    --background: url(https://raw.githubusercontent.com/JelloFruit/RosepineUI/main/such-sweet-poetry_rosepine-nt-blurred.jpg);
    --bg-titlebar: rgba(31, 29, 46, 0.65);
    --bg-servers: rgba(25, 23, 36 0.65);
    --bg-ui: rgba(31, 29, 46 0.65);
    --bg-chatbox: rgba(38, 35, 58 0.5);
    --bg-sendmessage: rgba(38, 35, 58, 0.65);
    --bg-members: rgba(38, 35, 58, 0.65);
    --bg-chat-elements: rgba(38, 35, 58, 0.5);
    --bg-colorprofile: rgba(38, 35, 58 0.5);

    /* SERVER SETTINGS */
    --ServerSize: 45px;
    --ServerPills: var(--Primary);

    /* ROUNDING */
    --Rounding: 5px;
    --StatusRounding: 4.5;

    /* RGB ADDON */
    --ColorTime: 2s;
    --Color2: rgb(0, 225, 255);
    --Color3: rgb(0 0 0);
    --Color4: rgb(0 0 0);
    --Color5: rgb(0 0 0);
    --Color6: rgb(0 0 0);
    --Color7: rgb(0 0 0);
    --Color8: rgb(0 0 0);
    --Color9: rgb(0 0 0);
    --Color10: rgb(0 0 0);
}