Refined UI for Todoist (formerly Todoist Visual Tweaks)

Customize Todoist with animations, layout and appearance tweaks, focus effects, tabs, and groups.

Refined UI for Todoist brings customizable tabs, organized groups, smoother animations, clearer task layouts, and focus effects to your everyday workspace. Keep your most-used projects, filters, and labels within easy reach. Shape the interface around your preferences, from subtle visual touches to a new way of navigating your work. Formerly Todoist Visual Tweaks. Your workspace, across devices Your tabs, groups, their order, and extension settings sync through Chrome Sync. Set up your workspace once and keep your preferred configuration across devices. Install Refined UI for Todoist in Chrome on each device, use the same Google account, and enable Chrome Sync. 12 ways to refine your Todoist workspace: ✨ Your workflow, organized into tabs Keep projects, filters, and labels within easy reach using persistent tabs. Drag to reorder them and choose between Compact and Underline styles. Organize related views into groups displayed as a dropdown or a second row. Open dropdown groups with a click or a brief hover over the expand button, and adjust their color glow. Optional task counts show unfinished work for individual tabs and group members, with group totals counting each task only once. ✨ Smooth task windows Choose Pop, Fade, or Slide animations for matching transitions when opening and closing a task. ✨ Fluid list transitions Add a Soft Fade or Quick Fade when switching between projects, labels, and filters. ✨ Cleaner task lists Keep Todoist’s original layout or display tasks as Flat, Elevated, or Outlined cards for a more structured workspace. ✨ Better-looking Kanban boards Keep Todoist’s Elevated cards or choose a Flat or Outlined style. ✨ Subtask progress at a glance Track progress with a compact bar or a subtle fill that grows across the task card as you complete subtasks. Card fill works in custom list card layouts and Kanban boards, using green or your Todoist theme’s accent color. Both modes also display a progress bar inside the open task. ✨ Labels that stand out Keep Todoist’s original labels or turn them into color-tinted Pills or Rounded badges in list and Kanban views. An icon-free look makes labels easier to scan while preserving their colors. ✨ Clearer project hierarchy Make nested projects easier to follow with subtle tree lines. Use the parent project’s color or choose a neutral gray. ✨ A more focused task view Blur and dim the interface behind an open task to reduce visual noise. Choose from three intensity levels. ✨ Priority accents for task windows Highlight an open task using its Todoist priority color. Choose a soft Glow or a sharper Outline, each with three intensity levels. ✨ Priority accents for task cards Add priority-colored outlines and glow to Flat, Elevated, or Outlined cards in lists, and Flat or Outlined cards in Kanban views. Choose from three intensity levels. ✨ Typography that feels like yours Keep Todoist’s original font or choose from 17 additional fonts to give your workspace a different character. Your modules, your preferences Settings are organized into five main modules: Animations, Focus, Layout, Appearance, and Tabs. Choose your preferred styles and effects, adjust their intensity, and enable the features that suit your workflow. Manage modules lets you choose which sections appear in the popup. Hiding a module keeps its features active and its settings saved. Pause the extension in one click and resume with your configuration intact. An optional Experiments module offers features still in development, including alternate calendar event layouts. It is hidden by default; experimental features may be unstable, change, or be removed. Refined UI for Todoist supports light and dark themes and works with Todoist in Chrome, including the installed Todoist PWA. Reload Todoist after changing settings to ensure all changes are applied. Make Todoist look and work your way. 🛡️ No account, no sign-up, no data collected. Install it and it's there. 🆓 Completely free. ℹ️ After installing, refresh your Todoist tab once so the effects apply. ℹ️ Todoist occasionally changes its interface and underlying structure. If an update temporarily affects a tweak, it may take a little time to adapt the extension and restore full compatibility. ⭐If this makes your workspace a little nicer — a quick rating or review helps others find it. ☕And if you want to say thanks with a coffee, that's always appreciated too: https://ko-fi.com/nckbrz Todoist is a trademark of Doist. This independent extension is not affiliated with or supported by Doist.