Cant change CSS and SCSS in my Web App

0
Hello experts, I have made an app using the SAP blank app I cant seem to change anything in the styling. In mendix studio I change a color variable to be another color and when I run the app the styling is back to the default, even tho I can see my change to the files. When I use inspect element I see the files as they were. Thank you in advance for the help
asked
9 answers
1

Hey Eleftherios Foteinatos!

Are you changing these files?

Can you attach a screenshot of your scss file and the component you are trying to change?

 

Maybe your styles are being overwritten by other styling files.

 

Thanks in advance

answered
0

Hello thanks for the reply!

I am trying to change the custom-variables.scss but I have tried to change other docs as well no luck..



for example I have changed here the primary-button color but nothing changes…



I dont know if it is important but my app is a PWA

answered
0

Check what is in exclusion-variables.scss. The SAP template may disable all Atlas styling and enforce its own

answered
0

My theme is like that if it helps

answered
0

I created a new SAP app as you did. I added a button on the page 

As you see on the screenshot I selected the primary style for that button and it is working

 

answered
0

As I cannot attach a screenshot on the comment here is where I did the change: 

answered
0

my styling folders look a bit different and in my custom-variables.scss I can only see this:

answered
0

Any Ideas? I am still stuck on this

answered
0

Hi Eleftherios,

I’m facing the same problem here, have you solved it?

By the way, did you see the line of the class when you inspect different from what you see in mendix scss file?
Thanks in advance.

answered