Add ripples to unit holders

app/src/main/kotlin/com/simplemobiletools/calculator/views/ConverterView.kt

@@ -3,6 +3,8 @@ package com.simplemobiletools.calculator.views
 import android.app.Activity
 import android.content.Context
 import android.content.res.ColorStateList
+import android.graphics.BlendMode
+import android.graphics.PorterDuff
 import android.graphics.drawable.GradientDrawable
 import android.graphics.drawable.LayerDrawable
 import android.graphics.drawable.RippleDrawable
@@ -87,7 +89,7 @@ class ConverterView @JvmOverloads constructor(
             )
         }
 
-        binding.topUnitHolder.setBackgroundColor(context.getProperPrimaryColor().lightenColor().adjustAlpha(LOWER_ALPHA))
+        binding.topUnitHolder.backgroundTintList = ColorStateList.valueOf(context.getProperPrimaryColor().lightenColor().adjustAlpha(LOWER_ALPHA))
         binding.swapButton.applyColorFilter(context.getProperPrimaryColor())
 
         val drawable = ResourcesCompat.getDrawable(

app/src/main/res/drawable/colored_ripple.xml

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<ripple xmlns:android="http://schemas.android.com/apk/res/android" android:color="?android:attr/colorControlHighlight">
+    <item android:id="@android:id/mask">
+        <shape android:shape="rectangle">
+            <solid android:color="#000000" />
+            <corners android:radius="@dimen/activity_margin" />
+        </shape>
+    </item>
+    <item android:id="@+id/colored_background">
+        <shape android:shape="rectangle">
+            <solid android:color="#FFFFFF" />
+        </shape>
+    </item>
+</ripple>

app/src/main/res/layout/view_converter.xml

@@ -11,6 +11,7 @@
         android:layout_height="wrap_content"
         android:paddingStart="@dimen/activity_margin"
         android:paddingEnd="@dimen/activity_margin"
+        android:background="@drawable/colored_ripple"
         android:orientation="vertical"
         android:layout_weight="3">
 
@@ -72,6 +73,7 @@
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:paddingStart="@dimen/activity_margin"
+        android:background="@drawable/ripple_background"
         android:paddingEnd="@dimen/activity_margin"
         android:orientation="vertical"
         android:layout_weight="3">