diff --git a/resources/views/layouts/index.blade.php b/resources/views/layouts/index.blade.php
index 6f73821..81f5155 100644
--- a/resources/views/layouts/index.blade.php
+++ b/resources/views/layouts/index.blade.php
@@ -9,17 +9,18 @@
     @endif
 
     <title>@yield('title') - @if (config()->has('app.name')){{ config('app.name') }} @else My idlers @endif</title>
+    <link rel="icon" type="image" href="{{asset(Session::get('favicon') ?? 'favicon.ico')}}"/>
 
     @if(Session::get('dark_mode'))
-        <link rel="stylesheet" href="{{ asset('css/bootstrap-dark.min.css') }}">
+        <link rel="stylesheet" href="{{ asset('css/dark.css') }}">
     @else
-        <link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">
+        <link rel="stylesheet" href="{{ asset('css/light.css') }}">
     @endif
 
-    <link rel="stylesheet" href="{{ asset('css/fa.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('css/app.css') }}">
 
-    @yield('css_style')
-    <script src="{{ asset('js/vue.min.js') }}"></script>
+    @yield('css_links')
+    @yield('style')
 </head>
 <body class="font-sans antialiased">
 <div class="container-fluid">
@@ -33,7 +34,7 @@
 <div class="container">
     @yield('content')
 </div>
-<script src="{{ asset('js/bootstrap.min.js') }}" defer></script>
+<script src="{{ asset('js/app.js') }}" defer></script>
 @yield('scripts')
 </body>
 </html>
