How can I get a transparent to desktop effect? (theming)

[flashgnash]

I've written myself a CSS theme for webcord and am very happy with it so far, but wanted to add a transparent background

Tried setting opacity 0.5 on root as well as using rgba values for colours

Changing the opacity of root appears to do nothing, so I assume this is not implemented

Weirdly using rgba values seems to work for when the app is loading (when the splash screen's visible) but when it's loaded it's a solid background again

[flashgnash]

/**
 * @name Material Monokai
 * @description Material monokai vscode theme ported to discord
*/


@import url('https://mwittrien.github.io/BetterDiscordAddons/Themes/DiscordRecolor/DiscordRecolor.css');


:root {

  opacity 0.5

    .wrapper_a7e7a8{
	display: none;
    };
    .channel_c21703 container__8759a {
	display: none;
    };

    [aria-label="Send a gift"] {
        visibility: hidden;
    };

  #private-channels-uid_18___nitro {
  	visibility: hidden;
  }

  --backgroundprimary: 38,50,56,0.5;
  --backgroundsecondary: 25,34,39,0.5;
  --backgroundsecondaryalt: 25,34,39;
  --backgroundtertiary: 25,34,39;
  --backgroundaccent: 25,34,39;
  
  --mentioncolor: 157,255,0;
  --font: Comic Mono;
  --font-code: ComicShannsMono Nerd Font Mono;

}

/* Any custom CSS below here */

This is my current attempt

[SpacingBat3]

Check WebCord's (not Discord's) settings for an option to enable transparent background. With compositors (on Linux) you could even make it blurred afterwards.

[flashgnash]

That's the plan yeah, got hyprland setup to do that already just need to get the transparency in the application working

I already have allow translucent background enabled, and have got it to work only while discord is loading