1 KiB
| @logto/core | @logto/ui |
|---|---|
| minor | minor |
Customize CSS for Sign-in Experience
We have put a lot of effort into improving the user sign-in experience and have provided a brand color option for the UI. However, we know that fine-tuning UI requirements can be unpredictable. While Logto is still exploring the best options for customization, we want to provide a programmatic method to unblock your development.
You can now use the Management API PATCH /api/sign-in-exp with body { "customCss": "arbitrary string" } to set customized CSS for the sign-in experience. You should see the value of customCss attached after <title> of the page. If the style has a higher priority, it should be able to override.
Note
Since Logto uses CSS Modules, you may see a hash value in the
classproperty of DOM elements (e.g. a<div>withvUugRG_container). To override these, you can use the$=CSS selector to match elements that end with a specified value. In this case, it should bediv[class$=container].