docs

2022/8/21 18:58:10

I aimed for a design like 🔗 Just the Docs (Jekyll theme).

Paste this CSS into "Custom CSS" in Wiki Settings:

html, button, input, select, option, textarea {
    color: #5c5962;
}
.sb {
    background: #f5f6fa;
}
.uc pre {
    background-color: #f5f6fa;
}
button, summary:is(.np,.b) {
    color: #7253ed;
    background-color: #f5f6fa;
}
.a {
    background: #ededf5;
    color: #000000;
    font-weight: 600;
}
.tabs>* {
    border: 0;
}
:focus {
    outline: 1px solid #cccccc;
}
#g, input, select, textarea, .ed, .noti:focus {
    border: 1px solid #eeebee;
}
.pell-actionbar {
    border-bottom: 1px solid #eeebee;
}
.chg, .del {
    background: #ffdddd;
}
p{
    line-height: 1.6;
}
hr {
    height: 1px;
    padding: 0;
    margin: 2rem 0;
    background-color: #eeebee;
    border: 0;
}

Or Minify:

button,html,input,option,select,textarea{color:#5c5962}.sb{background:#f5f6fa}.uc pre{background-color:#f5f6fa}button,summary:is(.np,.b){color:#7253ed;background-color:#f5f6fa}.a{background:#ededf5;color:#000;font-weight:600}.tabs>*{border:0}:focus{outline:1px solid #ccc}#g,.ed,.noti:focus,input,select,textarea{border:1px solid #eeebee}.pell-actionbar{border-bottom:1px solid #eeebee}.chg,.del{background:#fdd}p{line-height:1.6}hr{height:1px;padding:0;margin:2rem 0;background-color:#eeebee;border:0}