Skip to content

Dark Mode

Snug includes a full dark mode with warm tones designed to feel cozy, not clinical.

How it works

Dark mode follows your system preference by default. If your device is set to dark mode, Snug will match automatically.

You can also toggle it manually:

  • Quick toggle - Click the moon/sun icon in the bottom-left corner of the sidebar.
  • Settings - Go to Settings and choose System, Light, or Dark under the Theme dropdown.

Your preference is saved to your account, so it follows you across devices and browsers.

What adapts

Every part of Snug adapts to the active theme:

  • All inputs, cards, dialogs, toolbars, and dropdowns
  • The calendar, kanban board, and expense tracker
  • The rich text editor in recipes and notes
  • Dropdown menus and popovers

What stays the same

Some things are designed to look the same in both modes:

  • Recipe pages stay white. They're meant to look like paper.
  • Project badge colors and calendar event colors stay consistent for easy recognition.
  • Snackbar notifications always use a light background for readability.