git/metabuilder

mirror of https://github.com/johndoe6345789/metabuilder.git synced 2026-04-29 08:14:57 +00:00

Files

History

JohnDoe6345789 cfa1e5bfee feat: add new icon components including Envelope, ChatCircle, HardDrives, WarningCircle, CheckCircle, XCircle, TrendUp, ShieldWarning, LockKey, Crown, Sparkle, BookOpen, Tree, Broom, Export, UploadSimple, Funnel, FunnelSimple, MapTrifold, PushPinSimple, Buildings, GithubLogo, and GoogleLogo

2025-12-30 12:21:15 +00:00

..

README.md

feat: add new icon components including Envelope, ChatCircle, HardDrives, WarningCircle, CheckCircle, XCircle, TrendUp, ShieldWarning, LockKey, Crown, Sparkle, BookOpen, Tree, Broom, Export, UploadSimple, Funnel, FunnelSimple, MapTrifold, PushPinSimple, Buildings, GithubLogo, and GoogleLogo

2025-12-30 12:21:15 +00:00

README.md

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 initialization
main.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>