Skip to content

caolib/typora-onelight-theme

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

OneLight Theme For Typora

发布新版本


各版本下载量







Tip

这里有两篇文章使用one-light主题,可点击查看主题详细效果展示


image

1.如何使用

  • 下载主题文件
  • 在typora中选择 文件 → 偏好设置 → 外观 → 打开主题文件夹
  • 将下载的zip解压,将css文件文件夹粘贴到typora的主题文件夹中

Caution

  • 如果你想克隆本仓库,为了避免克隆到其他分支,请使用下面这条命令,这样只会克隆主分支

    git clone --single-branch https://github.com/caolib/typora-onelight-theme.git
  • 如果你想从网络导入

    @import url("https://cdn.jsdelivr.net/gh/caolib/typora-onelight-theme@onelight/dist/onelight.min.css");

2.关于字体

onelight.css文件开头设置了默认字体,可以自行修改

如果要使用主题中的字体,建议下载字体安装,中文字体是喵字果汁体,英文字体是Cascadia Code

3.关于背景图片

Tip

背景图片在onelight/img文件夹下,默认是bg.gif,可以自行替换,你也可以在css文件中搜索并替换文件

content {
     background-color: transparent;
     background-image: url('./onelight/img/bg.gif');
     background-position: 100% 100%;
     background-repeat: no-repeat;
     background-size: 100px auto;
     transition: background-image .5s ease-in-out, background-size .5s ease-in-out
}
recording
content {
 background-color: transparent;
 //可以替换此处的图片,不想显示可以将这段整个注释掉
 background-image: url('./onelight/img/bg.gif');
 background-position: 100% 100%;
 background-repeat: no-repeat;
 background-size: 100px auto;
 transition: background-image .5s ease-in-out, background-size .5s ease-in-out
}