title: How to customize outlined button using MDCButtons in Swift?
body: <p>I'm customizing my <code>UIButton</code> using <code>MDCButton</code>. I want to make my button outlined and customize its color. </p>
  
  <p>In this case, I'm using <code>MDCOutlinedButtonThemer</code>. 
  I also implement <code>MDCButton</code> (<code>MDCButtonColorThemer</code>) with custom color in other button and it working.
  I've tried to set my button with default <code>MDCOutlinedButton</code> and it works. </p>
  
  <p>This is my code :</p>
  
  <pre><code>MDCOutlinedButtonThemer.applyScheme(buttonScheme, to: self.btnAddToCart)
  
  MDCButtonColorThemer.applySemanticColorScheme(ApplicationScheme.shared.colorScheme, to: self.btnBuy)
  </code></pre>
  
  <p>This is the ApplicationScheme.swift : </p>
  
  <pre><code>public let colorScheme: MDCColorScheming = { 
      let scheme = MDCSemanticColorScheme(defaults: .material201804)
      //TODO: Customize our app Colors after this line
      scheme.primaryColor = UIColor(red: 255.0 / 255.0, green: 201.0 / 255.0, blue: 46.0 / 255.0, alpha: 1)
      //scheme.primaryColorVariant = UIColor(red: 68.0/255.0, green: 44.0/255.0, blue: 46.0/255.0, alpha: 1.0)
      //scheme.onPrimaryColor = UIColor(red: 255.0/255.0, green: 201.0/255.0, blue: 46.0/255.0, alpha: 1.0)
      scheme.secondaryColor = UIColor(red: 254.0/255.0, green: 201.0/255.0, blue: 46.0/255.0, alpha: 1.0)
      //scheme.onSecondaryColor = UIColor(red: 68.0/255.0, green: 44.0/255.0, blue: 46.0/255.0, alpha: 1.0)
      scheme.surfaceColor = UIColor(red: 255.0/255.0, green: 201.0/255.0, blue: 46.0/255.0, alpha: 1.0)
      //scheme.onSurfaceColor = UIColor(red: 255.0/255.0, green: 201.0/255.0, blue: 46.0/255.0, alpha: 1.0)
      scheme.backgroundColor = UIColor(red: 255.0/255.0, green: 201.0/255.0, blue: 46.0/255.0, alpha: 1.0)
      //scheme.onBackgroundColor = UIColor(red: 68.0/255.0, green: 44.0/255.0, blue: 46.0/255.0, alpha: 1.0)
      //scheme.errorColor = UIColor(red: 197.0/255.0, green: 3.0/255.0, blue: 43.0/255.0, alpha: 1.0)
      return scheme
  }()
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/4LvP1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4LvP1.png" alt="enter image description here"></a></p>
  
  <p>I want to make "Add to cart" button's border color same with "buy" button's color</p>