davidusb-geek / emhass

emhass: Energy Management for Home Assistant, is a Python module designed to optimize your home energy interfacing with Home Assistant.
MIT License
284 stars 54 forks source link

Updated stylesheet with mobile & dark theme #146

Closed GeoDerp closed 8 months ago

GeoDerp commented 8 months ago

Light and Dark Theme

Colour scheme has been simplified (sticking to the silver and dark blue theme), icons added & buttons rounded to generate a "modern" design. Adaptive Dark mode style has been added to the .css to support dark themed devices. (currently only tested on Firefox)

Light

Screenshot 2024-01-18 at 16-22-33 EMHASS Energy Management Optimization for Home Assistant

Dark

Screenshot 2024-01-18 at 16-22-14 EMHASS Energy Management Optimization for Home Assistant

Mobile

Scrolling overflow has been added to support for easier navigation on small screened devices

Screenshot

Screenshot 2024-01-18 at 16-22-56 EMHASS Energy Management Optimization for Home Assistan

Known ToDo (optional)

codecov[bot] commented 8 months ago

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Comparison is base (5691360) 89.52% compared to head (c4706b4) 89.52%.

Additional details and impacted files ```diff @@ Coverage Diff @@ ## master #146 +/- ## ======================================= Coverage 89.52% 89.52% ======================================= Files 6 6 Lines 1442 1442 ======================================= Hits 1291 1291 Misses 151 151 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

davidusb-geek commented 8 months ago

Thanks for these improvements...