aggiunti favicon light/dark al sito

public/site.webmanifest

@@ -0,0 +1,21 @@
+{
+  "name": "Leezard",
+  "short_name": "Leezard",
+  "icons": [
+    {
+      "src": "web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}

resources/views/layouts/app.blade.php

@@ -7,104 +7,115 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>{{env('APP_NAME', 'Admin')}}</title>
 
+  {{-- Favicon --}}
+    <link rel="icon" type="image/png" href="{{asset('favicon-96x96.png')}}" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="{{asset('favicon.svg')}}" />
+    <link rel="shortcut icon" href="{{asset('favicon.ico')}}"/>
+    <link rel="shortcut icon" href="{{asset('favicon-light.ico')}}" media="(prefers-color-scheme: light)"/>
+    <link rel="shortcut icon" href="{{asset('favicon-dark.ico')}}" media="(prefers-color-scheme: dark)"/>
+    <link rel="apple-touch-icon" sizes="180x180" href="{{asset('apple-touch-icon.png')}}" />
+    <link rel="manifest" href="{{asset('site.webmanifest')}}" />
+  {{-- end Favicon --}}
+
+
   <link rel="stylesheet" href="https://use.typekit.net/dit2bgs.css">
 
   @livewireStyles
 
-  <style>
-  .page-link.active, .active > .page-link
-  {
-
-    background-color: var(--color-blu) !important;
-    border-color: var(--bs-pagination-active-border-color);
-  }
-  .buttons-print, .buttons-csv, .buttons-excel, .buttons-pdf{
-    background-color: var(--color-blu) !important;
-  }
-    .top{
-        margin-bottom:20px;
-    }
-    .bottom{
-        margin-top:20px;
-    }
-    .rightPagination > div.dt-info
-    {
-        text-align:right;
-    }
-    .col-4 > div.dt-length
-    {
-        text-align:center;
-    }
-    div.dt-container div.dt-length label
-    {
-        margin-top:10px;
-    }
-    .was-validated .form-control:invalid, .form-control.is-invalid
-    {
-        border-width:3px !important;
-    }
-    .linkMenu
-    {
-        margin-left:30px;
-    }
-    .dt-button.dropdown-item
-    {
-        background-color:#FFFFFF !important;
-    }
-    .btn-group > button {
-        background-color:#FFFFFF !important;
-        color: black;
-    }
-    .card--ui.card--ui_btnCancel, .card--ui.card--ui_btnAddHeaderUser {
-        padding: 0.30rem;
-    }
-    .btn--ui
-    {
-        -webkit-border-radius: 0.5rem !important;
-        background-color:var(--color-blu) !important;
-        font-weight:normal;
-    }
-    .btn--ui.lightGrey, .btn--ui.extraLightGrey
-    {
-        -webkit-border-radius: 0.5rem !important;
-        background-color:#ffffff !important;
-        border: 1px solid grey;
-        color: black;
-        font-weight:normal;
-    }
-    label.form-label
-    {
-        font-size:16px !important;
-    }
-    .form-control , .form-select
-    {
-        font-size:16px !important;
-        background-color:#ffffff !important;
-        border: 1px solid gray !important;
-    }
-    .select2-selection__rendered
-    {
-        font-size:16px !important;
-    }
-    .select2-selection
-    {
-        background-color:#ffffff !important;
-        border: 1px solid gray !important;
-    }
-    span.title-form
-    {
-        font-size:16px !important;
-    }
-    .btn.u
-    {
-        text-decoration:underline;
-    }
-    .select2-dropdown
-    {
-        z-index:9999 !important;
-    }
+    <style>
+        .page-link.active, .active > .page-link
+        {
+
+            background-color: var(--color-blu) !important;
+            border-color: var(--bs-pagination-active-border-color);
+        }
+        .buttons-print, .buttons-csv, .buttons-excel, .buttons-pdf{
+            background-color: var(--color-blu) !important;
+        }
+        .top{
+            margin-bottom:20px;
+        }
+        .bottom{
+            margin-top:20px;
+        }
+        .rightPagination > div.dt-info
+        {
+            text-align:right;
+        }
+        .col-4 > div.dt-length
+        {
+            text-align:center;
+        }
+        div.dt-container div.dt-length label
+        {
+            margin-top:10px;
+        }
+        .was-validated .form-control:invalid, .form-control.is-invalid
+        {
+            border-width:3px !important;
+        }
+        .linkMenu
+        {
+            margin-left:30px;
+        }
+        .dt-button.dropdown-item
+        {
+            background-color:#FFFFFF !important;
+        }
+        .btn-group > button {
+            background-color:#FFFFFF !important;
+            color: black;
+        }
+        .card--ui.card--ui_btnCancel, .card--ui.card--ui_btnAddHeaderUser {
+            padding: 0.30rem;
+        }
+        .btn--ui
+        {
+            -webkit-border-radius: 0.5rem !important;
+            background-color:var(--color-blu) !important;
+            font-weight:normal;
+        }
+        .btn--ui.lightGrey, .btn--ui.extraLightGrey
+        {
+            -webkit-border-radius: 0.5rem !important;
+            background-color:#ffffff !important;
+            border: 1px solid grey;
+            color: black;
+            font-weight:normal;
+        }
+        label.form-label
+        {
+            font-size:16px !important;
+        }
+        .form-control , .form-select
+        {
+            font-size:16px !important;
+            background-color:#ffffff !important;
+            border: 1px solid gray !important;
+        }
+        .select2-selection__rendered
+        {
+            font-size:16px !important;
+        }
+        .select2-selection
+        {
+            background-color:#ffffff !important;
+            border: 1px solid gray !important;
+        }
+        span.title-form
+        {
+            font-size:16px !important;
+        }
+        .btn.u
+        {
+            text-decoration:underline;
+        }
+        .select2-dropdown
+        {
+            z-index:9999 !important;
+        }
 
-  </style>
+    </style>
 
     <link rel="stylesheet" href="/css/style.css?v={{date('YmdHis')}}">
     <!-- <link rel="stylesheet" href="/css/style.css"> -->