Applying your own classes
If you're porting a pre-existing, non Keycloakify theme to Keycloakify this is the approach you would implement.
If you have an utility stylesheet that defines standardized classes you can apply them using the class object like so:
![](https://docs.keycloakify.dev/~gitbook/image?url=https%3A%2F%2F723341942-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F1pGOu8uVH5l8KqPEPmKi%252Fuploads%252FYRj1EdHquSXqJQlP7Qgp%252Fimage.png%3Falt%3Dmedia%26token%3Df564108f-4d25-48af-ba87-fa0d88f503a3&width=768&dpr=4&quality=100&sign=69a27cb1&sv=1)
Result:
![](https://docs.keycloakify.dev/~gitbook/image?url=https%3A%2F%2F723341942-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F1pGOu8uVH5l8KqPEPmKi%252Fuploads%252FiIzA5Bi6tVevsp1YoKWo%252Fimage.png%3Falt%3Dmedia%26token%3D7bd4da1d-2f81-4965-8699-c286b7d340a4&width=768&dpr=4&quality=100&sign=775fdd5c&sv=1)
Up next:
Page specific stylesLast updated