fluxer-themes/README.md
Clay 6d613ff7a9 Add Charcoal Outline and Kestrel to themes table
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.
2026-11-11 14:39:16 -05:00

3 KiB
Raw Blame History

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.

  1. Browse this repository and open the folder for the theme you want.
  2. Download its theme.css file. On Forgejo, open the file and use the download button to save the CSS file, not the webpage.
  3. In Fluxer, open Settings → Themes → Your Themes.
  4. Click Import CSS and select the downloaded theme.css file.
  5. 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.

  1. Open the theme’s theme.css file in this repository and copy its entire contents.
  2. In Fluxer, open Settings → Themes → Quick CSS.
  3. Click Open Quick CSS Editor.
  4. Back up any CSS already in the editor before replacing it.
  5. Paste the theme’s CSS into the editor.
  6. 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+K to temporarily turn custom CSS off. Fix or disable the offending CSS before turning it back on.