Initial theme scaffolding (v0.0.1)
- Bootstrap 5 CSS/JS integration via Yarn (served locally)
- Dart Sass build pipeline with PostCSS, Autoprefixer, cssnano
- Twig 3.0 via Composer with PSR-4 autoloading
- FSE block theme templates (index, home, single, page, archive, search, 404)
- Template parts (header, footer) and block patterns
- theme.json with Bootstrap 5-aligned design tokens
- Gitea CI/CD workflow for automated release packages
- WordPress i18n support (en_US base, de_CH translation)
Co-Authored-By: Claude <noreply@anthropic.com>
2026-02-08 02:25:33 +01:00
|
|
|
// Bootstrap variable overrides
|
|
|
|
|
// These MUST be defined BEFORE importing Bootstrap's variables
|
|
|
|
|
|
|
|
|
|
// Colors - matching theme.json palette
|
|
|
|
|
$white: #FFFFFF;
|
|
|
|
|
$gray-100: #f8f9fa;
|
|
|
|
|
$gray-200: #e9ecef;
|
|
|
|
|
$gray-300: #dee2e6;
|
|
|
|
|
$gray-400: #ced4da;
|
|
|
|
|
$gray-500: #adb5bd;
|
|
|
|
|
$gray-600: #6c757d;
|
|
|
|
|
$gray-700: #495057;
|
|
|
|
|
$gray-800: #343a40;
|
|
|
|
|
$gray-900: #212529;
|
|
|
|
|
$black: #000000;
|
|
|
|
|
|
|
|
|
|
$primary: #0d6efd;
|
|
|
|
|
$secondary: #6c757d;
|
|
|
|
|
$success: #198754;
|
|
|
|
|
$danger: #dc3545;
|
|
|
|
|
$warning: #ffc107;
|
|
|
|
|
$info: #0dcaf0;
|
|
|
|
|
$light: $gray-100;
|
|
|
|
|
$dark: $gray-800;
|
|
|
|
|
|
|
|
|
|
// Layout
|
|
|
|
|
$container-max-widths: (
|
|
|
|
|
sm: 540px,
|
|
|
|
|
md: 720px,
|
|
|
|
|
lg: 960px,
|
|
|
|
|
xl: 1140px,
|
|
|
|
|
xxl: 1320px
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
// Typography - using system fonts (matching theme.json)
|
|
|
|
|
$font-family-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
|
|
|
|
v0.1.0 - Core Theme: patterns, dark mode, block styles, style variations
- Add 16 block patterns across 7 new categories (hero, features, CTA,
testimonials, pricing, contact, text)
- Add dark mode toggle with localStorage persistence and system preference
detection (Bootstrap 5.3 data-bs-theme)
- Register 17 custom block styles mapping Bootstrap components to WordPress
blocks (cards, alerts, tables, buttons, etc.)
- Add 4 style variations: Ocean, Forest, Sunset, Midnight
- Add sidebar template part and "Blog with Sidebar" custom template
- Add Inter and Lora variable fonts with fontFace declarations
- Add Display font size (fluid 2.5rem-3.5rem)
- Update translations (en_US .pot, de_CH .po) with all new strings
- Bump version to 0.1.0
Co-Authored-By: Claude <noreply@anthropic.com>
2026-02-08 03:07:16 +01:00
|
|
|
// Additional font families
|
|
|
|
|
$font-family-inter: Inter, system-ui, -apple-system, sans-serif;
|
|
|
|
|
$font-family-serif: Lora, Georgia, "Times New Roman", serif;
|
|
|
|
|
|
Initial theme scaffolding (v0.0.1)
- Bootstrap 5 CSS/JS integration via Yarn (served locally)
- Dart Sass build pipeline with PostCSS, Autoprefixer, cssnano
- Twig 3.0 via Composer with PSR-4 autoloading
- FSE block theme templates (index, home, single, page, archive, search, 404)
- Template parts (header, footer) and block patterns
- theme.json with Bootstrap 5-aligned design tokens
- Gitea CI/CD workflow for automated release packages
- WordPress i18n support (en_US base, de_CH translation)
Co-Authored-By: Claude <noreply@anthropic.com>
2026-02-08 02:25:33 +01:00
|
|
|
// Enable dark mode
|
|
|
|
|
$enable-dark-mode: true;
|
|
|
|
|
|
|
|
|
|
// Enable reduced motion
|
|
|
|
|
$enable-reduced-motion: true;
|
2026-02-09 09:28:26 +01:00
|
|
|
|
|
|
|
|
// Bootstrap Icons font path (points to copied files in assets/fonts/)
|
|
|
|
|
$bootstrap-icons-font-src: url("../fonts/bootstrap-icons.woff2") format("woff2"),
|
|
|
|
|
url("../fonts/bootstrap-icons.woff") format("woff");
|
