Rework css/tikui part - Githubissues

jhipster / jhipster-lite

JHipster Lite ⚡ is a development platform to generate, develop & deploy modern web applications & microservices architecture, step by step - using Hexagonal Architecture :gem:

https://lite.jhipster.tech

Apache License 2.0

465 stars 213 forks source link

Rework css/tikui part #10576

Open pascalgrimaud opened 2 months ago

pascalgrimaud commented 2 months ago

See the design:

The current css should be updated and follow the design above

TO-DO

[x] https://github.com/jhipster/jhipster-lite/pull/10702
[x] https://github.com/jhipster/jhipster-lite/pull/10743
[x] https://github.com/jhipster/jhipster-lite/pull/10756
[ ] Implement the light theme following the new jhlite design
[ ] Implement the dark theme following the new jhlite design

renanfranca commented 2 months ago

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

Desktop

2024-08-20 09 41 50 lite jhipster tech b4d845e2a9cf 2024-08-20 09 42 06 lite jhipster tech 4d7369c675a9 2024-08-20 09 42 16 lite jhipster tech 15d01542ff23 2024-08-20 09 42 51 lite jhipster tech afeaa6e1e9cf 2024-08-20 09 43 03 lite jhipster tech b450e6b1066d 2024-08-20 09 43 15 lite jhipster tech 097b4353a21d

Mobile (On my android - samsung galaxy s20 Fe)

Screenshot_20240820_094624_Vivaldi Screenshot_20240820_094704_Vivaldi Screenshot_20240820_094720_Vivaldi Screenshot_20240820_094728_Vivaldi Screenshot_20240820_094748_Vivaldi Screenshot_20240820_094742_Vivaldi

pascalgrimaud commented 2 months ago

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

renanfranca commented 2 months ago

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 commented 2 months ago

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 commented 2 months ago

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 👍