kuro's theme for discord

/**
 * @name kuro's theme
 * @version 1.1
 * @author kuro
 * @description Clean AMOLED theme based on Comfy
*/

@import "https://comfy-themes.github.io/Discord/betterdiscord/main.css";
@import "https://comfy-themes.github.io/Discord/betterdiscord/no-scrollbar.css";
@import "https://comfy-themes.github.io/Discord/betterdiscord/better-spotify.css";
@import "https://discordstyles.github.io/RadialStatus/dist/RadialStatus.css";
@import "https://cdn.jsdelivr.net/gh/Overimagine1/old-discord-font/source.min.css";


.theme-dark {
    --background-tertiary: #090b10;
    --background-secondary: #040508;
    --background-secondary-alt: #040508;
    --background-primary: #000000;
    --background-mobile-primary: #000000;
    --background-mobile-secondary: #1e2233;
    --channeltextarea-background: #040508;
    --background-accent: #6E85D3;
    --background-message-hover: transparent;
    --background-modifier-hover: #0f1517;
    --background-modifier-active: #1a1e2e;
    --background-modifier-selected: #0f1517;
    --deprecated-card-bg: #12141f63;
    --background-floating: #000000;
    --deprecated-quickswitcher-input-background:#101320;
    --elevation-low: none;
    --scrollbar-auto-thumb: #121722;
    --scrollbar-auto-track: #040508;
    --scrollbar-thin-thumb: #141925;
    --activity-card-background: #101320;
}

.theme-light { /* I don't support light theme it's just for the "Create a server" popup */
    --background-tertiary: #101320;
    --background-secondary: #1e2233;
    --background-secondary-alt: #191f2e;
    --background-primary: #23283d;
    --background-accent: #6E85D3;
    --background-modifier-hover: #262b41;
    --background-modifier-active: #262b41;
    --header-primary: #fff;
    --header-secondary: #b1b5b9;
    --text-normal: #8e9297;
}

:root {
    /* User button spacing */
    --user-buttons-spacing: 8px;

    /* Avatar position */
    --avatar-left: 327.5px;
    --avatar-bottom: 26.5px;

    /* Avatar roundess */
    --avatar-radius: 50px;

    /* Status roundness */
    --status-radius: 30px;

    /* Server roundess */
    --server-radius: 80px;

    /* Avatar width in modals */
    --avatar-width: 200px;

    /* Change bonfire in modals */
    --bonfire: url('https://nyri4.github.io/Comfy/assets/bonfire.gif');

    /* Colored emoji picker */
    --colored-emoji: grayscale(0%); /* Change the value to "100%" if you want the basic one */

    /* Mention color */
    --mention-color: #f04747;
    --unread-color: #7289da;

    /* Mention color in chat */
    --mention-color-bar: #C66262;
    --mention-color-background: #c662621f;
    --mention-color-hover: #c6626226;

    /* User settings color (Mute, Deafen and settings) */
    --user-buttons-color: #b9bbbe;

    /* Chat buttons color */
    --chat-buttons: #b9bbbe;

    /* Spotify plugin seek bar */
    --spotify-color: #1EDC62;

    /* Status color */
    --online: #43B581;
    --iddle: #FAA61A;
    --dnd: #F04747;
    --offline: #747f8d;

    /* Circles next to role names */
    --role-circle: 5px;

    /* Tooltips */
    --tooltips: block; /* Set it to "none" if you don't want it */

    /* Discord logo */
    --discord-logo: none; /* Set it to "block" if you want it */

    /* ---- base -- */
    --indicator-hovered: rgba(79, 84, 92, 0.25);
    --indicator-rounding: 0;
    --indicator-border-info: 2px solid;
    /* ---- selected -- */
    --indicator-selected: 0, 112, 238;
    --indicator-selected-border: rgba(var(--indicator-selected));
    --indicator-selected-background: rgba(var(--indicator-selected), 0.1);
    --indicator-selected-hover: rgba(var(--indicator-selected), 0.18);
    /* ---- unreads  -- */
    --indicator-unread: 255, 255, 255;
    --indicator-unread-border: rgba(var(--indicator-unread), 0.6);
    --indicator-unread-background: rgba(var(--indicator-unread), 0.01);

    /* ---- connected -- */
    --indicator-connected: 87, 242, 135;
    --indicator-connected-border: rgba(var(--indicator-connected));
    --indicator-connected-background: rgba(var(--indicator-connected), 0.1);
    --indicator-connected-hover: rgba(var(--indicator-connected), 0.18);

    /* ---- radial status -- */
    --rs-small-spacing: 2px;  /* spacing between avatar and status */
    --rs-large-spacing: 3px;  /* spacing between avatar and status for user popouts & modals/profiles | MUST end in px */
    --rs-width: 2px;  /* Width/thickness of status border */
    --rs-avatar-shape: 50%;  /* 50% for round - 0% for square */
    --rs-online-color: #25FC9A;  /* color for online status 43b581 */
    --rs-idle-color: #faa61a;  /* color for idle status faa61a */
    --rs-dnd-color: #f04747;  /* color for dnd status f04747 */
    --rs-offline-color: #41474F;  /* color for offline status */
    --rs-invisible-color: #41474F;  /* color for invisible status - Note this will only show for your own invisibility */
    --rs-streaming-color: #643da7;  /* color for streaming status */
    --rs-phone-visible: none; /* Visibility of the phone icon next to a users avatar. | block = visible | none = hidden */
    --rs-phone-color: var(--rs-online-color); /* Colour of the ring and phone icon when a user is on their phone |  */
}


:root .bottomControls-lIJyYL .centerButton-3CaNcJ {
border-radius: 50px;
}

.bottomControls-lIJyYL .centerButton-3CaNcJ {
    border-radius: 50px;
}

.status-1WEaea {
    margin-top: 12px 12px 12px 12px;
}

.slider-TkfMQL rect {
    rx: 15px;
}

.container-3auIfb, .input-rwLH4i {
    border-radius: 15px;
}

#bfredux::before {
  background: var(--channeltextarea-background);
}

/* Radial Status hide mobile icon */
#app-mount .wrapper-1VLyxH foreignObject[mask*=mobile]::after {
    display: none;
}