Typora样式改造

标签：strong   自己的   str   参考   ast   lin   技术   16px   margin   

基于vue.css样式改造
作为平时写文档必不可少的利器typora,自然就得要好看一点的皮肤啦，这里分享一下自己改造后的主题，可以相互借鉴下??

这里对vue主题的一些样式做了修改，大家也可以根据自己的喜好自作修改，这里仅仅是参考，觉得可以的话，希望推荐下
样式展示：

代码：

在typora主题官网下载vue主题=>编辑vue.css追加我的自定义代码

如果觉得可以的话，请点个推荐吧??

/*自定义*/

/*强调*/
#write code, tt {
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 1rem;
    color: #FFFFCC;
    background-color: #009966;
}

/*代码块*/
#write .md-fences {
    border: 2px solid #c6e5d9;
    -webkit-font-smoothing: initial;
    margin: 0.8rem 0 !important;
    padding: 0.3rem 0 !important;
    line-height: 1.43rem;
    background-color: #F8F8F8 !important;
    border-radius: 2px;
    /*font-family: var(--font-monospace);*/
    font-size: 0.85rem;
    word-wrap: normal;
}

/*图片背景*/
p .md-image:only-child{
	display: inline-block;
     width: auto;
    text-align: left;
    border: 7px solid #eee;
    /* padding: 1px; */
    background: #eee;
}

hr {
    height: 2px;
    padding: 0;
    margin: 16px 0;
    background-color: #FF9966;
    border: 0 none;
    overflow: hidden;
    box-sizing: content-box;
}

blockquote {
    border-left: 5px solid #00996663;
    border-left-style: outset;
    padding: 10px 15px;
    color: #777;
    background-color: #ffffcc24;
    border-radius: 7px;
}

Typora样式改造

标签：strong   自己的   str   参考   ast   lin   技术   16px   margin   

原文地址：https://www.cnblogs.com/thatbluesky/p/14876714.html