Skip to content

Koala design custom colors settings build - #3512

Merged
LKuemmel merged 36 commits into
openWB:feature-custom-colorsfrom
Brett-S-OWB:koala-new-design-custom-colors
Jun 10, 2026
Merged

LKuemmel merged 36 commits into
openWB:feature-custom-colorsfrom
Brett-S-OWB:koala-new-design-custom-colors

Conversation

@Brett-S-OWB

Copy link
Copy Markdown
Contributor

No description provided.

@LKuemmel
LKuemmel merged commit 3036376 into openWB:feature-custom-colors Jun 10, 2026
1 check passed
benderl added a commit that referenced this pull request Jun 25, 2026
* custom vehicle and charge point colors

* custom component colors

* update config step 1

* fix upgrade config

* fix component setup

* extend setdata for new vehicle topic

* use bootstrap primary color for charge points

* update logfiles

* rename color constants

* upgrade method

* update dynsec roles

* update dynsec role acls for vehicle color

* Apply suggestions from code review

Co-authored-by: Copilot <[email protected]>

* fix missing color references

* Update packages/helpermodules/update_config.py

catch corrupt log files on update

Co-authored-by: Copilot <[email protected]>

* formatting

* add logging in ComponentSetup

* Koala user defined custom colors (#3361)

* Koala - Add custom colors - charge points

* Koala - Add custom colors - battery

* Daily totals - multiple batteries dropdown - icons: user defined colors

* Add user defined colors to history chart

* Add user defined colors to energy flow chart

* Add user defined colors to vehicle cards

* Add user defined colors to tables (vehicle & charge points)

* Use vite-svg-loader for svg icons

* Make CSS consistent of all components

---------

Co-authored-by: Lutz Bender <[email protected]>
Co-authored-by: LKuemmel <[email protected]>
Co-authored-by: benderl <[email protected]>
Co-authored-by: Copilot <[email protected]>

* fix typescript errors, formatting

* update dependencies

* Koala new design custom colors (#3500)

* Flow chart new design

* DailyTotals new design

* fix battery color in flow diagram

* History chart new design

* Flow chart drop shadows for Safari

* Flow chart CCS for Safari

* Charge point cards new design

* Charge point & vehicle select buttons update to new design

* update icon color

* Vehicle Card new design

* Battery card new design

* Update table background

* custom color card border left

* Change carousel button background color

* new energy flow animation

* fix custom symbol color - Daily totals

* formatting

* Carousel control CSS global in  quasar variables file

* update carousel CSS

* update dropdown menu CSS

* new design CSS for button groups

* flow chart resize soc clip to prevent overlap

* formatting

* update card background - dark theme

* update battery mode buttons to new design

* apply new design to dark theme

* Adjust CSS

* update global CSS

* reorder global CSS color variables

* cleanup global color variables light and dark themes

* remove unused colors

* Global CSS consolidate CSS selectors

* Scheduled /Time plan buttons / plan details info-box - new design

* Centralize message/info box  CSS in global file

* update jsdoc for store

* Koala design custom colors settings build (#3512)

* Flow chart new design

* DailyTotals new design

* fix battery color in flow diagram

* History chart new design

* Flow chart drop shadows for Safari

* Flow chart CCS for Safari

* Charge point cards new design

* Charge point & vehicle select buttons update to new design

* update icon color

* Vehicle Card new design

* Battery card new design

* Update table background

* custom color card border left

* Change carousel button background color

* new energy flow animation

* fix custom symbol color - Daily totals

* formatting

* Carousel control CSS global in  quasar variables file

* update carousel CSS

* update dropdown menu CSS

* new design CSS for button groups

* flow chart resize soc clip to prevent overlap

* formatting

* update card background - dark theme

* update battery mode buttons to new design

* apply new design to dark theme

* Adjust CSS

* update global CSS

* reorder global CSS color variables

* cleanup global color variables light and dark themes

* remove unused colors

* Global CSS consolidate CSS selectors

* Scheduled /Time plan buttons / plan details info-box - new design

* Centralize message/info box  CSS in global file

* update jsdoc for store

* setting build custom colors

* New design Koala build (#3518)

* Flow chart new design

* DailyTotals new design

* fix battery color in flow diagram

* History chart new design

* Flow chart drop shadows for Safari

* Flow chart CCS for Safari

* Charge point cards new design

* Charge point & vehicle select buttons update to new design

* update icon color

* Vehicle Card new design

* Battery card new design

* Update table background

* custom color card border left

* Change carousel button background color

* new energy flow animation

* fix custom symbol color - Daily totals

* formatting

* Carousel control CSS global in  quasar variables file

* update carousel CSS

* update dropdown menu CSS

* new design CSS for button groups

* flow chart resize soc clip to prevent overlap

* formatting

* update card background - dark theme

* update battery mode buttons to new design

* apply new design to dark theme

* Adjust CSS

* update global CSS

* reorder global CSS color variables

* cleanup global color variables light and dark themes

* remove unused colors

* Global CSS consolidate CSS selectors

* Scheduled /Time plan buttons / plan details info-box - new design

* Centralize message/info box  CSS in global file

* update jsdoc for store

* setting build custom colors

* New design Koala build

* remove user defined battery color

* Always use Standard colors for PV, EVU, no  user defined colors

* Charge points revert back to standard color when no user defined color

* update charge point default color

* Update global CSS colors - new design

* Update home icon color - remove q-diagram-color where not required

* Make power and charge mode text same color as icons

* Energy flow chart -  responsive column spacing

* Energy flow chart - Set font - Roboto

* Energy flow chart - Change clip path for label animation

* Daily totals - update secondary counter color

* DailyTotals - Secondary counter custom color

* reinstate custom colors for all components

* Standard color displayed in charts

* remove redundant store function

* daily totals add dropdown for multiple pv systems

* use lighter blue primary color in dark theme

* centralize logic for secondary components configured

* formatting

* centralize settings UI colors

---------

Co-authored-by: Lutz Bender <[email protected]>
Co-authored-by: LKuemmel <[email protected]>
Co-authored-by: benderl <[email protected]>
Co-authored-by: Copilot <[email protected]>
benderl added a commit that referenced this pull request Jul 2, 2026
* custom vehicle and charge point colors

* custom component colors

* update config step 1

* fix upgrade config

* fix component setup

* extend setdata for new vehicle topic

* use bootstrap primary color for charge points

* update logfiles

* rename color constants

* upgrade method

* update dynsec roles

* update dynsec role acls for vehicle color

* Apply suggestions from code review

Co-authored-by: Copilot <[email protected]>

* fix missing color references

* Update packages/helpermodules/update_config.py

catch corrupt log files on update

Co-authored-by: Copilot <[email protected]>

* formatting

* add logging in ComponentSetup

* Koala user defined custom colors (#3361)

* Koala - Add custom colors - charge points

* Koala - Add custom colors - battery

* Daily totals - multiple batteries dropdown - icons: user defined colors

* Add user defined colors to history chart

* Add user defined colors to energy flow chart

* Add user defined colors to vehicle cards

* Add user defined colors to tables (vehicle & charge points)

* Use vite-svg-loader for svg icons

* Make CSS consistent of all components

---------

Co-authored-by: Lutz Bender <[email protected]>
Co-authored-by: LKuemmel <[email protected]>
Co-authored-by: benderl <[email protected]>
Co-authored-by: Copilot <[email protected]>

* fix typescript errors, formatting

* update dependencies

* Koala new design custom colors (#3500)

* Flow chart new design

* DailyTotals new design

* fix battery color in flow diagram

* History chart new design

* Flow chart drop shadows for Safari

* Flow chart CCS for Safari

* Charge point cards new design

* Charge point & vehicle select buttons update to new design

* update icon color

* Vehicle Card new design

* Battery card new design

* Update table background

* custom color card border left

* Change carousel button background color

* new energy flow animation

* fix custom symbol color - Daily totals

* formatting

* Carousel control CSS global in  quasar variables file

* update carousel CSS

* update dropdown menu CSS

* new design CSS for button groups

* flow chart resize soc clip to prevent overlap

* formatting

* update card background - dark theme

* update battery mode buttons to new design

* apply new design to dark theme

* Adjust CSS

* update global CSS

* reorder global CSS color variables

* cleanup global color variables light and dark themes

* remove unused colors

* Global CSS consolidate CSS selectors

* Scheduled /Time plan buttons / plan details info-box - new design

* Centralize message/info box  CSS in global file

* update jsdoc for store

* Koala design custom colors settings build (#3512)

* Flow chart new design

* DailyTotals new design

* fix battery color in flow diagram

* History chart new design

* Flow chart drop shadows for Safari

* Flow chart CCS for Safari

* Charge point cards new design

* Charge point & vehicle select buttons update to new design

* update icon color

* Vehicle Card new design

* Battery card new design

* Update table background

* custom color card border left

* Change carousel button background color

* new energy flow animation

* fix custom symbol color - Daily totals

* formatting

* Carousel control CSS global in  quasar variables file

* update carousel CSS

* update dropdown menu CSS

* new design CSS for button groups

* flow chart resize soc clip to prevent overlap

* formatting

* update card background - dark theme

* update battery mode buttons to new design

* apply new design to dark theme

* Adjust CSS

* update global CSS

* reorder global CSS color variables

* cleanup global color variables light and dark themes

* remove unused colors

* Global CSS consolidate CSS selectors

* Scheduled /Time plan buttons / plan details info-box - new design

* Centralize message/info box  CSS in global file

* update jsdoc for store

* setting build custom colors

* New design Koala build (#3518)

* Flow chart new design

* DailyTotals new design

* fix battery color in flow diagram

* History chart new design

* Flow chart drop shadows for Safari

* Flow chart CCS for Safari

* Charge point cards new design

* Charge point & vehicle select buttons update to new design

* update icon color

* Vehicle Card new design

* Battery card new design

* Update table background

* custom color card border left

* Change carousel button background color

* new energy flow animation

* fix custom symbol color - Daily totals

* formatting

* Carousel control CSS global in  quasar variables file

* update carousel CSS

* update dropdown menu CSS

* new design CSS for button groups

* flow chart resize soc clip to prevent overlap

* formatting

* update card background - dark theme

* update battery mode buttons to new design

* apply new design to dark theme

* Adjust CSS

* update global CSS

* reorder global CSS color variables

* cleanup global color variables light and dark themes

* remove unused colors

* Global CSS consolidate CSS selectors

* Scheduled /Time plan buttons / plan details info-box - new design

* Centralize message/info box  CSS in global file

* update jsdoc for store

* setting build custom colors

* New design Koala build

* remove user defined battery color

* Always use Standard colors for PV, EVU, no  user defined colors

* Charge points revert back to standard color when no user defined color

* update charge point default color

* Update global CSS colors - new design

* Update home icon color - remove q-diagram-color where not required

* Make power and charge mode text same color as icons

* Energy flow chart -  responsive column spacing

* Energy flow chart - Set font - Roboto

* Energy flow chart - Change clip path for label animation

* Daily totals - update secondary counter color

* DailyTotals - Secondary counter custom color

* reinstate custom colors for all components

* Standard color displayed in charts

* remove redundant store function

* daily totals add dropdown for multiple pv systems

* use lighter blue primary color in dark theme

* centralize logic for secondary components configured

* formatting

* centralize settings UI colors

---------

Co-authored-by: Lutz Bender <[email protected]>
Co-authored-by: LKuemmel <[email protected]>
Co-authored-by: benderl <[email protected]>
Co-authored-by: Copilot <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants