Filament•3mo ago

Modify/add colors when using Filament outside of panel

Hi guys ! I'm trying to change colors of Filament components and I was able do to it for the Panel but not for the blade component used outside such as <x-filament::link/>. I tried this in my tailwind.config.js but it doesn't work :

import preset from "./vendor/filament/support/tailwind.config.preset";

const colors = require("tailwindcss/colors");

export default {
    presets: [preset],
    content: [
        "./app/Filament/**/*.php",
        "./resources/views/**/*.blade.php",
        "./vendor/filament/**/*.blade.php",
    ],
    theme: {
        extend: {
            colors: {
                primary: colors.cyan,
            },
        },
    },
};

import preset from "./vendor/filament/support/tailwind.config.preset";

const colors = require("tailwindcss/colors");

export default {
    presets: [preset],
    content: [
        "./app/Filament/**/*.php",
        "./resources/views/**/*.blade.php",
        "./vendor/filament/**/*.blade.php",
    ],
    theme: {
        extend: {
            colors: {
                primary: colors.cyan,
            },
        },
    },
};

Anyone can help ?

2 Replies

awcodes•3mo ago

It’s really hard to explain with text but if you’re willing to source dive maybe you can find some insight here. https://github.com/awcodes/colors-experiment

GitHub

GitHub - awcodes/colors-experiment

Contribute to awcodes/colors-experiment development by creating an account on GitHub.

BenjaminOP•3mo ago

I got it ! Thanks 😉

Gaming

Programming

Modify/add colors when using Filament outside of panel