Assets and Styling
CSS, font, color, spacing, and asset-loading reference for Epiktetos.
Epiktetos combines WordPress theme metadata, theme.json design tokens, and front-end CSS assets.
Enqueued CSS
| Handle | File |
|---|---|
epiktetos-fonts | assets/css/fonts.css |
epiktetos-style | style.css |
epiktetos-frontend | assets/css/frontend.css |
Editor styles also include assets/css/editor.css.
Fonts
The readme describes the theme as using self-hosted Libre Baskerville and Inter fonts. The CSS assets include font declarations in assets/css/fonts.css, and functions.php preloads an Inter font on wp_head.
Core design tokens
theme.json defines:
| Token area | Examples |
|---|---|
| Layout | Content width 680px, wide width 960px. |
| Colors | Background #FAFAF9, text primary #1C1917, primary #78716C, border colors, success, warning, error, info. |
| Typography | Display, body, mono families and named font sizes from caption to display. |
| Spacing | Presets from 12px through 120px. |
Asset versioning
The helper epiktetos_asset_ver() returns the file modification time when an asset exists, otherwise it falls back to the theme version. This makes local cache-busting more precise during theme development.
Styling ownership
Use theme.json for editor-facing design tokens and theme CSS for front-end component behavior. Keep both in sync
when changing the visual system.