オレオレ Kobito カスタム CSS #CSS

Kobito では、カスタム CSS を適用することで、プレビューの見栄えを自分好みに変更することが出来ます。
今回は、オレオレな Kobito のカスタム CSS を晒します。

フォント

フロップデザイン+
- コード以外の部分に適用しています。
- 可愛らしくて、見やすいです。
Ricty for Powerline
- コードの部分に適用しています。

カスタム CSS

フォントを変更して、見出しの見栄えを少し弄っています。

custom-style.css

/* See Kobito.app/Contents/Resources/markdown.css for predefined style. */

html {
  font-family: "01FLOPDESIGN", sans-serif; }

samp {
  font-family: "01FLOPDESIGN", monospace, serif; }

textarea {
  font-family: "01FLOPDESIGN", inherit; }

body {
  font-family: "01FLOPDESIGN", "Monaco", monospace, Helvetica Neue, Helvetica, "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, Arial, Meiryo, sans-serif; }

code {
  font-family: "Ricty for Powerline", "Monaco", monospace, "Courier", "Inconsolata", "Bitstream Vera Sans Mono"; }

.code-frame pre code {
  font-family: "Ricty for Powerline", "Monaco", monospace, "Courier", "Inconsolata", "Bitstream Vera Sans Mono"; }

h1 {
  background: #000000; color: #F8F8F8; padding: 10px; }

h2 {
  border-bottom: solid 5px #000000; padding-left: 10px; }

こんな感じで適用されます。
もっと、見栄えが良くて見やすいカスタム CSS 知りたいですね。