# New Account Console

DevFeed: [New Account Console](<https://devfeed.tech/articles/new-account-console-31583.md>)

Original publisher: [Read original article](<https://www.keycloak.org/2020/09/new-account-console.adoc>)

Author: Stan Silvert

Published: 2020-09-04T00:00:00Z

Content type: release

Language: en

Sources: [Keycloak Blog](<https://devfeed.tech/sources/keycloak-blog.md>)

Topics: [Keycloak](<https://devfeed.tech/topics/keycloak.md>), [React](<https://devfeed.tech/topics/react.md>), [React Component](<https://devfeed.tech/topics/react-component.md>), [CSS](<https://devfeed.tech/topics/css.md>)

Tags: [css](<https://devfeed.tech/tags/css.md>), [idm](<https://devfeed.tech/tags/idm.md>), [kerberos](<https://devfeed.tech/tags/kerberos.md>), [keycloak](<https://devfeed.tech/tags/keycloak.md>), [ldap](<https://devfeed.tech/tags/ldap.md>), [openid-connect](<https://devfeed.tech/tags/openid-connect.md>), [react](<https://devfeed.tech/tags/react.md>), [react-component](<https://devfeed.tech/tags/react-component.md>), [saml](<https://devfeed.tech/tags/saml.md>), [sso](<https://devfeed.tech/tags/sso.md>), [themes](<https://devfeed.tech/tags/themes.md>)

## AI overview

Keycloak announces its new Account Console as the default, replacing the old console for most users. Built with React and PatternFly 4, it supports custom themes, custom pages, and pluggable React components.

## Source excerpt

The Keycloak team is excited that our new Account Console is finally final! The old account console is still available for those who need it, but the new version is the default from now on. This new console is written as a Single Page Application with React and PatternFly 4. In addition to the modern look and feel, we make it really easy for organizations to personalize the console with custom themes and even custom pages that can have unlimited functionality. Screen shots of New Account Management Console Theming PatternFly 4 makes it really easy to theme the new account console using its system of CSS variables. All you have to do is tweak a few variables, add your own logo, and the console is perfectly skinned. body { --pf-global--FontFamily--sans-serif: Comic Sans MS; --pf-global--FontFamily--heading--sans-serif: Comic Sans MS; --pf-global--BackgroundColor--dark-100: #2B9AF3; --pf-global--Color--100: #004080; } Create your own sub-pages You may have noticed the "Keycloak Man" section above. The new console includes one of our most requested features. That is the ability to add and remove sub-pages. So we've made it very easy to develop and plug in your own React component and add it to the Account Console. It's even possible to build new pages with nothing but an editor. No build step is required unless you want to use more advanced tools like JSX and Typescript. Of course, this "Keycloak Man" theme is available online as a Keycloak Quick Start so you can check out all the source. The Home for New Keycloak Features New Account Console is the home for user configuration of new Keycloak features like WebAuthn support. So look for new features to start showing up in the New Account Console instead of the old one.