shards-react icon indicating copy to clipboard operation
shards-react copied to clipboard

Defining default theme in Shards?

Open stickyburn opened this issue 6 years ago • 4 comments

Hi guys! Thanks for the awesome project! I was wondering how to change my default theme's primary and secondary colours. Do I just define a theme object and render it with my main App component?

Thanks!

stickyburn avatar Jul 02 '19 06:07 stickyburn

Hello, Yes I would also like a quick guide to global theming or some reference to look into. Thanks

Calfredop avatar Aug 29 '19 08:08 Calfredop

Any help here ? Is it possible to did it without building from scratch shards-ui ?

magrinj avatar Oct 08 '19 16:10 magrinj

Any of you could solve it?

ogaston avatar Jun 07 '20 17:06 ogaston

Currently using this method until there's an official doc

index.css [class*='primary'] { background-color: red; border-color: red; }

Should work for other theme colors too: Primary #0067F4 Secondary #5A6169 Success #17C671 Info #00B8D8 Warning #FFB400 Danger #C4183C Light #E9ECEF Dark #212529

aueangpanit avatar Aug 23 '20 12:08 aueangpanit

Just going to close this :skull:

stickyburn avatar Oct 10 '23 22:10 stickyburn