十五、Typora官方主题 + 自定义主题

1.下载官方主题
2.在官方主题的基础上自定义

1.下载官方主题

首先去Typora官网下载自己喜欢的主题：官方主题下载
例如我这里选择 Vue

我们只用到里面的两个主题文件vue.css和vue-dark.css以及包含字体的vue文件夹

然后打开Typora，点击 偏好设置 → 外观 → 打开主题文件夹，将弹出 Typora 的主题文件夹

然后将下载好的两个主题文件vue.css和vue-dark.css以及包含字体的vue文件夹复制到 Typora 的主题文件夹中

最后重启Typora，从菜单栏中选择 主题 → Vue或者Vue Dark即可

2.在官方主题的基础上自定义

首先要开启调试模式，然后重启Typora，这样就能

这样才可以在鼠标右键的菜单中，点击检查元素
PS：Windows截图右键的方法

右键点出要截图的菜单
鼠标移到菜单上，按住左键不松手
使用微信的 Alt+A 截图快捷键或者QQ的 Ctrl+Alt+A 快捷键

然后我们可以选中这个元素检查器，就可以查看样式中的字体、大小、颜色等属性
接下来，我们就可以自定义主题了，随便拿一个编辑器，打开我们刚刚复制到主题文件夹下面的vue.css
根据自己的喜好，进行修改，点击保存，并重启Typora即可

在线调色

十五、Typora官方主题 + 自定义主题相关推荐

typora最好用的主题_谁是我心中最好的写作工具？
MWeb 和 Ulysses 是两款优秀的 Markdown 笔记写作类软件.也是我现在 Mac 里的两款写作软件.但是我并不喜欢同时使用两个功能非常相似的软件.所以最近也在 MWeb 和 Ulyss ...
IntelliJ IDEA - 主题设置或自定义主题
IntelliJ IDEA - 主题设置设置主题自定义主题提供4主题插件提供4主题插件下载地址设置主题这里默认提供了三套主题:IntelliJ,Darcula,Windows.这里可以根据 ...
Typora自定义主题样式
Typora自定义主题样式 1.打开Typora开发者工具视图 --> 开发者工具(Shift + F12) 2.使用选区工具选中想要更改的元素 3.查看styles区域 4.修改颜色并预览 ...
Typora的自定义主题
Typora的自定义主题修改我们的Typora主题 1. 在文件夹`C:\Users\Peter\AppData\Roaming\Typora\themes`中,加入下面的css文件即可,命名为my ...
Typora自定义主题分享 (Mac风、图片立体感...)
MarkDown 主题分享文章目录 MarkDown 主题分享 Ligth-浅色主题主题效果展示安装方式 Dark-深色主题主题效果展示安装方式关键字:Typora .Mac.图片阴影.代 ...
前端组件库自定义主题切换探索-03-webpack-theme-color-replacer webpack 同时替换多个颜色改造
接上一篇<前端组件库自定义主题切换探索-02-webpack-theme-color-replacer webpack 的实现逻辑和原理-02> 这篇我们来开始改造,让这个插件最终能达到我 ...
WordPress多本小说主题–WNovel主题发布，十分钟搭建小说站！现已更新至1.2版本...
本文转载于:猿2048网站WordPress多本小说主题–WNovel主题发布,十分钟搭建小说站! 现已更新至1.2版本本文属于< WNovel主题操作手册>文章系列,该系列共包括以下 ...
VS Code 安装插件、自定义模板、自定义配置参数、自定义主题、配置参数说明、常用的扩展插件
1. 下载和官网教程下载地址:https://code.visualstudio.com/ 官方教程:https://code.visualstudio.com/docs 2. 安装插件安装扩展插 ...
ExtJS4.2：自定义主题入门
背景用过 ExtJs 的朋友都有一种趋势:审美疲劳,好在 Ext4.1 之后的版本提供了快速自定义主题的功能,本文的内容主要来自:http://docs.sencha.com/extjs/4.2.2 ...

十五、Typora官方主题 + 自定义主题

十五、Typora官方主题 + 自定义主题

1.下载官方主题

2.在官方主题的基础上自定义

十五、Typora官方主题 + 自定义主题相关推荐

最新文章

热门文章