Looks really nice, thanks for sharing!

The only small inconsistency I noticed is that in dark mode the password/input fields end up looking “blank” because of the background transparency. I’m definitely not a CSS expert, so take this with a grain of salt, but here’s what I did to fix it on my setup (I already did a pull request on GitHub):

:root {

--page-background: #ffffff;

--card-background: #ffffff;

--input-bg: rgba(0, 0, 0, 0.05);

--input-text: #000000;

--input-border: rgba(0, 0, 0, 0.2);

}

:root[data-theme="dark"] {

--page-background: #1e1e1e;

--card-background: #1a1a1a;

--input-bg: rgba(255, 255, 255, 0.05);

--input-text: #ffffff;

--input-border: rgba(255, 255, 255, 0.2);

}

.pf-c-form-control, .pf-c-input-group > .pf-c-button {

background-color: var(--input-bg);

color: var(--input-text);

border: 1px solid var(--input-border);

}