Skip to content
This Repository contains the code of a plugin to add custom css to pimatic.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore [TASK] added cleaned readme and packege.json Jan 24, 2017
LICENSE [TASK] updated read Jan 27, 2017 [BUGFIX] fixed wrong css destination path Jan 27, 2017


This is a little helper plugin for the technically savvy user, it is not recommendet for users without a background in CSS. Its a wrapper that enables the user to load his own custom CSS into the pimatic-mobile-frontend, withoud editing mobile-frontend-plugin files.

So you can update the pimatic-mobile-frontend-plugin without losing your custom CSS.

Please be advised that you use plugin on your own risk, If your break the frontend with your CSS don't blame me. Please don't start questions like "How can i change the background color of xyz" or open issues for that.

I deliver only the tool to load your CSS, everythig else is on your side :-)

See "Usage" for the detailed usage of the plugin.


Do you like this plugin? Then please consider a donation to support the development.

PayPal Donate Button

Flattr this


Because of the support ending for pimatic 0.8.x, we from now on support only pimatic > 0.9.x !


After the installation of the plugin, please restart pimatic. After that you will find a folder "customAssets" in your pimatic root folder (the folder where you can find your config.json). In this folder you find a user.css, in this file you can add your custom css.

After that you have to restart pimatic again and completely clear your browser cache.

While this restart the plugin copies your CSS file to /node_modules/pimatic-customcss/app/css/user.css, this has to be done because from a different folder the mobile-frontend will not load the custom CSS file. When the file is copied to the destination it will be inluded.

Please be advised that you have to select your CSS selector precisely, so that they will override the original styles. Eventually you have to use !important.

After each change of the CSS file you have to clear the cache and restart pimatic. While developing you can enbale the deleopment mode of the frontend.


0.1.0 First stable release


  • Develop a concept for background image support
You can’t perform that action at this time.