AnkiDroid clean UI config

ankidroid-clean-ui.md

General configuration

Here are some general tips to make AnkiDroid have a cleaner UI that's a little bit less distracting:

1. Go to Settings > Reviewing

2. Uncheck Show button time

   (This shows the next interval for the card above each answer button)

3. Uncheck Show Top Bar

   (This is the bar under the app bar that shows how many cards there are left to study as well as card flags)

4. Style horizontal line between question and answer (The current horizontal line has a 3D effect reminiscent of websites from the 1990s)

   1. Open a deck to study

   2. 3-dots menu > Edit note

   3. Tap the grey Cards bar near the middle bottom > CSS Styling

   4. Add this at the bottom of the existing CSS:

      .card hr#answer {
        border: 0.5px solid #ddd;
      }

      Or to hide the horizontal line altogether:

      .card hr#answer {
        border-style: hidden;
      }

   5. Tap the check mark to save

Fullscreen mode

Fullscreen mode will hide the top Android system status bar as well as the bottom Android system navigation bar (if gesture navigation isn't being used). It will also hide the Anki app bar (containing the name of the deck, menu buttons, and other buttons) and can optionally hide the answer buttons altogether so that gesture navigation can be used exclusively.

To enable fullscreen mode:

Go to Settings > Reviewing > Fullscreen mode > select an option

Fullscreen mode off

If fullscreen mode is off, the app bar will be shown. Here are some tweaks to make it less noisy:

1. Go to Settings > Reviewing
2. Uncheck Show ETA
3. Click App bar buttons
   • Set everything to Menu only or Disabled (as desired)