brrd / abricotine

Markdown editor with inline preview
GNU General Public License v3.0
2.63k stars 156 forks source link

[Question] Modify theme.less: automatically change color/size of text for second level of an unordered list / modify line height / remove padding/margin #309

Closed jrgzdzekln closed 2 years ago

jrgzdzekln commented 2 years ago

Hello! Abricotine is so cool! Thank you.

1/ How to modify the theme.less file to automatically make the second level of an unordered list of a different size and color?

- white text of size 14
        - blue text of size 9
        - blue text of size 9
- white text of size 14

2/ How modify the theme.less file to reduce the line height to the minimum for the whole file (text, lists)? 3/ How to modify the theme.less to remove all the padding/margin of the whole file?

I could not find a way, despite my researches in LESS documentation and internet. I am not a coder.

brrd commented 2 years ago

1/ How to modify the theme.less file to automatically make the second level of an unordered list of a different size and color?

You can't do this, sorry.

2/ How modify the theme.less file to reduce the line height to the minimum for the whole file (text, lists)?

.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {
    line-height: 1;
}

3/ How to modify the theme.less to remove all the padding/margin of the whole file?

.CodeMirror-sizer {
    width: auto;
    max-width: none;
}

Abricotine uses CodeMirror under the hood, which is not really designed to be customized like this. Be aware you may run into bugs when tweaking this much.