diff --git a/app/src/main/kotlin/com/simplemobiletools/clock/helpers/MyWidgetDateTimeProvider.kt b/app/src/main/kotlin/com/simplemobiletools/clock/helpers/MyWidgetDateTimeProvider.kt
index b64a6147..b313685f 100644
--- a/app/src/main/kotlin/com/simplemobiletools/clock/helpers/MyWidgetDateTimeProvider.kt
+++ b/app/src/main/kotlin/com/simplemobiletools/clock/helpers/MyWidgetDateTimeProvider.kt
@@ -68,11 +68,10 @@ class MyWidgetDateTimeProvider : AppWidgetProvider() {
 
     private fun updateColors(context: Context, views: RemoteViews) {
         val config = context.config
-        val widgetBgColor = config.widgetBgColor
         val widgetTextColor = config.widgetTextColor
 
         views.apply {
-            setBackgroundColor(R.id.widget_date_time_holder, widgetBgColor)
+            applyColorFilter(R.id.widget_background, config.widgetBgColor)
             setTextColor(R.id.widget_time, widgetTextColor)
             setTextColor(R.id.widget_date, widgetTextColor)
             setTextColor(R.id.widget_next_alarm, widgetTextColor)
diff --git a/app/src/main/res/layout/widget_date_time.xml b/app/src/main/res/layout/widget_date_time.xml
index abf143bb..926e4ecb 100644
--- a/app/src/main/res/layout/widget_date_time.xml
+++ b/app/src/main/res/layout/widget_date_time.xml
@@ -1,69 +1,85 @@
 <?xml version="1.0" encoding="utf-8"?>
-<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools"
-    android:id="@+id/widget_date_time_holder"
     android:layout_width="match_parent"
-    android:layout_height="match_parent"
-    android:orientation="vertical"
-    android:paddingLeft="@dimen/small_margin"
-    android:paddingRight="@dimen/small_margin"
-    android:paddingBottom="@dimen/small_margin">
+    android:layout_height="wrap_content">
 
-    <TextView
-        android:id="@+id/widget_time"
+    <ImageView
+        android:id="@+id/widget_background"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_alignParentStart="true"
+        android:layout_alignParentTop="true"
+        android:layout_alignParentEnd="true"
+        android:layout_alignParentBottom="true"
+        android:src="@drawable/widget_round_background" />
+
+    <LinearLayout
+        android:id="@+id/widget_date_time_holder"
         android:layout_width="match_parent"
-        android:layout_height="0dp"
-        android:layout_weight="4"
-        android:autoSizeMaxTextSize="300sp"
-        android:autoSizeMinTextSize="2sp"
-        android:autoSizeStepGranularity="1sp"
-        android:autoSizeTextType="uniform"
-        android:gravity="center"
-        android:includeFontPadding="false"
-        android:maxLines="1"
-        android:textSize="@dimen/normal_text_size"
-        tools:text="00:00" />
-
-    <TextView
-        android:id="@+id/widget_date"
-        android:layout_width="match_parent"
-        android:layout_height="0dp"
-        android:layout_weight="1"
-        android:autoSizeMinTextSize="2sp"
-        android:autoSizeStepGranularity="1sp"
-        android:autoSizeTextType="uniform"
-        android:gravity="center"
-        android:includeFontPadding="false"
-        android:maxLines="1"
-        android:textSize="@dimen/normal_text_size"
-        tools:text="Mon, 1 January" />
-
-    <RelativeLayout
-        android:id="@+id/widget_alarm_holder"
-        android:layout_width="match_parent"
-        android:layout_height="0dp"
-        android:layout_weight="1"
-        android:gravity="center_horizontal">
-
-        <ImageView
-            android:id="@+id/widget_next_alarm_image"
-            android:layout_width="@dimen/widget_alarm_icon_size"
-            android:layout_height="@dimen/widget_alarm_icon_size"
-            android:layout_alignTop="@+id/widget_next_alarm"
-            android:layout_alignBottom="@+id/widget_next_alarm"
-            android:src="@drawable/ic_alarm_vector" />
+        android:layout_height="match_parent"
+        android:orientation="vertical"
+        android:paddingLeft="@dimen/small_margin"
+        android:paddingRight="@dimen/small_margin"
+        android:paddingBottom="@dimen/small_margin"
+        tools:ignore="UnusedAttribute">
 
         <TextView
-            android:id="@+id/widget_next_alarm"
-            android:layout_width="wrap_content"
-            android:layout_height="match_parent"
-            android:layout_toEndOf="@+id/widget_next_alarm_image"
+            android:id="@+id/widget_time"
+            android:layout_width="match_parent"
+            android:layout_height="0dp"
+            android:layout_weight="4"
+            android:autoSizeMaxTextSize="300sp"
+            android:autoSizeMinTextSize="2sp"
+            android:autoSizeStepGranularity="1sp"
+            android:autoSizeTextType="uniform"
             android:gravity="center"
             android:includeFontPadding="false"
             android:maxLines="1"
-            android:paddingStart="@dimen/small_margin"
             android:textSize="@dimen/normal_text_size"
-            tools:text="Tue, 18:30" />
+            tools:text="00:00" />
 
-    </RelativeLayout>
-</LinearLayout>
+        <TextView
+            android:id="@+id/widget_date"
+            android:layout_width="match_parent"
+            android:layout_height="0dp"
+            android:layout_weight="1"
+            android:autoSizeMinTextSize="2sp"
+            android:autoSizeStepGranularity="1sp"
+            android:autoSizeTextType="uniform"
+            android:gravity="center"
+            android:includeFontPadding="false"
+            android:maxLines="1"
+            android:textSize="@dimen/normal_text_size"
+            tools:text="Mon, 1 January" />
+
+        <RelativeLayout
+            android:id="@+id/widget_alarm_holder"
+            android:layout_width="match_parent"
+            android:layout_height="0dp"
+            android:layout_weight="1"
+            android:gravity="center_horizontal">
+
+            <ImageView
+                android:id="@+id/widget_next_alarm_image"
+                android:layout_width="@dimen/widget_alarm_icon_size"
+                android:layout_height="@dimen/widget_alarm_icon_size"
+                android:layout_alignTop="@+id/widget_next_alarm"
+                android:layout_alignBottom="@+id/widget_next_alarm"
+                android:src="@drawable/ic_alarm_vector" />
+
+            <TextView
+                android:id="@+id/widget_next_alarm"
+                android:layout_width="wrap_content"
+                android:layout_height="match_parent"
+                android:layout_toEndOf="@+id/widget_next_alarm_image"
+                android:gravity="center"
+                android:includeFontPadding="false"
+                android:maxLines="1"
+                android:paddingStart="@dimen/small_margin"
+                android:textSize="@dimen/normal_text_size"
+                tools:text="Tue, 18:30" />
+
+        </RelativeLayout>
+    </LinearLayout>
+</RelativeLayout>
diff --git a/app/src/main/res/layout/widget_date_time_pre_oreo.xml b/app/src/main/res/layout/widget_date_time_pre_oreo.xml
index f67468b9..0036f0c3 100644
--- a/app/src/main/res/layout/widget_date_time_pre_oreo.xml
+++ b/app/src/main/res/layout/widget_date_time_pre_oreo.xml
@@ -1,59 +1,74 @@
 <?xml version="1.0" encoding="utf-8"?>
-<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools"
-    android:id="@+id/widget_date_time_holder"
     android:layout_width="match_parent"
-    android:layout_height="match_parent"
-    android:orientation="vertical"
-    android:paddingLeft="@dimen/small_margin"
-    android:paddingRight="@dimen/small_margin"
-    android:paddingBottom="@dimen/small_margin">
+    android:layout_height="wrap_content">
 
-    <TextView
-        android:id="@+id/widget_time"
-        android:layout_width="match_parent"
+    <ImageView
+        android:id="@+id/widget_background"
+        android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:gravity="center"
-        android:includeFontPadding="false"
-        android:maxLines="1"
-        android:textSize="@dimen/widget_time_text_size_small"
-        tools:text="00:00" />
+        android:layout_alignParentStart="true"
+        android:layout_alignParentTop="true"
+        android:layout_alignParentEnd="true"
+        android:layout_alignParentBottom="true"
+        android:src="@drawable/widget_round_background" />
 
-    <TextView
-        android:id="@+id/widget_date"
+    <LinearLayout
+        android:id="@+id/widget_date_time_holder"
         android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:gravity="center"
-        android:includeFontPadding="false"
-        android:maxLines="1"
-        android:textSize="@dimen/actionbar_text_size"
-        tools:text="Mon, 1 January" />
-
-    <RelativeLayout
-        android:id="@+id/widget_alarm_holder"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:gravity="center_horizontal">
-
-        <ImageView
-            android:id="@+id/widget_next_alarm_image"
-            android:layout_width="@dimen/widget_alarm_icon_size"
-            android:layout_height="@dimen/widget_alarm_icon_size"
-            android:layout_alignTop="@+id/widget_next_alarm"
-            android:layout_alignBottom="@+id/widget_next_alarm"
-            android:src="@drawable/ic_alarm_vector" />
+        android:layout_height="match_parent"
+        android:orientation="vertical"
+        android:paddingLeft="@dimen/small_margin"
+        android:paddingRight="@dimen/small_margin"
+        android:paddingBottom="@dimen/small_margin">
 
         <TextView
-            android:id="@+id/widget_next_alarm"
-            android:layout_width="wrap_content"
-            android:layout_height="match_parent"
-            android:layout_toEndOf="@+id/widget_next_alarm_image"
+            android:id="@+id/widget_time"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
             android:gravity="center"
             android:includeFontPadding="false"
             android:maxLines="1"
-            android:paddingStart="@dimen/small_margin"
-            android:textSize="@dimen/actionbar_text_size"
-            tools:text="Tue, 18:30" />
+            android:textSize="@dimen/widget_time_text_size_small"
+            tools:text="00:00" />
 
-    </RelativeLayout>
-</LinearLayout>
+        <TextView
+            android:id="@+id/widget_date"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:gravity="center"
+            android:includeFontPadding="false"
+            android:maxLines="1"
+            android:textSize="@dimen/actionbar_text_size"
+            tools:text="Mon, 1 January" />
+
+        <RelativeLayout
+            android:id="@+id/widget_alarm_holder"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:gravity="center_horizontal">
+
+            <ImageView
+                android:id="@+id/widget_next_alarm_image"
+                android:layout_width="@dimen/widget_alarm_icon_size"
+                android:layout_height="@dimen/widget_alarm_icon_size"
+                android:layout_alignTop="@+id/widget_next_alarm"
+                android:layout_alignBottom="@+id/widget_next_alarm"
+                android:src="@drawable/ic_alarm_vector" />
+
+            <TextView
+                android:id="@+id/widget_next_alarm"
+                android:layout_width="wrap_content"
+                android:layout_height="match_parent"
+                android:layout_toEndOf="@+id/widget_next_alarm_image"
+                android:gravity="center"
+                android:includeFontPadding="false"
+                android:maxLines="1"
+                android:paddingStart="@dimen/small_margin"
+                android:textSize="@dimen/actionbar_text_size"
+                tools:text="Tue, 18:30" />
+
+        </RelativeLayout>
+    </LinearLayout>
+</RelativeLayout>
diff --git a/app/src/main/res/layout/widget_date_time_with_shadow.xml b/app/src/main/res/layout/widget_date_time_with_shadow.xml
index 3511432c..0ba9fa5e 100644
--- a/app/src/main/res/layout/widget_date_time_with_shadow.xml
+++ b/app/src/main/res/layout/widget_date_time_with_shadow.xml
@@ -1,78 +1,94 @@
 <?xml version="1.0" encoding="utf-8"?>
-<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools"
-    android:id="@+id/widget_date_time_holder"
     android:layout_width="match_parent"
-    android:layout_height="match_parent"
-    android:orientation="vertical"
-    android:paddingLeft="@dimen/small_margin"
-    android:paddingRight="@dimen/small_margin"
-    android:paddingBottom="@dimen/small_margin">
+    android:layout_height="wrap_content">
 
-    <TextView
-        android:id="@+id/widget_time"
+    <ImageView
+        android:id="@+id/widget_background"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_alignParentStart="true"
+        android:layout_alignParentTop="true"
+        android:layout_alignParentEnd="true"
+        android:layout_alignParentBottom="true"
+        android:src="@drawable/widget_round_background" />
+
+    <LinearLayout
+        android:id="@+id/widget_date_time_holder"
         android:layout_width="match_parent"
-        android:layout_height="0dp"
-        android:layout_weight="4"
-        android:autoSizeMaxTextSize="300sp"
-        android:autoSizeMinTextSize="2sp"
-        android:autoSizeStepGranularity="1sp"
-        android:autoSizeTextType="uniform"
-        android:gravity="center"
-        android:includeFontPadding="false"
-        android:maxLines="1"
-        android:shadowColor="@android:color/black"
-        android:shadowDy="1"
-        android:shadowRadius="1"
-        android:textSize="@dimen/normal_text_size"
-        tools:text="00:00" />
-
-    <TextView
-        android:id="@+id/widget_date"
-        android:layout_width="match_parent"
-        android:layout_height="0dp"
-        android:layout_weight="1"
-        android:autoSizeMinTextSize="2sp"
-        android:autoSizeStepGranularity="1sp"
-        android:autoSizeTextType="uniform"
-        android:gravity="center"
-        android:includeFontPadding="false"
-        android:maxLines="1"
-        android:shadowColor="@android:color/black"
-        android:shadowDy="1"
-        android:shadowRadius="1"
-        android:textSize="@dimen/normal_text_size"
-        tools:text="Mon, 1 January" />
-
-    <RelativeLayout
-        android:id="@+id/widget_alarm_holder"
-        android:layout_width="match_parent"
-        android:layout_height="0dp"
-        android:layout_weight="1"
-        android:gravity="center_horizontal">
-
-        <ImageView
-            android:id="@+id/widget_next_alarm_image"
-            android:layout_width="@dimen/widget_alarm_icon_size"
-            android:layout_height="@dimen/widget_alarm_icon_size"
-            android:layout_alignTop="@+id/widget_next_alarm"
-            android:layout_alignBottom="@+id/widget_next_alarm"
-            android:src="@drawable/ic_alarm_vector" />
+        android:layout_height="match_parent"
+        android:orientation="vertical"
+        android:paddingLeft="@dimen/small_margin"
+        android:paddingRight="@dimen/small_margin"
+        android:paddingBottom="@dimen/small_margin"
+        tools:ignore="UnusedAttribute">
 
         <TextView
-            android:id="@+id/widget_next_alarm"
-            android:layout_width="wrap_content"
-            android:layout_height="match_parent"
-            android:layout_toEndOf="@+id/widget_next_alarm_image"
+            android:id="@+id/widget_time"
+            android:layout_width="match_parent"
+            android:layout_height="0dp"
+            android:layout_weight="4"
+            android:autoSizeMaxTextSize="300sp"
+            android:autoSizeMinTextSize="2sp"
+            android:autoSizeStepGranularity="1sp"
+            android:autoSizeTextType="uniform"
             android:gravity="center"
             android:includeFontPadding="false"
             android:maxLines="1"
-            android:paddingStart="@dimen/small_margin"
             android:shadowColor="@android:color/black"
             android:shadowDy="1"
             android:shadowRadius="1"
             android:textSize="@dimen/normal_text_size"
-            tools:text="Tue, 18:30" />
+            tools:text="00:00" />
 
-    </RelativeLayout>
-</LinearLayout>
+        <TextView
+            android:id="@+id/widget_date"
+            android:layout_width="match_parent"
+            android:layout_height="0dp"
+            android:layout_weight="1"
+            android:autoSizeMinTextSize="2sp"
+            android:autoSizeStepGranularity="1sp"
+            android:autoSizeTextType="uniform"
+            android:gravity="center"
+            android:includeFontPadding="false"
+            android:maxLines="1"
+            android:shadowColor="@android:color/black"
+            android:shadowDy="1"
+            android:shadowRadius="1"
+            android:textSize="@dimen/normal_text_size"
+            tools:text="Mon, 1 January" />
+
+        <RelativeLayout
+            android:id="@+id/widget_alarm_holder"
+            android:layout_width="match_parent"
+            android:layout_height="0dp"
+            android:layout_weight="1"
+            android:gravity="center_horizontal">
+
+            <ImageView
+                android:id="@+id/widget_next_alarm_image"
+                android:layout_width="@dimen/widget_alarm_icon_size"
+                android:layout_height="@dimen/widget_alarm_icon_size"
+                android:layout_alignTop="@+id/widget_next_alarm"
+                android:layout_alignBottom="@+id/widget_next_alarm"
+                android:src="@drawable/ic_alarm_vector" />
+
+            <TextView
+                android:id="@+id/widget_next_alarm"
+                android:layout_width="wrap_content"
+                android:layout_height="match_parent"
+                android:layout_toEndOf="@+id/widget_next_alarm_image"
+                android:gravity="center"
+                android:includeFontPadding="false"
+                android:maxLines="1"
+                android:paddingStart="@dimen/small_margin"
+                android:shadowColor="@android:color/black"
+                android:shadowDy="1"
+                android:shadowRadius="1"
+                android:textSize="@dimen/normal_text_size"
+                tools:text="Tue, 18:30" />
+
+        </RelativeLayout>
+    </LinearLayout>
+</RelativeLayout>
diff --git a/app/src/main/res/layout/widget_date_time_with_shadow_pre_oreo.xml b/app/src/main/res/layout/widget_date_time_with_shadow_pre_oreo.xml
index c1ada64c..e4a79f5a 100644
--- a/app/src/main/res/layout/widget_date_time_with_shadow_pre_oreo.xml
+++ b/app/src/main/res/layout/widget_date_time_with_shadow_pre_oreo.xml
@@ -1,68 +1,83 @@
 <?xml version="1.0" encoding="utf-8"?>
-<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools"
-    android:id="@+id/widget_date_time_holder"
     android:layout_width="match_parent"
-    android:layout_height="match_parent"
-    android:orientation="vertical"
-    android:paddingLeft="@dimen/small_margin"
-    android:paddingRight="@dimen/small_margin"
-    android:paddingBottom="@dimen/small_margin">
+    android:layout_height="wrap_content">
 
-    <TextView
-        android:id="@+id/widget_time"
-        android:layout_width="match_parent"
+    <ImageView
+        android:id="@+id/widget_background"
+        android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:gravity="center"
-        android:includeFontPadding="false"
-        android:maxLines="1"
-        android:shadowColor="@android:color/black"
-        android:shadowDy="1"
-        android:shadowRadius="1"
-        android:textSize="@dimen/widget_time_text_size_small"
-        tools:text="00:00" />
+        android:layout_alignParentStart="true"
+        android:layout_alignParentTop="true"
+        android:layout_alignParentEnd="true"
+        android:layout_alignParentBottom="true"
+        android:src="@drawable/widget_round_background" />
 
-    <TextView
-        android:id="@+id/widget_date"
+    <LinearLayout
+        android:id="@+id/widget_date_time_holder"
         android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:gravity="center"
-        android:includeFontPadding="false"
-        android:maxLines="1"
-        android:shadowColor="@android:color/black"
-        android:shadowDy="1"
-        android:shadowRadius="1"
-        android:textSize="@dimen/actionbar_text_size"
-        tools:text="Mon, 1 January" />
-
-    <RelativeLayout
-        android:id="@+id/widget_alarm_holder"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:gravity="center_horizontal">
-
-        <ImageView
-            android:id="@+id/widget_next_alarm_image"
-            android:layout_width="@dimen/widget_alarm_icon_size"
-            android:layout_height="@dimen/widget_alarm_icon_size"
-            android:layout_alignTop="@+id/widget_next_alarm"
-            android:layout_alignBottom="@+id/widget_next_alarm"
-            android:src="@drawable/ic_alarm_vector" />
+        android:layout_height="match_parent"
+        android:orientation="vertical"
+        android:paddingLeft="@dimen/small_margin"
+        android:paddingRight="@dimen/small_margin"
+        android:paddingBottom="@dimen/small_margin">
 
         <TextView
-            android:id="@+id/widget_next_alarm"
-            android:layout_width="wrap_content"
+            android:id="@+id/widget_time"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:gravity="center"
+            android:includeFontPadding="false"
+            android:maxLines="1"
+            android:shadowColor="@android:color/black"
+            android:shadowDy="1"
+            android:shadowRadius="1"
+            android:textSize="@dimen/widget_time_text_size_small"
+            tools:text="00:00" />
+
+        <TextView
+            android:id="@+id/widget_date"
+            android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:layout_toEndOf="@+id/widget_next_alarm_image"
             android:gravity="center"
             android:includeFontPadding="false"
             android:maxLines="1"
-            android:paddingStart="@dimen/small_margin"
             android:shadowColor="@android:color/black"
             android:shadowDy="1"
             android:shadowRadius="1"
             android:textSize="@dimen/actionbar_text_size"
-            tools:text="Tue, 18:30" />
+            tools:text="Mon, 1 January" />
 
-    </RelativeLayout>
-</LinearLayout>
+        <RelativeLayout
+            android:id="@+id/widget_alarm_holder"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:gravity="center_horizontal">
+
+            <ImageView
+                android:id="@+id/widget_next_alarm_image"
+                android:layout_width="@dimen/widget_alarm_icon_size"
+                android:layout_height="@dimen/widget_alarm_icon_size"
+                android:layout_alignTop="@+id/widget_next_alarm"
+                android:layout_alignBottom="@+id/widget_next_alarm"
+                android:src="@drawable/ic_alarm_vector" />
+
+            <TextView
+                android:id="@+id/widget_next_alarm"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_toEndOf="@+id/widget_next_alarm_image"
+                android:gravity="center"
+                android:includeFontPadding="false"
+                android:maxLines="1"
+                android:paddingStart="@dimen/small_margin"
+                android:shadowColor="@android:color/black"
+                android:shadowDy="1"
+                android:shadowRadius="1"
+                android:textSize="@dimen/actionbar_text_size"
+                tools:text="Tue, 18:30" />
+
+        </RelativeLayout>
+    </LinearLayout>
+</RelativeLayout>