#Modifying Default CSS Styles

4 messages · Page 1 of 1 (latest)

ancient compass
#

I want to modify the layout of the Startlight theme, where are and what are the CSS variables that control this? Specifically, I want to change the default width of the main content area. I'm looking in @astrojs/starlight/style but don't see anything there. Should I be looking up the tree in astrojs itself?

ancient compass
#

So it looks like --sl-content-width what I want, perhaps.

small wadi
#

Hey @ancient compass! Yes that variable should work for that!

#

You can find all the variables in the style/props.css file in Starlight but we haven't fully documented them yet as they may still change as we work to make theming easier. That content width one should be safe to use though!