diff --git a/app/src/main/res/drawable/gradient_dark.xml b/app/src/main/res/drawable/gradient_dark.xml
new file mode 100644
index 0000000..789b1d5
--- /dev/null
+++ b/app/src/main/res/drawable/gradient_dark.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <gradient
+        android:startColor="#868f96"
+        android:endColor="#596164"
+        android:angle="45"/>
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_pattern_security.xml b/app/src/main/res/layout/fragment_pattern_security.xml
index ad9e4fd..1e9d33c 100644
--- a/app/src/main/res/layout/fragment_pattern_security.xml
+++ b/app/src/main/res/layout/fragment_pattern_security.xml
@@ -3,13 +3,14 @@
     xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:background="@color/lightGray">
+    android:background="@drawable/gradient_dark">
 
     <TextView
         android:id="@+id/tvPatternText"
         android:layout_width="wrap_content"
         android:layout_centerHorizontal="true"
         android:layout_height="wrap_content"
+        android:textColor="@color/white"
         android:layout_marginTop="15dp"/>
 
     <com.andrognito.patternlockview.PatternLockView
@@ -18,7 +19,8 @@
         android:layout_height="280dp"
         android:layout_centerHorizontal="true"
         android:layout_marginTop="10dp"
-        android:layout_below="@+id/tvPatternText"/>
+        android:layout_below="@+id/tvPatternText"
+        android:background="@drawable/gradient_dark"/>
 
 
 </RelativeLayout>
\ No newline at end of file