Styling my SilverBullet like iA Writer

Tricks & Techniques
1

I've used many kinds of writing apps, and I really like the minimalist approach of iA Writer. I wanted to implement this style to my SilverBullet. This is my code below. I thought maybe someone would want this kind of theme as well.

Right now, SilverBullet is the single app that I need for my work. Thank you all for this amazing project. I only wish there was no bug when I type in Korean(letters get typed multiple times or the last letter gets deleted), but it's mostly okay after I turn my markdown syntax rendering off.

#sb-top {
background-color: #212121;
border-bottom: none;
}

html {
--root-background-color: #212121!important;
}

#sb-root {
color: #E4E4E4;
line-height: 1.6;
}

#sb-top.sb-sync-error {
background-color: #212121;
}

#sb-top .sb-actions {
  display: none;
}

#sb-main .cm-editor .sb-lua-directive-block {
    display: none;
}

#sb-main .cm-editor .cm-line.sb-line-h1, #sb-main .cm-editor .cm-line.sb-line-h2, #sb-main .cm-editor .cm-line.sb-line-h3, #sb-main .cm-editor .cm-line.sb-line-h4, #sb-main .cm-editor .cm-line.sb-line-h5, #sb-main .cm-editor .cm-line.sb-line-h6 {
  font-size: 18px;
  text-indent: -2ch;
}
2 Likes