I just spent some time troubleshooting an issue where I changed the sans-serif font with yarn watch:css active and it pretty much blew the foundations out of the site.
I just changed the declaration for --font-sans: "metropolis", sans-serif; inside css\base\variables.pcss.css and the corresponding @font-face declarations inside css\base\fonts.pcss.css. When I saved the files, the css was built but the stylesheets were messed up.
Then when I undid the changes and saved but it didn't fix the issue. I built a completely clean unmodified version of Olivero to make sure there wasn't something weird going on with my particular copy but I still ran into the same issue.
The only way to restore the CSS was to delete my css directory and copy a fresh copy from the core olivero theme.
It makes no difference if I have my copy of olivero in web/themes/mytheme or web/themes/custom/mytheme
I just spent some time troubleshooting an issue where I changed the sans-serif font with
yarn watch:css
active and it pretty much blew the foundations out of the site.I just changed the declaration for
--font-sans: "metropolis", sans-serif;
insidecss\base\variables.pcss.css
and the corresponding@font-face
declarations insidecss\base\fonts.pcss.css
. When I saved the files, the css was built but the stylesheets were messed up.Then when I undid the changes and saved but it didn't fix the issue. I built a completely clean unmodified version of Olivero to make sure there wasn't something weird going on with my particular copy but I still ran into the same issue.
The only way to restore the CSS was to delete my css directory and copy a fresh copy from the core olivero theme.
It makes no difference if I have my copy of olivero in
web/themes/mytheme
orweb/themes/custom/mytheme