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.