Typora Ursine 主题使用教程
1. 项目的目录结构及介绍
Typora Ursine 主题项目的目录结构如下:
typora-theme-ursine/
├── README.md
├── ursine-polar
│ ├── base.scss
│ ├── dark.scss
│ ├── light.scss
│ ├── logo.png
│ └── preview.png
├── ursine-umbra
│ ├── base.scss
│ ├── dark.scss
│ ├── light.scss
│ ├── logo.png
│ └── preview.png
└── ursine-umbra.css
目录结构介绍
README.md
: 项目说明文件,包含项目的基本信息和使用说明。ursine-polar/
: 包含 Ursine Polar 主题的相关文件。base.scss
: 基础样式文件。dark.scss
: 暗色主题样式文件。light.scss
: 亮色主题样式文件。logo.png
: 主题的 logo 图片。preview.png
: 主题的预览图片。
ursine-umbra/
: 包含 Ursine Umbra 主题的相关文件。base.scss
: 基础样式文件。dark.scss
: 暗色主题样式文件。light.scss
: 亮色主题样式文件。logo.png
: 主题的 logo 图片。preview.png
: 主题的预览图片。
ursine-umbra.css
: Ursine Umbra 主题的合并 CSS 文件。
2. 项目的启动文件介绍
Typora Ursine 主题的启动文件主要是 ursine-umbra.css
文件。这个文件是 Ursine Umbra 主题的合并 CSS 文件,包含了主题的所有样式。
启动文件介绍
ursine-umbra.css
: 包含了 Ursine Umbra 主题的所有样式,是主题的主要启动文件。
3. 项目的配置文件介绍
Typora Ursine 主题的配置文件主要是 base.scss
、dark.scss
和 light.scss
文件。这些文件定义了主题的基础样式和不同模式下的样式。
配置文件介绍
base.scss
: 定义了主题的基础样式,包括字体、颜色、布局等。dark.scss
: 定义了暗色模式下的样式,包括背景颜色、文字颜色等。light.scss
: 定义了亮色模式下的样式,包括背景颜色、文字颜色等。
通过修改这些配置文件,可以自定义主题的样式。