CLERK.md

Clerk Component Docs for Auth Management

https://clerk.com/docs/nextjs/reference/components/overview?_gl=1*1a8ot4r*_gcl_au*MTkxMzU2MzkxOC4xNzY5MjI4OTc3LjIwNzU2Mjk5ODkuMTc3MTAxNTM5NC4xNzcxMDE2NzQz*_ga*MTYzNDA4MTM1LjE3NjkyMzAyMjc.*_ga_1WMF5X234K*czE3NzEwMTUzOTEkbzgkZzEkdDE3NzEwMTY3ODQkajE5JGwwJGgw&dub_id=Eaw7xZlsfip0oKCC

Authentication components

User components

Organization components

Billing components

:root { --clerk-color-primary: #171717; --clerk-color-primary-foreground: #FAFAFA; --clerk-color-danger: #E7000B; --clerk-color-success: #22C543; --clerk-color-warning: #F36B16; --clerk-color-neutral: #0A0A0A; --clerk-color-foreground: #0A0A0A; --clerk-color-muted-foreground: #737373; --clerk-color-background: #FFFFFF; --clerk-color-input: #E5E5E5; --clerk-color-input-foreground: #0A0A0A; --clerk-color-ring: #A1A1A1; --clerk-color-shimmer: #FFFFFF; --clerk-color-modal-backdrop: #000000; --clerk-border-radius: 0.375rem; --clerk-spacing: 1rem; --clerk-color-muted: #F5F5F5; }

.dark { --clerk-color-primary: #E5E5E5; --clerk-color-primary-foreground: #171717; --clerk-color-danger: #FF6467; --clerk-color-success: #22C543; --clerk-color-warning: #F36B16; --clerk-color-neutral: #FAFAFA; --clerk-color-foreground: #FAFAFA; --clerk-color-muted-foreground: #A1A1A1; --clerk-color-background: #171717; --clerk-color-input: #FFFFFF; --clerk-color-input-foreground: #FAFAFA; --clerk-color-ring: #737373; --clerk-color-shimmer: #FFFFFF; --clerk-color-modal-backdrop: #000000; --clerk-border-radius: 0.375rem; --clerk-spacing: 1rem; --clerk-color-muted: #262626; }