#3591838 brand kit color implementation
- This adds a Color entity type, which uses the W3C color design tokes spec for storing the color value itself, in addition to Name. CSS variables name. Color entities are used by Brand Kit
- Color entities has folder support. Unlike other folder-supporting entities, we can choose to add a color from a folder's options, and the newly added color will be in that folder
AI Disclosure: Had Opencode + Kimi/Claude implement much of the work in several discrete stages. For the UI code, the prompts were detailed & granular enough that it can largely be viewed as my work aided by a robo-proofreader. Parts of the PHP side, however, could be accurately described as "Generated". I've looked though it but there's a bit of blind trust, and a Backend reviewer should keep that in mind.
Testing instructions
-
enable 'canvas_dev_mode' module
-
Run DB updates to add Color entity type
-
(optional) enable 'canvas_test_code_components_color' to install 3 Brand Kit colors
-
Go to Brand Kit
-
Try adding/editing/deleting colors and folders, and moving colors in/out of folders
-
Try setting colors using picker, rgba,hsla, and hex.
-
Note that adding a component from a folder's contextual menu should create the color inside that folder
-
note that usage data will always be 0 for now - color props don't exist yet thus no usage to report
-
note that deletion will have usage based safeguards added in a later ticket and can be hidden if the implementation details aren't ready.
Closes #3591838