rocky nebula
So I just updated my portfolio website from astro 2 to 3, and now the CSS is broken, and I have a black screen (caused by the sidebar, because when i remove it, i can see the website again). The template I'm using is using Daisyui.
Is there anything that changed between astro 2 and 3 in term of css?
I tried adding :
// astro.config.mjs
build: {
inlineStylesheets: "never",
},
With no success
(note: I removed my name from the pictures, it's not a bug lol)
rain loom
It could be a few different things, what does your Astro config look like?
Oee thing you can try is resetting the scopedStyleSrtegy options to use the older v2 behavior: https://docs.astro.build/en/guides/upgrade-to/v3/#changed-default-scopedstylestrategy
Here is the full upgrade guide for v3: https://docs.astro.build/en/guides/upgrade-to/v3/
rocky nebula
Ah I didn't see the scopedStyleStrategy ! I just tried it but it didn't change anything
here is my astro config :
import { defineConfig } from "astro/config";
import mdx from "@astrojs/mdx";
import sitemap from "@astrojs/sitemap";
import tailwind from "@astrojs/tailwind";
// https://astro.build/config
export default defineConfig({
site: "https://www.mysite.ch",
integrations: [mdx(), sitemap(), tailwind()],
// Tried with and without this
scopedStyleStrategy: "where",
build: {
inlineStylesheets: "never",
},
});
Ah and btw, the website is based on this template : https://astro.build/themes/details/astrofy/ if that can help give more context
rain loom
Did you update all of the Astro packages/integration like @astrojs/tailwind, @astrojs/mdx, etc?
rocky nebula
Yes, I pretty much upgraded everything
oh wait, i just realised that i also upgraded daisyui but i didn't want to, so that's why it broke 🤦♂️
sorry ! and thanks a lot for the help !
i assumed astro caused it cause i also upgraded my blog that had broken css, but it didn't use daisyui and it was way simpler to fix
i'll be more careful next time 😅