How to customize the theme?

Post Reply
Zardo
Posts: 50
Joined: 29 Jul 2015, 15:41

24 Apr 2019, 18:03

I have read the documentation and started developing a custom theme / layout. Apparently it worked.
Than I have read this topic:
viewtopic.php?f=98&t=57488&p=171705&hil ... de#p171705
and now I'm really confused.

I just want do override some variables and modify some rules... what is the best way? Need I a custom theme/layout or not?

Thx in advance

Zardo
Posts: 50
Joined: 29 Jul 2015, 15:41

24 Apr 2019, 19:01

and btw, where is the ./overrides/_theme_variables referenced? Should I manually include it in my custom theme?

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

25 Apr 2019, 08:29

I just want do override some variables and modify some rules... what is the best way?
- The best way is to change the _layout*.scss and _theme*.scss files under overrides folder. You can customize theme and layout according to your issue. For it, please use _layout_styles.scss, _layout_variables.scss, _theme_styles.scss and _theme_variables.scss files. Then provide new css files using sass command.
where is the ./overrides/_theme_variables referenced? Should I manually include it in my custom theme?
- please follow this path: webapp/resources/sass/overrides/*

Exp; viewtopic.php?p=171643#p171643
Need I a custom theme/layout or not?
- If you want to create a custom theme or layout (If you don't want to use our theme and layout colors),
For theme,
- Please create a folder under webapp/resources/. Exp; primefaces-my-theme
- Please copy/paste a theme.scss file into primefaces-my-theme folder. You can select each theme.scss file. Exp; theme.scss under primefaces-babylon-amber-dark
- You can change variables in the theme.scss(primefaces-my-theme/theme.scss)

For layout, you can follow the same steps.


Briefly, there is two way to customize layout/theme;
- If you use our layout/theme colors and want to override them, please use _layout*.scss and _theme*.scss files under overrides folder.
- If you don't want to use our layout/theme colors, please create new folder and follow the below steps.

Best Regards,

Post Reply

Return to “Babylon - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest