Override $bodyBgColor

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
mdvenoms
Posts: 29
Joined: 24 Sep 2015, 13:07

26 Nov 2018, 11:42

Hi everyone

We would like to further customize the babylon theme and are wondering what is the best way to override $bodyBgColor to avoid maintenance issues.
According to the original location of $bodyBgColor (sass/layout/_variables.sass) and the documentation the right place should be _layout_style.sass but this does not work.

Are we missing something?

Regarding maintenance issues: Is it okay to modify the _variables.scss and _theme_variables.scss files?

Thank you very much in advance!

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

26 Nov 2018, 17:17

Hi,

On layout, If you want to;
- change a color or padding or ... value(Exp; body color), please use sass/layout/_variable.scss; Exp: $bodyBgColor:red
- write css/scss rule, please use sass/_layout_styles.scss; Exp;

Code: Select all

/* Add your customizations of layout here */
body {
   > div {
      color: red;
      background-color: yellow;
      ...
   }
}
On theme, If you want to;
- change a color or padding or .. value(Exp;link color), please use sass/_theme_variable.scss; Exp: $linkColor: blue;
- write css/scss rule, please use sass/_theme_styles.scss.

mdvenoms
Posts: 29
Joined: 24 Sep 2015, 13:07

26 Nov 2018, 17:40

Hi

Thank you for your response!
Okay this is a bit confusing especially when reading the docs of babylon: "Updates usually require updating the layout and theme folders so your changes won't get effected during updates since they are kept in external files."

I would be really helpful if you could update the docs so that is easier to spot which files are allowed to update and when to use which file.
We spent many hours during a previous update of an older template so we really want to make sure that we can update this one without any maintenance issues.

Thank you in advance

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

27 Nov 2018, 09:17

Thanks a lot for the feedback! I'll create a folder named "overrides" and add 4 files; _layout_styles.scss, _theme_styles.scss, _layout_variables.scss and _theme_variables.scss. You can use them to override babylon variables or styles. When Babylon is released, you will not be affected.

Added for next release.

mdvenoms
Posts: 29
Joined: 24 Sep 2015, 13:07

27 Nov 2018, 12:36

This would be very helpful! Thank you

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

27 Nov 2018, 13:03

You're welcome! I released it for you. You can download new version from store.

mdvenoms
Posts: 29
Joined: 24 Sep 2015, 13:07

28 Nov 2018, 15:15

Good job, works very well now!

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

28 Nov 2018, 16:15

Glad to hear, thanks a lot for the update!

Post Reply

Return to “Babylon - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest