(STYLE): Added the backdrop shadow on each page.

.gitignore

@@ -37,3 +37,5 @@ npm-debug.log
 
 # Environment variables
 .env
+
+docker-compose.yml

assets/tailwind.config.js

@@ -15,6 +15,7 @@ module.exports = {
     extend: {
       colors: {
         background: {
+          100: "#979ca1",
           200: "#717880",
           300: "#383D43",
           400: "#272B2E",

lib/potion_web/components/layouts/dashboard.html.heex

@@ -1,6 +1,11 @@
 <div class="h-screen flex flex-col items-center">
   <.flash_group flash={@flash} />
   
+<!-- Section: Blur backdrop -->
+  <div class="w-full opacity-25">
+    <div class="w-full h-1/4 bg-background-200 bg-opacity-60 shadow-background-200 shadow-2xl absolute -z-20 rounded-b-[150px]" />
+  </div>
+  
 <!-- Section: Content -->
   <main class="flex-grow max-h-screen">
     {@inner_content}