MMM-MoonClear – comic-style moon phase with sunrise/sunset, no API key

[ago1776]

Another from my suite: MMM-MoonClear — a clean, comic-style moon phase with the current sunrise and sunset flanking the moon. No API key — everything is computed locally with SunCalc.

• Accurate moon phase (illuminated fraction) as an SVG with a soft shadow terminator
• Localised phase name below the moon (English & German included, easy to add more)
• Sunrise (warm, ↑) on the left and sunset (cool, ↓) on the right, with times
• Fully self-contained styling — no dependency on any global stylesheet
• Location, size and clock format all configurable

GitHub: https://github.com/ago1776/MMM-MoonClear · MIT. Feedback welcome 🙂

[plainbroke]

How do I make the sunset sunrise larger?
I found these in your css file, but not sure which one to add to my custom.css to make those 2 larger…

.MMM-MoonClear .mc-fallback { color: #9aa4b2; font-size: 15px; padding: 12px; }
.MMM-MoonClear .mc-sun { display: flex; flex-direction: column; align-items: center; gap: 1px; font-size: 15px; font-weight: 600; font-variant-numeric: tabular-nums; }
.MMM-MoonClear .mc-name { font-size: 17px; font-weight: 600; color: #fff; margin-top: 6px;
	text-shadow: 0 1px 3px rgba(0,0,0,.6); }

Thanks in advance.