How to merge view styles?

[nerobotParticipant]

I want to merge view styles with overwriting only needed properties.

Kind of “extends self”.

Example:

Monkey

// themeOne { "styles": { "BorderedView": { "extends": "OtherView", "border": [ 1 ], "borderColor": "#faaa" // and other properties } } } // themeTwo { "extends": "themeOne", // use parent theme "styles": { "BorderedView": { "extends": "self", // grab all existing properties from "themeOne" "borderColor": "#f555" // and add/overwrite this one only } } }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

// themeOne {   "styles": {     "BorderedView": {       "extends": "OtherView",       "border": [         1       ],       "borderColor": "#faaa"       // and other properties     }   } }   // themeTwo {   "extends": "themeOne", // use parent theme   "styles": {     "BorderedView": {       "extends": "self",     // grab all existing properties from "themeOne"       "borderColor": "#f555" // and add/overwrite this one only     }   } }

This time, if I extend the same name – app fall in endless loop (BorderedView extends BorderedView).

This approach allow us to refine styles (single properties) of any mojox views w/o fully copying them styles.

[Author]

Posts