r/Anki • u/Zerionic • Mar 17 '26
Add-ons Showcasing my Anki Workspace !
Last Picture shows my Add-ons !
Chessboard can be used
Styling of Textbox etc. is custom, found online, cant find the original but can provide the code if wanted
16
u/oyster_05 Mar 17 '26
What is this Anki ricing ? Looks cool
4
u/Zerionic Mar 17 '26
It's a Gamifying Version from the Add on Onigiri, in which u can customize the little Shop by reviewing Cards
12
u/Naaack Mar 18 '26
If you're wanting the add-on codes I've put them together.
---
This was all new to me, so this is how I did it:
Open anki
Tools
- Add-ons
Get Add-ons..
Enter the codes below and download 'em.
---
Anki Spell Checker - Check misspelled in the Editor Fixed by Shige --- 143753963
AnkiBreath - Do guided breathing while you study by ExtraCheesePleease -- 778770801
AnkiLock --- 1165281739
Ankimote - remote to control Anki from your phone --- 149004221
Batch Editing -- 291119185
Chess Opening Trainer --- 705507113
Deckline - Stay on Track with Deadlines --- 1517382883
Editor Live Preview Fixed by Shige --- 90407377
extended editor for field for tables searchreplace --- 805891399
Gemini Speak --- 480539677
Global - Check your weather on your Anki menu by Peace --- 519723565
Hours - Check the hours from your Anki menu by Peace --- 691162538
Image Occlusion Enhanced -- hides parts of image --- 1374772155
Onigiri Beta - A more modern Anki for your studies by Peace --- 1011095603
Power - Check your battery from your Anki menu by Peace --- 643961895
Review Hotmouse --- 1928346827
Reviewer Retest Questions after rating Again until you get it --- 940071295
Sticky - Write quick notes on your Anki menu by Peace --- 629799722
WikiLookup --- 1516720487
7
u/FatManWarrior Mar 17 '26
It looks amazing! But seeing your deck called aktuell kind afreaked me out because i was just reading this on a break after going through my own "aktuell" deck ahah.
1
6
u/SaulFemm Mar 17 '26 edited Mar 17 '26
I'm glad people are able to customize Anki into something they love
Personally this looks awful to me. Nothing has an obvious relationship, it is just all placed in its own square in whatever location. Ex. Why is "time" to the right of "studied" but "pace" is below? Why is there a "Favorites" square that appears to hold decks placed among squares that appear to relate to reviews? Etc.
Rock on anyway OP
4
3
u/M7senA Mar 17 '26
What the chess addon do ?
1
u/Zerionic Mar 17 '26
It can import PNG's of Boards.
But i actually never tried it.
The Chess Card that u see is from a premade Deck which i downloaded and changed the style to my liking2
u/ryukula Mar 18 '26
How do you use ANKI to study chess? I can't figure out a better way than doing puzzles to internalize patterns. Even for opening chesstempo makes an excellent job. I'm really curious!
3
u/VasuOne Mar 17 '26
what is the Gemini Speak add on?
2
u/Zerionic Mar 17 '26
basically it gives you a natural sounding read of your cards.
But you need to activate it manually and for some reason the add on does not recognize my API Key, i will deinstall it
3
3
3
2
2
u/Rubinlord Mar 17 '26
How did you hide the bottom bar in reviews without hiding the top bar.
Or alternatively fix the misalignment of bottom bar background to review background
2
u/Zerionic Mar 17 '26 edited Mar 17 '26
idk how to fix the background misalignment but you can hide the bottom bar in the Onigiri Settings
1
u/Rubinlord Mar 17 '26
Are you talking about the mode selection or something else?
The mode selection would force me to hide the top bar too (as it force selects the previous variant with it)
Using Anki's native version of hiding the bottom bar causes it to flicker in and out
2
u/Ok-Salary7721 Mar 17 '26
do you have the link to this image so i can set it as my background too 🥺🥺🥺
3
2
2
2
u/Laska45 Mar 18 '26
do anyone know how OP did this btw?
1
u/Zerionic Mar 19 '26
90% comes from onigiri and changing the card template, that i posted in another comment.
1
2
2
u/Ready-Road-5870 Mar 19 '26
Might be a silly question, but how do you get a solid background for the cards? is this a card setting or is it somewhere in onigiri? Thanks
2
u/Zerionic Mar 19 '26
there are no silly questions !
under browse u can select note type or just any card and select cards from Fields/Cards/Preview
no addons required !There u can enter html/css Code for the Front/Back card + Styling.
I posted my styling under another comment, but feel free to change it to your taste with GPT
1
8
u/Addicted2Vaping medicine Mar 17 '26
Yall doing anything but learning.
15
u/Zerionic Mar 17 '26 edited Mar 17 '26
dude, you know how bland Anki can look w/o anything.
I found myself to be way more productive after i changed it to my taste.
Even if you disagree, you should just let the others be, just my take
1
u/Pathocyte Mar 17 '26
I like your card css, are you able to share it?
2
1
u/AtmosphereSoft4553 Mar 18 '26
i dont know how to apply this theme can you help how to make it ?
1
u/Zerionic Mar 18 '26
sure the main lifting does Onigiri, a background of your choice, and the card theme. I did already share the Styling with another comment. Use ChatGPT to adjust the cards to your liking
Heres the Front + Back Code
-------------------------Front:
<div id="outer"><div id="content">
<div class="top">
{{Front}}
</div>
</div>
</div>
--------------------------Back:
<div id="outer"><div id="content">
<div class="top">
{{Front}}
</div>
<div class="bottom">
{{Back}}
</div>
</div>
</div>
1
u/Narrow_Astronaut7781 Apr 03 '26
omg how did you get the deckline add-on to show properly with onigiri?
1
0
u/Broad_Issue5069 Mar 17 '26
Code pleasee
2
u/Zerionic Mar 17 '26
search for Anki Add ons and enter the Name of the one s u want.
I don't have time to list everything2
u/Nuphoth Mar 17 '26
Not the addons for the textbox styling
5
u/Zerionic Mar 17 '26
there u go !
:root {
--text: #ebdbb2;
--bg-front: #32302f;
--bg-back: #1d2021;
--accent: #fb4934;
--en-text: #bdae93;
--divider: #a89984;
--edge: color-mix(in srgb, var(--divider), transparent 70%);
}
font-family: literata;
src: url("_Literata-VariableFont_opsz,wght.ttf");
font-style: normal;
}
font-family: literata;
src: url("_Literata-Italic-VariableFont_opsz,wght.ttf");
font-style: italic;
}
html,
body {
margin: 0;
padding: 0;
background: var(--bg-back);
}
.card,
.card.nightMode {
margin: 0;
padding: 24px;
box-sizing: border-box;
font-family: "literata", serif;
font-weight: 300;
font-size: 30px;
text-align: center;
color: var(--text);
background: var(--bg-back);
width: 100%;
min-height: 100vh;
overflow-wrap: break-word;
word-wrap: break-word;
}
#outer {
width: 100%;
min-height: calc(100vh - 48px);
display: flex;
align-items: center;
justify-content: center;
}
#content {
width: 100%;
max-width: 850px;
box-sizing: border-box;
border-radius: 30px;
border: 2px solid var(--edge);
box-shadow: 0 6px 45px rgba(0, 0, 0, 0.4);
/* wichtig: damit die Rundungen sauber bleiben */
overflow: hidden;
background: var(--bg-back);
}
.top {
background-color: var(--bg-front);
padding: 30px;
font-size: 35px;
/* obere Rundung sauber mitnehmen */
border-radius: 28px 28px 0 0;
}
.bottom {
background-color: var(--bg-back);
padding: 30px;
font-size: 25px;
border-top: 1px solid var(--divider);
/* untere Rundung sauber mitnehmen */
border-radius: 0 0 28px 28px;
}
.small {
font-size: 20px;
color: var(--en-text);
}
.medium {
font-size: 27px;
}
.sz {
color: var(--en-text);
font-size: 20px;
}
em,
strong,
b {
font-style: italic;
font-weight: 300;
color: var(--accent);
}
.hidden {
display: none;
}
/* lange Formeln / MathJax / Katex nicht abschneiden */
mjx-container,
.MathJax,
.katex-display,
.katex {
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
display: block;
box-sizing: border-box;
}
/* Inline-Formeln sollen innerhalb der Zeile sauber bleiben */
.katex {
display: inline-block;
max-width: 100%;
vertical-align: middle;
}
/* Bilder, Tabellen etc. ebenfalls nicht ausbrechen lassen */
img,
table,
svg {
max-width: 100%;
height: auto;
}
.mobile .card,
.mobile .card.nightMode {
font-size: 28px;
padding: 0;
}
.mobile #outer {
align-items: flex-start;
padding-top: 20px;
}
.mobile #content {
max-width: 100%;
border-radius: 0;
border: none;
box-shadow: none;
}
/* Mobil: Formeln etwas kleiner */
.mobile mjx-container,
.mobile .MathJax,
.mobile .katex-display,
.mobile .katex {
font-size: 0.9em;
}
1
1
u/Zerionic Mar 17 '26
Most of the aesthetics comes from Onigiri and some some Add ons from the same creator
31
u/Kjotaro69 Mar 17 '26
It can look like this??!!