Merge pull request #5 from the1812/preview

Update to 1.5.1

.gitignore

@@ -5,6 +5,8 @@ package-lock.json
 build.cache
 build.dll
 build.runtimeconfig.json
+dark.scss
+dark-template.scss
 
 ## Ignore Visual Studio temporary files, build results, and
 ## files generated by popular Visual Studio add-ons.

README.md

@@ -6,34 +6,37 @@
 
 [![正式版](https://img.shields.io/badge/正式版-🌸-green.svg?style=flat-square&colorB=009688)](https://github.com/the1812/Bilibili-Evolved/raw/master/bilibili-evolved.user.js)
 
-正式发布的版本,最稳定,更新频率较慢.
+正式发布的版本, 最稳定, 更新频率较低.
 
 [![预览版](https://img.shields.io/badge/预览版-🍺-yellow.svg?style=flat-square&colorB=607D8B)](https://github.com/the1812/Bilibili-Evolved/raw/preview/bilibili-evolved.preview.user.js)
 
-新增内容测试的地方,更新频率快,但功能不稳定.
+新增内容测试的地方, 更新频率高, 但功能不稳定.
 
 [![离线版](https://img.shields.io/badge/离线版-👻-blue.svg?style=flat-square)](https://github.com/the1812/Bilibili-Evolved/raw/master/bilibili-evolved.offline.user.js)
 
-内置所有依赖项以提高加载速度,体积较大,可以不受GitHub服务器不稳定的影响. 由于任何依赖项更新后此脚本也需更新,所以更新频率会高于正式版.
+内置所有依赖项, 体积较大, 可以减少GitHub服务器不稳定的影响. 由于任何依赖项更新后此脚本也需更新, 所以更新频率会高于正式版.
 
 [![预览离线版](https://img.shields.io/badge/预览离线版-🌟-blue.svg?style=flat-square&colorB=F06292)](https://github.com/the1812/Bilibili-Evolved/raw/preview/bilibili-evolved.preview-offline.user.js)
 
 兼备预览版和离线版的特点.
 
 > 某些破坏性的大更新会使旧版脚本**完全**无法工作, 请及时检查更新.
 # 设置
-脚本启用后,在网页左侧中央会有一个齿轮图标,点击即可打开设置.
+脚本启用后, 在网页左侧中央会有一个齿轮图标, 点击即可打开设置.
 设置项的说明见功能概览一节.
 
-**设置保存后,需要刷新网页才能生效.**
+**设置保存后, 需要刷新网页才能生效.**
 ![设置](images/gui-settings.png)
 ## 默认值
 ### 样式
-- 自定义颜色: `浅蓝色(#00A0D8)`
-- 新样式: `开启`
+- 主题颜色: `浅蓝色(#00A0D8)`
+- 样式调整: `开启`
     - 顶栏(对横幅)不透明度: `0.382`
 - 夜间模式: `关闭`
-- 搜索栏位置调整: `开启`
+- 夜间模式计划时段: `关闭`
+    - 起始时间: `18:00`
+    - 结束时间: `6:00`
+- 搜索栏置顶: `开启`
     - 显示顶部横幅: `开启`
 ### 工具
 - 删除广告: `开启`
@@ -55,38 +58,42 @@
 ### 其他
 - 显示消息: `开启`
 - 模糊设置面板背景: `关闭`
+- 启用缓存: `开启`
 
 # 功能概览
-为保证最佳体验,设备分辨率建议在1080P及以上,并且已登录哔哩哔哩账户.
+为保证最佳体验, 设备分辨率建议在1080P及以上, 并且已登录哔哩哔哩账户.
 ## 样式
-### 自定义颜色
-设定顶栏(新样式启用时)和夜间模式使用的主题色.
+### 主题颜色
+设定顶栏(样式调整启用时)和夜间模式使用的主题色.
 ![粉色](images/new-navbar-stardust.png)
 ![紫色](images/new-navbar-purple.png)
 ![蓝色](images/new-navbar-lightBlue.png)
 ![绿色](images/new-navbar-teal.png)
 ![暗蓝色](images/new-navbar-blueGrey.png)
-### 新样式
-改变顶栏的样式,并有一些界面微调.
-#### 效果
+### 样式调整
+改变顶栏的样式, 并有一些其他地方的界面微调.
+#### 顶栏效果
 ![主站](images/new-navbar.png)
 ![播放](images/new-navbar-stardust.png)
 ### 夜间模式(实验性)
-夜间模式更适合光线暗的环境,并会大量应用自定义颜色.
+夜间模式更适合光线暗的环境, 并会大量应用自定义颜色.
 
-目前仅支持部分常用页面,其他页面会陆续添加,不支持推广板块(会被`删除广告`功能去除的部分).
+目前仅支持部分常用页面, 其他页面会陆续添加, 不支持推广板块(会被`删除广告`功能去除的部分).
 #### 启用前
 ![日间](images/light-style.png)
 #### 启用后
 ![夜间](images/dark-style.png)
-### 搜索框位置调整
-在主站(非新版播放器)中,总是把搜索框置于顶栏.
+#### 夜间模式计划时段
+设置一个使用夜间模式的时间段, 进入/离开此时间段时, 会自动开启/关闭夜间模式.
+> 结束时间小于起始时间时将视为次日, 如`18:00`至`6:00`表示晚上18:00到次日6:00.
+### 搜索栏置顶
+在主站(非新版播放器)中, 总是把搜索框置于顶栏.
 #### 启用前
 ![不调整](images/original-navbar.png)
 #### 启用后
 ![调整](images/override-navbar.png)
 #### 移除横幅
-在搜索框位置调整启用的时候,还可以使用此功能移除顶部横幅.
+在搜索框位置调整启用的时候, 还可以使用此功能移除顶部横幅.
 ##### 启用前
 ![不移除](images/override-navbar.png)
 ##### 启用后
@@ -100,7 +107,7 @@
 #### 删除后
 ![删除后](images/remove-ads-after.png)
 ### 稍后再看重定向
-将稍后再看的链接重定向为普通播放网址,以使用新版播放页面.
+将稍后再看的链接重定向为普通播放网址, 以使用新版播放页面.
 ### 隐藏搜索推荐
 将搜索框的推荐词替换为`搜索`.
 ### 展开动态标题
@@ -113,10 +120,10 @@
 
 ## 视频与直播
 ### 查看封面
-在视频播放页面/直播间中,`设置`→`视频与直播`下会出现查看封面按钮,点击可以查看或保存封面.
+在视频播放页面/直播间中, `设置`→`视频与直播`下会出现查看封面按钮, 点击可以查看或保存封面.
 ![查看封面按钮](images/view-cover-button.png)
 ### 自动展开弹幕列表
-新版播放页面中,弹幕列表默认收起以显示推荐的其他视频.启用此功能可在每次加载视频时自动展开弹幕列表.
+新版播放页面中, 弹幕列表默认收起以显示推荐的其他视频. 启用此功能可在每次加载视频时自动展开弹幕列表.
 ### 缩放看板娘
 根据屏幕DPI缩放看板娘的大小以提高像素的清晰度.
 ### 删除直播水印
@@ -135,42 +142,44 @@
 
 ## 触摸支持
 ### 顶栏
-删除顶栏右侧的一级链接(从`大会员`到`历史`),以方便触屏设备快速预览信息.被删除的链接可从各预览中的`查看更多`进入.
+删除顶栏右侧的一级链接(从`大会员`到`历史`), 以方便触屏设备快速预览信息.被删除的链接可从各预览中的`查看更多`进入.
 ### 播放器
 #### 启用触摸控制
 - 左右滑动可调整进度
 - 上下滑动可调整音量
 - 进度调整可在左上角和右上角取消
-- 在不同位置滑动,可以使用3档不同的灵敏度.
+- 在不同位置滑动, 可以使用3档不同的灵敏度.
 
 ![进度调整](images/adjust-playback.png)
 ![音量调整](images/adjust-volume.png)
 
-已知问题: 滑动调整的音量不会保存,下次打开视频将恢复原音量.
+已知问题: 滑动调整的音量不会保存, 下次打开视频将恢复原音量.
 
 #### 启用双击控制
 将操作方式更改为: 单击显示/隐藏控制栏, 双击播放/暂停.
 #### 增大间距
-增大控制栏的按钮间距,使触摸操作更准确.
+增大控制栏的按钮间距, 使触摸操作更准确.
 ##### 启用前
 ![放大前](images/player-buttons-original.png)
 ##### 启用后
 ![放大后](images/player-buttons-large.png)
 ## 其他
 关于脚本自身的一些设定.
 ### 显示消息
-允许在网页左下角显示来自本脚本的消息,如更新提醒,错误提示等.
+允许在网页左下角显示来自本脚本的消息, 如更新提醒, 错误提示等.
 ![消息](images/toast.png)
 ### 模糊设置面板背景
 使设置面板的内容区半透明并模糊后方图像.
+### 启用缓存
+使用缓存以提高脚本的加载速度, 此选项只对非离线版有效.
 
 # 兼容性
 ## ![Chrome:兼容](https://img.shields.io/badge/Chrome-兼容-brightgreen.svg?style=flat-square&colorB=009688)
 - 背景模糊效果(`backdrop-filter`)需要手动在`chrome://flags/#enable-experimental-web-platform-features`中开启.
 ## ![Firfox:部分兼容](https://img.shields.io/badge/FireFox-部分兼容-yellow.svg?style=flat-square&colorB=1976D2)
 - 滚动条样式无效.
 - 背景模糊效果无效.
-- 触摸调整的进度预览有弹跳现象.(来自`transition: all 0.2s;`. 短时间内总是从原数值开始变化,而不是当前数值)
+- 触摸调整的进度预览有弹跳现象.(来自`transition: all 0.2s;`. 短时间内总是从原数值开始变化, 而不是当前数值)
 ## ![Edge:部分兼容](https://img.shields.io/badge/Edge-部分兼容-yellow.svg?style=flat-square&colorB=1976D2)
 - 滚动条样式无效.
 - 由于Edge的CSS渲染bug(主要集中在`filter`和`color`), 部分自定义颜色错乱.