title: Floating Action Button with square shape
body: <p>When I set a color to my fab, it looks like so:</p>
  
  <p><img src="https://i.stack.imgur.com/BmkRT.png" alt="enter image description here"></p>
  
  <p>My layout xml:</p>
  
  <pre><code>&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:paddingLeft="@dimen/activity_horizontal_margin"
  android:paddingRight="@dimen/activity_horizontal_margin"
  android:paddingTop="@dimen/activity_vertical_margin"
  android:paddingBottom="@dimen/activity_vertical_margin"
  tools:context=".MainActivity$PlaceholderFragment"&gt;
  
  &lt;android.support.design.widget.FloatingActionButton
      android:id="@+id/fab"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:src="@drawable/ic_add"
      android:layout_marginRight="20dp"
      app:fabSize="normal"
      android:elevation="@dimen/fab_elevation"
      android:background="#000000"
      android:stateListAnimator="@animator/fab_anim"
      android:layout_gravity="center_horizontal"
      android:layout_alignParentBottom="true"
      android:layout_alignParentEnd="true" /&gt;
  </code></pre>
  
  <p></p>
  
  <p>Also the color doesn't change.
  Can anyone help me in understanding what I am doing wrong?</p>
  
  <p>I also tried with a <code>@color</code> link but it crashed, with the background of a drawable <code>(ex. android:background="@drawable/fab_background")</code> nothing happens.</p>
  
  <p>Here is the drawable <code>fab_background.xml</code></p>
  
  <pre><code>&lt;selector xmlns:android="http://schemas.android.com/apk/res/android"&gt;
  
  &lt;item&gt;
      &lt;ripple android:color="@color/fab_color_1_muted"&gt;
          &lt;item&gt;
              &lt;shape&gt;
                  &lt;solid android:color="@color/fab_color_1" /&gt;
              &lt;/shape&gt;
          &lt;/item&gt;
      &lt;/ripple&gt;
  &lt;/item&gt;
  </code></pre>
  
  <p></p>