Clean UI for Anki

AnkiWeb addon 966384781

Transforms Anki's default interface into a polished, minimalist theme with light/dark modes, redesigned deck browser, consistent styling, and native menu support.
AI-generated summary; may contain mistakes.

appearance

Open on AnkiWeb GitHub Ask about alternatives

AnkiWeb

Rating
3 (๐Ÿ‘ 3 ยท ๐Ÿ‘Ž 0)
Updated
2026-01-05
Anki versions
2.1.1~
Description language
en

Maintenance

stale

  • Last update or commit was 267 days before the snapshot (2026-01-07).

Will it work on my Anki?

Version branches
Min AnkiMax AnkiUpdated
2.1.1+2026-01-05
History across monthly snapshots

Loadingโ€ฆ

Similar addons

๐ŸŽจTop toolbar icons

Replaces Anki's default text links with adaptive vector icons that switch black or white by background, offering Standard, Compact, and Floating themes.

appearance

Rating 3 ๐Ÿ‘ 3 ยท ๐Ÿ‘Ž 0 Anki 26.12~ Updated 2026-01-03
Modernki โ€“ A Modern Anki Interface

Provides clean, modern, customizable Anki themes with presets, per-panel styling, auto-contrast, custom colors, fonts, borders, spacing, background images, responsive layouts, and light/dark mode options.

appearance

Rating 9 ๐Ÿ‘ 4 ยท ๐Ÿ‘Ž 5 Anki 25.09.2~ Updated 2025-12-10
Nocturne (by Ankicraft)

Replaces Anki's entire color system, fonts, and background with coherent light/dark palettes, requiring no configuration and responding instantly to night mode.

appearance

Rating 0 ๐Ÿ‘ 0 ยท ๐Ÿ‘Ž 0 โญ 0 Anki 26.12~ Updated 2026-07-15

README

Anki Theme - Minimalist UI Skin

็ฎ€ไฝ“ไธญๆ–‡

A clean, modern theme addon for Anki that transforms the default interface into a polished, minimalist design with support for both light and dark modes.

Anki License

โœจ Features

  • Modern Minimalist Design โ€” Clean, flat UI with subtle shadows and smooth transitions
  • Light & Dark Mode โ€” Automatically adapts to Anki's native theme setting
  • Deck Browser Redesign โ€” Card-like deck rows with colored count pills (New/Learn/Due)
  • Consistent Styling โ€” Unified look across Deck Browser, Reviewer, and Overview screens
  • Native Qt Menu Styling โ€” Context menus (gear icon) match the overall theme
  • Compact Layout โ€” Optimized spacing for better information density

๐Ÿ“ธ Screenshots

Screenshot Screenshot

๐Ÿš€ Installation

From AnkiWeb

966384781 https://ankiweb.net/shared/info/966384781

๐ŸŽจ Design System

Color Options

Colors are defined separately for light and dark modes using hex codes:

{
    "light": {
        "background": "#f6f6f7",
        "surface": "#ffffff",
        "accent": "#4f6ef7",
        "new": "#3b82f6",
        "learn": "#f59e0b",
        "due": "#10b981"
    },
    "dark": {
        "background": "#1c1c1f",
        "surface": "#242427",
        "accent": "#7aa2ff",
        "new": "#7aa2ff",
        "learn": "#ffcc66",
        "due": "#57d39a"
    }
}

See config.md for full documentation of all options.

Note: After changing the config, restart Anki to apply changes.

๐Ÿ› ๏ธ Technical Details

Styled Components

  • Deck Browser โ€” Table layout, deck rows, count pills, gear icons
  • Qt Menus โ€” Native popup menus (gear icon context menu)

How It Works

  1. Injects CSS into Anki's webviews via webview_will_set_content hook
  2. Applies Qt stylesheets (QSS) for native UI elements
  3. Listens to theme changes to dynamically switch between light/dark modes

Compatibility

  • Anki 2.1+ (tested on 2.1.60+)
  • Compatible with most other addons
  • Designed to coexist with Review Heatmap and similar addons

๐Ÿ“„ License

MIT License โ€” feel free to modify and distribute.

๐Ÿ™ Acknowledgments

  • Inspired by modern UI design principles
  • Built for the Anki community

Enjoy a cleaner Anki experience! โšก