title: AdaptiveCards - How to customize the color and fonts for Actions on iOS?
body: <p>I'm using v1.2.6 of the AdaptiveCard SDK. Using this example card that uses the 3 available styles for actions (default, positive, destructive), it seems I'm only able to control the background color of the <code>positive</code> card, and it's not very intuitive how it's working.  </p>
  
  <p>The card i'm using: </p>
  
  <pre class="lang-js prettyprint-override"><code>{
     "$schema":"http://adaptivecards.io/schemas/adaptive-card.json",
     "type":"AdaptiveCard",
     "version":"1.2",
     "body":[
        {
           "type":"TextBlock",
           "wrap":true,
           "text":"There are also still actions at the bottom of the card"
        }
     ],
     "actions":[
        {
           "type":"Action.ShowCard",
           "title":"Positive",
           "style":"positive",
           "card":{
              "type":"AdaptiveCard",
              "body":[
                 {
                    "type":"TextBlock",
                    "text":"This is a show card"
                 }
              ]
           }
        },
        {
           "type":"Action.OpenUrl",
           "title":"Desctructive",
           "url":"https://adaptivecards.io",
           "style":"destructive"
        },
        {
           "type":"Action.Submit",
           "title":"Default",
           "data":{
              "x":13
           }
        }
     ]
  }
  </code></pre>
  
  <p>And the host config I'm using: </p>
  
  <pre class="lang-js prettyprint-override"><code>{
      "hostCapabilities": {
          "capabilities": null
      },
      "choiceSetInputValueSeparator": ",",
      "supportsInteractivity": true,
      "fontFamily": "Arial",
      "spacing": {
          "small": 4,
          "default": 12,
          "medium": 12,
          "large": 12,
          "extraLarge": 16,
          "padding": 12
      },
      "separator": {
          "lineThickness": 1,
          "lineColor": "#EEEEEE"
      },
      "fontSizes": {
          "small": 12,
          "default": 14,
          "medium": 16,
          "large": 20,
          "extraLarge": 22
      },
      "fontWeights": {
          "lighter": 300,
          "default": 400,
          "bolder": 600
      },
      "imageSizes": {
          "small": 40,
          "medium": 80,
          "large": 160
      },
      "containerStyles": {
          "default": {
              "foregroundColors": {
                  "default": {
                      "default": "#FFFFFF",
                      "subtle": "#E6E8E8"
                  },
                  "dark": {
                      "default": "#FFFFFF",
                      "subtle": "#E6E8E8"
                  },
                  "light": {
                      "default": "#B4B6B8",
                      "subtle": "#929596"
                  },
                  "accent": {
                      "default": "#CE2D4F", // this affects the "positive" action for some reason
                      "subtle": "#00A0D1"
                  },
                  "good": {
                      "default": "#44CF50",
                      "subtle": "#7FEB86"
                  },
                  "warning": {
                      "default": "#FF5C4A",
                      "subtle": "#FF5C4A"
                  },
                  "attention": {
                      "default": "#FF5C4A",
                      "subtle": "#FF5C4A"
                  }
              },
              "backgroundColor": "#24282B"
          },
          "emphasis": {
              "foregroundColors": {
                  "default": {
                      "default": "#FFFFFF",
                      "subtle": "#E6E8E8"
                  },
                  "dark": {
                      "default": " #FFFFFF",
                      "subtle": "#E6E8E8"
                  },
                  "light": {
                      "default": "#B4B6B8",
                      "subtle": "#929596"
                  },
                  "accent": {
                      "default": "#1DC4F2",
                      "subtle": "#00A0D1"
                  },
                  "good": {
                      "default": "#44CF50",
                      "subtle": "#7FEB86"
                  },
                  "warning": {
                      "default": "#FF5C4A",
                      "subtle": "#FF9987"
                  },
                  "attention": {
                      "default": "#FF9D52",
                      "subtle": "#FFCA99"
                  }
              },
              "backgroundColor": "#535759"
          },
          "good": {
              "foregroundColors": {
                  "default": {
                      "default": "#FFFFFF",
                      "subtle": "#E6E8E8"
                  },
                  "dark": {
                      "default": "#FFFFFF",
                      "subtle": "#E6E8E8"
                  },
                  "light": {
                      "default": "#B4B6B8",
                      "subtle": "#929596"
                  },
                  "accent": {
                      "default": "#1DC4F2",
                      "subtle": "#00A0D1"
                  },
                  "good": {
                      "default": "#44CF50",
                      "subtle": "#7FEB86"
                  },
                  "warning": {
                      "default": "#FF5C4A",
                      "subtle": "#FF5C4A"
                  },
                  "attention": {
                      "default": "#FF5C4A",
                      "subtle": "#FF5C4A"
                  }
              },
              "backgroundColor": "#17451E"
          },
          "accent": {
              "foregroundColors": {
                  "default": {
                      "default": "#FFFFFF",
                      "subtle": "#E6E8E8"
                  },
                  "dark": {
                      "default": "#FFFFFF",
                      "subtle": "#E6E8E8"
                  },
                  "light": {
                      "default": "#B4B6B8",
                      "subtle": "#929596"
                  },
                  "accent": {
                      "default": "#1DC4F2",
                      "subtle": "#00A0D1"
                  },
                  "good": {
                      "default": "#44CF50",
                      "subtle": "#7FEB86"
                  },
                  "warning": {
                      "default": "#FF5C4A",
                      "subtle": "#FF5C4A"
                  },
                  "attention": {
                      "default": "#FF5C4A",
                      "subtle": "#FF5C4A"
                  }
              },
              "backgroundColor": "#124052"
          },
          "warning": {
              "foregroundColors": {
                  "default": {
                      "default": "#FFFFFF",
                      "subtle": "#E6E8E8"
                  },
                  "dark": {
                      "default": "#FFFFFF",
                      "subtle": "#E6E8E8"
                  },
                  "light": {
                      "default": "#B4B6B8",
                      "subtle": "#929596"
                  },
                  "accent": {
                      "default": "#1DC4F2",
                      "subtle": "#00A0D1"
                  },
                  "good": {
                      "default": "#44CF50",
                      "subtle": "#7FEB86"
                  },
                  "warning": {
                      "default": "#FF5C4A",
                      "subtle": "#FF5C4A"
                  },
                  "attention": {
                      "default": "#FF5C4A",
                      "subtle": "#FF5C4A"
                  }
              },
              "backgroundColor": "#632926"
          },
          "attention": {
              "foregroundColors": {
                  "default": {
                      "default": "#FFFFFF",
                      "subtle": "#E6E8E8"
                  },
                  "dark": {
                      "default": "#FFFFFF",
                      "subtle": "#E6E8E8"
                  },
                  "light": {
                      "default": "#B4B6B8",
                      "subtle": "#929596"
                  },
                  "accent": {
                      "default": "#1DC4F2",
                      "subtle": "#00A0D1"
                  },
                  "good": {
                      "default": "#44CF50",
                      "subtle": "#7FEB86"
                  },
                  "warning": {
                      "default": "#FF5C4A",
                      "subtle": "#FF5C4A"
                  },
                  "attention": {
                      "default": "#FF5C4A",
                      "subtle": "#FF5C4A"
                  }
              },
              "backgroundColor": "#543511"
          }
      },
      "actions": {
          "maxActions": 5,
          "buttonSpacing": 8,
          "showCard": {
              "actionMode": "Inline",
              "inlineTopMargin": 8,
              "style": "emphasis"
          },
          "style": "emphasis",
          "preExpandSingleShowCardAction": false,
          "actionsOrientation": "Vertical",
          "actionAlignment": "stretch"
      },
      "adaptiveCard": {
          "allowCustomStyle": false
      },
      "imageSet": {
          "maxImageHeight": 100
      },
      "media": {
          "allowInlinePlayback": false
      },
      "factSet": {
          "title": {
              "size": "Default",
              "color": "Default",
              "isSubtle": false,
              "weight": "Bolder",
              "wrap": true
          },
          "value": {
              "size": "Default",
              "color": "Default",
              "isSubtle": false,
              "weight": "Default",
              "wrap": true
          },
          "spacing": 10
      },
      "cssClassNamePrefix": null
  }
  </code></pre>
  
  <p>renders this card: </p>
  
  <p><a href="https://i.stack.imgur.com/YjG9Y.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YjG9Y.png" alt="adaptive_card_example"></a></p>
  
  <p>The <code>positive</code> card seems to only change color when I modify the hex value under "containerStyles" -> "default" -> "foregroundColors" -> "accent" -> "default" which makes zero sense to me (I only found this via trial and error as the documentation doesn't do a good job of explaining this).  </p>
  
  <p>I've also explored using <a href="https://docs.microsoft.com/en-us/adaptive-cards/sdk/rendering-cards/ios/extensibility" rel="nofollow noreferrer">extensibility</a> for rendering my own Actions, but it doesn't seem to be supported since there is no <code>ACRCardElementType</code> enum for actions (only ActionSets). </p>
  
  <p>I have these questions as a result: </p>
  
  <ol>
  <li><p>Why is the positive action background color affected by that specific property?  </p></li>
  <li><p>How do I modify the background colors of the other actions (and how are they getting their current values)?</p></li>
  <li><p>Is there a way to use extensibility to render these action buttons? </p></li>
  </ol>