maninscotland Comments - Answer Overflow

maninscotland

Posts Comments

FFilament

•Created by maninscotland on 4/8/2024 in #❓┊help

Issue with button color theming on front-end (forms, etc)

I can go from here, thanks for the rubber-ducking and help folks!

16 replies

FFilament

•Created by maninscotland on 4/8/2024 in #❓┊help

Issue with button color theming on front-end (forms, etc)

Jeezo, that was it! I've removed that colors nonsense and made the include consistent with the others (just slapped it straight into the preset array and it's all working now, it uses the colours I've defined in AppServiceProvider with FilamentColor::register

16 replies

FFilament

•Created by maninscotland on 4/8/2024 in #❓┊help

Issue with button color theming on front-end (forms, etc)

Ohhh myyyy..... I see what's wrong, I called it "preset" not "presets" 🤦‍♂️

16 replies

FFilament

•Created by maninscotland on 4/8/2024 in #❓┊help

Issue with button color theming on front-end (forms, etc)

Weirdly though there is no difference on the front end when I comment/uncomment that preset definition 🤨

16 replies

FFilament

•Created by maninscotland on 4/8/2024 in #❓┊help

Issue with button color theming on front-end (forms, etc)

Happy to post the full config here —

import preset from './vendor/filament/support/tailwind.config.preset'

const defaultTheme = require('tailwindcss/defaultTheme');
const colors = require('tailwindcss/colors');

/** @type {import('tailwindcss').Config} */
export default {
    preset: [
        preset
    ],
    content: [
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
        './app/Filament/**/*.php',
        './vendor/filament/**/*.blade.php',
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
    ],
    theme: {
        extend: {
            fontFamily: {
                sans: ['Figtree', ...defaultTheme.fontFamily.sans],
            },
            colors: {
                'custom': {
                    600: colors.amber[600]
                }
            }
        },
    },

    plugins: [
        require('@tailwindcss/forms'),
        require('@tailwindcss/typography'),
    ],
};

import preset from './vendor/filament/support/tailwind.config.preset'

const defaultTheme = require('tailwindcss/defaultTheme');
const colors = require('tailwindcss/colors');

/** @type {import('tailwindcss').Config} */
export default {
    preset: [
        preset
    ],
    content: [
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
        './app/Filament/**/*.php',
        './vendor/filament/**/*.blade.php',
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
    ],
    theme: {
        extend: {
            fontFamily: {
                sans: ['Figtree', ...defaultTheme.fontFamily.sans],
            },
            colors: {
                'custom': {
                    600: colors.amber[600]
                }
            }
        },
    },

    plugins: [
        require('@tailwindcss/forms'),
        require('@tailwindcss/typography'),
    ],
};

16 replies

FFilament

•Created by maninscotland on 4/8/2024 in #❓┊help

Issue with button color theming on front-end (forms, etc)

Submit is super basic though:

            <x-filament::button type="submit">
                Submit
            </x-filament::button>

            <x-filament::button type="submit">
                Submit
            </x-filament::button>

16 replies

FFilament

•Created by maninscotland on 4/8/2024 in #❓┊help

Issue with button color theming on front-end (forms, etc)

Oh, I can account for cancel actually, I had some custom classes in the button component

16 replies

FFilament

•Created by maninscotland on 4/8/2024 in #❓┊help

Issue with button color theming on front-end (forms, etc)

But doesn't feel like I've gone down the right path at all, and weirdly "Cancel" still looks wrong

16 replies

FFilament

•Created by maninscotland on 4/8/2024 in #❓┊help

Issue with button color theming on front-end (forms, etc)

16 replies

FFilament

•Created by maninscotland on 4/8/2024 in #❓┊help

Issue with button color theming on front-end (forms, etc)

(Specifically the colors bit)

16 replies

FFilament

•Created by maninscotland on 4/8/2024 in #❓┊help

Issue with button color theming on front-end (forms, etc)

Sort of half fixed this by doing the following in tailwind config:

    theme: {
        extend: {
            fontFamily: {
                sans: ['Figtree', ...defaultTheme.fontFamily.sans],
            },
            colors: {
                'custom': {
                    600: colors.amber[600]
                }
            }
        },
    },

    theme: {
        extend: {
            fontFamily: {
                sans: ['Figtree', ...defaultTheme.fontFamily.sans],
            },
            colors: {
                'custom': {
                    600: colors.amber[600]
                }
            }
        },
    },

16 replies

Gaming

Programming