Custom CSS for Discord, compatible with browser extensions

DiscordBrowserStyles.css

/* ==========

RemoveButtons.theme.css by cheesits456 (https://cheesits456.dev)

For BetterDiscord version, see https://gist.github.com/cheesits456/41d659f932b5a574b5dfb9b391a4506e

========== */

/* Hide Nitro gift button */
button[aria-label="Send a gift"] {
    display: none;
}
/* Hide GIF picker button */
button[aria-label="Open GIF picker"] {
    display: none;
}
/* Hide sticker picker button */
button[aria-label="Open sticker picker"] {
    display: none;
}



/* ==========

RevertMessageHoverEffects.theme.css by cheesits456 (https://cheesits456.dev)

For BetterDiscord version, see https://gist.github.com/cheesits456/4ba0e318aedf31a205ad22c141234e88

========== */

/* Disable timestamp when hovering a message */
.message-2qnXI6 > .contents-2mQqc9 > .timestamp-3ZCmNB {
    display: none;
}

/* Disable background darken when hovering a message */
.message-2qnXI6:not(.mentioned-xhSam7):hover {
    background-color: var(--background-primary) !important;
}

/* Disable background brighten when hovering a message with a mention */
.mentioned-xhSam7:hover {
    background-color: var(--background-mentioned) !important;
}



/* ==========

AutoHideMembers.theme.css by cheesits456 (https://cheesits456.dev)

For BetterDiscord version, see https://gist.github.com/cheesits456/eebc5eadbd87f7c1195c7fec9d9bfaf0

========== */

/* Auto-hide the members list, show on hover */
.members-1998pB, .membersWrap-2h-GB4 {
	border-radius: 20px 0 0 20px !important;
	width: 60px;
	min-width: 60px;
	transition-property: width, min-width, box-shadow;
	transition-duration: 350ms;
}
.members-1998pB:hover, .membersWrap-2h-GB4:hover {
	width: 240px;
	min-width: 240px;
}
.membersWrap-2h-GB4 {
	position: absolute;
	right: 0;
	height: 100%;
	box-shadow: none;
}
.membersWrap-2h-GB4:hover {
	box-shadow: -5px 0 20px 0px #202225;
}
.chatContent-a9vAAp {
	min-width: calc(100% - 60px);
	max-width: calc(100% - 60px);
}

Hello, i have a request! I know this is specifically for browser, discord theming through BD and Vencord has had some issues and i need to find someone that will help me fix Devil Bros Basic Background CSS with some custom function that will remove the darken box around message on hover. This is how the css is integrated into discord:

/**
 * @name 
 * @author DevilBro
 * @version 1.0.5
 * @description Allows you to use a background image without greatly altering the basic look of Discord.
 * @source https://raw.githubusercontent.com/mwittrien/BetterDiscordAddons/master/Themes/BasicBackground/BasicBackground.theme.css
 * @invite Jx3TjNS
 * @donate https://www.paypal.me/MircoWittrien
 * @patreon https://www.patreon.com/MircoWittrien
 * @website https://github.com/mwittrien/BetterDiscordAddons/tree/master/Themes/BasicBackground
 * @authorId 278543574059057154
 * @BDEditor BasicBackground
*/

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;300;400;500;700&display=swap');
@import url('https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/BasicBackground.css');
@import url('https://discordstyles.github.io/HorizontalServerList/dist/HorizontalServerList.css');

:root {
  --background: url('');
  --backgroundsize: cover;
  --backgroundposition: center;
  --backgroundblur: 1px;
  --popout: url('');
  --popoutsize: var(--backgroundsize);
  --backgroundposition: center;
  --popoutblur: 4px;
  --transparencycolor: 0,0,0;
  --accentcolor: 0,137,128;
  --backdrop: rgba(0,0,0,0.0);
  --textshadow: transparent;
  --transparencyalpha: 0.3;
  --messagetransparency: 0;
  --guildchanneltransparency: 0.1;
  --chatinputtransparency: 0;
  --memberlisttransparency: 0;
  --font: Raleway;
  --textbrightest: 255,255,255;
  --textbrighter: 222,222,222;
  --textbright: 200,200,200;
  --textdark: 160,160,160;
  --textdarker: 125,125,125;
  --textdarkest: 100,100,100;
  --settingsicons: 1;
  --backdropsize: var(--background-size);
  --backdropblur: 0px;
  --version1_0_5: none;
  --HSL-server-icon-size: 60px;
  --HSL-server-spacing: 15px;
}

/* Any custom CSS below here */

#app-mount .guilds__2b93a .tutorialContainer__890ea .listItem_fa7b36:first-child .wrapper_d281dd::before {
  content: "";
  border-radius: 0%;
  position: absolute;
  background: var(--home-button-image, url(""));
  background-size: var(--home-button-size, cover);
  background-position: var(--home-button-position, center);
  background-repeat: var(--home-button-repeat, no-repeat);
  height: 110%;
  width: 100%;

  transition: 0.1s ease;
}

A good example of this is the Frosted Glass theme, but it lacks the transparencies of the other themes, while removing the darken on hover.

Or alternatively if you can bring transparency into Frosted Glass it would be greatly appreciated!