I'm working on partial CSS to change the appearance of Anki. This project is based on Custom Background.
- Color scheme with lower saturation
- Adding hover hints on gear, and changing icon to "•••"
- Adjust spacing and font size
- Work on Lightmode and Darkmode.
-
Install Dependency: Custom Background
The compatibility is based on the dependency. Please check.
-
Merge user-files into add-on's folder.
-
Replace config.json in add-on's folder.
- Button Appearance
- Learning start page
-
Fix box size issues while hovering
(Thanks to @jasonesiegel)
Due to the limitation of css, here're something hard to solve
-
In deckbrowse, theth
element's vertical start position. -
In deckbrowse, the whitespace afterth
element . - I can't make cards icon follow decktree. Because source code makes indent by adding  .
-
In toolbar, I can't fix width of each(Not neccessary)hitem
,though it's inline-block. - In toolbar, the icon after
sync
is invisible but still takes up a place. - In toolbar, I can't replace text with icons.
- Overall font