polished template

resources/css/app.css

@@ -1,4 +1,5 @@
 @import 'tailwindcss';
+@custom-variant dark (&:where(.dark, .dark *));
 @import './theme.css';
 @import './fonts.css';
 @import './utilities.css';

resources/css/theme.css

@@ -57,6 +57,20 @@ html, body {
     transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
 }
 
+.dark .grey-gradient-hover {
+    border: 1px solid rgba(248, 248, 248, 0.12);
+    backdrop-filter: blur(20px);
+    background: linear-gradient(90deg, #2b2c35 39.42%, #6e7996 92.9%);
+    background-size: 177% 100%;
+    background-position: -1px 0;
+    transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
+}
+
+.dark .grey-gradient-hover:hover {
+    background-position: 9.42% 0;
+    transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
+}
+
 .red-gradient-hover {
     background: linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%);
     background-size: 177% 100%;
@@ -80,4 +94,6 @@ html, body {
 .dark-gradient-hover:hover {
     background-position: 39.42% 0;
     transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
-}
+}
+
+

resources/js/app.js

@@ -1,8 +1,16 @@
-// Navigation toggle
-window.addEventListener('load', function () {
-      let main_navigation = document.querySelector('#primary-menu');
-      document.querySelector('#primary-menu-toggle').addEventListener('click', function (e) {
-            e.preventDefault();
-            main_navigation.classList.toggle('hidden');
-      });
-});
+/*
+document.addEventListener('DOMContentLoaded', function() {
+      const header = document.getElementById('site-header');
+      const main = document.getElementById('main-content');
+
+      function updateMainPadding() {
+            const headerHeight = header.offsetHeight;
+            main.style.paddingTop = headerHeight + 'px';
+
+            // Показываем контент с плавной анимацией
+            main.classList.remove('opacity-0');
+      }
+
+      updateMainPadding();
+      window.addEventListener('resize', updateMainPadding);
+});*/