Typora样式改造

  • A+
所属分类:Web前端
摘要

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


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

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


Typora样式改造


代码:

在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; }