typora自定义主题

自定义typora主题

1.主题目录

文件->偏好设置,路径为:C:\Users\用户名\AppData\Roaming\Typora\themes
在这里插入图片描述

主题文件为xxx.css,xxx文件夹,文件夹通常里面放有.css文件以及字体等
所以theme目录下aaa.css和aaa文件夹为同一个主题,aaa.css引用了aaa文件夹的内容
以night主题为例:

@import "night/mermaid.dark.css";
@import "night/codeblock.dark.css";
@import "night/sourcemode.dark.css";

2.拷贝主题

比如将night.css和night文件夹拷贝并重新为新主题mini
注意将night.css的import文件改名

@import "mini/mermaid.dark.css";
@import "mini/codeblock.dark.css";
@import "mini/sourcemode.dark.css";

3.主题样式

typora提供了开发者工具shift+F12或者菜单视图-开发者工具,可以查看元素的样式,前端同学都会的。
在这里插入图片描述

如果不会的百度下浏览器的F12查找元素style

3.1修改文档宽度

通常为#write标签宽度设置

#write {
    max-width: 914px;
}

3.2修改标题样式

var函数引用的:root{}定义的颜色变量,可以改成RGB,RGBA或者#XXXXXX

/*修改源码header*/
#typora-source .cm-header {
   
   
    color: var(--theme-primary-color);
}
/*修改md输出页面的header*/
#write h3 {
   
   
    font-size: 1.4rem;
    font-weight: 800;
}

3.3修改表格样式

/* table */
.md-table-edit .btn-default {
   
   
  color: inherit;
}
table.md-table {
   
   
  width: auto;
  min-width: 80%;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值