CSS Customization

CSS Variables

MangaReader Pro uses CSS custom properties for easy customization. Override them in Admin → Settings → Custom CSS:

:root {
  --color-primary: #E11D9D;
  --color-secondary: #1E293B;
  --color-accent: #F59E0B;
  --font-heading: 'Poppins', sans-serif;
  --font-body: 'Inter', sans-serif;
  --radius: 12px;
  --shadow: 0 4px 6px rgba(0,0,0,0.1);
}

Available Variables

--color-primary — Main brand color used for buttons, links, accents
--color-secondary — Secondary color for headings and dark elements
--color-accent — Highlight color for badges, alerts, CTAs
--color-surface — Background color for cards and sections
--color-border — Border color for cards and dividers
--font-heading — Font family for headings (h1-h6)
--font-body — Font family for body text
--radius — Border radius for cards, buttons, inputs

> [!TIP] Changes take effect immediately — no build step required.

> [!NOTE] Custom CSS is injected after the theme stylesheet, so your overrides always take priority.