Files
xamxam/public/assets/css
Pontoporeia a60e742d1a Extract last 3 inline styles from admin templates into CSS classes
admin/thanks.php:
- <div style="margin-top:1.5rem;display:flex;gap:.75rem;flex-wrap:wrap;"> → class="admin-action-bar"
- <p style="color:var(--text-secondary);"> → class="admin-muted"

admin/pages.php:
- Éditer button style="font-size:.8rem;padding:.3rem .75rem;" → class="admin-btn admin-btn--sm"

admin.css (Thesis info sections block):
- Added .admin-action-bar { margin-top:1.5rem; display:flex; gap:0.75rem; flex-wrap:wrap }
- Added .admin-muted { color: var(--text-secondary) }

The only remaining inline style in any admin PHP file is the dynamic
--disk-pct/--disk-color custom properties on the disk bar in system.php,
which carry PHP runtime values and cannot be moved to static CSS.
2026-04-06 15:33:08 +02:00
..
2026-04-06 15:32:34 +02:00

CSS Architecture

File Structure

  • variables.css - CSS custom properties (variables) for colors and theme values
  • colors.css - Reference documentation of all color values used in the project
  • common.css - Shared styles: reset, header/nav, search bar, accessibility utilities
  • main.css - Home page styles
  • admin.css - Admin section styles
  • system.css - System page styles
  • search.css - Search/Directory page styles
  • apropos.css - About page styles
  • tfe.css - Individual thesis page styles
  • easymde.min.css - EasyMDE editor styles (minified, third-party)
  • modern-normalize.min.css - Modern normalize reset (minified, third-party)

Imports

All CSS files automatically import variables.css to access CSS custom properties.

Variables

Shared Variables (public pages)

  • --purple, --purple-dark, --purple-light - Purple palette
  • --black, --white - Base colors
  • --grey-light - Light grey background
  • --border-color - Border color
  • --text-muted - Muted text color

Admin Variables

  • --admin-bg, --admin-bg-alt - Background colors
  • --admin-border - Border color
  • --admin-text, --admin-text-muted - Text colors
  • --admin-purple - Accent color
  • --admin-input-bg - Input background