Skins

You can customize Etherpad appearance using skins. A skin is a directory located under static/skins/<skin_name>, with the following contents:

• index.js: javascript that will be run in /
• index.css: stylesheet affecting /
• pad.js: javascript that will be run in /p/:padid
• pad.css: stylesheet affecting /p/:padid
• timeslider.js: javascript that will be run in the embedded timeslider iframe
• timeslider.css: stylesheet affecting the embedded timeslider iframe

Since Etherpad 2.7, the timeslider is rendered in-place inside the pad page (issue #7659). Direct visits to /p/:padid/timeslider 302-redirect to /p/:padid so the in-pad PadModeController can take over via a #rev/N URL hash. The full timeslider HTML is still served at /p/:padid/timeslider?embed=1 — that is the URL the in-pad iframe loads, and the URL to use if you embed the timeslider in your own page.

• favicon.ico: overrides the default favicon
• robots.txt: overrides the default robots.txt

You can choose a skin changing the parameter skinName in settings.json.

Since Etherpad 1.7.5, two skins are included:

• no-skin: an empty skin, leaving the default Etherpad appearance unchanged, that you can use as guidance to develop your own.
• colibris: a new, experimental skin, that will become the default in Etherpad 2.0.