OyeScripts Support

QAFlow Documentation

Theme & Branding

Configuration

Logo & Favicon

Admin → Settings → Appearance

  • Logo — SVG or transparent PNG, 40px tall ideal. Shown in navbar.
  • Logo (dark) — alternate for dark-mode navbar. Optional.
  • Favicon — 32×32 or 64×64 PNG/ICO. Browser tab icon.
  • Apple Touch Icon — 180×180 PNG for iOS home screen.

Color Scheme

Admin → Appearance → Colors. Change:

  • Primary brand color (accents, buttons, links)
  • Background color (light mode)
  • Dark mode background
  • Text color

Changes apply site-wide via CSS variables. Cache cleared automatically.

Dark Mode

QAFlow auto-detects the visitor's system preference. Users can override via the moon icon in the navbar. Preference saved in localStorage per-browser.

Custom CSS

Admin → Appearance → Custom CSS. Write any CSS here — it gets injected into every page. Useful for tweaking spacing, hiding elements, or overriding colors beyond the built-in picker.

Custom Fonts

  1. Host the font file in /assets/fonts/
  2. Add a @font-face rule in Custom CSS
  3. Apply via body { font-family: "YourFont", sans-serif }

Alternatively, paste a Google Fonts <link> tag in Admin → Settings → Header Scripts.

Header / Footer Links

Admin → Menus lets you drag-and-drop reorder navbar items, add custom links, or hide modules from the public nav.

Footer Copyright Text

Admin → Settings → General → Footer Copyright. Supports HTML — e.g. © 2026 YourSite. All rights reserved.