Support for MicaForEveryone/Transparency

[Matrakalero]

Tried to make "--fluent-acrylic-background" rgba but it doesn't work

Other themes have this feature and you can use MFE to blur the background like in this theme for example:

It would be nice to get transparent support in this theme

[DAPOTTIS]

I'd like to have support for this as well, tried modifying the CSS myself but I couldnt figure it out (I dont have any experience with css) just needs a transparent background and MFE (or KDE force blur for linux) will blur it.

[TakosThings]

Tried to make "--fluent-acrylic-background" rgba but it doesn't work

There's a few layers with solid backgrounds under the bg layer, they would all need to be set to transparent for this to work correctly.

As for adding this as a base feature - there are a few reasons for why this hasn't been added:

• Electron transparency option breaks window snapping - This should be basic functionality for any software since Windows 7.
• MFE requires .NET 3.1 which is EOL and now unsupported which could pose a security risk.

[piotr25691]

Tried to make "--fluent-acrylic-background" rgba but it doesn't work

Other themes have this feature and you can use MFE to blur the background like in this theme for example:

It would be nice to get transparent support in this theme

i managed to enable transparency support, use this css:

/* curved corners + transparency (use MFE, extremely mild blur effect) */
:root {
  --fluent-acrylic-background: rgba(0, 0, 0, .05);
}

body, .app_de4237, .app_b1f720, .notAppAsidePanel__9d124, .appAsidePanelWrapper__714a6 {
  background: rgba(0, 0, 0, .05);
}

#app-mount {
  border-radius: 8px;
  background: rgba(0, 0, 0, .5);
}

this will make all elements behind fluent-discord's background transparent, enabling mica effects to work on discord, it will be very mild though.

mfe settings required are as follows:

[Matrakalero]

That works, looks great, thank u this should be marked as solved

[ShayBox]

/* curved corners + transparency (use MFE, extremely mild blur effect) */
:root {
  --fluent-acrylic-background: rgba(0, 0, 0, .05);
}

body, .app_de4237, .app_b1f720, .notAppAsidePanel__9d124, .appAsidePanelWrapper__714a6 {
  background: rgba(0, 0, 0, .05);
}

#app-mount {
  border-radius: 8px;
  background: rgba(0, 0, 0, .5);
}

It somewhat works but not as it appears in the picture, I believe an update has added more layers to disable.

It would be nice to get support for this officially, especially since Vencord/Vesktop and others have supported transparency without MicaForEveryone for a long time.

The only downside appears to be the loss of resizing because of an electron change, which also effects every other modern electron app with transparency such as VSCode, and I'm willing to deal with it since I use AltSnap anyway.

[piotr25691]

So looks like I'm gonna have to check all the layers behind the app and disable them again lol, that's Discord

[Undisputed00x]

Uhm has anyone any update on how to get a translucent background with this theme ? Personally have replace all background: .* with transparent values and still no change

EDIT: found these classes make Fluent-Discord theme transparent.

body, #app-mount,
.typeWindows_a934d8,
.app_a01fb1,.bg_d4b6c5,
.guilds_a4d4d9,.scroller_fea3ef,
.bg_d4b6c5::before,
.container_cbd271,
.chatContent_a7d72e,
.layer_d4b6c5 .contentRegion_c25c6d,
.nowPlayingColumn_c2739c .container_bf550a,
.container_c2739c .tabBody_c2739c  {
        background: transparent !important;
}