trevortylerlee/astro-micro

How do I modify css in this repo?

Closed this issue · 4 comments

Thanks for the repo, it's a perfect starter to build a blog.
I'm trying to modify the css to change the color of the elements in the site but where should I start? I thought it's in global.css, I modified the root section yet it doesn't seem to change anything.

Can you be more specific? What elements are you trying to change the color of?

Apart from the Pagefind or Giscus components, elements are either styled by global.css or by Tailwind.

The color tokens under :root in global.css are for syntax highlighting in code blocks only.

Specifically, I'm trying to style the background colors of the site in light and dark modes respectively.

You can edit the body styles in global.css, specifically line 23, to change background colors.
screenshot 2024-07-07 at 10 58 56 PM

It worked, thanks for the response!