🇨🇳 此主题已在Mac和Windows平台上测试，支持浅色和深色模式
🇬🇧 This theme has been tested on Mac and Windows platforms,it supports light and dark mode

Typora foresee theme

中文

English

基于默认主题night修改

选中样式受 typora-dyzj-theme 启发

新特点

引用块样式支持渐变色

<blockquote alt="blue">Content</blockquote>
<blockquote alt="green">Content</blockquote>
<blockquote alt="orange">Content</blockquote>
<blockquote alt="purple">Content</blockquote>

宽屏渐变引用块样式

<blockquote alt="black-alt">Content</blockquote>
<blockquote alt="blue-alt">Content</blockquote>
<blockquote alt="green-alt">Content</blockquote>
<blockquote alt="orange-alt">Content</blockquote>
<blockquote alt="purple-alt">Content</blockquote>

引用块样式随标题不同而不同

blockquote 2

重新调整标题样式，添加专注模式下样式
使用 scss 格式替代原先的 css
文件夹badge友情提供小图标

如何使用

克隆仓库,或者下载压缩包
Typora依次打开设置>外观>主题，点击按钮打开主题文件夹
复制粘贴到Typora主题文件夹

个性化

修改XXX_light(dark).css文件中代码以获得个性化体验

例如自定义主题色、专注模式颜色、背景色、字体

:root {
    --display: #666;
    --article: #FFF;
    --sidebar: #F2F2F2;
    --text-color: #323232;
    --theme-color: #FF8C00;
    --focus-color: #00CD66;
    --bg-color: var(--article);
    --primary-color: var(--theme-color);
    --rawblock-edit-panel-bd: var(--sidebar);
    --item-hover-bg-color: var(--theme-color);
    --control-text-hover-color: var(--theme-color);
    --font-family: "Microsoft YaHei", "Arial", "sans-serif";
}

教程

访问wiki了解使用教程

预览

浅色模式

light en

深色模式

dark en

项目用途

归档个人学习经验
留下自己学习印迹
启迪他人思想火花

Foresee

Typora foresee theme

新特点

如何使用

个性化

教程

预览

浅色模式

深色模式

项目用途