update: theme

app/Providers/FilamentCompaniesServiceProvider.php

@@ -80,6 +80,7 @@ class FilamentCompaniesServiceProvider extends PanelProvider
             )
             ->colors([
                 'primary' => Color::Indigo,
+                'gray' => Color::Gray,
             ])
             ->viteTheme('resources/css/filament/company/theme.css')
             ->tenant(Company::class)

composer.lock

@@ -347,16 +347,16 @@
         },
         {
             "name": "aws/aws-sdk-php",
-            "version": "3.293.4",
+            "version": "3.293.5",
             "source": {
                 "type": "git",
                 "url": "https://github.com/aws/aws-sdk-php.git",
-                "reference": "bb62581cb3796dd1866ace52ed0a750bd22936a8"
+                "reference": "f2002e52b382b45231da3f9552033f769acfebd8"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/aws/aws-sdk-php/zipball/bb62581cb3796dd1866ace52ed0a750bd22936a8",
-                "reference": "bb62581cb3796dd1866ace52ed0a750bd22936a8",
+                "url": "https://api.github.com/repos/aws/aws-sdk-php/zipball/f2002e52b382b45231da3f9552033f769acfebd8",
+                "reference": "f2002e52b382b45231da3f9552033f769acfebd8",
                 "shasum": ""
             },
             "require": {
@@ -436,9 +436,9 @@
             "support": {
                 "forum": "https://forums.aws.amazon.com/forum.jspa?forumID=80",
                 "issues": "https://github.com/aws/aws-sdk-php/issues",
-                "source": "https://github.com/aws/aws-sdk-php/tree/3.293.4"
+                "source": "https://github.com/aws/aws-sdk-php/tree/3.293.5"
             },
-            "time": "2023-12-05T19:07:19+00:00"
+            "time": "2023-12-06T19:09:15+00:00"
         },
         {
             "name": "aws/aws-sdk-php-laravel",
@@ -1691,16 +1691,16 @@
         },
         {
             "name": "filament/actions",
-            "version": "v3.1.12",
+            "version": "v3.1.15",
             "source": {
                 "type": "git",
                 "url": "https://github.com/filamentphp/actions.git",
-                "reference": "9fa7c1d94db998d71dd1c2afc0443dd92de3e29f"
+                "reference": "14b89222a5de0c987fdde16797fa0cadf6b62d99"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/filamentphp/actions/zipball/9fa7c1d94db998d71dd1c2afc0443dd92de3e29f",
-                "reference": "9fa7c1d94db998d71dd1c2afc0443dd92de3e29f",
+                "url": "https://api.github.com/repos/filamentphp/actions/zipball/14b89222a5de0c987fdde16797fa0cadf6b62d99",
+                "reference": "14b89222a5de0c987fdde16797fa0cadf6b62d99",
                 "shasum": ""
             },
             "require": {
@@ -1738,20 +1738,20 @@
                 "issues": "https://github.com/filamentphp/filament/issues",
                 "source": "https://github.com/filamentphp/filament"
             },
-            "time": "2023-12-05T13:29:08+00:00"
+            "time": "2023-12-07T12:32:28+00:00"
         },
         {
             "name": "filament/filament",
-            "version": "v3.1.12",
+            "version": "v3.1.15",
             "source": {
                 "type": "git",
                 "url": "https://github.com/filamentphp/panels.git",
-                "reference": "b4e8e18de60894d04c78b9773d3ee6da543944dc"
+                "reference": "afe0c3316db11cdabfc2b12e201b7999d1146029"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/filamentphp/panels/zipball/b4e8e18de60894d04c78b9773d3ee6da543944dc",
-                "reference": "b4e8e18de60894d04c78b9773d3ee6da543944dc",
+                "url": "https://api.github.com/repos/filamentphp/panels/zipball/afe0c3316db11cdabfc2b12e201b7999d1146029",
+                "reference": "afe0c3316db11cdabfc2b12e201b7999d1146029",
                 "shasum": ""
             },
             "require": {
@@ -1803,20 +1803,20 @@
                 "issues": "https://github.com/filamentphp/filament/issues",
                 "source": "https://github.com/filamentphp/filament"
             },
-            "time": "2023-12-05T13:29:11+00:00"
+            "time": "2023-12-07T12:32:31+00:00"
         },
         {
             "name": "filament/forms",
-            "version": "v3.1.12",
+            "version": "v3.1.15",
             "source": {
                 "type": "git",
                 "url": "https://github.com/filamentphp/forms.git",
-                "reference": "55979eed7dc9c7197d82599b1d0a228151881a14"
+                "reference": "56c3f923784b45f59b58ac76ce98ec044f4a106f"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/filamentphp/forms/zipball/55979eed7dc9c7197d82599b1d0a228151881a14",
-                "reference": "55979eed7dc9c7197d82599b1d0a228151881a14",
+                "url": "https://api.github.com/repos/filamentphp/forms/zipball/56c3f923784b45f59b58ac76ce98ec044f4a106f",
+                "reference": "56c3f923784b45f59b58ac76ce98ec044f4a106f",
                 "shasum": ""
             },
             "require": {
@@ -1859,20 +1859,20 @@
                 "issues": "https://github.com/filamentphp/filament/issues",
                 "source": "https://github.com/filamentphp/filament"
             },
-            "time": "2023-12-05T13:29:11+00:00"
+            "time": "2023-12-07T12:32:31+00:00"
         },
         {
             "name": "filament/infolists",
-            "version": "v3.1.12",
+            "version": "v3.1.15",
             "source": {
                 "type": "git",
                 "url": "https://github.com/filamentphp/infolists.git",
-                "reference": "719ba0d5995575750dd011185241b1a908295eb6"
+                "reference": "00798e2aa59602e9dc85f56d5d1743d16842125f"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/filamentphp/infolists/zipball/719ba0d5995575750dd011185241b1a908295eb6",
-                "reference": "719ba0d5995575750dd011185241b1a908295eb6",
+                "url": "https://api.github.com/repos/filamentphp/infolists/zipball/00798e2aa59602e9dc85f56d5d1743d16842125f",
+                "reference": "00798e2aa59602e9dc85f56d5d1743d16842125f",
                 "shasum": ""
             },
             "require": {
@@ -1910,20 +1910,20 @@
                 "issues": "https://github.com/filamentphp/filament/issues",
                 "source": "https://github.com/filamentphp/filament"
             },
-            "time": "2023-12-05T13:29:06+00:00"
+            "time": "2023-12-07T12:32:29+00:00"
         },
         {
             "name": "filament/notifications",
-            "version": "v3.1.12",
+            "version": "v3.1.15",
             "source": {
                 "type": "git",
                 "url": "https://github.com/filamentphp/notifications.git",
-                "reference": "b0a917a041bee3819a3b58c543d82ba463ffb20c"
+                "reference": "13029b0f257ce9f0f9691b5fe8de933c581d03bc"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/filamentphp/notifications/zipball/b0a917a041bee3819a3b58c543d82ba463ffb20c",
-                "reference": "b0a917a041bee3819a3b58c543d82ba463ffb20c",
+                "url": "https://api.github.com/repos/filamentphp/notifications/zipball/13029b0f257ce9f0f9691b5fe8de933c581d03bc",
+                "reference": "13029b0f257ce9f0f9691b5fe8de933c581d03bc",
                 "shasum": ""
             },
             "require": {
@@ -1962,11 +1962,11 @@
                 "issues": "https://github.com/filamentphp/filament/issues",
                 "source": "https://github.com/filamentphp/filament"
             },
-            "time": "2023-12-02T22:24:00+00:00"
+            "time": "2023-12-07T12:32:30+00:00"
         },
         {
             "name": "filament/spatie-laravel-tags-plugin",
-            "version": "v3.1.12",
+            "version": "v3.1.15",
             "source": {
                 "type": "git",
                 "url": "https://github.com/filamentphp/spatie-laravel-tags-plugin.git",
@@ -2003,7 +2003,7 @@
         },
         {
             "name": "filament/support",
-            "version": "v3.1.12",
+            "version": "v3.1.15",
             "source": {
                 "type": "git",
                 "url": "https://github.com/filamentphp/support.git",
@@ -2060,16 +2060,16 @@
         },
         {
             "name": "filament/tables",
-            "version": "v3.1.12",
+            "version": "v3.1.15",
             "source": {
                 "type": "git",
                 "url": "https://github.com/filamentphp/tables.git",
-                "reference": "2e4decb182cad6babf6ddf64ee56da071288c321"
+                "reference": "e595f934dcbc9c227c76f35a719291b94fd8fa28"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/filamentphp/tables/zipball/2e4decb182cad6babf6ddf64ee56da071288c321",
-                "reference": "2e4decb182cad6babf6ddf64ee56da071288c321",
+                "url": "https://api.github.com/repos/filamentphp/tables/zipball/e595f934dcbc9c227c76f35a719291b94fd8fa28",
+                "reference": "e595f934dcbc9c227c76f35a719291b94fd8fa28",
                 "shasum": ""
             },
             "require": {
@@ -2109,11 +2109,11 @@
                 "issues": "https://github.com/filamentphp/filament/issues",
                 "source": "https://github.com/filamentphp/filament"
             },
-            "time": "2023-12-05T13:29:30+00:00"
+            "time": "2023-12-07T12:32:45+00:00"
         },
         {
             "name": "filament/widgets",
-            "version": "v3.1.12",
+            "version": "v3.1.15",
             "source": {
                 "type": "git",
                 "url": "https://github.com/filamentphp/widgets.git",
@@ -2701,16 +2701,16 @@
         },
         {
             "name": "kirschbaum-development/eloquent-power-joins",
-            "version": "3.3.3",
+            "version": "3.4.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/kirschbaum-development/eloquent-power-joins.git",
-                "reference": "e55fa70dfa4a5e897443454825b9d4ce6081786a"
+                "reference": "9238fcb53d777265ee9d8d139810e2cadecde079"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/kirschbaum-development/eloquent-power-joins/zipball/e55fa70dfa4a5e897443454825b9d4ce6081786a",
-                "reference": "e55fa70dfa4a5e897443454825b9d4ce6081786a",
+                "url": "https://api.github.com/repos/kirschbaum-development/eloquent-power-joins/zipball/9238fcb53d777265ee9d8d139810e2cadecde079",
+                "reference": "9238fcb53d777265ee9d8d139810e2cadecde079",
                 "shasum": ""
             },
             "require": {
@@ -2757,9 +2757,9 @@
             ],
             "support": {
                 "issues": "https://github.com/kirschbaum-development/eloquent-power-joins/issues",
-                "source": "https://github.com/kirschbaum-development/eloquent-power-joins/tree/3.3.3"
+                "source": "https://github.com/kirschbaum-development/eloquent-power-joins/tree/3.4.0"
             },
-            "time": "2023-10-31T18:01:18+00:00"
+            "time": "2023-12-07T10:44:41+00:00"
         },
         {
             "name": "laravel/framework",
@@ -6084,16 +6084,16 @@
         },
         {
             "name": "spatie/laravel-translatable",
-            "version": "6.5.4",
+            "version": "6.5.5",
             "source": {
                 "type": "git",
                 "url": "https://github.com/spatie/laravel-translatable.git",
-                "reference": "18e0b072d18f8357d8eae2b53e4ea10f554f58a7"
+                "reference": "d6dc7c9fe3c678ce50b2d6a4a7434fcbcfc3df4c"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/spatie/laravel-translatable/zipball/18e0b072d18f8357d8eae2b53e4ea10f554f58a7",
-                "reference": "18e0b072d18f8357d8eae2b53e4ea10f554f58a7",
+                "url": "https://api.github.com/repos/spatie/laravel-translatable/zipball/d6dc7c9fe3c678ce50b2d6a4a7434fcbcfc3df4c",
+                "reference": "d6dc7c9fe3c678ce50b2d6a4a7434fcbcfc3df4c",
                 "shasum": ""
             },
             "require": {
@@ -6154,7 +6154,7 @@
             ],
             "support": {
                 "issues": "https://github.com/spatie/laravel-translatable/issues",
-                "source": "https://github.com/spatie/laravel-translatable/tree/6.5.4"
+                "source": "https://github.com/spatie/laravel-translatable/tree/6.5.5"
             },
             "funding": [
                 {
@@ -6162,7 +6162,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2023-12-01T10:26:11+00:00"
+            "time": "2023-12-06T10:56:22+00:00"
         },
         {
             "name": "squirephp/model",

package-lock.json

@@ -766,9 +766,9 @@
             "dev": true
         },
         "node_modules/electron-to-chromium": {
-            "version": "1.4.605",
-            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.605.tgz",
-            "integrity": "sha512-V52j+P5z6cdRqTjPR/bYNxx7ETCHIkm5VIGuyCy3CMrfSnbEpIlLnk5oHmZo7gYvDfh2TfHeanB6rawyQ23ktg==",
+            "version": "1.4.607",
+            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.607.tgz",
+            "integrity": "sha512-YUlnPwE6eYxzwBnFmawA8LiLRfm70R2aJRIUv0n03uHt/cUzzYACOogmvk8M2+hVzt/kB80KJXx7d5f5JofPvQ==",
             "dev": true
         },
         "node_modules/esbuild": {

resources/css/filament/company/tailwind.config.js

@@ -15,13 +15,6 @@ export default {
         extend: {
             colors: {
                 white: '#F6F5F3',
-                platinum: '#E8E9EB',
-                moonlight: '#F6F5F3',
-                'translucent': {
-                    light: 'rgba(255, 255, 255, 0.5)',
-                    DEFAULT: 'rgba(255, 255, 255, 0.5)',
-                    dark: 'rgba(25, 25, 25, 0.5)',
-                },
             },
         }
     }

resources/css/filament/company/theme.css

@@ -3,7 +3,54 @@
 @config './tailwind.config.js';
 
 .fi-body {
-    @apply bg-platinum;
+    position: relative;
+    background-color: #E8E9EB;
+    z-index: 1;
+}
+
+.fi-body::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-image:
+        linear-gradient(99.6deg,
+            rgba(232, 233, 235, 1) 10.6%,
+            rgba(240, 241, 243, 1) 32.9%,
+            rgba(248, 249, 251, 0.7) 50%,
+            rgba(240, 241, 243, 1) 67.1%,
+            rgba(232, 233, 235, 1) 83.4%);
+    pointer-events: none;
+    z-index: -1;
+}
+
+:is(.dark .fi-body) {
+    position: relative;
+    background-color: rgb(3, 7, 18);
+    z-index: 1;
+}
+
+:is(.dark .fi-body)::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    right: 0;
+    background-image: radial-gradient(
+        ellipse at top right,
+        rgba(var(--primary-950), 1) 0%,
+        rgba(var(--primary-950), 0.9) 15%,
+        rgba(var(--primary-900), 0.7) 30%,
+        rgba(var(--primary-900), 0.5) 45%,
+        rgba(var(--primary-950), 0.3) 60%,
+        rgba(var(--primary-950), 0.1) 75%,
+        rgba(3,7,18,0) 100%
+    );
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+    z-index: -1;
 }
 
 .fi-topbar > nav, .fi-sidebar-header {
@@ -24,7 +71,19 @@
 }
 
 .fi-topbar > nav.topbar-hovered, .fi-sidebar-header.topbar-hovered {
-    @apply bg-translucent dark:bg-translucent-dark !important;
+    background-color: rgba(255, 255, 255, 0.75) !important;
+}
+
+:is(.dark .fi-topbar > nav.topbar-hovered, .dark .fi-sidebar-header.topbar-hovered) {
+    background-color: rgba(10, 16, 33, 0.75) !important;
+}
+
+.fi-topbar > nav.topbar-scrolled, .fi-sidebar-header.topbar-scrolled {
+    background-color: rgba(255, 255, 255, 0.5) !important;
+}
+
+:is(.dark .fi-topbar > nav.topbar-scrolled, .dark .fi-sidebar-header.topbar-scrolled) {
+    background-color: rgba(10, 16, 33, 0.5) !important;
 }
 
 .fi-dropdown.fi-topbar-dropdown .fi-dropdown-panel {
@@ -105,7 +164,7 @@
 .fi-topbar-dropdown-list-item {
     @apply flex justify-between relative transition-[left] duration-200 z-[2] rounded-none left-0;
 
-    &:after {
+    &::after {
         @apply bg-primary-600 dark:bg-primary-400 content-[''] block h-0 left-[-1rem] absolute transition-all duration-300 w-px top-[calc(100%_+_0.5rem)];
     }
 
@@ -117,7 +176,7 @@
         @apply text-primary-600 dark:text-primary-400;
     }
 
-    &:hover:after {
+    &:hover::after {
         @apply -top-2 h-[calc(100%+1rem)];
     }
 

resources/js/top-navigation.js

@@ -19,6 +19,8 @@ document.addEventListener('DOMContentLoaded', () => {
     insertBgDiv();
 
     handleTopbarAndSidebarHover();
+
+    handleScroll();
 });
 
 const updateBorder = (dropdown) => {
@@ -63,3 +65,18 @@ const handleTopbarAndSidebarHover = () => {
     sidebarHeader.addEventListener('mouseleave', removeHoveredClass);
 };
 
+const handleScroll = () => {
+    const topbarNav = document.querySelector('.fi-topbar > nav');
+    const sidebarHeader = document.querySelector('.fi-sidebar-header');
+
+    window.addEventListener('scroll', () => {
+        if (window.scrollY > 0) {
+            topbarNav.classList.add('topbar-scrolled');
+            sidebarHeader.classList.add('topbar-scrolled');
+        } else {
+            topbarNav.classList.remove('topbar-scrolled');
+            sidebarHeader.classList.remove('topbar-scrolled');
+        }
+    });
+}
+