[typhoon] Login form white in dark mode

[Mikfr83]

Hi,

The login form remains white in dark mode

What's the easiest way to fix this?

Thanks, Michael

[rhukster]

Must of missed this!

First step is to turn off the CSS that the login plugin provides, either via admin or in the user/config/login.yaml by setting:

built_in_css: false

Then you will need to add some styling. I just added this at the bottom of the css/custom/plugins.css:

/* LOGIN PLUGIN */
#grav-login {
    @apply max-w-md p-6 mx-auto my-4 rounded-md bg-gray-100 dark:bg-gray-700/75 ;
    h1 {
        @apply text-center;
    }

}
/* END LOGIN PLUGIN */

NOTE: You will need to compile your CSS with the provided scripts to pick up this change: https://getgrav.org/premium/typhoon/docs#installing-npm-to-compile-css

I didn't add too much styling, as the intention is that you would style this as you need to. However, it does look better than before:

These changes will be in next release, but it's easy enough to add yourself.

[Mikfr83]

Thanks for your reply and the solution !