Archflow
Product Guide

Appearance And Themes

Choose a preset or import a custom theme for the Archflow interface

Open Settings → Appearance to control the theme used by your Archflow account.

Preset Themes

Archflow includes eight presets:

ThemeCharacter
Candy PinkVibrant pink and teal with warm highlights
Warm EarthNatural browns and oranges
Ocean BlueProfessional blues and teals
Forest GreenNature-inspired greens
Purple GradientPurple and violet accents
Minimal GrayClean monochrome; the default
Bumble BeeBold yellow, black, and gold
Signal WorkshopIndustrial neutrals, signal orange, and mono typography

Selecting a preset applies it immediately to the application.

Custom Themes

You can import custom semantic CSS variables produced by TweakCN:

  1. Open the custom-theme importer from Settings → Appearance.
  2. Paste the exported theme CSS.
  3. Review validation errors and warnings.
  4. Preview, save, and activate the theme.

Saved custom themes can be edited, applied, or deleted. Include both light and dark values when creating a complete theme.

Light And Dark Mode

The appearance switcher controls light, dark, or system behavior. Preset and valid custom themes supply semantic values for both modes.

Published Documentation

Publishing uses an explicit Preview Theme selected from the preset theme list. Do not assume the account's active custom theme is automatically embedded in a publication or guest link; choose and verify the publication preview before sharing.

On this page