Dark Mode Contact Form
A sleek dark-themed contact form with emerald accents. Great for dark-mode websites and developer portfolios.
- Dark theme
- Emerald accents
- Responsive
- High contrast
Fields included
- Name
- Message
How to Use This Template
- 1Sign up for a free Static Forms account to get your API key.
- 2Copy the HTML code above and save it as an
.htmlfile. - 3Replace
YOUR_API_KEYwith your actual API key. - 4Deploy the file to your website and start receiving submissions in your inbox.
Frequently asked questions
Does this form respect system dark mode?
This template is styled dark by default. If you want it to switch automatically, wrap the styles in a prefers-color-scheme media query.
Can I match the accent color to my brand?
Yes. Replace the emerald hex values on the focus, button, and hover rules with your own accent color.
Is the dark form accessible?
The text and inputs meet contrast guidance against the dark background. Keep your accent color at a similar contrast if you change it.
Related templates
Minimal Contact Form
A clean, minimal contact form with subtle shadows and a white card. Perfect for professional sites.
Contact FormsModern Gradient Contact Form
A bold contact form on a teal-to-blue gradient with a crisp white card. Modern without the glassmorphism.
Support & RequestsBug Report Form
A structured bug report form with steps to reproduce, expected vs actual behavior, and severity.
Start receiving form submissions today
No backend code needed. Sign up, grab your API key, and you are ready to go.