# typora-theme **Repository Path**: ruyan-lx/typora-theme ## Basic Information - **Project Name**: typora-theme - **Description**: 自用的typora主题 - **Primary Language**: CSS - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2022-10-17 - **Last Updated**: 2023-04-24 ## Categories & Tags **Categories**: Uncategorized **Tags**: CSS ## README # typora-dyzj-theme
> 最开始下载了[My-Typora-Themes](https://github.com/Theigrams/My-Typora-Themes)主题样式,之后在使用过程中不断修改(主要保留了其经典的标题样式、图片阴影样式、任务列表样式),得到目前的自用款式,主要新增了有序/无序列表样式、超链接样式、提示块样式以及一些文本样式等。相关样式来源参见致谢名单 ## 使用指南 1. 依次点击Typora菜单栏的“文件”-“偏好设置”,然后点击“外观”-“打开主题文件夹” 2. 下载本主题样式,解压缩至上述“主题文件夹”(其中“dyzj-light.css”、“dyzj-dark.css”和“source/”文件是必须的,其他可以删除),重启Typora,点击Typora菜单栏的“主题”,选择“Dyzj”选项即可dyzj.css配置文件:
--select-text-bg-color: #ffafa3; /* 文本选中背景色 */
--focus-color: #ff5d52; /* 点击某些元素(如标题)显示的颜色 */
--codeblockbg-color: #eee; /* 代码块背景色 */
--codeblockfont-color: #555; /* 代码块默认字体颜色 */
--titlebefore-color: #00c4b6; /* 各级标题图标颜色 */
--codeblocknum-color: rgba(128, 128, 255, 0.8); /* 代码块行编号颜色 */
--blockquoteicon-color: #5fa7e4; /* 提示块图标色 */
--blockquotebg-color: #f4fcff; /* 提示块背景色 */
--ulol-color: #81accf; /* 有序无序列表图标颜色 */
--tableevenrow-color: #eee; /* 表格偶数行颜色 */
--tablefocusrow-color: rgba(100, 221, 221, 0.2); /* 表格选中行颜色 */
--tableborder-color: #c5c5c5; /* 表格边框色 */
--tablethbg-color: #f4fcff; /* 表格表头背景色 */
--toc-color: #00a0a0; /* 目录颜色 */
--atext-color: black; /* 超链接文本颜色 */
--abottom-color: #81d8cf; /* 超链接下划线颜色 */
--code-color: #ff3502; /* 行内代码前景色 */
--codebg-color: #f8f5ec; /* 行内代码背景色 */
--footnote-color: #e96900; /* 脚注上标前景色 */
--footnotebg-color: #f8f8f8; /* 脚注上标背景色 */
--highlight-color: red; /* 高亮文本前景色 */
--highlightbg-color: yellow; /* 高亮文本背景色 */
--split-color: #00c4b6; /* 分割线颜色 */
--taskborder-color: red; /* 任务列表边框色 */
--taskfocus-color: #00c4b6; /* 任务列表选中填充色 */
--spannote-color: #e91e64; /* 默认小标签背景色 */
--emptext-color: #fe5f58; /* 几款强调型文本的颜色 */
--hidetextcover-color: #a1a1a1; /* 隐藏文本遮罩颜色 */
--hidetext-color: #444; /* 隐藏文本颜色 */
--spanbtn-color: #44d7b6; /* 文本按钮颜色 */
--detailstxt-color: rgba(68,68,68,.7); /* 折叠框标题文字颜色 */
--detailsbg-color: #ebf9ed; /* 折叠框背景色 */
--detailsborder-color: #00c4b6; /* 折叠框边框色 */
--body-color: #000000; /* 全局文本颜色 */
--para-color: #000000; /* 段落文本颜色 */
--body-font: 'Source Sans Pro'; /* 全局字体 */
--code-font: 'JetBrains Mono'; /* 代码块以及行内代码字体 */
1. 导航栏布局样式稍微改动
2. 增加正文主题显示宽度
3. 因为斜体使用频率较低,索性把斜体Ctrl+i,改为了*红色加粗斜体*
4. 全屏时gif图片更换
5. 取消图片编号
6. 增加对光标所在行的底部棕色虚线,当前输入的文本为棕色
灵感参考 [vlook](https://github.com/MadMaxChow/VLOOK)
7. 在编辑行时,行首显示的铅笔emoji改为了脚印emoji
------
### 2022.10.19
sha:b5304155fd2f0fa2a96caa5d7695b503fa4b5860
1. 图片加上了阴影效果,更加立体
2. 代码块微调
3. 添加窗口的背景图片
------
### 2022.10.20

```java
public static void main(String[] agrs){
String lang = "java";
System.out.println("hello"+lang);
}
```
**sha**:c81b7eff9db964aa8a3084c6c82a139d38b33eeb
1. 代码块加入Mac风格的三个圆点
此版本下载地址:https://github.com/ruyan-lx/typora-dyzj-theme/releases/tag/V11.0
------
### 2022.10.22
1. 代码块微调
2. 背景图片调整
3. 文章主体部分样式调整
------