Skip to content

Custom CSS & JS

Foyer supports adding your own custom css & javascript. Please do so at your own risk.

To add custom css simply edit the custom.css file under your config directory, similarly for javascript you would edit custom.js. You can then target elements in foyer with various classes / ids to customize things to your liking.

Warning

When Foyer authentication is enabled, custom.css remains publicly accessible so it can style the sign-in page. Do not include secrets or sensitive internal URLs in this file. custom.js remains protected and is only loaded after authentication.

You can also set a specific id for a service or bookmark to target with your custom css or javascript, e.g.

Service:
    id: myserviceid
    icon: icon.png
    ...