已掉线,重新登录

首页 > 绿虎论坛 > 历史版块 > 虎绿林 > 开发

标题: 虎绿林已正式支持全局夜间模式

作者: @Ta

时间: 2022-06-16发布,2022-06-17修改

点击: 16017

可在底部切换是否打开夜间模式。“跟随系统”就是如果系统设置里打开了夜间模式,则网页也变成夜间模式。jhin主题和经典主题均可用,markdown和代码高亮均已适配。

如果在系统中开启夜间模式后虎绿林的按钮颜色不对,jhin主题的顶栏也没有变黑,依然是绿色的,说明你的浏览器不支持夜间模式感知API,你必须去底部把夜间模式从“跟随系统”改成“开”。已知小米浏览器有这个问题。

图片.png


2楼和3楼是正常的渲染效果。如果除了图中效果之外还有额外效果,可能是浏览器自作主张添加进去的。此时只能考虑关闭系统级夜间模式,只开启虎绿林的夜间模式。


如果你不喜欢纯黑顶栏,导入以下网页插件可以得到墨绿色顶栏:

导入网页插件:jhin夜间模式墨绿色顶栏(当前用户:0,总安装次数:0)
<style>
[data-hu60-color-scheme='dark'] {
  --primaryColor: #10645c;
}
</style>

想要其他颜色的话,自己修改#10645c为其他颜色即可。

Screenshot_20220616_081537.jpg


[隐藏样式|查看源码]


『回复列表(29|隐藏机器人聊天)』

1.
老虎🐅手机📱,祝你每天激情不断。(基佬版)
(/@Ta/2022-06-16 07:28//)

2.

jhin主题效果:
Screenshot_20220616_072807_com.android.chrome.jpg
Screenshot_20220616_072839_com.android.chrome.jpg

(/@Ta/2022-06-16 07:29//)

3.

经典主题效果,和以前的夜间模式一样,只是模式切换按钮从首页中部改到了所有页面底部,并且添加了“跟随系统”选项。

Screenshot_20220616_073054_com.android.chrome.jpg

Screenshot_20220616_073100_com.android.chrome.jpg

(/@Ta/2022-06-16 07:39//)

4.

附件上传页面也已支持夜间模式:

Screenshot_20220616_073245_com.android.chrome.jpg

(/@Ta/2022-06-16 07:33//)

5.

怎么我印象中,很早的时候,老虎林有个护眼模式来着。。

(/@Ta/2022-06-16 07:33//)

6.

@无名啊,就是3楼说的经典主题,一直有夜间模式。这次没有修改经典主题的夜间模式样式,只是移动了切换按钮的位置,并添加了“跟随系统”功能。jhin主题的夜间模式则是新增的。

(/@Ta/2022-06-16 07:38//)

8.

@24333,你使用的不是虎绿林夜间模式,请在底部把“夜间模式”从“跟随系统”改成“开”。

(/@Ta/2022-06-16 07:40//)

10.

@24333,我认为纯黑很好看,很有高级感,我非常喜欢。如果你不喜欢,你可以使用网页插件对颜色进行覆盖。

(/@Ta/2022-06-16 07:44//)

11.

@24333,对了,你的描述有些奇怪啊

我开了图标是黑白的

目前只有顶栏的背景会变成黑色,图标只是亮度会降低,颜色不会有任何变化啊。

至于Logo,它本身就是白色的,只是背景从绿色变成黑色了。

你可以看2楼,那是正常的渲染效果。如果除了2楼的效果之外,还有额外效果,可能是浏览器自作主张添加进去的。此时只能考虑关闭系统级夜间模式,只开启虎绿林的夜间模式。

(/@Ta/2022-06-16 07:52//)

13.

@24333,把以下代码添加到网页插件,可以得到墨绿色顶栏:

导入网页插件:jhin夜间模式墨绿色顶栏(当前用户:0,总安装次数:0)
<style>
[data-hu60-color-scheme='dark'] {
  --primaryColor: #10645c;
}
</style>

想要其他颜色的话,自己修改#10645c为其他颜色即可。

Screenshot_20220616_081537.jpg

(/@Ta/2022-06-17 14:04//)

14.

@24333

有时候跳转指定楼层会定位至头像的不完整部分,这个可不可以优化一下

已经修复,现在的跳转目标变成头像了

(/@Ta/2022-06-16 08:44//)

17.

测试

(/@Ta/2022-06-16 10:35//)

18.

@24333,楼层跳转链接忘记加#楼层了,我修改一下。

(/@Ta/2022-06-16 10:36//)

19.

@24333,头像以前也没有阴影啊
图片.png
图片.png

(/@Ta/2022-06-16 10:41//)

20.

测试

(/@Ta/2022-06-16 10:43//)

21.

@24333,现在回复后可以直接跳转到回复所在楼层了。

(/@Ta/2022-06-16 10:43//)

23.

@24333,确实,以前有过,但那是一个Bug:

https://github.com/hu60t/hu60wap6/commit/67dfa0402140bb7fbd1328efab6457a684218291

阴影和底部间隙本来是加给附件图片的,不小心加到头像上了。不过在2月11日就已经没了。

图片.png

(/@Ta/2022-06-16 10:54//)

25.

@24333

还停留在有边框的时候。

可能是不恰当的浏览器缓存
今天我进行了大幅度修改,所以终于刷新了

(/@Ta/2022-06-16 11:09//)

26.

备注:楼层链接出现的黄色正方形边框我知道,是我今天加上去的。

(/@Ta/2022-06-16 11:10//)

下一页 1/2页,共29楼

回复需要登录

6月28日 17:39 星期六

本站由hu60wap6驱动

备案号: 京ICP备18041936号-1