Link color

filamentphp · Jan 30, 2025 · b491a15 · b491a15
1 parent 5d892c7
commit b491a15
Show file tree

Hide file tree

Showing 8 changed files with 53 additions and 14 deletions.
diff --git a/docs-assets/app/public/css/filament/filament/app.css b/docs-assets/app/public/css/filament/filament/app.css
diff --git a/docs-assets/app/public/css/filament/forms/forms.css b/docs-assets/app/public/css/filament/forms/forms.css
diff --git a/docs-assets/app/public/css/filament/support/support.css b/docs-assets/app/public/css/filament/support/support.css
diff --git a/packages/forms/dist/index.css b/packages/forms/dist/index.css
diff --git a/packages/panels/dist/theme.css b/packages/panels/dist/theme.css
diff --git a/packages/support/dist/index.css b/packages/support/dist/index.css
diff --git a/packages/support/resources/css/components/link.css b/packages/support/resources/css/components/link.css
@@ -81,7 +81,7 @@
     }
 
     &.fi-color {
-        @apply text-color-600 dark:text-color-400;
+        @apply text-(--text) dark:text-(--dark-text);
 
         & > .fi-icon {
             @apply text-color-600 dark:text-color-400;

diff --git a/packages/support/src/View/Components/Link.php b/packages/support/src/View/Components/Link.php
@@ -2,6 +2,8 @@
 
 namespace Filament\Support\View\Components;
 
+use Filament\Support\Colors\Color;
+use Filament\Support\Facades\FilamentColor;
 use Filament\Support\View\Components\Contracts\HasColor;
 use Filament\Support\View\Components\Contracts\HasDefaultGrayColor;
 
@@ -13,6 +15,43 @@ class Link implements HasColor, HasDefaultGrayColor
      */
     public function getColorClasses(array $color): array
     {
-        return [];
+        $gray = FilamentColor::getColor('gray');
+
+        ksort($color);
+
+        $darkestLightGrayBg = $gray[50];
+
+        foreach ($color as $shade => $shadeValue) {
+            if (Color::isTextContrastRatioAccessible($darkestLightGrayBg, $shadeValue)) {
+                $text = $shade;
+
+                break;
+            }
+        }
+
+        $text ??= 900;
+
+        krsort($color);
+
+        $lightestDarkGrayBg = $gray[700];
+
+        foreach ($color as $shade => $shadeValue) {
+            if ($shade > 400) {
+                continue;
+            }
+
+            if (Color::isTextContrastRatioAccessible($lightestDarkGrayBg, $shadeValue)) {
+                $darkText = $shade;
+
+                break;
+            }
+        }
+
+        $darkText ??= 200;
+
+        return [
+            "fi-text-color-{$text}",
+            "dark:fi-text-color-{$darkText}",
+        ];
     }
 }