Typora自定义主题样式
1.打开Typora开发者工具
视图 --> 开发者工具(Shift + F12)
![在这里插入图片描述](https://img-blog.csdnimg.cn/f483eaf88d624c2db29e3c8f87fb2f2e.png)
2.使用选区工具选中想要更改的元素
![在这里插入图片描述](https://img-blog.csdnimg.cn/4d977da91ed44204abae9d4f32013608.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/2f3ba3e160064ed58cadebe115349da7.png)
3.查看styles区域
![在这里插入图片描述](https://img-blog.csdnimg.cn/36b14e8f2c3a404f812b986a04e1479f.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5YWL5YWL5YWL5YWL6I6x6I6x,size_12,color_FFFFFF,t_70,g_se,x_16)
4.修改颜色并预览
修改步骤:
-
打开取色器选择自己喜欢的颜色,取色器:https://c.runoob.com/front-end/5449/
-
单击即可编辑
![在这里插入图片描述](https://img-blog.csdnimg.cn/85051dfc62e442b0a9b1e46a5cac8cf3.png)
-
填入自己喜欢的颜色
![在这里插入图片描述](https://img-blog.csdnimg.cn/b374166cb5144c27a3002faa4c07ab01.png)
修改对比:
- 修改前
![在这里插入图片描述](https://img-blog.csdnimg.cn/d908992dcfca46e6b8b65c8201150849.png)
- 修改后
![在这里插入图片描述](https://img-blog.csdnimg.cn/28ac8274467e4d1394cefc56f81f03bf.png)
注意:这里只是修改并没有生效,只能应用这一次,重启Typora后样式就重置了,所以我们要改Typora的主题样式文件!!!
5.修改Typora主题样式文件
- 文件 --> 偏好设置 --> 外观 --> 打开文件夹主题
![在这里插入图片描述](https://img-blog.csdnimg.cn/1998af20741844aaade7ccc03e993091.png)
- 找到与主题同名的样式文件
![在这里插入图片描述](https://img-blog.csdnimg.cn/a353bbcb0e104ad4813c11710adf4e67.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5YWL5YWL5YWL5YWL6I6x6I6x,size_20,color_FFFFFF,t_70,g_se,x_16)
- 找到元素名并复制
![在这里插入图片描述](https://img-blog.csdnimg.cn/e265015f99a344daa3ab523faf3efcf1.png)
- 打开对应的主题样式文件,Ctrl+F查找复制的元素名,找到对应的样式代码
![在这里插入图片描述](https://img-blog.csdnimg.cn/aa26167715c94d23810415a6845e3696.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5YWL5YWL5YWL5YWL6I6x6I6x,size_20,color_FFFFFF,t_70,g_se,x_16)
- 修改完毕并保存,重启Typora后即可生效
![在这里插入图片描述](https://img-blog.csdnimg.cn/a590a1f5a5b6433fb18a262364f7d496.png)
6.重启Typora
![在这里插入图片描述](https://img-blog.csdnimg.cn/4bfd95b843ba46d4a3f87d4ad37febc5.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5YWL5YWL5YWL5YWL6I6x6I6x,size_15,color_FFFFFF,t_70,g_se,x_16)
补充
鼠标悬浮可查看样式文件路径
![请添加图片描述](https://img-blog.csdnimg.cn/9d4a841f7b22481b9111e04521b57582.jpg)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)