/* ── Theme Sphere Swatches ── */ .theme-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px 10px; margin-top: 4px; } .theme-swatch-wrap { display: flex; flex-direction: column; align-items: center; gap: 7px; cursor: pointer; } .theme-swatch { width: 48px; height: 48px; border-radius: 50%; border: 2px solid transparent; transition: transform .18s cubic-bezier(.34,1.56,.64,1), box-shadow .18s; position: relative; box-shadow: inset -5px -5px 12px rgba(0,0,0,.5), inset 4px 4px 10px rgba(255,255,255,.22), 0 4px 16px rgba(0,0,0,.4); } .theme-swatch::before { content: ''; position: absolute; top: 7px; left: 9px; width: 14px; height: 9px; background: radial-gradient(ellipse, rgba(255,255,255,.6) 0%, rgba(255,255,255,0) 100%); border-radius: 50%; pointer-events: none; z-index: 2; } .theme-swatch::after { content: ''; position: absolute; bottom: 6px; right: 7px; width: 9px; height: 6px; background: radial-gradient(ellipse, rgba(255,255,255,.2) 0%, rgba(255,255,255,0) 100%); border-radius: 50%; pointer-events: none; z-index: 2; } .theme-swatch-wrap:hover .theme-swatch { transform: scale(1.15) translateY(-2px); box-shadow: inset -5px -5px 12px rgba(0,0,0,.5), inset 4px 4px 10px rgba(255,255,255,.28), 0 10px 28px rgba(0,0,0,.45); } .theme-swatch.active { border-color: rgba(255,255,255,.85); transform: scale(1.18) translateY(-2px); box-shadow: inset -5px -5px 12px rgba(0,0,0,.5), inset 4px 4px 10px rgba(255,255,255,.28), 0 0 0 3px rgba(255,255,255,.2), 0 10px 30px rgba(0,0,0,.5); } .theme-label { font-size: 10px; color: var(--muted2); font-family: var(--ff-body); text-align: center; letter-spacing: .02em; transition: color .18s; } .theme-swatch-wrap.active-wrap .theme-label { color: var(--accent); font-weight: 600; }
DayFlow
DayFlow
🎉

DayFlow

Your day, beautifully planned

Good morning
Ready to make today great? ✨

Overview

Today's tasks
0
remaining
Completed
0
this week
Total tasks
0
all time
Streak
0🔥
days active
Today's progress 0%

Today's schedule

    No tasks yet — add your first task!

Weekly completion

0% done

Schedule

Day timeline
0 planned · 24h free

    No tasks for this day. Tap + to add one!

All tasks

Settings

Install on Android

Add DayFlow to your home screen and use it like a native app — fully offline!

  1. 1
    Open this file in Chrome on your Android phone
  2. 2
    Tap the ⋮ menu (top right)
  3. 3
    Tap "Add to Home screen"
  4. 4
    Tap Install — done! 🎉
Accent colour
Emerald

Tap a colour to change the app theme

Reminders
Get notified before tasks start
Notify me before task (minutes)
How early to send reminders
Clear all tasks
Remove everything and start fresh
Cloud sync
Cloud sync is active — your tasks are automatically saved and synced across all your devices.

Signed in as —