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

Configurable colours? #59

Open
tanekere opened this issue Feb 26, 2024 · 5 comments
Open

Configurable colours? #59

tanekere opened this issue Feb 26, 2024 · 5 comments
Assignees
Labels
enhancement New feature or request

Comments

@tanekere
Copy link

Hello 👋,
I would like to change the default colours if this. For example, the i want the orange, pink, whites, etc to look different but there doesn't seem to be any way to do that. I feel like this will suit my website better if I could configure it with gruvbox colours. Also making the website dark theme would be possible.

It would be cool if you could add an option to make that configurable. Or if that's a bad idea, how i can do so myself in such a way that i will not miss out on any updates to this project. Help is much appreciated!

In case this is dumb, feel free to tell me why. I am no pro.

@tanekere tanekere added the enhancement New feature or request label Feb 26, 2024
@ElianCodes
Copy link
Owner

Yes, there is definitely a lot of explaining to improve. I'm planning on spending some time in the near-future to update the library and write a dedicated documentation.
Thanks for raising the issue here!

@at-the-vr
Copy link
Contributor

brutal components (accurately brutal-ui components) can use a color prop in which you can mention your custom shade, this is repetitive as you can see down the path but its customizable. Screenshot added for the example
image

@win8linux
Copy link

Following up from #59, perhaps after dark mode support is implemented what comes next is being able to define the colour palettes of light and dark modes separately?

@absurditiesmediallc
Copy link

Maybe I'm missing something about how astro.config.mjs functions, but according to your README, another colors arrray can be defined in astro.config, but in the brutal-ui components for Card, Pill, and Button, it looks like you're pulling in the array directly from a colors.json in the brutal-ui module. If I'm comprehending this correctly, this isn't actually implemented? There's a couple things here I'm just beginning to wrap my head around, so this is confusing me a lot. Any feedback here will probably get me over the last part of the learning curve, so any comments will have my sincere gratitude.

@at-the-vr
Copy link
Contributor

I think your correct @absurditiesmediallc , one way i could make this work was replicate the exact logic from brutal-ui that is create a new colors.json and have it generate random color strings for the components

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

5 participants