Private FoundryPress Tool

Theme Builder

Generate portable public theme folders for /themes/{slug}/. This tool does not modify the Hub and does not depend on SQL, Composer, npm, or a framework.

Theme Details

Theme Name

Theme Slug

Lowercase letters, numbers, and hyphens only.

Theme Label

Version

Description

Background

Surface

Text

Soft Text

Accent

Border

Logo PNG

Saved as /themes/{slug}/images/logo.png.

Theme Preview PNG

Saved as /themes/{slug}/theme.png.

Theme CSS Overrides

html:root {
    --site-bg: {{BG}};
    --site-surface: {{SURFACE}};
    --site-text: {{TEXT}};
    --site-text-soft: {{TEXT_SOFT}};
    --site-border: {{BORDER}};
    --site-accent: {{ACCENT}};
    --site-shadow: 0 18px 45px rgba(15, 23, 42, 0.10);
}

body {
    background:
        radial-gradient(circle at top left, {{ACCENT_RGBA_SOFT}}, transparent 28rem),
        linear-gradient(180deg, {{BG}} 0%, {{BG_ALT}} 100%);
    color: var(--site-text);
}

.site-logo__img {
    content: url('/themes/{{SLUG}}/images/logo.png');
}

.site-header {
    background: rgba(255, 255, 255, 0.92);
    border-bottom: 1px solid var(--site-border);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.site-nav__link:hover,
.site-nav__link.is-active {
    background: {{ACCENT_SOFT}};
    color: var(--site-accent);
}

.site-hero,
.demo-banner__inner,
.article-card,
.article-read,
.article-cta,
.site-empty {
    background: var(--site-surface);
    border: 1px solid var(--site-border);
    box-shadow: var(--site-shadow);
}

.site-btn--primary {
    background: var(--site-accent);
    color: #ffffff;
}

.site-footer {
    background: var(--site-surface);
    border-top: 1px solid var(--site-border);
}

Available placeholders: {{SLUG}}, {{BG}}, {{BG_ALT}}, {{SURFACE}}, {{TEXT}}, {{TEXT_SOFT}}, {{BORDER}}, {{ACCENT}}, {{ACCENT_SOFT}}, {{ACCENT_RGBA_SOFT}}.