时间戳

首页 > 解决方案 > 试图让个人网站配色方案与 Flux 色温相匹配

javascript - 试图让个人网站配色方案与 Flux 色温相匹配

问题描述

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

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

标签： javascripthtmlcsscolorshugo

解决方案

解决方案是使用色温到 rgba 转换工具

这里和这里

然后编写一个 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%);
}

推荐阅读