As the sun sets on your digital garden, a different atmosphere takes over. Nighttime Greenhouse is more than a dark theme; it is a gentler reading environment designed for low-light focus.
This mode is handled through Project Spore’s theme toggle and dark-mode color tokens in the custom stylesheet, allowing the starter kit to preserve its identity instead of flipping into a generic dark interface.
The midnight palette
Instead of relying on harsh blacks and neon contrast, Project Spore uses a restrained nocturnal palette to create a greenhouse-at-night mood:
- Cosmic Base (
#1E1B24): a deep foundation for the page background. - Muted Grape (
#2A2531): adds depth to surfaces and specimen cards. - Lavender Cream (
#D5CDE3): soft, readable text that glows against the darkness. - Luminous Orchid (
#C795BA): accent color that guides the eye without shouting. - Starlight Gold (
#F0D965): reserved for small highlights and emphasis.
Maintaining specimen clarity
Even in the dark, the core homepage composition remains gentle. The specimen layout keeps its layered card treatment, and the borders, icons, archive panels, and hover states shift with the palette rather than fighting it.
Why a cosmic approach?
Using deep purples and muted greens instead of pure black reduces visual fatigue while preserving the whimsical, reflective tone of the kit. The result feels more like an evening study than a developer dashboard.
Toggle the sun and moon icon in the navigation menu to compare the two atmospheres side by side, then adjust the palette variables in assets/css/extended/custom.css if you want your own midnight greenhouse.