Broken theme of plone 6 (Creating from scratch)

i am following 4. Create a Theme from scratch – Plone 6 Classic UI Theming — Plone Training 2022 documentation the training and the theme is completely broken , is there any way to get the theme .

Available packages:

    plonecli : 2.3

    bobtemplates.plone: 6.2

I have generated the basic theme using the above packages

is there any way to get these styles,

Looks like you call ? Test it with localhost:8080 .

It's running in localhost:8080 :smiling_face_with_tear:

Goto the @@theming-controlpanel and check the option "Design" and "Hostnamen without Design"

At which point do you get this screen? I walked through the training quickly to confirm. Everything works as expected.

  • In 4.6 you add a Default Plone
  • After installing the theme everything looks a bit broken but with some basic styling
  • With 4.9 you actually build the styles of you custom theme

Add the following line to your theme.scss to get styling for the toolbar:

@import "@plone/plonetheme-barceloneta-base/scss/_toolbar.scss";

This hint should go to the training docs.


You also need some plone variables for the toolbar:

EDIT: some variables seems already there in _toolbar.scss, import just the status variables.

1 Like

Thank you !!!

importing the toolbar works! , I got that screen exactly at 4.9 after importing the toolbar it worked well!! :partying_face: :partying_face: