为typora更换主题并更改样式

获取主题#

打开typora获取主题网页，选择Light Monokai主题下载然后将下载得到的css文件复制到typora的主题文件夹中，如下图：

在typora主题文件夹下创建light-monokai.user.css文件，作为用户自定义的样式，可以覆盖原有的主题的样式。想要个好看点的深色主题，更改如下：

暗色模式下，悬浮的背景色太亮了，想要改暗一点设置悬浮在可点击的标签上的背景颜色，选中文本时的背景颜色以及公式块、raw block的背景颜色

1
:root{
2
    --item-hover-bg-color: #555;
3
    --select-text-bg-color: #555;
4
    --rawblock-edit-panel-bd: #000;
5
}

light-monokai的a标签字体大小有一定的问题，更改成继承，不设置大小

1
a{
2
    font-size: inherit;
3
}

本来github主题有下划线，看起来不错，改一下border的颜色就有了

1
h1,
2
h2{
3
    border-bottom: 1px solid #333;
4
}

还是习惯用consolas捏=v=

1
code,
2
pre{
3
    font-family: consolas;
4
}

文档看着感觉太窄了，内边距改小了些

1
#write {
2
    max-width: 100%;
3
  padding: 30px 180px;
4
}

1
ul, ol{
2
    margin-left: 10px;
3
}

1
.md-math-block,
2
.md-rawblock,
3
h1,
4
h2,
5
h3,
6
h4,
7
h5,
8
h6,
9
p {
10
    margin: 1rem 0;
11
}

1
#ty-sidebar-footer{
2
    border-top-color: #282927;
3
}
4
#ty-sidebar-footer{
5
    border-top-color: #282927;
6
}