The themes table only listed Factorio, so the other themes in the repo were not discoverable from the README. Notes: - Added Charcoal Outline (clarth/charcoal outline/) and Kestrel (clarth/kestrel/) rows, sorted alphabetically with Factorio. - Spaces in the Charcoal Outline folder name are URL-encoded as %20 so the link resolves. - clarth/example-theme/ is not listed: its theme.css is empty.
3 KiB
Fluxer Themes
A collection of custom CSS themes for Fluxer, organised by creator.
Browse the themes below, check out their previews, and follow the installation instructions to try one yourself.
Available themes
| Theme | Creator | Description |
|---|---|---|
| Charcoal Outline | Clarth | A clean, dark theme with a solid charcoal background, transparent panels, and blue accents. |
| Factorio | Clarth | A Factorio-inspired theme for Fluxer. |
| Kestrel | Clarth | A dark industrial theme with armored panels, status lights, and amber and teal accents. |
Each theme lives in its own folder with a theme.css file and a README containing theme-specific details and screenshots.
Creators
Getting started
Download a theme’s theme.css file to import it into Fluxer, or copy its contents into Quick CSS to try it out. See the installation instructions below for the full steps.
Installing a theme
Import a theme into your library
Use this method to keep a theme installed and easily turn it on or off.
- Browse this repository and open the folder for the theme you want.
- Download its
theme.cssfile. On Forgejo, open the file and use the download button to save the CSS file, not the webpage. - In Fluxer, open Settings → Themes → Your Themes.
- Click Import CSS and select the downloaded
theme.cssfile. - Once imported, use the checkbox beside the theme to enable or disable it.
Try a theme with Quick CSS
Quick CSS lets you test a theme before importing it or experiment with changes while viewing the results.
- Open the theme’s
theme.cssfile in this repository and copy its entire contents. - In Fluxer, open Settings → Themes → Quick CSS.
- Click Open Quick CSS Editor.
- Back up any CSS already in the editor before replacing it.
- Paste the theme’s CSS into the editor.
- With live preview enabled, changes appear as you edit. If live preview is disabled, click Apply changes.
When you are happy with the theme, import its theme.css file using the library method above so you can enable or disable it from Your Themes.
Avoid leaving the same theme active in both Quick CSS and Your Themes. After importing it, remove the test copy from Quick CSS, preserving any unrelated custom CSS.
Editing a theme
Use the Quick CSS editor to experiment with colours, spacing, fonts, and other styles. Changes made there do not update this repository’s theme.css file. Copy any changes you want to keep back into the file.
Troubleshooting
- If the theme does not appear, check that its checkbox is enabled under Your Themes.
- If the appearance looks wrong, try disabling other themes and temporarily removing unrelated Quick CSS to check for conflicting styles.
- If custom CSS makes Fluxer difficult to use, press
Ctrl+Alt+Shift+Kto temporarily turn custom CSS off. Fix or disable the offending CSS before turning it back on.