Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Accent color not used as focus color #880

Open
3 tasks done
NoisyFlake opened this issue Dec 17, 2024 · 0 comments
Open
3 tasks done

Accent color not used as focus color #880

NoisyFlake opened this issue Dec 17, 2024 · 0 comments

Comments

@NoisyFlake
Copy link

NoisyFlake commented Dec 17, 2024

Flux version

v1.1.0

Livewire version

v3.5.17

What is the problem?

I just upgraded to the newly released Flux 1.1 and configured my theme colors in the app.css and tailwind.config.js.
While everything works correctly, I was under the impression that the focus color for e.g. inputs would also be affected by this.

Having a form where everything is e.g. red, yet the focus color is the default blue simply looks weird.

On a similar note, is it recommended or not to use the tailwindcss/forms plugin? Because when not using it, the focus border looks even weirder and sometimes even glitches out on iOS safari, as seen here: https://imgur.com/a/66WP6pS
Edit: This seems to be an iOS Safari issue unrelated to Flux, as it appears on non-flux inputs as well.

Code snippets

<flux:input wire:model="location" type="text" label="Location" />

How do you expect it to work?

The focus color should match the configured accent color.

Please confirm (incomplete submissions will not be addressed)

  • I have provided easy and step-by-step instructions to reproduce the bug.
  • I have provided code samples as text and NOT images.
  • I understand my bug report will be closed if I haven't met the criteria above.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant