Preview

Si queres editar los colores de un SwitchCompat deberás crear los siguientes archivos dentro de la carpeta drawable:

switch_compat_custom.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/switch_compac_custom_enabled" android:state_checked="true" />
    <item android:drawable="@drawable/switch_compat_custom_disabled" />
</selector>

switch_compat_custom_enabled.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="#ffb700" />
    <stroke
        android:width="4dp"
        android:color="#ffb700" />
    <size
        android:width="20dp"
        android:height="20dp" />
</shape>

switch_compat_custom_disabled.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="#FFFFFF" />
    <stroke
        android:width="4dp"
        android:color="#FFFFFF" />
    <size
        android:width="20dp"
        android:height="20dp" />
</shape>

switch_compat_custom_track.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="6dp"></corners>
    <solid android:color="#E0E0E0" />
    <stroke
        android:width="4dp"
        android:color="@android:color/transparent" />
    <size android:height="10dp" />
</shape>

Ahora bastará con personalizar en el archivo de layout algunas propiedades:

 <android.support.v7.widget.SwitchCompat
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:thumb="@drawable/switch_compat_custom"
    app:track="@drawable/switch_compat_custom_track"/>