Auric
← All posts
CustomizationDesign

Make it yours

December 20, 2024

Auric is built so you can rebrand it in minutes. Here’s where everything lives.

Colours

All theme colours are CSS variables at the top of src/styles/global.css, in the :root block. Change the gold to your own accent and the whole site follows:

:root {
  --gold-1: #e4c07e;   /* primary accent */
  --gold-3: #c8a459;   /* deeper accent  */
  --bg: #0b0a07;       /* page background */
  --text: #f5f0e4;     /* body text      */
}

Fonts

Fonts are self-hosted in public/fonts/ (no requests to Google). To swap one, drop your .woff2 files in that folder, update public/fonts/fonts.css, and change the --font-display / --font-body variables.

Content

Almost everything you’ll want to edit is in src/data/site.ts:

  • your name, tagline and intro
  • the skills cards (pick an icon from the built-in set)
  • your email and social links
  • the about paragraphs and stats

No component editing required for day-to-day changes.

The little things

  • Logo → public/logo-mark.svg
  • Social share image → public/og.png (1200×630)
  • Site URL → astro.config.mjs (used for canonical links, sitemap, RSS and Open Graph)

Once it looks like you, delete these three demo posts and write your first one. Happy shipping. ✨

Get this theme →