Create extended colorstop/colorlist type for enhanced styling

[AmoebeLabs]

The Problem To Be Solved

SAK uses a very compact colorstop/colorlist definition. That definition is inherited from the Flexible Horse Shoe custom card.

Other cards use a more verbose implementation.

The SAK implementation (coming from FH):

  colorstops:
    fill: true
    colors:
      0: '#A8E05F'
      51: '#FDD74B'
      101: '#FE9B57'
      151: '#FE6A69'
      201: '#A97ABC'
      301: '#A87383'

This is very compact and easy to understand!

Additional background:

The initial idea was to change this definition, but that is a big breaking change and requires changing all the existing views and examples.

Additionally: it hinders the quick release of the public release candidate.

(Optional): Suggested Solution

So, the suggested solution is one that is listed below and used for the lines tool (see issue #55 ), but instead of changing the current colorstop and colorlist types, these extended definitions are implemented in the colorstopex and colorlistex types!

Meaning:

• Not a breaking change
• Implementation can be postponed after the release candidate.
• Me happy!

[AmoebeLabs]

Or make it, just as commented on the lines tool (#55) in line with the styles/classes structure, and thus with the animations section:

  colorstop:
    colors:
      - value: 0                 # The stop
        styles:                 # Styles / Classes
          any:                  # Any part
            fill: '#A8E05F'
            stroke: '#A8E05E'
      - stop: 51
        classes:
          any:
            myClass: true       #'#FDD74B'
      - stop: 101
        styles:
          any:
            fill: '#FE9B57'
      - stop: 151
        styles:
          Any:
            fill: '#FE6A69'
      - stop: 201
        styles:
          any:
            fill: '#A97ABC'
      - stop: 301
        styles:
          any:
            fill: '#A87383'

The question then arises if one should use animations or colorstops:

• if only used as colorstop, an animation can do exactly the same
• a colorstop however can also use gradients, or use the lastcolor to fill the colorstop
• an segarc and more tools use the colorstop to create the segments

So: other usage. They should coexist !

Note:
As the colorstop now contains the part name, it cannot be used as generic colorstop anymore, ie as template. Therefor the any part is introduced. Any will work for a circle, rectex, text, segarc, etc. just for specific stuff like lines parts, a specific colorstop is required, if each part must have different colors…