Customize the user profile pages to fit Greenstand style and brand

[dadiorchen]

you can access this page here: https://dev-k8s.treetracker.org/raw-client/

As we do on the login page, we can also customize these page above, we way to do it is attach html and css to current theme folder of keycloak docker image, as shown in this PR https://github.com/Greenstand/treetracker-infrastructure/pull/203

this is our customized page for login:

[dadiorchen]

Here is doc by keycloak about how to create theme: https://www.keycloak.org/docs/latest/server_development/index.html#creating-a-theme

[Mohmn]

@dadiorchen i got the keyclock docker image runing on my local

is there any mock avalble for user profile page

[dadiorchen]

@Mohmn mock? do you mean UX/UI design? No, it isn't easy to get designer involved, because we are not going to create a totally new UI, we just adjust the current page/css to fit our style/color, and also as first step, it is not important to give a perfect UI, just go through the things and make the replacement happen is good enough, we can improve the ui later.

[dadiorchen]

BTW, nice job!

[Mohmn]

@Mohmn mock? do you mean UX/UI design? No, it isn't easy to get designer involved, because we are not going to create a totally new UI, we just adjust the current page/css to fit our style/color, and also as first step, it is not important to give a perfect UI, just go through the things and make the replacement happen is good enough, we can improve the ui later.

Got it , will add the necessary styling