# typora-theme

**Repository Path**: guo-yongchen/typora-theme

## Basic Information

- **Project Name**: typora-theme
- **Description**: typora黑色主题。一款基于github-dark的typora主题风格。【大号字体】，【标题自动编号】，【适配2k屏幕】
暗色加大字体；支持目录、正文和大纲标题自动编号；优化大纲样式；大号选项按钮；居中一级标题；增大正文宽度并适配2k屏幕。
- **Primary Language**: CSS
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2023-07-18
- **Last Updated**: 2024-09-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Typora, 主题, CSS, md, Markdown

## README

# 保留

The built-in CSS will be replaced after update / reinstall, DO NOT MODIFY THEM.

Refer https://support.typora.io/Add-Custom-CSS/ when you want to modify those CSS.
Refer https://support.typora.io/About-Themes/ if you want to create / install new themes. 

# 简介

typora主题样式。暗色加大字体；支持目录、正文和大纲标题自动编号；优化大纲样式；大号选项按钮；居中一级标题；增大正文宽度并适配2k屏幕。

支持不同颜色主题

# 如何使用

## 基础知识

### 如何打开typora的主题文件夹

typora的主题文件夹一般在`C:\Users\你的用户名\AppData\Roaming\Typora\themes`下。

也可以在 <u>文件>偏好设置>主题>打开主题文件夹</u> 中打开，如下如所示：

![image-20230720105242493](img/image-20230720105242493.png)

打开后你的文件夹应该是长这个样子

![image-20230720105447755](img/image-20230720105447755.png)

## git拉取方式

<font color="red">**注意：请拉取`master`分支**</font>

**第一步**：打开你typora的主题文件夹

**第二步**：在这个文件夹下打开git窗口，输入命令将项目拉取到本地，如下图所示：

```bash
git clone https://gitee.com/guo-yongchen/typora-theme.git
```

![](img/GIF2023-7-20上午10-57-21.gif)

**第三步**：<u>重启typora</u>，之后就可以在主题中进行选择了

![image-20230720110007931](img/image-20230720110007931.png)

## 下载压缩包方式

<font color="red">**注意：由于后续版本的变化，下载的文件数量可能跟此教程的数量不一致，请以最新版的压缩包为准。**</font>

**第一步**：在gitee页面，选择最新的发行版下载到本地，如下图所示：

![image-20230720110356537](img/image-20230720110356537.png)

![image-20230720110527918](img/image-20230720110527918.png)

**第二步**：将压缩包解压，把压缩包中的文件夹和这些`css`文件复制到typora的主题目录，如下图所示：

![image-20230720110918997](img/image-20230720110918997.png)

**第三步**：<u>重启typora</u>，之后就可以在主题中进行选择了

![image-20230720110007931](img/image-20230720110007931.png)

# 更新日志以及样式

## v1.0.0

2024年9月9日，正式版：`v1.0.0`

本人经过一年的使用，目前基本正常，现在发布正式版本。

## v0.2.1-dev

2023年9月7日，开发版：`v0.2.1-dev`

1. 调整正文加粗字体的样式
2. 调整不同色调主题，被选中的文字背景色

![image-20230907175246692](img/image-20230907175246692.png)

![image-20230907175301681](img/image-20230907175301681.png)

## v0.2.0-dev

2023年8月31日，开发版：`v0.2.0-dev`

1. 新增绿色蓝色和紫色主题

![image-20230831140602804](img/image-20230831140602804.png)

## v0.1.3-dev

2023年8月29日，开发版：`v0.1.3-dev`

1. 修复大纲中单行代码字体过大问题

## v0.1.2-dev

2023年7月26日，开发版：`v0.1.2-dev`

1. 修复表格上方按钮会遮挡上方文字的bug

## v0.1.1-dev

2023年7月20日，开发版：`v0.1.1-dev`

1. 目录现已支持自动编号
2. 增大偏好设置中的字体大小

![image-20230720111503349](img/image-20230720111503349.png)

## v0.1.0-dev

2023年7月18日，开发版：`v0.1.0-dev`

1. 字号增大更加清晰，使用ubuntu字体
2. 正文区域加宽，增加适配2k屏幕
3. 支持大纲和正文标题自动编号
5. 更好看的一级标题且居中
6. 更加突出的引用框样式
7. 优化大纲样式
8. 优化文件树样式
9. 有序列表和无序列表序号和图标醒目
10. 更好看的复选框，超链接，分割线和脚注样式
11. 文字被选中和查找文字会配合主题颜色
12. 表格表头醒目

![image-20230720111537997](img/image-20230720111537997.png)

![image-20230720111622752](img/image-20230720111622752.png)

![image-20230720111640063](img/image-20230720111640063.png)![image-20230720111649903](img/image-20230720111649903.png)

![image-20230720111706454](img/image-20230720111706454.png)![image-20230720111745529](img/image-20230720111745529.png)

![image-20230720111807936](img/image-20230720111807936.png)

![image-20230720111835661](img/image-20230720111835661.png)

![image-20230720111903446](img/image-20230720111903446.png)![image-20230720112014744](img/image-20230720112014744.png)

![](img/GIF2023-7-20上午11-21-53.gif)