some progress

resources/views/layouts/app.blade.php

@@ -19,7 +19,29 @@
 
         <!-- Bootstrap CSS -->
         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
-
+        <style>
+            :root {
+                --primary: #7F00FF;
+                --accent: #00C9FF;
+                --background: #121212;
+                --text: #EAEAEA;
+            }
+            body {
+                font-family: 'Inter', sans-serif;
+                background-color: var(--background);
+                color: var(--text);
+            }
+            .gradient-text {
+                background: linear-gradient(90deg, var(--primary), var(--accent));
+                -webkit-background-clip: text;
+                -webkit-text-fill-color: transparent;
+            }
+            .gradient-border {
+                border: 2px solid transparent;
+                background: linear-gradient(var(--background), var(--background)) padding-box,
+                linear-gradient(90deg, var(--primary), var(--accent)) border-box;
+            }
+        </style>
     </head>
     <body class="font-sans antialiased">
         <div class="min-h-screen bg-gray-100 dark:bg-gray-900">
@@ -44,6 +66,9 @@
                                         <i class="fas fa-user me-1"></i> {{ Auth::user()->name }}
                                     </button>
                                     <ul class="dropdown-menu dropdown-menu-end">
+                                        <li>
+                                            <a href="">My lists</a>
+                                        </li>
                                         <li>
                                             <form method="POST" action="{{ route('logout') }}">
                                                 @csrf