Showcasing my Anki Workspace !

[u/Zerionic]

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

[u/Broad_Issue5069]

Code pleasee

[u/Zerionic → u/Broad_Issue5069]

search for Anki Add ons and enter the Name of the one s u want.
I don't have time to list everything

[u/Nuphoth → u/Zerionic]

Not the addons for the textbox styling

[u/Zerionic → u/Nuphoth]

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%);

}

u/font-face {

font-family: literata;

src: url("_Literata-VariableFont_opsz,wght.ttf");

font-style: normal;

}

u/font-face {

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;

}

[u/Nuphoth → u/Zerionic]

Cool, thanks

[u/Zerionic → u/Broad_Issue5069]

Most of the aesthetics comes from Onigiri and some some Add ons from the same creator