feat: add custom CSS styling for library item icons

- Add custom CSS class 'library-item-name-column' to name column
- Create filament-library.css with custom styling
- Make both folder and document icons darker gray (gray-600)
- Add proper spacing between icons and text (0.75rem gap + 0.5rem margin)
- Update service provider to register custom CSS asset

Author: scott grayson

resources/css/filament-library.css

@@ -0,0 +1,18 @@
+/* Filament Library Plugin Styles */
+
+/* Library item name column styling */
+.library-item-name-column {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem; /* 12px - more spacing than gap-2 (8px) */
+}
+
+/* Make icons darker gray */
+.library-item-name-column .fi-icon {
+    color: rgb(75 85 99) !important; /* gray-600 - darker than default gray */
+}
+
+/* Ensure proper spacing between icon and text */
+.library-item-name-column .fi-icon {
+    margin-right: 0.5rem; /* 8px additional spacing */
+}

src/FilamentLibraryServiceProvider.php

@@ -100,9 +100,14 @@ protected function getAssets(): array
     {
         $assets = [];
 
-        // Only register assets if they exist
+        // Register our custom CSS file
+        if (file_exists(__DIR__ . '/../resources/css/filament-library.css')) {
+            $assets[] = Css::make('filament-library-styles', __DIR__ . '/../resources/css/filament-library.css');
+        }
+
+        // Only register dist assets if they exist
         if (file_exists(__DIR__ . '/../resources/dist/filament-library.css')) {
-            $assets[] = Css::make('filament-library-styles', __DIR__ . '/../resources/dist/filament-library.css');
+            $assets[] = Css::make('filament-library-dist-styles', __DIR__ . '/../resources/dist/filament-library.css');
         }
 
         if (file_exists(__DIR__ . '/../resources/dist/filament-library.js')) {

src/Resources/LibraryItemResource.php

@@ -95,11 +95,9 @@ public static function table(Table $table): Table
                     ->icon(fn (LibraryItem $record): string => 
                         $record->type === 'folder' ? 'heroicon-o-folder' : 'heroicon-o-document'
                     )
-                    ->iconColor(fn (LibraryItem $record): string => 
-                        $record->type === 'folder' ? 'success' : 'gray'
-                    )
+                    ->iconColor('gray')
                     ->iconPosition('before')
-                    ->extraAttributes(['class' => 'flex items-center gap-2']),
+                    ->extraAttributes(['class' => 'library-item-name-column']),
                 Tables\Columns\TextColumn::make('creator.name')
                     ->label('Created By')
                     ->searchable()