Make login section transparent


I’ve just updated my Nextcloud to 25.0.1 and I wonder how to make login section transparent instead of white:

Could You help me please?

You can change the color and transparency using the Custom CSS app. I have set mine to white (#ffffff) with 50% transparency (80). I have also set the text to full black (#000000) for better readability and removed the shadow around the box.

.guest-box, .body-login-container {
    --color-main-text: #000000;
    --color-main-background: #ffffff80;
    --color-box-shadow: ffffff00;

.login-form__headline {
    color: #000000;

.two-factor-header {
    color: #000000;

Disclaimer: I’m not a CSS expert and patched this all together myself using the inspector (F12) in the browser. So use it at your own risk. It seems to work though and so far I haven’t noticed any unwanted side effects.

Works great! Thank You very much! :slight_smile:

1 Like