Adapt Learning Community: Adapt theme colours

I am having a lot of trouble changing the colours of my theme. The colours don't always affect things how I expect them to and the relationship between Element Background Colours and Element Colours.

For example, in the attached image I would like to have a grey background (which I have) but I would like the background of what I understand to be the Block and Component to be white. Essentially I want my information in a white box on the grey background.

I have watched the tutorial videos and it still isn't clear to me or my team. Can anyone help? Is there some obvious thing that I am missing?

Sorry if I have posted this in the wrong forum, if so please point me in the right direction!

Josh,

Are you working in the authoring tool or the framework? To edit the color of the component in the framework, you can open the colors.less file and edit the one labeled, @component-background-color.

Hope this helps.

Arend

Show parent | Reply

I am using the authoring tool. The framework seems a bit to code heavy for me!

Show parent | Reply

What if in the authoring tool?

Show parent | Reply

Does anyone have an answer to this? I am customising the Salsa theme..

I would've thought the setting 'Element Background Colour' would be the background of the article (or content) but it seems to be an opacity setting of the 'Background Colour' only

Sorry this doesn't seem intuitive to me... what is the Element Background Colour setting for then?

I can get the desired result with some custom css but I think this should be an easy enough setting no?

Show parent | Reply

My bad! I hadn't turned on 'Use element background colours'

#rookiemistake

This now makes sense

:-/

Show parent | Reply

Glad you figured it out. :)

Show parent | Reply