Created
May 20, 2020 03:36
-
-
Save LosEcher/76e99b89ca2e64c9016af85859027656 to your computer and use it in GitHub Desktop.
Joplin custom css style
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * For styling the entire Joplin app (except the rendered Markdown, which is defined in `userstyle.css`) | |
| * /Users/[your-userName]/.config/joplin-desktop/userchrome.css | |
| * | |
| **/ | |
| :root { | |
| --general-font-size: 16px; | |
| --general-font-family: "JetBrains Mono", Monaco, monospace; | |
| --list-item-height: 32px; | |
| --note-item-height: 40px; | |
| --counter-font-size: 12px; | |
| } | |
| /* note-item-height & folder-item-height */ | |
| .list-item-container { | |
| height: var(--note-item-height) !important; | |
| } | |
| /* notebook-name-font */ | |
| .list-item { | |
| font-size: var(--general-font-size) !important; | |
| font-family: var(--general-font-family) !important; | |
| } | |
| /* note-counter */ | |
| .list-item div { | |
| font-size: var(--counter-font-size) !important; | |
| } | |
| /* note-tile font */ | |
| .list-item-container span { | |
| font-size: var(--general-font-size) !important; | |
| font-family: var(--general-font-family) !important; | |
| } | |
| /* top-bttons-searchbar */ | |
| .header span, | |
| .header input { | |
| font-size: var(--general-font-size) !important; | |
| font-family: var(--general-font-family) !important; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
here is the result.