open-prices-frontend icon indicating copy to clipboard operation
open-prices-frontend copied to clipboard

feat: Dark mode implemented

Open psankhe28 opened this issue 1 year ago • 3 comments

What

I added a dark mode to the user settings file, resolved the footer issue from the previous pull request, eliminated the "Follow System Settings" option, and aligned the dark mode with the system default value.

Screenshot

Dark mode:

image

Light mode:

image

System mode:

image

Part of https://github.com/openfoodfacts/open-prices-frontend/issues/274

psankhe28 avatar Feb 21 '24 15:02 psankhe28

I am currently in the process of modifying and reviewing various components, as well as checking different pages. I will push the changes as soon as possible.

psankhe28 avatar Feb 21 '24 15:02 psankhe28

Hi @psankhe28 ! We should rather use the built-in vuetify dark theme mode : https://vuetifyjs.com/en/features/theme/#setup

raphodn avatar Mar 13 '24 15:03 raphodn

Hi @psankhe28 😄 Are you still working on this feature ?

Valimp avatar Apr 22 '24 14:04 Valimp

Closing in favor of #921 (using the "official" vuetify way)

raphodn avatar Oct 03 '24 21:10 raphodn