Rework css/tikui part

[pascalgrimaud]

Related to jhipster/generator-jhipster#13595

See the design:

• https://rebrand.ly/jhipster
• https://rebrand.ly/jhipster-mobile

The current css should be updated and follow the design above

TO-DO

• harmonize the css with the current jhipster-website design #10702
• extract landscape compact/extend mode switch to tikui molecule #10743
• increase the space between the module columns on the landscape screen #10756
• Implement the light theme following the new jhlite design
• Implement the dark theme following the new jhlite design

[renanfranca]

I am storing the screenshots here from both desktop and mobile devices of the current design.

Desktop

Mobile (On my android - samsung galaxy s20 Fe)

[pascalgrimaud]

@renanfranca : don't hesitate to ask to @ascelineboullen about design if needed

[renanfranca]

See the design:

• https://rebrand.ly/jhipster
• https://rebrand.ly/jhipster-mobile

@ascelineboullen: Please, can you confirm if this is the latest updated design file?

[ascelineboullen]

Hi @renanfranca,
Yes https://rebrand.ly/jhipster & https://rebrand.ly/jhipster-mobile, are the latest design files, but for jhipster.tech redesign.
It could inspire you for components design, to harmonize 🙂.

Don't hesitate to tell me if you have a component that you don't know how to design, because I started working a few days ago on the JHipster lite subject ;)

[renanfranca]

It could inspire you for components design, to harmonize 🙂.

@ascelineboullen : Nice, thanks! I’ve defined a roadmap where I will first implement the light theme in one PR, and after feedback and improvements, I will implement the dark theme in another PR. 👍

Don't hesitate to tell me if you have a component that you don't know how to design.

Thank you, I will 😊

I started working a few days ago on the JHipster Lite subject ;)

That's wonderful news! 😃 Please, take your time 👍