Changing the background color of a Switch

Question

I've tried using android:background="@color/colorWhite"/> but it changes the entire background of the switch not that small grey part.

<androidx.appcompat.widget.SwitchCompat
          
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentEnd="true"
            android:layout_marginEnd="16dp"
            android:layout_centerVertical="true"
            android:background="@color/colorWhite"/>

android:backgroundTint doesn't do anything either

This should give you an idea on how to solve your problem https://stackoverflow.com/questions/23358822/how-to-custom-switch-button/58890218 — Richmahnn, Oct 10 '20 at 11:12
@Richmahnn Thanks! I didn't know what the separate components of a switch were called and that link helped me figure it out. — DIRTY DAVE, Oct 10 '20 at 11:26

score 0 · Accepted Answer · answered Oct 10 '20 at 11:25

The background is called a track and you can change the color of it by using

app:trackTint="@color/darkThemeGreyTextColor"

The "button" is called a thumb and you can change the color of it with

app:thumbTint="@color/heartRed"

I didn't see these attributes because I was using the android: prefix instead of the app: prefix to see the available options.

Changing the background color of a Switch

1 Answers1