How to add customized CSS variables for a theme plugin? : Elgg.org

Discussions
Beginning Developers

How to add customized CSS variables for a theme plugin?

By seri_ng 132 days ago

I want to define my CSS variables (like vendor/elgg/elgg/engine/theme.php) that I can use on other plugins (Elgg 3.2). How can I achieve that in my theme plugin?

I saw the documentation about plugin hooks (vars:compiler, css) but cannot figure out how to trigger this hook.

Thanks in advance!

RvR 132 days ago

Something like this:

elgg_register_plugin_hook_handler('vars:compiler', 'css', 'my_theme');

function my_theme(\Elgg\Hook $hook) {
   $vars = $hook->getValue();

   $keys = [
      'body-background-color' => '#ffffff',
      'font-size' => '16px', 
   ];

   $vars = array_merge($vars, $keys);

   return $vars;

};

- seri_ng@seri_ng
seri_ng 132 days ago
- 0 likes
Thank you RvR!!

How to add customized CSS variables for a theme plugin?

Beginning Developers

Navigation

Contact

Legal