/* * tmpclaw login theme — magpie-claw branding overlay. * Layered on top of the inherited keycloak login.css; only overrides * the page background and primary button colour. * * Note: in keycloak's login template, the `login-pf` class is set on * , NOT , so use `.login-pf body` (descendant selector). */ .login-pf body { background: #0e1116 url("../img/magpie.png") no-repeat center center fixed; background-size: contain; } @media (max-width: 900px) { .login-pf body { background-size: 70% auto; background-position: center 95%; background-attachment: scroll; } } #kc-form-buttons .btn-primary { background-color: #b8632d; border-color: #b8632d; } #kc-form-buttons .btn-primary:hover, #kc-form-buttons .btn-primary:focus { background-color: #d77b40; border-color: #d77b40; }