A lightweight, local-first todo app with a glassmorphism / acrylic design. No server. No dependencies. Just static files.

Version License Status

No sign-up. No download. Just open the link and start organizing. Works on any device — desktop, tablet, phone. Install it as a PWA for the full app experience.

Flux is a local-first todo application that runs entirely in the browser. All data is stored locally on your device in browser storage (IndexedDB with lightweight local settings fallback) — no account, no backend, no tracking. Your data stays on your device, always.

The interface follows a glassmorphism / acrylic design language inspired by Windows 11 and macOS — with 9 theme presets, dark mode, and smooth animations. It feels like a native app, but stays simple as a static web app without build tooling.

• Create, edit & delete tasks — inline editing with Save / Cancel buttons
• Priority levels — High / Medium / Low with color-coded badges, shown in the task badges row alongside timer and due date; set via the edit form
• Notes field — add a longer description or details to any task
• Subtasks — checklists within a task, with progress badge
• Drag & drop reordering — rearrange tasks intuitively
• Done state with timestamp — mark tasks as complete, see when they were finished
• Due dates with time — set a deadline with date & time per task, color-coded (today / overdue)
• Browser notifications — reminders for due and overdue tasks
• Search — real-time filtering by title and notes
• Filters — view Open / Done tasks
• Archive — completed tasks stored as cards, restore or permanently delete them
• Activity log — every action logged with timestamp (up to 100,000 entries), collapsible in the archive tab
• Export & Import — save and restore your tasks as a JSON file
• Bulk reset — remove local tasks, boards, notes and templates with an optional export prompt, then reload the starter demo content
• Statistics & heatmap — completion rate ring, tasks per week bar chart, streaks, and GitHub-style 52-week productivity heatmap in the Archive tab
• Notes — cross-board notes with Markdown support, preview, edit and delete; included in JSON export
• Multiple tags — assign multiple #hashtags per task (comma-separated), autocomplete, filter by tag, manage/rename/delete in settings
• Time tracking — start/stop timer per task, independent from Pomodoro, pulsing badge shows elapsed time; active timer button highlighted in red
• Labeled action buttons — task actions (Start/Stop, Pomodoro, Edit, Delete) show icon + text label; on touch devices displayed as a ×ばつ2 grid
• Task colors — individual color stripe per task as a left-border accent, with settings toggle
• Sort options — manual, priority, due date, creation date
• Undo — reverse the last action with a 5-second toast
• Pomodoro timer — fullscreen focus mode linked to a task (25/5/15 min cycles)
• Keyboard shortcuts — N, F, D, S, Z, 1/2/0, [ ], Esc, ? — quick access without mouse
• Tab navigation — bottom nav bar with 5 tabs (New, Tasks, Archive, Settings, Help), Liquid Glass style
• Quick-Add via URL — ?add=Title&note=Text&priority=high&due=2026年04月01日 pre-fills a new task
• Recurring tasks — daily, weekly, biweekly, monthly — next instance auto-created on completion
• Focus mode — fullscreen overlay with the most important task, complete/skip/start Pomodoro

• Glassmorphism UI — acrylic-style backdrop-filter effects throughout
• 9 theme presets — Flux, Ocean, Sunset, Forest, Rose, Mono, Bender, Lumpi, Nobler
• Dark mode — default on first launch, toggleable
• Smooth gradients — top-to-bottom with fixed background
• Confetti animation — reward effect when completing a task

• Offline-capable PWA — Service Worker with network-first caching
• iOS PWA — add to home screen, true fullscreen (no gaps), safe area support for Dynamic Island/notch
• Install guidance — bundled PWA install component across browsers, including add-to-home-screen guidance on iOS Safari
• Swipe gestures — swipe left to delete, right to complete
• Pull-to-refresh — pull down to reload the app
• Haptic feedback — tactile response on touch actions (iOS 17.4+ via checkbox-switch, Android via Vibration API)
• iOS HIG compliant — 44pt touch targets, 16px input font size (prevents auto-zoom)
• iOS keyboard handling — tab bar hides when the keyboard opens to keep content accessible

manifest.json defines how Flux behaves when installed as a Progressive Web App. It provides metadata such as the app name, icons, theme colors, start URL and display mode, so browsers and app stores can recognize, install and present Flux like an app instead of a normal website.

• Language switcher — German 🇩🇪 and English 🇬🇧
• Section headings — clear labels for input and task areas
• Favicon — SVG checkmark icon matching the app design
• No installation required — run Flux from any static host or local web server in a modern browser

1. Download or clone this repository
2. For a very quick static UI check, you can open index.html directly in your browser
3. For realistic local development, start a small local web server in the project folder
4. Open the shown localhost URL in your browser

git clone https://github.com/krebs3r/flux-todo.git
cd flux-todo
python -m http.server 8000

Then open http://localhost:8000.

Opening index.html directly is still fine for a fast layout check. For manifest loading, Service Worker, install guidance, and realistic PWA behavior, http://localhost:8000 is the recommended way. Running from file:// can also produce browser-specific CORS or console warnings.

That's it. No npm install, no build step.

• @khmyznikov/pwa-install — optional vendored web component for cross-browser PWA install guidance MIT license, source: https://github.com/khmyznikov/pwa-install see THIRD_PARTY_NOTICES.md

Flux works in all modern browsers that support backdrop-filter. Offline mode requires Service Worker support.

• Due dates with time — deadline per task, color-coded
• Priorities — High / Medium / Low
• Search — real-time filtering by title, notes and tags
• Notes field — details per task
• 9 theme presets — palette picker in Settings
• Dark mode — default on first launch
• Swipe gestures — left to delete, right to complete
• Pull-to-refresh — reload on pull down
• Haptic feedback — iOS (checkbox-switch) and Android (Vibration API)
• Confetti animation — reward on task completion
• Browser notifications — reminders for due dates
• Service Worker — true offline PWA
• PWA support — installable on mobile home screen
• Drag & drop — reorder tasks
• Pomodoro timer — fullscreen focus mode linked to a task
• Time tracking — start/stop timer per task, independent from Pomodoro
• Sort options — by priority, due date, creation date
• Undo — reverse the last action (e.g. accidental delete)
• Statistics view — completion rate, tasks per week, streaks
• Multiple tags — comma-separated #hashtags per task with autocomplete, filter and tag manager
• Task colors — individual color stripe per task as left-border accent
• Keyboard shortcuts — N, F, D, S, Z, 1/2/0, [ ], Esc, ?
• Tab navigation — bottom nav bar (New, Tasks, Archive, Help, Settings)
• Quick-Add via URL — pre-fill tasks with URL parameters
• Recurring tasks — daily, weekly, biweekly, monthly with auto-creation
• Focus mode — fullscreen overlay showing the most important task
• Subtasks — checklists within a task
• Multiple lists — separate boards, move tasks between boards
• Archive — completed tasks with restore and permanent delete
• Accessibility — ARIA labels on interactive elements
• Task templates — save and reuse pre-configured tasks
• Markdown in notes — bold, italic, links with safe preview
• CSV export — export tasks as spreadsheet-friendly file
• Productivity heatmap — GitHub-style contribution graph in archive tab
• Notes — cross-board notes with Markdown and preview in the Tasks tab
• IndexedDB storage — main app data now uses IndexedDB, while a few lightweight UI settings remain in localStorage

• Kanban view — column layout (Open / In Progress / Done)
• Cross-device sync — end-to-end encrypted data sync via a passphrase-derived key; server stores only ciphertext, no account required

• Improved Android/mobile PWA task cards by switching task action buttons to a more robust 2x2 layout in standalone mobile app mode
• Adjusted the app theme color handling so Android system bars can better match the app instead of falling back to black

• Polished Microsoft Store support with aligned app naming for Windows packaging, a compact desktop window title, and a desktop-only store badge in the Help tab
• Expanded the Service Worker with sync and push hooks to satisfy richer PWA tooling requirements
• Improved iOS/mobile editing behavior so the bottom tab bar hides more reliably while the keyboard is open, including in the Done filter
• Removed the automatic title-field focus on mobile when opening inline task editing, so editing no longer jumps straight into the keyboard

• Renamed the Service Worker to sw.js to follow the common convention used by PWA tooling
• Removed the old service-worker.js file and updated registration plus app-shell caching to the new worker path

• Expanded the PWA/manifest metadata for PWABuilder and stores with a proper screenshot gallery for mobile/desktop, app shortcuts, and additional manifest fields
• Hardened Service Worker registration so browsers and PWA audits detect offline support more reliably
• Fixed cramped iPhone SE layouts in the new-task and inline edit forms and improved iOS tab-bar behavior while the keyboard is open

• Expanded the localized Welcome onboarding with more demo tasks, richer task notes, extra tips, and automatic demo reload after a full reset
• Refined the task UI with clearer task cards plus structured section layouts for both the new-task form and inline editing
• Moved theme selection into Settings, relocated the activity-log clear action to Archive, and replaced the old local app-save action with a GitHub project hint
• Improved everyday clarity with Markdown rendering in task notes, better tag contrast in light/dark mode, and a ? shortcut that jumps directly to keyboard shortcuts

• Added a localized Welcome board with starter tasks for first-time visitors so key features are easier to explore
• Changed the default task sorting to Priority and moved Manual to the end of the sort menu
• Fixed Safari/iOS/macOS PWA scrolling in shorter tabs by moving bottom tab-bar spacing from scroll padding to the active tab panel

• Added a local vendored PWA install component based on @khmyznikov/pwa-install
• Unified the app manifest into a single manifest.json for both browsers and tooling
• Replaced the old custom iOS install banner with the new cross-browser install guidance component
• Added third-party notices and bundled MIT license files for the vendored install component
• Cached the new install assets in the Service Worker app shell

• Main app storage moved to IndexedDB, while lightweight UI settings remain in localStorage
• App structure split into dedicated files: styles.css, js/app.js, js/storage.js, js/notes.js, js/calendar.js, js/boards.js, js/help.js, js/i18n.js
• PWA packaging improved with dedicated manifest/icons and updated Service Worker app-shell caching
• Tasks view refined with the shared Tasks | Notes | Calendar switch, clearer board section, and board management in Settings
• UI/accessibility polish: stronger labels/icons, clearer destructive actions, improved help content, and a larger responsive undo toast for small screens

• Storage persistence: app requests persistent storage from the browser — prevents automatic data loss under storage pressure (Chrome/Edge)

• Dark mode: Auto mode follows system preference, reacts live to system changes
• Dark mode: 3 states (Auto / Dark / Light) selectable via chips in Settings
• Header button cycles through Auto → Dark → Light with a half-circle icon for Auto
• Language auto-detected from browser settings on first launch (German or English)
• Fix: navbar/content misalignment on desktop caused by scrollbar width (scrollbar-gutter)

• Action-Buttons in der Aufgabenliste haben jetzt Text-Labels neben dem Icon (Starten/Stoppen, Pomodoro, Bearbeiten, Löschen)
• Auf Touch-Geräten werden die Buttons im ×ばつ2-Grid dargestellt (passt auch auf iPhone SE)
• Prio-Badge aus der Aktionszeile in die Badges-Row verschoben (neben Timer, Fälligkeit, Tags) — nicht mehr direkt klickbar
• Priorität wird jetzt im Bearbeiten-Formular über Prio-Chips gesetzt
• Aktiver Timer-Button wird rot hervorgehoben (Hintergrund + Border + Schrift)
• Dark Mode: Action-Button-Farbe auf --muted-dark geändert, Hover/Aktiv-Zustand zeigt --text-dark statt Accent-Blau
• Datum- und Uhrzeit-Felder im Bearbeiten-Formular zeigen jetzt Placeholder-Labels auf Safari/iOS
• Datum/Uhrzeit-Felder im 3:2-Verhältnis aufgeteilt
• Abstands-Fix: Markdown-Vorschau-Button und Tag-Eingabe haben jetzt korrekten Abstand
• Prio-Badge: cursor: default, kein Hover-Effekt mehr (nicht interaktiv)
• Touch-Overrides für Prio-Badge-Größe entfernt (Badge ist jetzt einheitlich klein wie Timer- und Tag-Badges)

• Empty Tags and Templates sections now show an SVG icon with hint text (matching Statistics, Archive & Notes)
• Fix: export reminder banner now translates immediately when switching language
• Fix: empty state SVG centered correctly on wide screens

• Notes — cross-board notes view in the Tasks tab (toggle Tasks | Notes), with Markdown preview, edit and delete
• Notes are included in JSON export and fully restored on import
• Tab heading switches dynamically between "Tasks" and "Notes"; board switch resets to Tasks view
• Export reminder: banner in Settings when data has not been backed up for a configurable number of days (7 / 14 / 30)
• Empty states for Statistics, Archive and Notes now show an SVG icon with hint text
• iOS PWA: tab bar hides when the keyboard opens and reappears on close
• Help tab redesigned: manual in its own box, table of contents separate, consistent text colors throughout

• Statistics moved into the Archive tab (no longer a separate modal/header button)
• Productivity heatmap — GitHub-style 52-week overview (green → red gradient) in the Archive tab
• Archive tab: all sections as collapsible panels with consistent 12px spacing

• iOS PWA: navbar flush to the bottom edge (removed all Codex-introduced iOS mode overrides)
• Fix: scrolling in tabs now works without needing to tap first (removed deprecated -webkit-overflow-scrolling)
• Fix: completed tasks in archive now show tracked time
• Fix: timer auto-stops when marking a task as done

• iOS PWA: bottom navbar realigned to screen edge (no raised bar)
• Removed dynamic VisualViewport offsets and multiple iOS-specific overrides
• Layout restored to stable v1.5.1 pattern
• Service Worker cache bumped and registration hardened with updateViaCache: 'none'

• Help tab reorganized: key topics (import/export/data safety, notifications/offline) are now placed higher
• Help expanded with a dedicated "Install as PWA" section and a short PWA explanation
• Manual heading box improved: now shows a short intro paragraph instead of an empty placeholder
• New Markdown help box with clear syntax examples
• Markdown wording clarified: line breaks are done by pressing Enter (no Markdown syntax needed)
• Shortcut fix: pressing "?" now opens the Help tab directly instead of the legacy help modal
• UI polish: active style of "Markdown Preview" now matches the "Fewer options" active style

• iOS browser mode: layout aligned to page scrolling for more stable behavior when not installed as PWA
• iOS browser mode: top spacing rebalanced for a more consistent visual gap above the header
• Quick actions: prevent text/button selection and iOS touch callout during long-press usage
• iOS fix: bottom navbar now stays stable while typing with the keyboard open
• iOS browser mode: custom pull-to-refresh disabled there to avoid accidental reloads
• iOS PWA: prevent double-tap zoom on header and bottom-navbar controls

• iOS browser mode: bottom navbar now stays pinned to the visible lower edge via VisualViewport offset
• iOS browser mode: top notch transition on first load is now smoother (soft top fade instead of a hard cut)
• Safe-area background scaling is now more consistent across the full screen

• iOS browser mode: layout now uses page scrolling (instead of inner app scrolling) when not installed as PWA
• iOS browser mode: top spacing adjusted so content can use the notch area more effectively
• PWA/standalone mode remains unchanged

• iOS fix: long-press on bottom navbar no longer selects tab labels
• UX polish: disabled text selection/touch callout on tab buttons and labels for cleaner mobile interaction
• Minor UI consistency follow-up for add-form controls

• UI fix: empty-state text in Tags/Templates manager now centered
• UI fix: spacing between settings toggle rows aligned consistently
• UI fix: color label in new-task planning section aligned with heading style (uppercase/weight/size)
• UI fix: markdown preview button hover state refined to match the neutral button style

• Help moved into a dedicated navbar tab (instead of header-only entry)
• Help tab expanded into a full in-app manual (DE/EN) with workflows, feature explanations and review section
• New table of contents in Help tab with quick jump links to sections
• Navbar order adjusted for daily use: Settings before Help
• Settings now include dedicated toggles for Dark Mode and Notifications (synced with header controls)
• New task form simplified: progressive "More options" flow with grouped sections (Planning, Details, Templates)
• New task form: notes/tags shown directly in advanced mode (extra "Note & Tag" toggle removed)
• Markdown preview button alignment adjusted to left for better visual flow
• Manage tab spacing refined for consistent distances between setting rows
• Import/Export labels clarified to explicit JSON actions (Export JSON, Import JSON)

• Import: defensive validation and sanitization for boards, tasks and history
• Import: invalid entries are skipped safely and reported via toast
• CSV export for current board (;-separated, UTF-8)
• Mobile quick actions via long-press on task cards
• Search input debounced for smoother typing performance
• Task templates (templates_v1) with apply/edit/delete flow
• Safe Markdown preview for notes (new + edit)
• Mobile UX: tag/template action buttons optimized for small screens (e.g. iPhone SE)
• Accessibility: quick-action sheet buttons now have discernible names (text, aria-label, title)

• Fix: Tag filter clicks now use safe event delegation (no inline user-input handlers)
• Fix: Due date comparisons now use local date logic for correct today/overdue state at day boundaries
• Fix: Search field is now correctly reset when switching boards
• Improvement: localStorage persistence now fails gracefully with a one-time warning toast when storage is full
• PWA: Service Worker hardened with cache versioning, old-cache cleanup and more targeted asset caching

• Time tracking per task — start/stop timer independent from Pomodoro, with pulsing badge
• Multiple tags per task — comma-separated input, duplicate detection, autocomplete
• Archive tab — completed tasks as cards with restore and permanent delete
• Activity log as collapsible section inside archive tab
• Fix: iOS auto-zoom on input focus prevented (16px min font-size on touch devices)
• Fix: Unified spacing between badges, tags and notes

• Haptic feedback — tactile response on actions (complete, add, delete tasks, buttons)
• iOS-compatible via checkbox-switch workaround (iOS 17.4+), Android via Vibration API

• Fix: Color picker layout — label now above swatches, full card width for color row
• Fix: Selected color swatch clipped at edge — padding added for scale animation
• Fix: Accessibility — buttons without visible text now have aria-label (Pomodoro, color picker, sort)

• Task colors — individual color stripe per task as a left-border accent
• Color picker in new task form (below priority) and in edit form
• Settings toggle to enable/disable task colors
• All native dropdowns replaced — recurrence, tag filter and board selector now use styled custom dropdowns

• Quick-Add via URL parameter — ?add=Title, &note=, &priority=, &due= pre-fill new tasks
• Fix: URL parameter redirect failed due to naming conflict with internal history variable
• Help modal — keyboard shortcuts and URL parameters combined in one clean dialog
• Sort dropdown — replaced native select with styled custom dropdown
• Created timestamp now shows date and time
• Drag handle vertically centered
• Sun icon in dark mode button correctly centered

• Multiple lists / boards — "Work", "Personal", "Shopping" as separate areas
• Calendar view — tasks with due dates on a weekly/monthly calendar
• Move tasks between boards — new dropdown in edit mode
• Board names limited to 20 characters
• Default board renamed: "General" → "Inbox"
• Dark mode: board chips, focus mode & calendar buttons matched to settings buttons
• Dark mode: hover now subtly brightens (no more blue accent)
• Theme popover centered below button (no overflow on small screens)
• Font sizes unified: priority chips, details toggle and form fields set to 0.88rem
• Settings: button spacing and padding unified
• Styled scrollbar — thin, semi-transparent bar matching all themes and dark mode

• Header buttons reordered logically: Language → Theme → Dark Mode → Notifications → Stats → Keyboard

• Tag Manager: grid layout for aligned columns (CSS Subgrid)
• IO buttons: consistent min-height (38px / 44px mobile)
• Tasks tab: unified spacing between all elements (8px)
• Sort label hidden on mobile for more space
• Scheduled section moved above active tasks

• Settings: unified spacing between all elements
• Settings: "Manage tags" text color matched to other buttons

• Focus mode button: height matched to other buttons (38px / 44px mobile)
• Font-size consistency: all input fields and buttons unified

• Subtasks — add checklists within a task, toggle individual items, progress badge (e.g. 2/5)
• Subtask editor in edit mode — add, remove and modify subtasks inline
• Recurring tasks carry over subtasks (reset to unchecked)
• History limit increased from 10,000 to 100,000 entries

• Design consistency refactor: unified border-radius across all elements (3-tier system: 8px / 12px / 20px)
• Unified all CSS transitions to 0.2s for smoother, consistent animations
• New design tokens --gl-border-subtle / --gl-border-subtle-dark for secondary borders
• Font-size standardization: 4-tier system (0.63 / 0.72 / 0.82 / 0.88rem)
• Touch optimization: active-state feedback for all interactive elements (details toggle, focus mode, tag manager, modals, tab bar, theme picker, confirm dialogs)
• Touch targets: 44px minimum for cat-filter, scheduled header, tab buttons, modal close, sort select
• Empty state illustrations with SVG icons for tasks and history
• Tag character counter with warning indicator near limit
• Touch drag & drop: long-press on handle to reorder tasks on mobile
• Recurrence select: placeholder text now correctly uses muted color

• Tag Manager in Settings — rename or remove tags from all tasks at once
• Scheduled recurring tasks moved to collapsible "Scheduled" section (no longer cluttering the main list)
• Chrome: date/time fields show clean placeholder labels instead of native "dd.mm.yyyy"
• Android: navigation bar color matches app theme (including Xiaomi/MIUI browsers)
• Accessibility: ARIA labels for all buttons, form elements and modals
• Safari compatibility: added -webkit-user-select and -webkit-backdrop-filter prefixes
• Confirm dialog: long text now wraps correctly instead of overflowing

• Details toggle styled as segmented control — matches filter button (Offen/Erledigt) appearance
• Toggle highlights with glass background when open, transparent when closed
• Removed conflicting hover color overrides on details toggle
• Date and time fields show placeholder labels on iOS (previously blank)

• Focus Mode: fullscreen overlay showing the most important open task
• Complete, skip or start a Pomodoro directly from Focus Mode
• Task sorting: highest priority → earliest due date → oldest task
• Keyboard shortcut G to start, Esc to exit

• New form design: hero input with larger, pill-shaped styling
• Priority selection as inline chip row (High / Medium / Low) instead of cycling button
• Optional fields (note & tag) behind collapsible "Details" toggle — less clutter
• Date, time and recurrence in compact 2-column grid layout
• Add button with accent color and hover lift effect
• Recurrence select with improved placeholder text ("Repeat ...")
• Future recurring tasks dimmed (45% opacity) with "Scheduled" badge
• Consistent rounded corners (12px) across all tabs for Liquid Glass consistency

• Recurring tasks: daily, weekly, biweekly or monthly — next instance auto-created on completion
• Recurrence picker in New and Edit mode with weekday / day-of-month selection
• Recurring tasks shown with ↻ badge and label (e.g. "Every Monday")
• Due date and recurrence badges aligned in a single row
• Replaced deprecated apple-mobile-web-app-capable meta tag

• iOS PWA: background gradient now fills the entire physical screen — no more colored strip at the bottom
• iOS PWA: tab bar icons no longer clipped on Face ID iPhones
• Tab bar constrained to content width with rounded corners on desktop
• Background color of all themes matched to gradient end value (seamless transition)
• PWA manifest background_color dynamically adapted to theme and dark mode

• iOS PWA: background gradient now fills the entire screen (no empty area below the tab bar)

• Tab bar more transparent in Liquid Glass style — content scrolls smoothly behind it
• Scrolling now works anywhere on the page (not just over the content area)
• Background gradient without visible edges between content and navigation
• Service Worker no longer registered when opened locally (file://)

• Tab navigation: bottom nav bar with 4 tabs (New, Tasks, History, Settings)
• Glassmorphism tab bar in iOS style with rounded corners, matched to content width
• Safe area support for iOS (Home Indicator, Dynamic Island)
• Auto-switch to Tasks tab after adding a todo
• History and Settings as separate tabs — no more collapsing needed
• Delete all button in Settings tab
• Footer (version, GitHub) moved into Settings tab
• Gear icon for the Settings tab
• Keyboard shortcuts: [ / ] to switch tabs
• Keyboard shortcuts auto-switch to the correct tab (e.g. N opens New tab)
• Tag badge moved below creation date — no more layout overflow with long tags

• Keyboard shortcuts: N = new task, F = search, D = dark mode, S = statistics, Z = undo, ? = help
• Keyboard button in header — opens shortcut overview
• Tag autocomplete: custom dropdown instead of native datalist — correct positioning on iPhone
• Statistics: week labels show date range (e.g. 10.–16.3.) instead of single date
• Statistics: 6 instead of 8 weeks in bar chart

• Tags: label tasks with custom #hashtags — autocomplete from existing tags
• Tag filter: filter task list by tag
• Tag badge: color-coded per tag, click to filter
• Statistics view: completion rate ring, tasks per week, current & longest streak

• Safari 26 (macOS Tahoe): moved background-color to body — Safari 26 derives toolbar tint from body instead of the theme-color meta tag

• Sort dropdown: shortened German labels (Fälligkeit, Erstellt) — no more layout overflow on iPhone

• Sort options: Manual, Priority, Due Date, Created — dropdown next to filter buttons
• Undo: toast with undo button after delete and bulk delete (5 second window)
• Drag handles hidden when a sort other than Manual is active
• PWA manifest: fixed invalid start_url warning in Chrome
• Note input box-sizing fix (consistent width with other fields)
• Pull-to-refresh spinner repositioned above the header card (no longer overlaps)

• Unified spacing (8px) between all edit mode fields (note, due date, buttons)

• Date and time input fields now have equal height on iOS Safari (box-sizing fix)

• Priority badge always visible (no longer hidden behind hover/opacity)

• Todo layout redesigned: text on top, badges and action buttons on a separate row below
• Due date info shown as pill badge below the creation date
• Priority badge aligned left, action buttons aligned right in the bottom row
• Edit mode: explicit Save and Cancel buttons (no more guessing where to click)
• Unified spacing (4px gap) across all todo item elements
• Header spacing improved on mobile (more breathing room)

• Header badges side by side on iPhone instead of stacked (mobile layout fix)
• Pull-to-refresh: spinner stays below notch/Dynamic Island (safe area)

• Pomodoro timer: session dots visible in both light and dark mode

• Priority badge moved to the right side — no more layout jump
• Priority badge always visible (no hover toggle)

• Pomodoro timer linked to tasks (25 min work / 5 min break / 15 min long break)
• Fullscreen focus overlay with glassmorphism card, minimize to floating button
• Browser notification on phase change (work ↔ break)
• Action buttons optimized for touch devices (visible background, increased spacing)
• Footer text readable in light mode (dark text instead of white)

• Add button hover and active styles matched to Import/Export/Delete buttons

• "No Subscription" badge added to header
• Add button moved to full width below all input fields
• Button design unified across the app
• All spacing unified (10px between fields, 12px between sections)
• Duplicate calendar/clock icons hidden in Chrome
• Time input height matched to date field (iOS fix)
• Edit mode spacing aligned with input fields
• Dark mode as default on first app launch

• Service Worker for true offline PWA (app works without internet)
• Section headings added for input and task areas
• Browser notifications for due tasks (bell button in header)
• Due date with separate time input
• Date/time fields auto-fill with current value on focus (Chrome fix)
• Swipe gestures: swipe left to delete, right to complete
• Confetti animation when completing a task
• Pull-to-refresh: pull down to reload (iOS & Android)
• Haptic feedback on touch actions (Android, Vibration API)
• Automatic due status refresh every 60 seconds
• Dark mode follows system preference on first launch

• Gradient direction changed from diagonal to top-to-bottom across all themes
• All gradients smoothed — reduced contrast, narrower brightness range in dark mode

• 3 new conservative themes: Bender (steel blue), Lumpi (sand/caramel), Nobler (stone grey)

• iOS HIG: touch targets raised to minimum ×ばつ44 pt
• iOS HIG: input font size set to 16 px — prevents automatic zoom on focus
• Touch: action buttons always visible, priority badge and drag handle always tappable
• Touch: :active feedback replaces hover states

• 6 theme presets (Flux, Ocean, Sunset, Forest, Rose, Mono) with palette picker in header
• Date format unified to ISO 8601 (YYYY-MM-DD)
• Background fixed — content scrolls over the gradient
• GitHub link with logo in footer

• Due dates per task — color-coded display (future / today / overdue)
• Search field for real-time filtering of tasks (title and notes)
• History usage counter: progress bar shows fill level of the 100,000-entry limit

• iOS: explicit background-color on html element — notch area is correctly colored on first load
• iOS: dark mode class applied before first render — no color flash on load

• iOS: theme-color is now set before first render — no white flash at the notch on load

• Header icon updated to match favicon checkmark
• iOS: theme-color adapts to dark mode — notch area is now correctly colored

• iOS: fixed white bars at top/bottom — background gradient now covers safe areas
• iOS: removed background-attachment: fixed (unsupported in Safari)
• iOS: switched min-height to 100dvh for correct height with dynamic address bar

• iOS install hint: banner text updates automatically when switching language

• iOS install hint: banner in Safari prompts users to add the app to their home screen

• Priority levels (High / Medium / Low) with color-coded badges
• Notes field for longer descriptions per task
• Favicon as SVG checkmark matching the app design
• iOS PWA support: add to home screen, fullscreen mode, safe area insets for Dynamic Island/notch
• Light mode: changelog modal improved readability (higher opacity)

• Glassmorphism / acrylic design applied throughout the entire interface
• Add button (+) restyled with glass look (backdrop-filter, translucent background)
• Header logo redesigned as a glass icon with proper top alignment
• History limit increased to 100,000 entries

• Initial release
• Create, edit and delete tasks
• Drag & drop to reorder entries
• Mark tasks as done with completion timestamp
• Filter: Open / Done
• Full history of all events with timestamps
• Export and import as JSON file
• Delete all tasks at once (with export option)
• Dark mode
• Language switcher: German / English
• Local storage in the browser (no server required)

MIT — feel free to use, fork, and modify.

Made with focus · Flux v1.7.1