Feature custom colors#2609
Draft
benderl wants to merge 36 commits into
Draft
Conversation
LKuemmel
force-pushed
the
feature-custom-colors
branch
2 times, most recently
from
4afd24b to
097c646
Compare
benderl
force-pushed
the
feature-custom-colors
branch
from
1a9494d to
44fc1ce
Compare
benderl
force-pushed
the
feature-custom-colors
branch
from
44fc1ce to
492d1df
Compare
benderl
force-pushed
the
feature-custom-colors
branch
from
492d1df to
cfb107c
Compare
tpd-opitz
reviewed
Sep 11, 2025
benderl
force-pushed
the
feature-custom-colors
branch
from
cfb107c to
aaf53b9
Compare
benderl
force-pushed
the
feature-custom-colors
branch
from
87c04af to
7872fc6
Compare
benderl
force-pushed
the
feature-custom-colors
branch
from
7872fc6 to
f824b4e
Compare
LKuemmel
modified the milestones:
2.2.0 - Step 1,
2.2.0 Step 2- nach Benutzerverwaltung
benderl
added
the
user-management
benderl
force-pushed
the
feature-custom-colors
branch
from
f824b4e to
f22be23
Compare
benderl
removed
the
user-management
Contributor
Author
|
Angepasst an Benutzerverwaltung. |
benderl
force-pushed
the
feature-custom-colors
branch
3 times, most recently
from
67faa76 to
998fe03
Compare
benderl
force-pushed
the
feature-custom-colors
branch
2 times, most recently
from
876aeee to
cb16512
Compare
benderl
force-pushed
the
feature-custom-colors
branch
from
cb16512 to
ab438b3
Compare
Contributor
There was a problem hiding this comment.
Pull request overview
This PR introduces configurable color attributes for vehicles, chargepoints, and system components, and propagates those colors into measurement log files to support UI “custom colors” functionality (linked UI PR: openwb-ui-settings#906).
Changes:
- Add
colorfields/defaults for EVs and chargepoints, plus a component color accessor. - Extend measurement logging to persist a
colorsmap alongsidenames. - Add datastore upgrade v117 to backfill missing color topics and migrate existing log files; update MQTT ACLs to allow vehicle color topics.
Reviewed changes
Copilot reviewed 8 out of 8 changed files in this pull request and generated 9 comments.
Show a summary per file
| File | Description |
|---|---|
| packages/modules/common/utils/component_parser.py | Adds lookup helper to fetch a component’s color by component id. |
| packages/modules/common/component_setup.py | Introduces default colors on component setup objects (currently blocks custom component colors). |
| packages/helpermodules/update_config.py | Bumps datastore version and adds v117 migration for color topics + historical log migration. |
| packages/helpermodules/setdata.py | Validates incoming vehicle /color topics as strings. |
| packages/helpermodules/measurement_logging/write_log.py | Persists content["colors"] and adds get_colors() to compute colors per entry. |
| packages/control/ev/ev.py | Adds color field to EV data model. |
| packages/control/chargepoint/chargepoint_data.py | Adds color field to chargepoint config model. |
| data/config/mosquitto/public/default-dynamic-security.json | Extends dynamic-security ACLs for vehicle color topics (read + set). |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
catch corrupt log files on update Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
* 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 <github@lutz-bender.de> Co-authored-by: LKuemmel <lena.kuemmel@openwb.de> Co-authored-by: benderl <benderl@users.noreply.github.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
* 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
* 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 <175728472+Copilot@users.noreply.github.com> * fix missing color references * Update packages/helpermodules/update_config.py catch corrupt log files on update Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> * 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 <github@lutz-bender.de> Co-authored-by: LKuemmel <lena.kuemmel@openwb.de> Co-authored-by: benderl <benderl@users.noreply.github.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> * 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 <github@lutz-bender.de> Co-authored-by: LKuemmel <lena.kuemmel@openwb.de> Co-authored-by: benderl <benderl@users.noreply.github.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
* remove border from daily-totals chart * edit navigation / control buttons * Edit vehicle dropdown list to include vehicle color * update quasar color palette * add default colors to table view * fix dark theme background * remove redundant props
* cards custom colors
benderl
force-pushed
the
feature-custom-colors
branch
from
b9069d6 to
9c58a9c
Compare
benderl
force-pushed
the
feature-custom-colors
branch
from
9c58a9c to
b84e389
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
UI: openWB/openwb-ui-settings#906