Katbin

/**
 * @name Ultra
 * @version 1.0.7
 * @author TheCommieAxolotl#0001
 * @authorId 538487970408300544
 * @description A Smooth, Black theme
 * @source https://github.com/TheCommieAxolotl/BetterDiscord-Stuff/tree/main/Ultra
 * @website https://thecommieaxolotl.netlify.app/
 * @donate https://github.com/sponsors/thecommieaxolotl
 * @invite g2KnUw7u7N
*/

/* Imports */
@import url("https://discord-custom-covers.github.io/usrbg/dist/usrbg.css");
@import url("https://thecommieaxolotl.github.io/BetterDiscord-Stuff/Imports/Touchup.css");
@import url("https://thecommieaxolotl.github.io/BetterDiscord-Stuff/Imports/UserBadges.css");
@import url("https://maendisease.github.io/BetterDiscordStuff/css/bettterInvites.css");


/* Personal changes */
@import url("https://api.fonts.coollabs.io/css2?family=Manrope");
@import url("https://api.fonts.coollabs.io/css2?family=Source Code Pro");
@import url('https://martinz64.github.io/remove-nitro/main.css');
@import url('https://martinz64.github.io/remove-nitro/remove_boosting.css');
@import url('https://martinz64.github.io/remove-nitro/remove_profile_colors.css');
@import url('https://martinz64.github.io/remove-nitro/remove_emoji_upsell.css');
@import url('https://martinz64.github.io/remove-nitro/remove_avatar_decoration.css');
@import url('https://martinz64.github.io/remove-nitro/remove_super_reactions.css');
@import url('https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/SettingsIcons.css');
@import url("https://snare-hawk.github.io/snare-CSS/profile-panel-thingy.css");

/* Source */
@import url("https://thecommieaxolotl.github.io/BetterDiscord-Stuff/Ultra/Clients/betterdiscord.css");

:root,
.theme-dark {
    --text-normal: #dcddde;
    --text-muted: #4a4a52;
    --text-link: #6e6af6;
    --text-positive: #50dc7d;
    --text-warning: #8d4949;
    --text-danger: #8d4949;
    --text-brand: #6e6af6;
    --interactive-normal: #b9bbbe;
    --interactive-hover: #dcddde;
    --interactive-active: #c9ced0;
    --interactive-muted: #4f545c;
    --background-primary: #101014;
    --background-secondary: #17161b;
    --background-secondary-alt: #17161b;
    --background-tertiary: #101014;
    --background-accent: #4f545c;
    --background-floating: #17161b;
    --modal-background: #101014;
    --channeltextarea-background: #17161b;
    --info-positive-text: #fff;
    --info-warning-text: #fff;
    --info-warning-foreground: #6e6af6;
    --info-danger-text: #fff;
    --info-help-text: #fff;
    --status-warning-text: #000;
    --background-mentioned: #6f6af62c;
    --background-mentioned-hover: #6f6af615;
    --background-message-hover: rgba(4, 4, 5, 0.07);
    --scrollbar-auto-thumb: #6e6af6;
    --brand-experiment: #6e6af6;
    --brand-experiment-hover: #6f6af64d;
    --brand-experiment-560: #6e6af6;
    --channels-default: #4a4a52;
    --selected-indicator: #97ffa5;
    --hover-indicator: #ffffff;
    --font: "Manrope";
    --code-font: "Source Code Pro";
    --boost-bar: none;
}

/* Made By The Commie Axolotl */

/* Fixes the scrollbar icons appearing when using certain fonts */
[class*="headerText-"] {
    overflow-y: hidden;
}

/* Hide the activities button when in call */
button[aria-label="Start an Activity"] {
    display: none;
}

/* Hides the show user profile in DM button */
div[role="button"][aria-label="Hide User Profile"].iconWrapper-2awDjA,
div[role="button"][aria-label="Show User Profile"].iconWrapper-2awDjA,
div[role="button"][aria-label="Show User Profile (Unavailable)"].iconWrapper-2awDjA {
    display: none;
}

/* Hides the apps section in the context menu when clicking on a message */
#message-apps {
    display: none;
}

/* Hides the Public tag on the server header */
.communityInfo-3YsNIn {
    display: none;
}

/* Changes the color of server names so they actually become readable when using Ultra */
.text-md-bold-1mgErV,
.text-md-semibold-2VMhBr {
    color: #dcddde;
    text-transform: none;
}

/* Changes the stream application/window selector to become a list instead */
.sourceContainer-1uqUbz {
    flex-direction: column;
}

.sourceName-3Wf8QG {
    width: unset;
}

.tile-3POX2m > .flex-2S1XBF {
    flex-direction: row;
    justify-content: start;
}

.tile-3POX2m > .flex-2S1XBF > .flex-2S1XBF {
    flex: unset !important;
    margin-right: 16px;
}

/* Changes the look of the Read all button */
.button-ejjZWC.lookFilled-1H2Jvj.colorBrand-2M3O3N.sizeMin-3Yqxk5.grow-2T4nbg {
    border-radius: 10px;
    font-size: 12px;
    margin-left: 6px !important;
    padding: 2px 4px;
    background-color: #17161b;
}

.button-ejjZWC.lookFilled-1H2Jvj.colorBrand-2M3O3N.sizeMin-3Yqxk5.grow-2T4nbg > .contents-3NembX {
    padding: 1px 4px;
}

/* Minimizes the search bar into a button until the user hovers over it */
:root {
    --transitionspeed: 0.25s;
}
.search-2Mwzzq:not(.open-1F8u2c) .searchBar-jGtisZ {
    width: 27px;
    transition: var(--transitionspeed);
    background-color: transparent;
}
.search-2Mwzzq:not(.open-1F8u2c):hover .searchBar-jGtisZ {
    width: 170px;
    background-color: var(--background-tertiary);
}
.search-2Mwzzq:not(.open-1F8u2c) .iconContainer-1RqWJj {
    transform: scale(1.3);
    transition: var(--transitionspeed);
}
.search-2Mwzzq:not(.open-1F8u2c):hover .iconContainer-1RqWJj {
    transform: scale(1);
}
.search-2Mwzzq:not(.open-1F8u2c) .icon-18rqoe {
    color: var(--text-normal);
}
.search-2Mwzzq:not(.open-1F8u2c):hover .icon-18rqoe {
    color: var(--text-muted);
}

/* Hides the new member badge */
[class^="newMemberBadge"] {
    display: none;
}

/* Hides the invite button for DM */
.privateChannelRecipientsInviteButtonIcon-1ObKXK {
    display: none;
}

/* Fixes the bottom bar of the Screen Share menu not being themed? */
.flex-2S1XBF.flex-3BkGQD.horizontalReverse-60Katr.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr.noWrap-hBpHBz.footer-IubaaS.footerSeparator-3U8YsT {
    background-color: #17161b;
}

/* Fixes the PlatformIndicators plugin icon for Mobile Do Not Disturb / other cases being the wrong height */
.wrapper-3Un6-K.avatar-3QF_VA > svg > rect.pointerEvents-2KjWnj[mask="url(#svg-mask-status-online-mobile)"] {
    height: 35px !important;
}

/* Adds a border to the user profile section and to the spotify player if the plugin is enabled */
.container-YkUktl {	
    background-image: linear-gradient( var(--background-primary) ,var(--background-primary), var(--background-secondary)) !important;	
}	
.container-1zzFcN {	
  background-color: var(--background-primary) !important;	
  padding-bottom: 10px !important;	
  padding: 0.875rem !important;	
}	
.buttonColor-3bP3fX {	
background-color: var(--background-secondary-alt) !important;	
}	
#vc-spotify-player {	
  background-color: var(--background-primary) !important;	
}	
.panel-2ZFCRb {	
  background-color: var(--background-primary) !important;	
}