Gluestack UI Theme Generator
Customize your colors
☀️ Light
🌙 Dark
🎨 Brand Colors
Vibrant colors that define your brand identity
Primary
Secondary
Tertiary
✨ Semantic Colors
Contextual colors for states and feedback
Success
Warning
Error
Info
⚪ Neutral Colors
Pure gray scales for backgrounds and text
⚠️ Important: Use the SAME gray value for both Light & Dark modes!
These generate pure gray scales (0% saturation) that automatically invert between modes.
Background
GRAY
Foreground
GRAY
Typography
GRAY
Outline
GRAY
📋 Copy Config
Viewport Size
📱 Mobile
📱 Tablet
💻 Desktop
Log in
Login to start using gluestack
Email
Password
Remember me
Forgot Password?
Log in
Continue with Google
Don't have an account?
Sign up
Change Screens
splash-screen
signin
signup
forgot-password
create-password
news-feed
dashboard
profile