- A+
所属分类:Web前端
基于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; }