尝试让个人网站配色方案匹配 Flux 色温

Question

我正在用 Hugo 构建网站。我使用“tokiwa”主题作为模板 https://themes.gohugo.io/hugo-theme-tokiwa/。

我的电脑上有Flux软件（可以调节屏幕的色温）。当flux的色温设置为1900K时，我喜欢这个模板的样子。我不确定如何开发我的网站，以便即使没有打开通量也能以这种方式显示。

Answer 1

解决方案是使用来自

的色温到 rgba 转换工具

here and here

然后编写一个 custom.css 文件制作该颜色的滤镜

.flux-overlay{
    position: relative;
    z-index: 1000;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    background: rgba(255, 155, 61, 5%);
}

.flux-background{

    background: rgba(255, 155, 61, 5%);
}