To create a custom reader theme, you will need:
- Basic CSS knowledge
- A Github account (you can register for one here)
Designing your theme
- Go to the settings page and make sure that "Enable debug mode" is checked
- Make a file called "style.css" on your desktop
- Open "style.css" in any text editor. Enter your css style overrides and save
- Open any story (sample). Drag and drop "style.css" onto the page to view your theme
- Check out the themes at the bottom of the page for ideas
Uploading your theme
- Navigate to GitHub Gist
- Paste the contents of your CSS file into the gist
- Click on the "Create public gist" button. If you see the "Create secret gist" button instead, click on the arrow on its right and switch to "Create public gist"
- Click on "Raw" to view the raw CSS theme and copy the URL
- Paste the URL into the "Theme" box on the settings page, and you are done!
- Share the link with others to allow them to use the theme. You can also use it on your other devices
Sample Themes
- Dark Mode - Change up theme colours for a different look (Source, demo, save theme)
- Font Change - Import a new font to your theme (Source, demo, save theme)
- Hyperlegible (Light) - Basic font changes for greater readability (Source, demo, save theme)
- Hyperlegible (Dark) - Same font changes as Hyperlegible (Light), but in dark mode (Source, demo, save theme)
- Book Theme - Multiple changes: colours, fonts, and text-alignment (Source, demo, save theme)
- Display Objects - Add custom objects to the reader (Source, demo, save theme)
- Progress bar by scroll (Source, demo, save theme)
- Background colour by scroll - simple (Source, demo, save theme)
- Background colour by scroll - advanced (Source, demo, save theme)
- Style by text visibility (Source, demo, save theme)
- Glitch (Source, demo, save theme)
- Hypnosis - Custom style with a glowing background (Source, demo, save theme)
- Midnight Forest - A spooky theme with animations (Source, demo, save theme)
- FurAffinity Dark Mode - Mirror FurAffinity's website style (Source, demo, save theme)
- SoFurry Light Mode - Mirror SoFurry's normal reader style (Source, demo, save theme)
- SoFurry Cozy Mode - Mirror SoFurry's cozy reader style (Source, demo, save theme)
- Default.css - The default CSS with complete styles (For informational purposes) (Source, demo, save theme)