mirror of
https://github.com/johndoe6345789/metabuilder.git
synced 2026-04-26 14:54:55 +00:00
johndoe6345789
b3e17e7dd4
- Created a new troubleshooting guide in README.md for common issues and testing problems. - Updated package.json to include new act commands for linting, type checking, building, and diagnosing workflows. - Added a pre-commit hook script to validate workflows before commits. - Enhanced run-act.sh script with logging, Docker checks, and improved output formatting. - Improved test-workflows.sh with an interactive menu and performance tracking. - Introduced setup-act.sh for quick setup and testing of act integration.
Styling System
Overview
Global styles, themes, and Tailwind CSS configuration for the application.
Location
Style Files
Main Styles
Located in /src/:
index.scss- Global style initializationmain.scss- Main stylesheet with Tailwind directives
Theme Configuration
- Theme definitions in
/theme.json - CSS variables for color palette
- Font configuration: IBM Plex Sans (body), Space Grotesk (headings), JetBrains Mono (code)
Color Scheme
- Primary theme: Purple/accent
- Color space: OKLCH
- See /theme.json for complete palette
Tailwind CSS
The application uses Tailwind CSS exclusively for utility-based styling. Configuration is in tailwind.config.ts.
Component Styling
All components should use Tailwind utility classes:
<div className="bg-gradient-to-r from-purple-500 to-pink-500 p-4 rounded-lg">
Styled with Tailwind
</div>