Skip to content

Instantly share code, notes, and snippets.

@danielrosehill
Created May 5, 2025 23:03
Show Gist options
  • Select an option

  • Save danielrosehill/6f89fc7c1610ed41dd2191b30d7a6ae5 to your computer and use it in GitHub Desktop.

Select an option

Save danielrosehill/6f89fc7c1610ed41dd2191b30d7a6ae5 to your computer and use it in GitHub Desktop.
Making Taskade look better on Ubuntu

Fix Thin / Unreadable Fonts on Taskade (Ubuntu + Chrome)

A CSS snippet for Stylus to override Taskade’s default font stack, which can render unreadably thin fonts (like Inter Thin or Nimbus Sans) on Ubuntu/Chrome systems. This issue stems from Tailwind CSS's ui-sans-serif token resolving to poor defaults on Linux.


taskade-font-fix.css

/* Taskade font override for better readability on Ubuntu/Linux */
* {
  font-family: "Ubuntu", "Open Sans", "Arial", sans-serif !important;
  font-weight: 500 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

🛠 Instructions

  1. Install Stylus Chrome Extension
  2. Click the Stylus icon → Manage
  3. Create a new style for: taskade.com
  4. Paste the CSS from above
  5. Save and reload Taskade

🔍 Problem Summary

  • Issue: Taskade uses a Tailwind font stack that includes ui-sans-serif, which maps to fonts like Inter Thin or Nimbus Sans on Ubuntu/Chrome.
  • Symptoms: Fonts appear very thin, low-contrast, and difficult to read.
  • Impact: Affects Ubuntu/Linux users (especially Chromium-based browsers).
  • Why it happens: Font fallback resolution and weight rendering on Linux is inconsistent and often defaults to thin, poorly hinted fonts.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment