CILogon and COmanage support custom themes via their own individual CSS files. 


CILogon.org uses CSS Bootstrap 4.x (https://getbootstrap.com/docs/4.6/) under the hood. The CSS for CILogon “skins” is stored in the database and output to a <style> block in the <head> of the HTML. 


Some examples include:


https://cilogon.org/?skin=access

https://cilogon.org/?skin=biocommons

https://cilogon.org/?skin=cadre

https://cilogon.org/?skin=illinois

https://cilogon.org/?skin=lsst

https://cilogon.org/?skin=ncsa

 

When creating CSS, make sure it also works with https://cilogon.org/me/ as there are HTML elements on that page not shown on https://cilogon.org/.

 

Share the CSS with the CILogon team via a GitHub repo.


The service supports loading images and other resources via URLs or they can be hosted by the service.