trevortylerlee / astro-micro

Blog theme for Astro with search and comments built-in. Zero frameworks.
https://astro-micro.vercel.app
MIT License
113 stars 31 forks source link

How do I modify css in this repo? #37

Closed imalightbulb closed 3 weeks ago

imalightbulb commented 3 weeks ago

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.

trevortylerlee commented 3 weeks ago

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.

imalightbulb commented 3 weeks ago

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

trevortylerlee commented 3 weeks ago

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

imalightbulb commented 3 weeks ago

It worked, thanks for the response!